/*
 * Author: dengyang
 * LastTime: 2017-11-20 15:11:18
 * Description: 公共的 show-art.css 中是 文章展示页-样式
 * Contact: 
 */

/*文章页主要区域*/
/*show article*/
.show_article{width: 1300px;height: auto;overflow: hidden;margin: auto;position: relative;border-left: solid 1px #c1bfbf;border-right: solid 1px #c1bfbf;}
.show_article:after{width: 100%;height: 0;content: '';display: block;clear: both;}

/*文章页左侧：文章内容区域*/
/*left-main curpos(current position) title source author time body pagination background readall tags navigation like icon share*/
.sa_left_main{width: 680px;height: auto;padding: 0 110px;float: left;border-right: solid 1px #c1bfbf;padding-bottom: 600000px;margin-bottom: -600000px;}
/*文章顶部信息：页面位置*/
.sam_curpos{width: 100%;height: 15px;line-height: 15px;overflow: hidden;margin: 30px auto;margin-left: -6px;float: left;font-size: 12px;}
.sam_curpos span,
.sam_curpos a{margin: 0 6px;color: #717171;}
.sam_curpos a:hover{font-weight: bolder;}
/*文章顶部信息：文章标题*/
.sam_title{width: 100%;max-height: 100px;line-height: 50px;margin: 10px 0;overflow: hidden;}
.sam_title h1{font-size: 36px;font-weight: normal;color: #000;}
/*文章顶部信息：作者信息*/
.sam_author{width: 100%;height: 15px;overflow: hidden;}
.sam_author dd{height: 15px;line-height: 15px;overflow: hidden;float: left;padding-left: 18px;margin-right: 20px;font-size: 12px;color: #000;}
.sam_author .dd_src{max-width: 150px;background: url(../images2017/cssimg/icon/author/source9-bl.png) left center no-repeat;}
.sam_author .dd_auth{max-width: 150px;background: url(../images2017/cssimg/icon/author/author12-bl.png) left center no-repeat;}
.sam_author .dd_edit{max-width: 150px;background: url(../images2017/cssimg/icon/author/edit12-bl.png) left center no-repeat;}
.sam_author .dd_time{max-width: 65px;background: url(../images2017/cssimg/icon/author/time12-bl.png) left center no-repeat;}
/*文章正文body*/
.sam_body{width: 100%;height: auto;padding-top: 20px;}
.sam_body h3{padding: 10px 0;line-height: 35px;font-size: 18px;color: #000;}
.sam_body p{padding: 10px 0;line-height: 35px;font-size: 16px;color: #000;}
.sam_body em{font-style: italic;}
.sam_body p[align=center]{padding: 5px 0;line-height: 20px;font-size: 14px;color: #9fa0a0;text-align: center;font-weight: normal;}
.sam_body >img{max-width: 100%;height: auto;margin: 10px auto;text-align: center;display: block;}
.sam_body p img{max-width: 100%;height: auto;margin: auto;text-align: center;display: block;}
.sam_body p[align=center] img{margin: 5px auto;display: inline-block;}
.sam_body >img.lyld,
.sam_body p img.lyld{max-height: 120px;}
.sam_body >img.w100,
.sam_body p img.w100{max-height: 100%;}
/*文章页码导航*/
.sam_pgnbg{width: 100%;min-height: 35px;max-height: 70px;margin: 40px auto;position: relative;}
.sam_pgn{width: 600px;max-height: 70px;text-align: center;margin-left: -8px;}
.sam_pgn span,
.sam_pgn strong,
.sam_pgn a{min-width: 15px;height: 25px;line-height: 25px;padding: 5px 10px;display: inline-block;cursor: pointer;font-size: 16px;color: #000;}
.sam_pgn span,
.sam_pgn strong{color: #9fa0a0;font-weight: normal;}
.sam_pgn a:hover{background: #000;color: #fff;}
.sam_pgn_readall{width: 50px;height: 25px;line-height: 28px;padding-left: 33px;position: absolute;top: 2px;right: 0;cursor: pointer;background: url(../images2017/cssimg/icon/show/readall-bl.png) left center no-repeat;font-size: 12px;color: #000;}
.sam_pgn_readall a{color: #000;text-decoration: none;}
.sam_pgn_readall:hover{opacity: .6;}
/*文章内容底部：tag标签*/
.sam_tags{width: 100%;height: 30px;line-height: 28px;overflow: hidden;margin: 20px auto;}
.sam_tags dt{height: 30px;padding-left: 20px;float: left;margin-right: 5px;background: url(../images2017/cssimg/icon/show/tags-bl.png) left center no-repeat;font-size: 16px;}
.sam_tags dd{height: 28px;float: left;margin-right: 15px;border-bottom: solid 2px #fff;font-size: 16px;color: #000;}
.sam_tags dd:hover{font-weight: bolder;border-bottom: solid 2px #000;}
/*文章内容底部：全文导航*/
.sam_nav{width: 100%;height: auto;margin: auto;}
.sam_nav:after{width: 100%;height: 0;content: '';display: block;clear: both;}
.sam_nav dt{width: 100%;height: 35px;line-height: 35px;margin-bottom: 5px;font-size: 18px;}
.sam_nav dd{width: 310px;height: 35px;line-height: 35px;overflow: hidden;float: left;margin-right: 30px;font-size: 16px;color: #000;}
.sam_nav dd:hover{font-weight: bolder;}
/*文章内容底部：点赞踩和页面分享*/
.sam_likbg{width: 100%;height: 40px;margin: 40px auto;position: relative;}
.sam_ico_share{width: 30px;height: 40px;line-height: 40px;padding-right: 35px;position: absolute;z-index: 3;right: 0;top: 0;cursor: pointer;background: url(../images2017/cssimg/icon/share/share-gray.png) right center no-repeat;font-size: 12px;color: #9fa0a0;font-weight: bolder;}
.sam_ico_share:hover{opacity: 0.8;}
.sam_lik{width: 100%;height: 40px;margin: auto;text-align: center;}
.sam_lik .lik_zan{height: 40px;line-height: 40px;margin-right: 30px;padding-left: 30px;display: inline-block;background: url(../images2017/cssimg/zan/zan25-gray.png) left center no-repeat;font-size: 14px;color: #c9caca;font-weight: bolder;cursor: pointer;}
.sam_lik .lik_zan.is_active{background: url(../images2017/cssimg/zan/zan22-red.png) left center no-repeat;color: #ed859a;}
.sam_lik .lik_cai{height: 40px;line-height: 40px;margin-right: 30px;padding-left: 30px;display: inline-block;background: url(../images2017/cssimg/zan/cai24-gray.png) left center no-repeat;font-size: 14px;color: #c9caca;font-weight: bolder;cursor: pointer;}
.sam_lik .lik_cai.is_active{background: url(../images2017/cssimg/zan/cai24-pur.png) left center no-repeat;color: #8a85be;}
.sam_lik .lik_zan_ing,
.sam_lik .lik_zan_over{width: 120px;height: 33px;line-height: 28px;display: none;position: absolute;font-size: 14px;color: #ed859a;text-align: center;}
.sam_lik .lik_cai_ing,
.sam_lik .lik_cai_over{width: 120px;height: 33px;line-height: 30px;display: none;position: absolute;font-size: 14px;color: #8a85be;text-align: center;}
.sam_lik .lik_zan_ing,
.sam_lik .lik_cai_ing{background: url(../images2017/cssimg/zan/zanbg36-gray.png) center center no-repeat;}
.sam_lik .lik_zan_over,
.sam_lik .lik_cai_over{background: url(../images2017/cssimg/zan/zanbg116-gray.png) center center no-repeat;}
.sam_lik .lik_zan_ing{left: 50%;top: -30px;margin-left: -130px;}
.sam_lik .lik_zan_over{left: 50%;top: -25px;margin-left: -130px;}
.sam_lik .lik_cai_ing{left: 50%;top: -30px;margin-left: -45px;}
.sam_lik .lik_cai_over{left: 50%;top: -25px;margin-left: -45px;}

/*此类名下的html内容已经删除，或者，此类名已经修改名称并且不再使用此类名；此处写display: none;隐藏掉此类名下所有内容；以保证html旧代码再没修改时，页面仍然显示良好*/
.sam_sharebg{display: none;}     /*原本是：全屏隐藏的分享浮窗-文章页左侧内容区域*/
.sar_ul_djdzk{display: none;}    /*原本是：大家都在看-文章页右侧栏区域*/
.sar_ul_djdzl{display: none;}    /*原本是：大家都在聊-文章页右侧栏区域*/

/*文章页右侧栏区域*/
/*right-side djdzk(dajiadouzaikan) time view-number djdzl(dajiadouzailiao) comment-number reply gotobbs*/
.sa_right_side{width: 398px;height: auto;float: right;}
/*大家都在看*/
.sar_djdzk{width: 320px;height: auto;margin: auto;}
.sar_djdzk_title{width: 320px;height: 30px;margin: 40px auto;}
.sar_djdzk_title h5{height: 30px;line-height: 30px;overflow: hidden;font-size: 22px;color: #595757;text-align: center;font-weight: normal;}
.sar_djdzk ul{width: 320px;height: auto;margin: auto;}
.sar_djdzk ul li{width: 320px;max-height: 277px;margin: 20px auto;}
.sar_djdzk ul li .img{width: 320px;height: 192px;overflow: hidden;background: #f7f8f8;text-align: center;}
.sar_djdzk ul li .img img.lyld{height: 25%;max-height: 120px;}
.sar_djdzk ul li .img img.w100{width: 100%;display: block;}
.sar_djdzk ul li .txt{max-height: 60px;line-height: 30px;overflow: hidden;margin-top: 5px;}
.sar_djdzk ul li .txt h3{font-size: 16px;color: #595757;font-weight: normal;}
.sar_djdzk ul li:hover .txt h3{color: #ac8e59;}
.sar_djdzk ul li .inf{height: 15px;line-height: 15px;overflow: hidden;margin-top: 5px;}
.sar_djdzk ul li .inf dd{max-width: 80px;height: 15px;line-height: 15px;overflow: hidden;padding-left: 18px;float: left;margin-right: 20px;font-size: 12px;color: #595757;}
.sar_djdzk ul li .inf .dd_time{background: url(../images2017/cssimg/icon/author/time13-bl.png) left center no-repeat;}
.sar_djdzk ul li .inf .dd_vnum{background: url(../images2017/cssimg/icon/author/view13-bl.png) left center no-repeat;}
/*大家都在聊*/
.sar_djdzl{width: 320px;height: auto;margin: auto;}
.sar_djdzl_title{width: 320px;height: 30px;margin: 40px auto;}
.sar_djdzl_title h5{height: 30px;line-height: 30px;overflow: hidden;font-size: 22px;color: #595757;text-align: center;font-weight: normal;}
.sar_djdzl ul{width: 320px;height: auto;margin: auto;}
.sar_djdzl ul li{width: 280px;height: 100px;padding-left: 40px;margin: 40px 0;background: url(../images2017/cssimg/djdzl/1.png) left 15px no-repeat;}
.sar_djdzl ul li .txt{height: 60px;line-height: 30px;overflow: hidden;}
.sar_djdzl ul li .txt h3{font-size: 16px;color: #595757;font-weight: normal;}
.sar_djdzl ul li:hover .txt h3{color: #ac8e59;}
.sar_djdzl ul li .inf{height: 15px;line-height: 15px;overflow: hidden;padding: 10px 0;border-bottom: solid 2px #ececec;margin-top: 3px;}
.sar_djdzl ul .li6 .inf{border-bottom: none;}
.sar_djdzl ul li .inf dd{max-width: 50px;height: 15px;line-height: 15px;overflow: hidden;padding-left: 18px;float: left;margin-right: 20px;font-size: 12px;color: #595757;}
.sar_djdzl ul li .inf .dd_vnum{background: url(../images2017/cssimg/icon/author/view13-bl.png) left center no-repeat;}
.sar_djdzl ul li .inf .dd_cnum{background: url(../images2017/cssimg/icon/author/comment12-bl.png) left center no-repeat;}
.sar_djdzl ul li .inf .dd_reply:hover{color: #ac8e59;}
.sar_djdzl ul .li1{background-image: url(../images2017/cssimg/djdzl/1.png);}
.sar_djdzl ul .li2{background-image: url(../images2017/cssimg/djdzl/2.png);}
.sar_djdzl ul .li3{background-image: url(../images2017/cssimg/djdzl/3.png);}
.sar_djdzl ul .li4{background-image: url(../images2017/cssimg/djdzl/4.png);}
.sar_djdzl ul .li5{background-image: url(../images2017/cssimg/djdzl/5.png);}
.sar_djdzl ul .li6{background-image: url(../images2017/cssimg/djdzl/6.png);}
.sar_djdzl ul .li1:hover{background-image: url(../images2017/cssimg/djdzl/1h-bro.png);}
.sar_djdzl ul .li2:hover{background-image: url(../images2017/cssimg/djdzl/2h-bro.png);}
.sar_djdzl ul .li3:hover{background-image: url(../images2017/cssimg/djdzl/3h-bro.png);}
.sar_djdzl ul .li4:hover{background-image: url(../images2017/cssimg/djdzl/4h-bro.png);}
.sar_djdzl ul .li5:hover{background-image: url(../images2017/cssimg/djdzl/5h-bro.png);}
.sar_djdzl ul .li6:hover{background-image: url(../images2017/cssimg/djdzl/6h-bro.png);}
/*点击去论坛*/
.sar_gotobbs{width: 320px;height: 22px;margin: 20px auto;clear: both;background: url(../images2017/cssimg/show/goto-bbs2.png) right center no-repeat;}
.sar_gotobbs:hover{background: url(../images2017/cssimg/show/goto-bbs-h2.png) right center no-repeat;}

th,td{border-color: #dee2e6;border-style: solid;border-width: 1px;padding: 0.5rem 0.5rem;}
table{width: 100%;}