*,:after,:before{box-sizing:border-box}
.topic-wrapper{position:relative;width:100%;left:50%;transform:translatex(-50%)}
.topic-wrapper .topics-hd{position:relative;overflow:visible;width:100%;height:300px}
.topic-wrapper .topics-hd .title-wrapper{position:absolute;bottom:30px;left:50%;transform:translatex(-50%);width:1100px;z-index:2}
.topic-wrapper .topics-hd .title-wrapper .tag{position:absolute;left:0;top:-41px;width:68px;height:26px;line-height:26px;background-color:#17171f;text-align:center;color:#fff;font-size:12px}
.topic-wrapper .topics-hd .title-wrapper .title{width:900px;max-height:108px;font-size:36px;color:#fff;line-height:54px;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden;text-overflow:ellipsis; text-shadow:0 0 10px rgba(0,0,0,0.5)}
.topic-wrapper .topics-hd .bg-img{width:1140px;height:100%;background-size:auto 100%;background-position:50%;background-repeat:no-repeat;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;position:relative;margin:auto;}
.topic-wrapper .topics-hd .bg-img:before{content:"";position:absolute;width:100%;height:35%;bottom:0;right:0;left:0;background-image:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.5))}
.topic-wrapper .topics-hd .bg-img img{height:100%; display:block; position:absolute;top:0;left:0;right:0;margin:0 auto}
.topic-wrapper .brief{position:relative;margin-top:15px;width:84%;max-width:1140px;left:50%;transform:translatex(-50%);background:#f9f9f9;border:1px solid #f9f9f9;min-height:110px}
.topic-wrapper .brief .image{position:absolute;left:77px;top:35px;width:53px;height:40px;opacity:1}
.topic-wrapper .brief .brief-content{color:#828a92;font-size:16px;margin:30px 50px 30px 190px;text-align:justify}
.pagewrap{min-height:400px;max-width:1180px;padding:0 30px;margin:0 auto}
.pagewrap.pagewrap-full{width:100%;max-width:none;padding:0}
.mainlib_flex_wapper{display:table;width:100%}
.mainlib{background-color:#fff;min-height:5rem;display:table-cell;vertical-align:top;max-width:800px}
.mainlib .center_content{line-height:2;padding:1.5rem 0;margin-right:10%}

.kr_article_list ul{margin-bottom:0}
.kr_article_list ul li{border-bottom:1px solid #e6e8eb;margin-top:-1px}
.kr_article_list ul li:hover{ background-color:#f5f5f5}
.kr_article_list ul li:last-child{border-bottom:none}
.kr_article_list ul li .inner_li{border-top-left-radius:4px;border-bottom-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;height:9.5rem;overflow:hidden;padding:1rem 0;position:relative}
.kr_article_list ul li:last-child{margin-bottom:0}
.kr_article_list .mark{position:absolute;top:.4rem;left:.4rem;display:block;padding:0 .5rem;color:#fff;background:rgba(0,0,0,.5);font-size:.6rem;text-align:center;border-radius:1rem;z-index:11}
.kr_article_list .mark:hover{cursor:pointer}
.kr_article_list .h5_mark{display:none;line-height:1}
.kr_article_list .baidu_ads_mark{background-color:#7c91c2}
.kr_article_list .img_box{float:left;width:13rem;height:7.5rem;position:relative;overflow:hidden;background-color:#c3c3c3;margin-right:30px}
.kr_article_list .img_box.list-img-loaded{background-color:#fff}
.kr_article_list .img_box div{width:100%;height:100%;display:block;background-size:cover}
.kr_article_list .img_box img{width:100%;transition: all 0.7s;}
.kr_article_list .img_box img:hover{transform: scale(1.05);}
.kr_article_list .hide{display:none}
.kr_article_list .intro{font-size:.65rem;line-height:1.5;word-break:break-all;color:#828a92;height:100%;position:relative; display:flex;flex-direction:column;justify-content:space-between}
.kr_article_list .intro h3{font-size:18px;max-height:2.8em;font-weight:600;margin-bottom:.25rem;line-height:1.4em;color:#3d464d;display:block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2}
.kr_article_list .intro h3:hover{color:#366df0}
.kr_article_list .intro h3:after{display:none}
.kr_article_list .intro .abstract{position:relative;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;overflow:hidden;line-height:1.1rem;max-height:3.3rem}
.kr_article_list .intro .abstract:after{height:.9rem}
.kr_article_list .intro .line2{-webkit-line-clamp:2!important}
.kr_article_list .info{font-size:.65rem;word-break:break-all;color:#828a92;position:absolute;line-height:1.2;vertical-align:middle;bottom:1rem;width:100%;}
.kr_article_list .user-info{vertical-align:middle;display:inline-block}
.kr_article_list .oblique_line{padding:0 .1rem;margin:0}
.kr_article_list .name{color:#999;margin:0}
.kr_article_list .name:hover{color:#4285f4}
.kr_article_list .time-div,.kr_article_list .info .user-info-point{vertical-align:middle;display:inline-block}
.kr_article_list .h5_time{display:none}
.kr_article_list [class*=icon],.kr_article_list .info [class^=icon]{vertical-align:middle;font-size:14px;margin:1px 4px 0 0}
.kr_article_list .ab_test .baidu_ads_cell{height:9rem!important;border-bottom:1px dashed #c3c3c3;margin-bottom:1rem!important}
.kr_article_list .ab_test .baidu_ads_cell .mark{top:auto;bottom:1rem;left:0;border:1px solid #fff;padding:0;width:3rem;height:1.1rem;text-align:center;line-height:1.1rem}
.kr_article_list .ab_test .baidu_ads_cell .img_box{float:right;position:static}
.kr_article_list .ab_test .baidu_ads_cell .intro{margin-right:14rem;margin-left:0}
.kr_article_list .info-list{padding-right:2rem}
.kr_article_list .info-list,.kr_article_list .tags-list{display:inline-block;white-space:nowrap}
.kr_article_list .tags-list i{display:inline-block;color:#999!important;margin-left:0!important}
.kr_article_list .tags-list a{color:#999;display:inline-block;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}
.kr_article_list .tags-list a:hover{color:#4285f4}
.kr_article_list .inner_li_abtest .h5_mark{display:none!important}

.hidden{display:none!important}

.topic-page-wrapper{font-size:.8rem}
.topic-page-wrapper .topic-top-nav{margin-bottom:20px}
.topic-page-wrapper .topic-top-nav .kr-swipelist-container{max-width:1200px}
.topic-page-wrapper .preview-banner{background:#ffced1;padding:5px 30px;border-radius:5px;font-size:18px;margin:20px 18%!important}
.topic-page-wrapper .topics-hd{font-size:.7rem;position:relative;overflow:hidden}
.topic-page-wrapper .topics-hd .bg{content:" ";position:absolute;bottom:0;right:0;top:0;left:0;background:no-repeat 50% #f4f4f4;background-size:cover;z-index:5}
.topic-page-wrapper .topics-hd .center_content{padding:5rem 1.3em 1.25rem;color:#fff;position:relative;z-index:100;max-width:1180px;margin:0 auto}
.topic-page-wrapper .topics-hd .center_content .tag{background:rgba(0,0,0,.5);color:#fff;font-size:.6rem;text-align:center;padding:3px 10px;box-shadow:0 1px 0 rgba(0,0,0,.2);display:inline-block}
.topic-page-wrapper .topics-hd .center_content .title{font-size:2.1rem;text-shadow:0 1px 0 rgba(0,0,0,.8);font-weight:600;margin-top:5px;-webkit-font-smoothing:antialiased}
.topic-page-wrapper .topics-hd .center_content .brief{text-shadow:0 1px 0 rgba(0,0,0,.8);opacity:.8;font-size:.9rem;color:hsla(0,0%,100%,.9);margin-top:10px;max-width:700px}.topic-page-wrapper div.topics-wrapper{padding:0!important}
.topic-page-wrapper .pagewrap{max-width:1200px}
.topic-page-wrapper .mainlib .center_content{margin-right:0;padding-top:1rem}
.topic-page-wrapper .topic-content{position:relative}
.topic-page-wrapper .topic-content .topic-item{margin-bottom:2.4rem}
.topic-page-wrapper .topic-content .topic-item .item-wrapper{margin-bottom:3.2rem}
.topic-page-wrapper .topic-content .topic-item .item-wrapper:last-child{margin-bottom:0}
.topic-page-wrapper .topic-content .topic-item .item-wrapper>h3{font-size:.9rem;color:#9ca4ab;position:relative;margin-bottom:15px;line-height:1}
.topic-page-wrapper .topic-content .topic-item .item-wrapper>h3 span{display:inline-block;padding:0 0 0 1rem;position:relative;color:#3d464d;z-index:10;font-size:20px}
.topic-page-wrapper .topic-content .topic-item .item-wrapper>h3:before{content:" ";display:block;width:5px;height:20px;background:#366df0;position:absolute;top:50%;transform:translatey(-50%);left:0}
.topic-page-wrapper .topic-side-nav{position:absolute;top:0;left:0;width:100%;font-size:12px;line-height:30px;z-index:-1}
.topic-page-wrapper .topic-side-nav .side-nav{position:absolute;left:50%!important;margin-left:600px}
.topic-page-wrapper .topic-side-nav .side-nav:before{width:1px;position:absolute;top:8px;bottom:8px;background:#efefef;display:block;content:""}
.topic-page-wrapper .topic-side-nav .bar{position:absolute;top:0;margin-top:8px;left:-2px;width:4px;height:16px;background:#366df0;transition:all .3s}.topic-page-wrapper .topic-side-nav .nav-item{white-space:nowrap;padding-left:15px;cursor:pointer}
.topic-page-wrapper .topic-top-nav .custom-pin-wrapper{background-color:hsla(0,0%,100%,.85);z-index:111}
.topic-page-wrapper .topic-top-nav .top-nav{position:relative}
.topic-page-wrapper .topic-top-nav .top-nav .bar{position:absolute;left:0;bottom:0;width:40px;height:2px;background:#366df0;transition:all .3s ease-in-out;z-index:11}
.topic-page-wrapper .topic-top-nav .top-nav .nav-item{float:left;margin-right:40px;color:#9ca4ab;font-size:18px;line-height:1;padding:10px 0 12px;cursor:pointer;transition:all .3s ease-in-out}
.topic-page-wrapper .topic-top-nav .top-nav .nav-item:last-child{margin-right:0}
.topic-page-wrapper .topic-top-nav .top-nav .nav-item.active{color:#000;cursor:default}
.nav-item.active{
  border-bottom:2px solid #366df0;
  transition: all .3s ease-in-out;
  z-index: 11;
}
.nav-item{
  border-bottom:2px solid hsla(0,0%,100%,.85);;
}
.custom-pin-wrapper.fixed{
  position: fixed;
  top: 0px;
  left: 50%;
  margin-left: -570px;
}
body{
  min-width: 1140px;
  margin:0 auto;
}
.topic-wrapper .brief{
  width: 1140px;
}
.q-nav{width:1140px;margin:0 auto}
.q-ft{
  box-sizing: content-box;
}
.q-box{
  width: 1140px;
}
.m-gotop{width:38px;height:38px;border:1px solid #f1f1f1; background:url(/uploads/image/t21990736/gotop.png) no-repeat; background-size:100% 100%; position:fixed; bottom:20px; right:20px; cursor:pointer}
/* 焦点图 */
.focusbox{position: relative;background: #fff;width:1026px;height:622px;border: 1px solid #d4d6d9;margin:0 auto;margin-top: 35px;}
.focus{position:relative;width:1006px;height:602px; margin:0px auto; overflow:hidden;margin-top: 35px;}
.focus .focuslist{height:602px; overflow:hidden; position:absolute;top:0;left:0;width:100000px}
.focus .fcon{float:left; width:1006px;overflow: hidden; position:relative}
.focus .fcon img{ display:block;width:1006px;height:602px;transition: all 0.7s;}
/* .focus .fcon img:hover{transform: scale(1.05);} */
.focus .fcon h3{right: 0px;font-size: 16px;color: #fff !important;padding:0 10px;position:absolute; bottom:0; left:0;background: url(/uploads/image/t21990736/bgblack.png) no-repeat top center;color: #fff;line-height:49px;height: 65px;background-size: 100% 100%;text-align: center;_background:none;_background:#000 !important;}
.focus .focusnum{ position:absolute;right:0px;bottom:10px;left:0;margin: 0 auto;display:flex;justify-content:center;width:300px;height:8px; z-index:10;}
.focus .focusnum a{display:block;width:8px;height:8px;border-radius: 4px;margin:0 5px;color:#b0b0b0;background:#d9d9d9;}
.focus .focusnum .on,.focus .focusnum a:hover{background:#fb5f20;}
.focus .prev,.focus .next{position:absolute;width:36px;height:71px;background:url(/uploads/image/t21990736/focus_btn.png) no-repeat;_background: no-repeat;z-index: 11;d}
.focus .prev{top:275px;left:0;background-position:0 0;cursor:pointer;filter:alpha(opacity=75);-moz-opacity:0.75;opacity: 0.75;}
.focus .next{top:275px;right:0;background-position:-44px 0;cursor:pointer;filter:alpha(opacity=75);-moz-opacity:0.75;opacity: 0.75;}
.q-logo{box-sizing: content-box}