/*
 *  好记网络仿电脑百事网 2018
 *  http://www.haojio.com QQ:103247986
 */

/*全局*/
body{background:#efefef}

.header{border-bottom: 1px #dedede}

/*位置*/
.article-crumbs{padding:0 15px;height:33px;line-height:33px;background:#f8f8f8;border:1px solid #e4e4e4;color:#666;font-size:12px;overflow:hidden}
.article-crumbs i{font-size:12px}
.article-crumbs a{color:#666}

/*外框*/
.article-box{position:relative;background:#fff;border:1px solid #e4e4e4;padding:15px 15px 15px 140px}
.article-box .w728{margin-top:15px}

/*标题*/
.article-title{font-size:30px;color:#333;height:48px;line-height:48px;overflow:hidden}

/*属性*/
.article-sub{margin-top:10px;height:70px;line-height:30px;color:#888;border-bottom:1px solid #e6e6e6;display:block;position:relative}
.article-sub .avatar{position:absolute;left:0;top:0;width:52px;height:52px;border-radius:50%;border:1px solid #e8e8e8;background:#ddd}
.article-sub .avatar img{width:100%;height:100%;border-radius:50%}
.article-sub .info,.article-sub .name{padding-left:70px;overflow:hidden}
.article-sub .name a{display:inline-block;color:#656565;font-weight:700;font-size:1pc;float:left}
.article-sub .name .original{display:inline-block;float:left;padding:2px;border:1px solid #999;height:9pt;line-height:9pt;margin:5px 0 0 6px;font-size:14px}
.article-sub .info span{margin-right:15px;display:block;float:left}
.article-sub .info i{display:block;float:left;width:25px;height:30px;font-size:18px;color:#8a8a8a}
.article-sub .subscribe{position:absolute;right:0;top:9pt;width:5pc;background:#2e8ed9;color:#fff;height:2pc;text-align:center;cursor:pointer}
.article-sub .subscribe span{color:#fff;line-height:24px}

/*内容*/
.article-content{margin-top:20px;font-size:1pc;color:#0e0e0e}
.article-content p{margin:20px 0;font-size:1pc;line-height:30px;color:#0e0e0e}
.article-content img{max-width:660px;border:1px solid #dedede}
.article-content h3{padding:0 0 0 15px;height:20px;color:#333;font-size:20px;font-weight:700;line-height:18px;background:url(../images/h3bg.gif) repeat-x 0 5px;overflow:hidden;margin-top:20px}
.article-content h3 span{padding:0 10px;background:#fff}
.article-content h4{height:24px;line-height:24px;border-left:4px solid #379be9;padding-left:6px;font-size:1pc;text-indent:0;position:relative;background-color:#f9f9f9;margin-top:20px;z-index:-1}
.article-content a{color:#379be9;border-bottom:1px dotted #379be9}
.article-content .w250{width:260px;height:260px;margin:10px 20px 10px 0;float:left;overflow:hidden;clear:both;padding:4px;border:1px solid #cdcdcd}
.article-content .picture-item{border:1px solid #efefef;width:726px;position:relative;margin:30px auto;overflow:hidden}
.article-content .picture-item .img{display:table-cell;text-align:center;width:726px}
.article-content .picture-item .img img{margin:0 auto;max-width:726px;width:726px}
.article-content .picture-item .info{width:716px;padding:14px 0 10px 10px}
.article-content .picture-item .info .l{width:600px;line-height:23px;border-right:1px solid #dfdfdf;padding-right:13px;color:#555;float:left}
.article-content .picture-item .info .r{width:6pc;float:right;text-align:center;font:700 22px/54px Times New Roman;color:#262525}
.article-content .picture-item .info .r b{font:400 38px/54px Times New Roman;color:#ec2d01}

/*表格*/
.table_specs{border:1px solid #a2c7e1;border-collapse:collapse}
.table_specs td,.table_specs th{text-align:center;padding-top:5px;padding-bottom:5px;border:1px solid #a2c7e1}
.table_specs thead th{padding-top:8px;padding-bottom:8px;background:#a4bdff;font-weight:700}
.table_specs tbody th{background:#eef3f7;font-weight:500}

.article-content .list-paddingleft-2{padding-left:2em}
.article-content .list-paddingleft-2 li{list-style-type:disc;}
.article-content .list-paddingleft-2 li p{text-indent:0}

/*标签*/
.article-tags{width:100%;overflow:hidden}
.article-tags i{width:25px;height:25px;float:left;margin-top:3px}
.article-tags a{float:left;display:block;background:#f5f5f5;padding:0 9pt;margin-right:10px;height:2pc;line-height:2pc;color:#444}

/*导航*/
.article-pages{background:#f7f7f7;border-top:1px solid #e6e6e6;padding-left:10px;padding-bottom:10px;margin-top:20px;overflow:hidden}
.article-pages .hd{position:relative;height:40px;line-height:40px;overflow:hidden}
.article-pages .hd h3{font-size:1pc;line-height:40px;color:#2e8ed9;margin:0}
.article-pages .back{position:absolute;right:0;top:0;font-size:9pt;margin-right:10px}
.article-pages .back i{display:inline-block;width:20px;height:11px}
.article-pages ul{padding:0 5px}
.article-pages li{height:27px;padding-right:15px;overflow:hidden}
.article-pages li a{line-height:27px}

/*分页*/
#pages{margin-top:25px}

/*相关文章*/
.article-relation{margin-top:20px;padding:15px 0;background:#f9f9f9}
.article-relation .article-list li{float:left;width:44%;margin:0 3%;height:38px;line-height:38px;overflow:hidden}
.article-relation .article-list li a{height:38px;overflow:hidden}

/*随机文章*/
.article-rand{margin-top: 20px;}
.article-rand h5{font-weight:700;color:#3f3f3f}
.article-rand .feeds-item:first-child{    border-top: 1px solid #f0f0f0;}
.article-rand .hasImg{padding:0px 0 0px 172px;min-height:58px}
.article-rand .feeds-item .feeds-item-pic{width:148px;height:98px}
.article-rand .feeds-item h3{font-size:20px;font-weight:700}
.article-rand .feeds-item-info{font-size:14px}

/*左侧挂件*/
.article-left{position:absolute;top:15px;left:15px;z-index:10;background:#fff;font-size:14px}
.article-left .content{width:112px;}
.article-left .fixed{position:fixed;top:15px;}
.snsbox a{display:block;padding:10px 0;border-bottom:1px solid #e4e4e4;color:#999;cursor:pointer}
.snsbox a.s2{color:#2f8bcd}
.snsbox i{margin-right:10px;}
.bdshare .t{display:block;padding-top:15px}
.bdshare .bdsharebuttonbox a{float:left;margin:14px 0 0 0;padding-left:60px;height:30px;background-image:url(../images/icon.png);background-repeat:no-repeat;font-size:12px;line-height:30px;cursor:pointer}
.bdshare .bdsharebuttonbox a.bds_weixin{background-position:0 -310px}
.bdshare .bdsharebuttonbox a.bds_qzone{background-position:0 -343px}
.bdshare .bdsharebuttonbox a.bds_tsina{background-position:0 -376px}

/*话题*/
.topic-banner{width:100%;margin-bottom:15px}
.topic-banner .banner{width:75pc;height:100%;margin:0 auto;position:relative;overflow:hidden}
.topic-banner .banner img{width:100%;height:auto;max-height:280px;transition:all .2s ease-in}
.topic-banner .banner .banner-left-mask,.topic-banner .banner .banner-right-mask{width:75pt;height:100%;position:absolute;top:0}
.topic-banner .banner .banner-left-mask{left:0}
.topic-banner .banner .banner-right-mask{right:0}
.topic-banner-default{height:190px;background:url(../images/banner_bg.png);border-bottom:1px solid #ddd}

/*额外*/
.article-extra{position:relative;width:100%;height:35px;margin-top:30px}
.right-pos{position:absolute}
.right-pos,.right-pos .content{width:300px}
.right-pos .fixed{top:0;position:fixed}