.article-left-bar {
    position: relative;
    flex: 1;
    max-width: 273px;
}
.article-content-main {
    width: 900px;
}

.article-title {
    margin-top: 0;
    margin-bottom: 10px;
    line-height: 48px;
    font-size: 30px;
    font-weight: 600;
    color: #303030;
    line-height: 1.5em!important;
}

.article-infos{position:relative;padding-bottom: 15px;border-bottom: 1px solid #eeeeee;}
.article-info{height:26px;line-height:26px;}
.article-info a:hover{text-decoration:none}
.article-info .name{font-size:18px;font-weight:800;padding-right:13px;border-right:1px solid #ccc;margin-right:13px}
.article-info .name:hover{color:#369;text-decoration:none}
.article-info .time{font-size:14px;color:#999;padding-left:15px}
.article-info .tag{height:20px;line-height:20px;color:#ccc;display:inline-block;margin-right:24px;font-size:14px}
.article-info .tag:hover{text-decoration:none}
.article-info .type{color:#999;font-size:14px}
.article-info .type a{color:#999;font-size:14px}
.article-info .form{color:#999;font-size:14px;padding-left:15px}
.article-info .form a{color:#999;font-size:14px}
.article-info .read{margin-right:20px;color:#ccc;font-size:14px;display:inline-block;height:20px;line-height:20px;vertical-align:top}
.article-info .read .readnum{font-size:24px;color:#e94c3d}




.article-detail{padding-top: 20px;font-size:16px;line-height: 2;}
.article-detail p{
    line-height: 2;
	font-size: 16px;
	min-height: 30px;
	white-space: pre-wrap;
	word-break: break-all;
	margin-bottom: 10px}
.article-detail img{max-width: 90%!important;height: auto;}
.article-detail.smallest,.article-detail.smallest p{font-size:14px;line-height: 1.85;}
.article-detail.normal,.article-detail.normal p{font-size:16px;line-height: 2;}
.article-detail.biggest,.article-detail.biggest p{font-size:18px;line-height: 2.2;}

.article-editor{font-size:18px;line-height:30px;text-align:right;padding-top:10px}

.article-copyright{margin-top: 20px;padding: 15px;text-align:left;border: 1px dashed #ddd;}
.article-copyright p{font-size:14px;line-height:22px;color:#333}

.article-status{position:relative;height:76px;line-height:76px;border-width:2px 0 1px}
.article-status .tags{position:absolute;left:0;top:0;}
.article-status .tags a{font-size:14px;margin-right: 10px;padding: 6px 8px;border: 1px solid #d4d4d9;border-radius:50px}
.article-status .readnum{position:absolute;right:0;font-size:15px;}
.article-status .readnum span{color:#e94c3d;font-size:15px;font-weight:400}

.article-content-main.hr {margin-bottom: 30px;}
.hr .article-title {font-size: 26px;}
.hr .article-infos .salary{font-size: 18px;color: #FE0000;margin: 10px 0}
.hr .article-infos .work{font-size: 16px;margin-bottom: 15px;}
.hr .article-infos .work span{padding: 0 5px;}
.hr .article-infos .contact{background: #f2f2f2;padding: 10px 20px;display: flex;justify-content: space-between;}
.hr .article-infos .contact span a{color: #FF7300;text-align: right;}
.hr .article-infos .contact-btn span{background: #0146AE;border-radius: 2px;padding: 5px 10px;}
.hr .article-infos .contact-btn span:hover{background: #F55309;}
.hr .article-infos .contact-btn span a{color: #fff;font-size: 14px;}
.hr .article-detail{line-height: unset;}
.hr .article-detail .intro{margin-bottom: 20px}
.hr .article-detail p{line-height: unset;}


.bottom-share{height:195px;border-top: 1px solid #f0f0f4;border-bottom:2px solid #f0f0f4;position:relative;padding-top:90px;margin-bottom:6px!important}
.bottom-share .tit{position:absolute;left:0;top:40px;font-size:18px;font-weight:800}
.sharecodebox{position:absolute;width:205px;height:155px;top:20px;right:0;border:1px solid #eee}
.sharecodebox .iqcode{position:absolute;top:-18px;left:50%;margin-left:-15px;padding:10px;background:#fff url(../images/qcode_d9af0cc.png) no-repeat center;display:block;width:10px;height:15px}
.sharecodebox .sharecode{width:104px;height:104px;display:block;margin:15px auto 0}
.sharecodebox p{font-size:12px;text-align:center;margin-top:12px}

.relateread{margin-top:20px;margin-bottom:20px;line-height:26px;}
.relateread .last a,.relateread .next a{color:#333}
.relateread .last a:hover,.relateread .next a:hover{color:#e05a5a;text-decoration:none}

/*分享*/
.sharebox{line-height:40px;}
.sharebox .share{position:relative;left:21%;top:0;float:left;}
.sharebox .share a{position:relative;left:-50%;}
.sharebox .share.add_share_left{position:fixed;left:50%;margin-left:-650px;top:275px;width:50px;}
.sharebox .share.add_share_left a{margin:5px;}

/*感兴趣的文章*/
.ctread_bd{margin:0 auto 20px;}
.ctread_bd p{height: 40px;line-height: 40px;border-bottom: 1px solid #f0f0f4;margin-bottom: 20px;font-weight: bold;}
.ctread_li{width:205px;height:205px;float:left;margin-right: 22px}
.ctread_li .ctread_img{position:relative;}
.ctread_li .ctread_img img{width:205px;height:142px;}
.ctread_li .ctread_name{width:205px;height:44px;overflow:hidden;line-height:22px;font-size:14px;margin-top: 5px;}


.weixin_popup {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d8d8d8;
    padding: 10px;
    position: fixed;
    z-index: 11001;
    text-align: left;
    font-size: 12px;
}
.weixin_popup .weixin_popup_head {
    color: #000;
    font-weight: bold;
    height: 16px;
    line-height: 16px;
    position: relative;
    text-align: center;
}

.weixin_popup .weixin_popup_head .weixin_popup_close {
    color: #666;
    font-size: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    text-decoration: none;
    top: 0;
    width: 16px;
}

.weixin_popup .weixin_popup_main {
    TEXT-ALIGN: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.weixin_popup .weixin_popup_foot {
    color: #666;
    line-height: 22px;
    text-align: left;
}

#weixin_qrcode {
    height: 295px;
    left: 333.5px;
    bottom: 150px;
    width: 240px;
}
.sap-out {
    float: left;
    width: 120px;
    min-height: 10px;
    position: relative;
    z-index: 10;
}
.shareAndPrint {
    width: 100px;
    border: none;
}
.shareAndPrint.fixedUp {
    position: fixed;
    top: 80px;
    background-color: #fff;
}

.sap-top {
    padding: 0 25px;
}
.sap-top .share-box a {
    display: block;
    width: 44px;
    height: 44px;
    font-size: 0;
    line-height: 44px;
    padding: 0;
    text-align: center;
    margin: 0 auto 20px;
    float: none;
    background: no-repeat center center/23px auto;
    box-shadow: 0 2px 4px #00000024;
    border-radius: 50%;
}
.sap-top .share-box .bds_weixin {
    background-image: url(../images/wechat-b.svg);
    -webkit-background-size: 26px auto;
    background-size: 26px auto
}
.sap-top .share-box .bds_weixin:hover {
    background-image: url(../images/wechat.svg)
}
.sap-top .share-box .bds_tsina {
    background-image: url(../images/weibo-b.svg)
}
.sap-top .share-box .bds_tsina:hover {
    background-image: url(../images/weibo.svg)
}
.sap-top .share-box .bds_linkedin {
    background-image: url(../images/linkedin-b.svg)
}
.sap-top .share-box .bds_linkedin:hover {
    background-image: url(../images/linkedin.svg)
}
.sap-top .share-box .bds_qzone {
    background-image: url(../images/qqzone-b.svg)
}
.sap-top .share-box .bds_qzone:hover {
    background-image: url(../images/qqzone.svg)
}
.sap-top .share-box .bds_qq {
    background-image: url(../images/qq-b.svg)
}
.sap-top .share-box .bds_qq:hover {
    background-image: url(../images/qq.svg)
}
.sap-top .share-box .bds_copy {
    background-image: url(../images/copylink-b.svg)
}
.sap-top .share-box .bds_copy:hover {
    background-image: url(../images/copylink.svg)
}
.sap-mid {
    padding: 0 25px;
}
.sap-mid .print {
    display: block;
    width: 44px;
    height: 44px;
    margin-bottom: 20px;
    background-image: url(../images/print.png);
    background-image: -webkit-image-set(url(../images/print.png));
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: 22px auto;
    background-size: 22px auto;
    box-shadow: 0 2px 4px #00000024;
    border-radius: 50%;
}
.sap-mid .text {
    display: block;
    width: 44px;
    height: 44px;
    background-image: url(../images/h-t.png);
    background-image: -webkit-image-set(url(../images/h-t.png));
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: 22px auto;
    background-size: 22px auto;
    box-shadow: 0 2px 4px #00000024;
    border-radius: 50%;
}
.js-text {
    position: relative
}
.js-text:hover .set-fontSize {
    opacity: 1;
    pointer-events: auto
}
.set-fontSize {
    position: absolute;
    left: 90%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #fff;
    padding: 0 21px 0 20px;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 0 18px 0 rgba(0, 0, 0, .1);
    border-radius: 3px;
    z-index: 5;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}
.set-fontSize:after {
    content: '';
    background-image: url(../images/h-san-l.png);
    background-image: -webkit-image-set(url("../images/h-san-l.png"));
    width: 12px;
    height: 19px;
    background-repeat: no-repeat;
    background-position: right center;
    -webkit-background-size: contain;
    background-size: contain;
    position: absolute;
    right: 100%;
    top: 50%;
    margin-top: -10px
}
.sf-item {
    white-space: nowrap;
    line-height: 47px;
    color: #545454;
    opacity: .6;
    width: 70px;
    text-align: right;
    border-bottom: 1px solid #ececec;
    background-image: url(../images/h-text.png);
    background-image: -webkit-image-set(url("../images/h-text.png"));
    background-repeat: no-repeat;
    background-position: left 10px center;
    -webkit-background-size: 14px auto;
    background-size: 14px auto;
    padding-right: 10px
}
.sf-con .sf-item:last-child {
    border-bottom: none
}
.sf-item.on {
    color: #ec412e;
    background-image: url(../images/h-text-r.png);
    background-image: -webkit-image-set(url("../images/h-text-r.png"))
}

.share-detail {
    display: flex;
    align-items: center;
}
.share-detail a {
    display: block;
    width: 40px;
    height: 40px;
    font-size: 0;
    line-height: 40px;
    padding: 0;
    text-align: center;
    float: none;
    margin-right: 10px;
    background: no-repeat center center/22px auto
}
.share-detail .bds_weixin {
    background-image: url(../images/wechat-b.svg);
    -webkit-background-size: 28px auto;
    background-size: 28px auto
}
.share-detail .bds_weixin:hover {
    background-image: url(../images/wechat.svg)
}
.share-detail .bds_tsina {
    background-image: url(../images/weibo-b.svg)
}
.share-detail .bds_tsina:hover {
    background-image: url(../images/weibo.svg)
}
.share-detail .bds_linkedin {
    background-image: url(../images/linkedin-b.svg)
}
.share-detail .bds_linkedin:hover {
    background-image: url(../images/linkedin.svg)
}
.share-detail .bds_qzone {
    background-image: url(../images/qqzone-b.svg)
}
.share-detail .bds_qzone:hover {
    background-image: url(../images/qqzone.svg)
}
.share-detail .bds_qq {
    background-image: url(../images/qq-b.svg)
}
.share-detail .bds_qq:hover {
    background-image: url(../images/qq.svg)
}