@charset "utf-8";
/* 公共新闻标题 */
.t_topblue{height: 5px;margin-bottom: 10px;background: #0050A8;border-radius: 3px;}
.t_name{margin-right: 30px;font-size: 18px;color: #13233F;}
.t_name.current{font-weight: 600;color: #0050a8;}
.t_more{margin-right: 10px;margin-top: 4px;padding-right: 13px;font-size: 12px;font-weight: 600;color: #657180;background: url('../images/title_icon_more.png') center right no-repeat;}
.float_hangqing.fixed{position:fixed;left:0;right:0;}
.float_hangqing.fixed .box_right{position:absolute;right:0;top: 0;-webkit-transition-property: bottom;transition-property: bottom;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;}
.float_hangqing.fixed.bottom .box_right{top: auto;bottom: 0;}

.outline_title{padding: 13px 20px;line-height: 50px;border:1px solid #F1F4F8;font-size: 18px;font-weight: 500;color: #17233D;line-height: 25px;}
/* 栏规格 */
.al_collage{margin-top: 20px;padding-bottom: 50px;z-index: 101;}
.al_collage .box_left{margin-right: 20px;width: 980px;}
.al_collage .box_right{width: 400px}
.al_collage .box_right .thesisItem{
    width: 100%;
    margin-bottom: 20px;
}
.al_collage .box_right .thesisItem.the2020{
    margin-bottom: 0;
}
.al_collage .box_right .thesisItem img{
    width: 100%;
}
.al_collage .box_right .the2021{
    height: 257px;
    padding: 87px 20px 25px;
    box-sizing: border-box;
    background: url(../images/bg_paper_2021@2x.png) no-repeat center;
    background-size: 100%;
    position: relative;
}
.al_collage .box_right .the2021>a{
    display: block;
    width: 87px;
    height: 28px;
    position: absolute;
    top: 22px;
    right: 10px;
    border-radius: 12px;
}
.al_collage .box_right .the2021 .tItemcon{
    width: 100%;
}
.al_collage .box_right .the2021 .tItemcon li{
    width: 100%;
    margin-bottom: 12px;
}
.al_collage .box_right .the2021 .tItemcon li .theIcon{
    width: 20px;
    height: 20px;
    margin-right: 5px;
}
.al_collage .box_right .the2021 .tItemcon li .theIcon img{
    width: 100%;
}
.al_collage .box_right .the2021 .tItemcon li .theTitle{
    width: calc(100% - 25px);
    height: 20px;
    line-height: 20px;
    font-size: 15px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
    overflow: hidden;
}


.t_toptext{padding: 0 10px 0;}
/* breadcrumb */
.directory .category{padding: 0;}
.directory .category .lwjBanner{
    width: 100%;
    height: 130px;
    margin-bottom: 40px;
    position: relative;
}
.directory .category .lwjBanner .closeBan{
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    height: 25px;
    /* background-color: #fff; */
}
.directory .category .lwjBanner img{
    width: 100%;
}
.directory .category .breadcrumb{height: auto; line-height: inherit;}
/* 更多按钮 */
.morelist_btn{margin-top: 40px;margin-bottom: 50px;text-align: center;}
.more_btn{text-decoration: none !important; display: inline-block; padding: 10px 79px;font-size: 15px;font-weight: 500;color: #0050A8;line-height: 21px;background: #FFFFFF;border-radius: 21px;border: 1px solid #004EA2;}

/* ======== 铝学院 ======== */
.al_adpic{margin-bottom: 20px;width: 1400px;}
.content_box .answer .list_item{padding:0 0 20px 0;}
.content_box .answer .list_item li{padding: 20px;-webkit-box-sizing: border-box;box-sizing: border-box;border-bottom: 1px solid #E8EAEC;}
.content_box .answer .list_item .title{margin-top: 0;margin-bottom: 10px;}
.content_box .answer .list_item .pic{margin-bottom: 0;width: 215px;height: 121px;}
.content_box .answer .list_item .info{width: 605px;height: auto;border-top:none;}
.content_box .answer .list_item .info.nopic{width: 100%;}
.content_box .answer .list_item .desc{margin-bottom: 25px;max-height: 70px;overflow: hidden;}
.content_box .answer .list_item .statistical{margin-left: 10px;margin-top: 2px;}
.content_box .answer .list_item .infos .num{margin-left: 5px;}

.content_box .series .list_item .pic{width: 283px;height: 160px;}
.content_box .series .list_item .info{width: 537px;height: 160px;}
.content_box .series .list_item .info.nopic{width: 100%;}

.content_box .box_right .t_toptext{padding-bottom: 20px;}
/* 推荐视频 */
.recommend_video{margin-top: 20px;padding-bottom: 10px;}
.recommend_video li{margin-bottom: 10px;}
.recommend_video li a{display: block; width: 280px;height: 158px;margin: 0 auto; overflow: hidden;background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);border-radius: 4px;}
.recommend_video li a .cover_layer{top: 0;left: 0;width: 280px;height: 158px;margin: 0 auto;background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);border-radius: 4px;}
.recommend_video li .cover{width: 100%;}
.recommend_video .banner_icon_bf_50{left: 10px;bottom: 39px;}
.recommend_video .title{left: 0;right: 0;bottom: 10px;margin:0 auto;width: 260px;font-size: 15px;font-weight: 400;color: #FFFFFF;line-height: 21px;height: 21px;overflow: hidden;}
/* 文库 */
.wk_sec .library_list{
    margin-top: 20px;
    padding: 0 20px;
    box-sizing: border-box;
}
.wk_sec .library_list .library_item li{
    margin-right: 20px;
    margin-bottom: 20px;
}
.wk_sec .library_list .library_item li:nth-child(4n){
    margin-right: 20px;
}
.wk_sec .library_list .library_item li:nth-child(6n){
    margin-right: 0px;
}
.wk_sec .library_list .library_item li a{
    width: 140px;
    height: 220px;
}
.wk_sec .library_list .library_item li a .cover{
    width: 100%;
    height: 168px;
}
.wk_sec .library_list .library_item a .cover_pic{
    height: auto;
}
.wk_sec .library_list .library_item li a .title{
    width: 100%;
}
.wk_sec .library_list .library_item li a .tags_name{
    padding: 3px 10px;
    line-height: 16px;
}
.wk_sec .library_list .library_item li a:hover{
    box-shadow: none;
}
.wk_sec .library_list .library_item a:hover .cover_pic{
    transform: translate(0,-50%) scale(1);
    -webkit-transform: translate(0,-50%) scale(1);
    -moz-transform: translate(0,-50%) scale(1);
    -ms-transform: translate(0,-50%) scale(1);
    -o-transform: translate(0,-50%) scale(1);
}
.wk_sec .library_list .library_item li a:hover .title.rows{
    color: #FA7600;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    height: 44px;
}
.library{padding: 10px;}
.library li{padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px solid #E8EAEC;}
.library .info{width: 194px;margin-right: 10px;}
.library .info a{font-size: 16px;font-weight: 500;color: #13233F;line-height: 22px;}
.library .info a:hover{color: #004ea2;}
.library .info .title{font-size: 16px;font-weight: 500;color:inherit;line-height: 22px;}
.library .info .infos {margin-top: 15px;}
.library .info .infos .icon{width: 16px;height: 16px;margin-right: 5px;}
.library .info .infos .datas{font-size: 13px;font-weight: 400;color: #9CA7B5;line-height: 18px;}
.library .cover {width: 76px;height: 76px;overflow: hidden;}
.library .cover img{width: 100%;height:100%;-o-object-fit: cover;object-fit: cover;}
/* .library .cover .tags{font-size: 11px;font-weight: 400;color: #FFFFFF;background: #FFFFFF;border-radius: 4px;border: 1px solid #F2F2F2;} */
.library .cover .tags{padding: 1px 6px;font-size: 11px;font-weight: 400;color: #FFFFFF;background: rgba(0, 0, 0, 0.5);z-index: 9;right: 0;bottom: 0;border-radius: 4px 0px 4px 0px;}

/* ======== 问答列表 ======== */
.question_list .directory .sec_menu{padding: 20px 25px 10px;}
.question_list .directory .breadcrumb{margin-bottom: 20px;}
.question_list .content_box .list_item{margin-top: 0;}
.question_list .content_box .list_item .knClass{
    background: #FFFFFF;
    border-radius: 3px;
    color: #FA7600;
    border: 1px solid rgba(250, 118, 0, 0.5);
    padding: 2px 4px;
}
.box_right .hot_question{padding-bottom: 5px;}
.box_right .hot_question li{padding: 0 15px;margin-bottom: 15px;}
.box_right .hot_question a{font-size: 14px;font-weight: 400;color: #17233D;text-decoration: none; }
.box_right .hot_question .info .answer_num{margin-left: 5px;font-size: 14px;font-family: PingFangSC-Semibold, PingFang SC;font-weight: 600;color: #9EA7B4;line-height: 20px;}
.box_right .hot_question a:hover{color: #004ea2;}

/* ======== 文库列表 ======== */
/* .library_list .library_item li{margin-right: 20px;margin-bottom: 25px;} */
.library_list .library_item li{margin-right: 43px;margin-bottom: 25px;}
/* .library_list .library_item li:nth-child(5n){margin-right: 0;} */
.library_list .library_item li a{text-decoration: none; display: inline-block;width: 205px;height: 296px;border-radius: 8px;-webkit-transition: all .4s;transition: all .4s;text-align: center;}
.library_list .library_item li a:hover{background: #FFFFFF;-webkit-box-shadow: 0px 8px 12px 0px rgba(0, 80, 168, 0.1);box-shadow: 0px 8px 12px 0px rgba(0, 80, 168, 0.1);-webkit-transition: all .4s;transition: all .4s;}
.library_list .library_item .cover{width: 205px;height: 205px;border-radius: 8px;border: 1px solid #E8EAEC;-webkit-box-sizing: border-box;box-sizing: border-box;overflow: hidden;}
.library_list .library_item .tags_name{top: 10px;left: 10px;padding: 3px 15px;font-size: 12px;font-weight: 400;color: #FFFFFF;background: rgba(0, 0, 0, 0.5);border-radius: 12px;line-height: 17px;z-index: 1;}
.library_list .library_item .cover_pic{ width: 100%;height: 205px;top: 50%;left: 0; margin: auto; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; transform: translate(0,-50%)scale(1); -webkit-transform: translate(0,-50%)scale(1); -moz-transform: translate(0,-50%)scale(1); -ms-transform: translate(0,-50%)scale(1); -o-transform: translate(0,-50%)scale(1); -o-object-fit: cover; object-fit: cover;}
.library_list .library_item a:hover .cover_pic{ transform:translate(0,-50%) scale(1.2) ; -webkit-transform:translate(0,-50%) scale(1.2) ; -moz-transform:translate(0,-50%) scale(1.2) ; -ms-transform:translate(0,-50%) scale(1.2) ; -o-transform:translate(0,-50%) scale(1.2) ; }
.library_list .library_item .cover .icon{right: 0;bottom: 0;width: 25px;height: 25px;z-index: 1;}
.library_list .library_item .title{margin: 10px auto 0 !important; width: 185px;height: auto; -webkit-line-clamp: 2;line-clamp: 3;font-size: 16px;font-weight: 500;color: #13233F;line-height: 22px;}
.library_list .library_item .portrait{margin-right: 5px;width: 20px;height: 20px;background: #FFFFFF;border: 1px solid #E8EAEC;border-radius: 50%;}
.library_list .library_item .name{font-size: 14px;font-weight: 400;color: #454C5C;line-height: 20px;}
.library_list .library_item .separated{margin: 0 10px;width: 3px;height: 17px;font-size: 12px;font-weight: 400;color: #DCDEE2;line-height: 17px;}
.library_list .library_item .icon_browse{margin-top: 2px;width: 16px;height: 16px;margin-right: 5px;}
.library_list .library_item .num{font-size: 13px;font-weight: 400;color: #9CA7B5;line-height: 18px;line-height: 16px;margin-top: 1px;}
.library_list .library_item .bottom{display: inline-block;margin-top: 10px;height: 18px;}
.library_list .library_item .bottom>*{display: none;}
.library_list .library_item li a:hover .title.rows{height: 22px; -webkit-line-clamp: 1;line-clamp: 1;}
.library_list .library_item li a:hover .bottom>*{display: inline-block;}
/* ======== 画册列表 ======== */

.library_list.album_list .library_item li a .title.rows{height: 22px; -webkit-line-clamp: 1;line-clamp: 1;}
/* .library_list .library_item li a:hover .bottom{display: inline-block;} */



/* ======== 铝型材专刊 ======== */
.special_list .library_list .library_item .cover{width: 205px;height: 279px;border-radius: 8px;border: 1px solid #E8EAEC;-webkit-box-sizing: border-box;box-sizing: border-box;overflow: hidden;}
.special_list .library_list .library_item .cover_pic{ width: 100%; height: auto;top: 50%; left: 0;  margin: auto; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; transform: translate(0,-50%)scale(1); -webkit-transform: translate(0,-50%)scale(1); -moz-transform: translate(0,-50%)scale(1); -ms-transform: translate(0,-50%)scale(1); -o-transform: translate(0,-50%)scale(1); }

/* ======== 知识列表 ======== */
.knowledge_list .list_head{height: 60px;line-height: 60px;border-bottom:1px solid #F1F4F8; margin-bottom: 20px;}
.hot_knowledge .knowledge{padding: 0 10px 5px;}
.hot_knowledge .knowledge a{font-size: 14px;font-weight: 400;color: #13233F;}
.hot_knowledge .knowledge a:hover{color: #0050a8;}
.hot_knowledge .first {margin-bottom: 20px;}
.hot_knowledge .first .cover{margin-right: 10px;width: 146px;height: 109px;overflow: hidden;}
.hot_knowledge .first .cover img{width: 100%;}
.hot_knowledge .first .info{width: 124px;height: 109px;}
.hot_knowledge .first .info .title{width: 124px;height:40px;overflow: hidden;}
.hot_knowledge .first .info .company_name{font-size: 12px;bottom: 0;left: 0;width: 124px;overflow: hidden;}
.hot_knowledge .knowledge li{margin-bottom: 15px;}

/* 翻页 */
.box_right .page{margin-top: 20px;margin-bottom: 20px;padding: 10px;}
.box_right .page .item{width: 280px;height: 100px;display: block;margin-bottom: 10px; padding: 15px;width: 280px;height: 100px;background: #fff;border-radius: 2px;-webkit-box-sizing: border-box;box-sizing: border-box;text-decoration: none;}
.box_right .page a.item:hover{background: #F8F8F9;color: #004ea2;-webkit-transition: all .4s;transition: all .4s;}
.box_right .page .item .nth{margin-bottom: 10px;display: inline-block;font-size: 14px;font-weight: 400;color: #9EA7B4;line-height: 20px;padding-right: 17px;}
.box_right .page .item .title{font-size: 14px;font-weight: 400;color: #17233D;color: #17233d;}
.box_right .page a.item:hover .title{color: #004ea2;-webkit-transition: all .4s;transition: all .4s;}

/* ======== 文库列表详情 ======== */
.library_content .head_title{width: 980px;height: auto;padding: 20px 20px 30px;background: #FFFFFF;-webkit-box-sizing: border-box;box-sizing: border-box;}
.head_title .tags{margin-bottom: 10x;}
.head_title .tags .text{margin-right: 10px;padding: 4px 12px;color: #004ea2;background: #EAF4FF;border-radius: 2px;}
.head_title .left_title{width: 713px;}
.head_title .title_name{margin-top: 15px;}
.head_title .title_name .tag{margin-top: 3px;margin-right: 5px;padding: 2px 6px;background: -webkit-gradient(linear, left top, right top, from(#00B2FF), to(#007AFF));background: linear-gradient(90deg, #00B2FF 0%, #007AFF 100%);border-radius: 2px;font-size: 14px;font-weight: 400;color: #FFFFFF;}
.head_title .title_name .title{font-size: 22px;font-family: PingFangSC-Semibold, PingFang SC;font-weight: 600;color: #17233D;line-height: 30px;padding-bottom: 0;padding-top: 0;}
.head_title .detail_info {margin-top: 20px;}
.head_title .detail_info .portrait{margin-right: 5px;width: 20px;height: 20px;background: #FFFFFF;border: 1px solid #E8EAEC;border-radius: 50%;}
.head_title .detail_info .portrait{width: 20px;height: 20px;background: #FFFFFF;border: 1px solid #E8EAEC;border-radius: 50%;}
.head_title .detail_info .text{font-size: 14px;font-weight: 400;color: #657180;line-height: 20px;}
.head_title .operation{margin-top: 41px;}
.head_title .operation>div{cursor: pointer;}
.head_title .operation .down_btn{font-size: 14px;font-weight: 500;color: #FFFFFF;line-height: 20px;margin-right: 20px;padding: 7px 22px;background: -webkit-gradient(linear, left top, right top, from(#007CFF), to(#004EA2));background: linear-gradient(90deg, #007CFF 0%, #004EA2 100%);border-radius: 17px;}
.head_title .operation .icon,.head_title .operation .text{margin-top: 7px;}
.head_title .operation .icon{margin-right: 5px;width: 20px;height: 20px;vertical-align: middle;}
.head_title .operation i.icon{background-repeat: no-repeat;background-size: 100% 200%; background-position: 0% 0%;}
.head_title .operation .text{margin-right:20px;font-size: 14px;font-weight: 500;color: #9EA7B4;line-height: 20px;vertical-align: middle;}
.head_title .operation .swift i.icon{background-position: 0% 100%;}
.head_title .operation .swift .text{color:#004EA2;}
.head_title .cover_pic{width: 110px;height: 150px;border-radius: 8px;border: 1px solid #E8EAEC;}
.head_title .cover_pic img{width: 110px;height: 150px;-o-object-fit: cover;object-fit: cover;}
.library_content .cover_pic .icon{right: 0;bottom: 0;width: 25px;height: 25px;z-index: 1;}
.library_content .interval{margin: 0 10px;width: 3px;height: 20px;font-size: 14px;font-weight: 400;color: #E8EAEC;line-height: 20px;}

/* 文库详情内容 */
.library_content .page_content{margin-top: 20px;}
.library_content .page_content .controls{width: 980px;height: 40px;padding: 10px 20px;background: #F8F8F9;border-bottom: 1px solid #F1F4F8;-webkit-box-sizing: border-box;box-sizing: border-box;}
.page_content .controls .input-text{margin-right: 5px;width: 20px;height: 20px;line-height: 20px;text-align: center; background: #FFFFFF;border-radius: 2px;border: 1px solid #E8EAEC;}
.page_content .controls .total{margin-right: 30px;font-size: 14px;font-weight: 400;color: #657180;line-height: 20px;}
.page_content .controls .wd_icon_zk{width: 20px;height: 20px;}
.page_content .library_pp{padding-top: 10px;}
.page_content .library_pp .dividing_line{width: 880px;height: 1px;background-color: #E8EAEC;}
.page_content .library_pp img{padding: 10px 20px 10px 20px;width: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;}
.page_content .library_pp .tips{left: 0;bottom: 0;width: 880px;height: 614px;background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#FFFFFF));background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);}
.page_content .library_pp .tips .morelist_btn{left: 0;right: 0;bottom: 30px;margin: auto;}
/* 相关推荐 */
.library_content .recommend{margin-top: 30px;margin-bottom: 15px;font-size: 18px;font-weight: 500;color: #17233D;line-height: 25px;}
.library_content .recommend .title{margin-bottom: 15px;}
.library_content .recommend .more_btn{border: none;}

/* ======== 问答列表详情 ======== */
.question_details .head_title{margin-bottom: 20px;width: 880px;height: auto;padding: 20px 30px 25px 20px;background: #FFFFFF;-webkit-box-sizing: border-box;box-sizing: border-box;}
.question_details .head_title .title_name{margin-top: 0;}
.question_details .head_title .detail_info {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-top: 10px;}
.question_details .head_title .detail_info .portrait{margin-right: 10px;width: 25px;height: 25px;background: #FFFFFF;border: 1px solid #F2F2F2;}
.question_details .head_title .detail_info .name{margin-right: 5px;font-size: 16px;font-weight: 500;color: #17233D;line-height: 22px;}
.question_details .head_title .detail_info .icon_qyrz{margin-right: 5px;width: 15px;height: 15px;}
.question_details .head_title .detail_info .text{font-size: 12px;font-weight: 400;color: #FA7600;line-height: 17px;}
.question_details .head_title .question_desc{margin: 10px 0;font-size: 15px;font-weight: 400;color: #17233D;line-height: 21px;}
.question_details .head_title .operation{margin-top: 30px;}
.question_details .head_title .operation .check_my_answer_btn{cursor: pointer;;margin-right: 20px;padding: 7px 22px 7px 20px;font-size: 14px;font-weight: 500;color: #004EA2;line-height: 20px;background: #F2F2F2;border-radius: 17px;}
.question_details .head_title .operation .answer_btn{cursor: pointer;;margin-right: 20px;font-size: 14px;font-weight: 500;color: #FFFFFF;line-height: 20px;padding: 7px 22px 7px 20px;background: -webkit-gradient(linear, left top, right top, from(#007CFF), to(#004EA2));background: linear-gradient(90deg, #007CFF 0%, #004EA2 100%);border-radius: 17px;}
.question_details .head_title .operation .invitation_btn{cursor: pointer;;margin-right: 20px;padding: 7px 22px 7px 20px;font-size: 14px;font-weight: 500;color: #004EA2;line-height: 20px;background: #FFFFFF;border-radius: 17px;border: 1px solid #004EA2;}
.question_details .head_title .operation .btn_icon{margin-right: 5px;}
.answer_details .top_head{padding: 13px 20px;height: 50px;border-bottom:1px solid #F1F4F8;font-size: 18px;font-weight: 500;color: #17233D;-webkit-box-sizing: border-box;box-sizing: border-box;}
.answer_details .answer_box{padding: 21px;padding-bottom: 0;}
.answer_details .user_info .portrait{margin-right: 11px;width: 40px;height: 40px;background: #FFFFFF;border: 1px solid #F2F2F2;border-radius: 50%;overflow: hidden;}
.answer_details .user_info .portrait img{width: 100%;height: 40px;-o-object-fit: cover;object-fit: cover;}
.answer_details .user_info .portrait .user_name{margin-bottom: 1px;font-size: 15px;font-weight: 500;color: #17233D;line-height: 21px;}
.answer_details .user_info  .user_name{margin-bottom: 1px;font-size: 15px;font-weight: 500;color: #17233D;line-height: 21px;}
.answer_details .user_info  .desc{font-size: 14px;font-weight: 400;color: #657180;line-height: 20px;}
.answer_details .user_info .focus_button{padding: 8.5px 16px;background: #FFFFFF;border-radius: 16px;border: 1px solid #004EA2;cursor: pointer;}
.answer_details .user_info .focus_button img{width: 15px;height: 15px;margin-right: 3px;}
.answer_details .user_info .unfocus_button{background: #F2F2F2;border: 1px solid #F2F2F2;}
.answer_details .user_info .focus_button .text{font-size: 14px;font-weight: 500;color: #004EA2;line-height: 1;}
.answer_details .adopt{display:inline-block;margin-top: 21px;padding:4px 12px;background: #F1F4F8;border-radius: 11px;}
.answer_details .adopt .btn_icon_cnda{margin-right: 3px;width: 14px;height: 14px;}
.answer_details .adopt .text{font-size: 10px;font-weight: 400;color: #004EA2;line-height: 14px;}
.answer_details .answer_content{margin: 20px auto 40px;font-size: 15px;font-weight: 400;color: #17233D;line-height: 24px;}
.answer_details .answer_box .answer_content{margin-bottom: 0;/*max-height: 240px;*/overflow: hidden;}
.answer_details .answer_box .answer_content img{max-width: 100%;}
.answer_details .copyright_tips{font-size: 15px;font-weight: 400;color: #9EA7B4;line-height: 21px;}
.answer_details .answer_bottom{border-bottom: 1px solid #F1F4F8;min-height: 54px;}
.answer_details .answer_box:last-child .answer_bottom{border-bottom:none;}
.answer_details .answer_bottom .tool>div{cursor: pointer;}
.answer_details .answer_bottom .tool .icon{margin-right: 5px;width: 20px;height: 20px;}
.answer_details .answer_bottom .tool i.icon{background-repeat: no-repeat;background-size: 100% 200%; background-position: 0% 0%;}
.answer_details .answer_bottom .tool .text{margin-right: 30px;font-size: 14px;font-weight: 500;color: #9EA7B4;line-height: 20px;}
.answer_details .answer_bottom .tool .swift i.icon{background-position: 0% 100%;}
.answer_details .answer_bottom .tool .swift .text{color:#004EA2;}
.answer_details .answer_bottom {display: block;width: 100%;}
.answer_details .answer_bottom .bottom_float_row {display: block;width: 100%;position: relative;background-color: transparent;}
.answer_details .answer_bottom .bottom_float_row .bottom_container .bottom_wrapper{padding:17px 0;}
.answer_details .on_float .bottom_float_row{position: fixed;left: 0;bottom: 0;z-index: 100;}
.answer_details .on_float .bottom_float_row .bottom_container{max-width:1200px;min-width:1200px;margin:0 auto;}
.answer_details .on_float .bottom_float_row .bottom_container .bottom_wrapper{width:880px;background:#FFFFFF;-webkit-box-shadow:0px -1px 5px 0px rgba(0,0,0,0.1);box-shadow:0px -1px 5px 0px rgba(0,0,0,0.1);padding:17px 21px;-webkit-box-sizing: border-box;box-sizing: border-box;}

.question_details .view_all{text-align: center; margin-top: 20px;padding: 16px 0;font-size: 15px;font-weight: 500;color: #0050A8;line-height: 21px;cursor: pointer;}

.answer_details .packup{display: none;cursor: pointer;}
.answer_details .packup .text{margin-right: 5px;font-size: 14px;font-weight: 500;color: #9EA7B4;line-height: 20px;}
.answer_details .packup .wd_icon_shouqi{width: 20px;height: 20px;}
.answer_details .on_all{display: none;left: 0;right:0;bottom: 75px;width: 880px;height: 110px;background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(75%, #FFFFFF));background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 75%);cursor: pointer;}
.answer_details .on_all .text{left: 0;right: 0;bottom: 10px;text-align: center; font-size: 15px;font-weight: 400;color: #004EA2;line-height: 21px;}
.question_details .all_view{margin-top: 10px;padding: 16px 0;text-align: center;font-size: 15px;font-weight: 500;color: #0050A8;line-height: 1;}

/* 没有回答 */
.no_answer{padding: 100px 0;text-align: center;}
.no_answer .text{margin: 25px auto 30px;font-size: 16px;font-weight: 400;color: #464C5B;line-height: 22px;}
.no_answer .answer_btn .btn_icon{margin-right: 10px;}
.no_answer .answer_btn{display: inline-block; cursor: pointer;margin-right: 20px;font-size: 14px;font-weight: 500;color: #FFFFFF;line-height: 20px;padding: 10px 69px;background: -webkit-gradient(linear, left top, right top, from(#007CFF), to(#004EA2));background: linear-gradient(90deg, #007CFF 0%, #004EA2 100%);border-radius:20px;}

/* 滚动条 */
.iv-scroll-bar::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#fff;}
.iv-scroll-bar::-webkit-scrollbar{width:6px;background-color:#fff;}
.iv-scroll-bar::-webkit-scrollbar-thumb{background-color:#DCDEE2;}


/* 问答-弹出层 */
.pop-item{max-width:690px;height:80%;width:690px;padding:0;background:#fff;display:none;position:relative;border-radius:8px;color:#17233D;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;}
.pop-item-close{cursor:pointer;left:calc(100% + 20px);top:20px;position:absolute;border-radius:100%;height:40px;width:40px;display:block;background-image:url(/static/styles/images/questions_icon_close.png);background-repeat:no-repeat;background-size:100% 100%;}
.pop-item #iframe_commoent{width: 100%;height: 100%;overflow: hidden;border-radius:8px;}
.iframe-comment {background-color: #fff;display: block;position: absolute;left: 0;right: 0;bottom: 0;top: 0;overflow: hidden;}
.iframe-comment h3{-webkit-box-sizing:border-box;box-sizing:border-box;padding:17px 20px 15px 20px;line-height:1.5;position:relative;width:100%;height:60px;background:#FFFFFF;font-size:18px;font-weight:bold;color:#17233D;-webkit-box-shadow:0px 1px 0px 0px #E8EAEC;box-shadow:0px 1px 0px 0px #E8EAEC;}
.iframe-comment .split_bar{margin-top: 104px;text-align: center; width: 100%;height: 1px;background: #E8EAEC;}
.iframe-comment .split_bar span{background: #fff;display: inline-block;padding: 0 20px;font-size: 14px;font-weight: 400;color: #17233D;line-height: 20px;}
.iframe-comment .comment-container{-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;height: calc(100% - 120px);overflow-y: scroll;padding: 20px 0;}
.iframe-comment .comment_info{padding: 0 20px;}
.iframe-comment .comment_info li{margin-bottom: 20px;}
.iframe-comment .comment_info .reply_msg li{margin-bottom: 20px;border-bottom:  1px solid #E8EAEC;}
.iframe-comment .comment_info .reply_msg li:last-child,.iframe-comment .comment_info .reply_msg li:nth-last-child(2){border-bottom: none;}
.iframe-comment .comment_info .portrait{margin-right: 11px;width: 38px;height: 38px;background: #FFFFFF;border: 1px solid #F2F2F2;border-radius: 50%;overflow: hidden;-webkit-box-sizing: border-box;box-sizing: border-box;}
.iframe-comment .comment_info .portrait img{width: 100%;}
.iframe-comment .comment_info .infos{width: calc(100% - 50px);}
.iframe-comment .comment_info .infos .name{margin-bottom: 1px;font-size: 13px;font-weight: 500;color: #17233D;line-height: 18px;}
.iframe-comment .comment_info .infos .date{font-size: 12px;font-weight: 400;color: #9EA7B4;line-height: 17px;}
.iframe-comment .comment_info .infos .zan{cursor: pointer;}
.iframe-comment .comment_info .infos .zan .icon{margin-top: 10px;width: 16px;height: 16px;margin-right: 5px;}
.iframe-comment .comment_info .infos .zan .num{margin-top: 10px;font-size: 13px;font-weight: 400;color: #9CA7B5;line-height: 18px;}
.iframe-comment .comment_info .infos .comment_content{margin-top: 12px;margin-bottom: 20px;}
.iframe-comment .comment_info .infos .more_reply{cursor: pointer;display: inline-block;}
.iframe-comment .comment_info .infos .reply{display: inline-block;cursor: pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width: 100%;}
.iframe-comment .comment_info .infos .wd_icon_pl{margin-right: 5px;width: 20px;height: 20px;cursor: pointer;}
.iframe-comment .comment_info .infos .num{font-size: 14px;font-weight: 400;color: #9EA7B4;line-height: 20px;cursor: pointer;}
.iframe-comment .comment-bottom{width:100%;height:60px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0px -1px 0px 0px #E8EAEC;box-shadow:0px -1px 0px 0px #E8EAEC;}
.iframe-comment .comments_box .comments_text.haslogin{display: block;}
/* 回复页面 */
.iframe-comment .replies_title{-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px 20px 15px 20px;line-height:1;position:relative;width:100%;height:60px;background:#FFFFFF;font-size:18px;font-weight:bold;color:#17233D;-webkit-box-shadow:0px 1px 0px 0px #E8EAEC;box-shadow:0px 1px 0px 0px #E8EAEC;}
.iframe-comment .blankbar{border: none;display: block;width: 100%;height: 10px;background-color: rgb(248, 248, 249);}
.iframe-comment .replies_list .reply_msg{background:transparent;border-radius:0px;border:none;-webkit-border-radius:0px;-moz-border-radius:0px;-ms-border-radius:0px;-o-border-radius:0px;}
.iframe-comment .replies_list .reply_msg li:nth-last-child(2){border-bottom:  1px solid #E8EAEC;}

/* 回复评论 */
.iframe-comment .reply_msg{margin-top: 20px;margin-bottom: 20px;padding: 11px 11px 15px 11px;width: 100%;height: auto;background: #F8F8F9;border-radius: 4px;border: 1px solid #F1F4F8;-webkit-box-sizing: border-box;box-sizing: border-box;}
.iframe-comment .reply_msg .portrait{width: 23px; height: 23px;margin-right: 0;}
.iframe-comment .reply_msg  .name{margin:3px 5px 0;line-height: 18px;}
.iframe-comment .reply_msg  .date{margin-top:3px;line-height: 17px;}
.iframe-comment .reply_msg .more_reply .text{margin-right: 5px;margin-right: 5px;font-size: 12px;font-weight: 400;color: #657180;line-height: 17px;}
.iframe-comment .reply_msg .more_reply .icon_zankai{margin-top: 4px;}
/* 回复评论输入框 */
.iframe-comment .reply_textarea.comments_box{margin: 16px auto;width: auto;height: auto;padding: 12px 15px;overflow: hidden;background: #F8F8F9;border-radius: 4px;border: 1px solid #F1F4F8;}
.iframe-comment .reply_textarea.comments_box .comments_text{width: 100%;height: 69px;}
.iframe-comment .reply_btn_group{text-align: right; font-size: 14px;font-weight: 500;color: #17233D;line-height: 20px;}
.iframe-comment .reply_btn_group .cancel_btn{cursor: pointer;display:inline-block;vertical-align: middle; /*margin-top: 5px;*/margin-right: 42px;font-size: 14px;font-weight: 500;color: #17233D;line-height: 20px;}
.iframe-comment .reply_btn_group .reply_btn{cursor: pointer;display:inline-block;vertical-align: middle; font-size: 14px;font-weight: 500;color: #FFFFFF;line-height: 20px;padding: 5px 22px;background: -webkit-gradient(linear, left top, right top, from(#007CFF), to(#004EA2));background: linear-gradient(90deg, #007CFF 0%, #004EA2 100%);border-radius: 17px;}
.iframe-comment .comment-bottom .L{width: calc(100% - 92px);-webkit-box-sizing: border-box;box-sizing: border-box;padding: 12px 20px;}
.iframe-comment .comment-bottom input[type=text]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;width:100%;height:36px;background:#F8F8F9;}
.iframe-comment .comment-bottom input[type=text]::-webkit-input-placeholder{color:#C3CBD6}
.iframe-comment .comment-bottom input[type=text]:-ms-input-placeholder{color:#C3CBD6}
.iframe-comment .comment-bottom input[type=text]::-ms-input-placeholder{color:#C3CBD6}
.iframe-comment .comment-bottom input[type=text]::placeholder{color:#C3CBD6}
.iframe-comment .comment-bottom .R{width: 92px;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 12px 0 0 0;}
.iframe-comment .published_btn{display:inline-block;width:72px;height:36px;font-size:14px;font-weight:bold;color:#FFFFFF;line-height:20px;padding:7px 22px;background:-webkit-gradient(linear,left top, right top,from(#007CFF),to(#004EA2));background:linear-gradient(90deg,#007CFF 0%,#004EA2 100%);border-radius:17px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;}
/* 新建回答 */
.iframe-comment .i-container{-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;height: calc(100% - 120px);overflow-y: scroll;padding: 0 0 20px 0;}
.iframe-comment .i-bottom{width:100%;height:60px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0px -1px 0px 0px #E8EAEC;box-shadow:0px -1px 0px 0px #E8EAEC;}
.iframe-comment .i-bottom .L{width: calc(100% - 244px);-webkit-box-sizing: border-box;box-sizing: border-box;padding: 12px 20px;}
.iframe-comment .i-bottom .R{width: 244px;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 12px 0 0 0;}
.iframe-comment .i-bottom .L>* {vertical-align: middle;}
.iframe-comment .i-bottom .L span{font-size:15px;font-weight:400;color:#464C5B;line-height:21px;}
.iframe-comment .i-bottom .L .tips4tips{position: relative;margin-left: 5px;margin-right: 20px;}
.iframe-comment .i-bottom .L .tips4tips .tips{ position: absolute; left: 100%; bottom: 50%; display:block; width: 200px; height: auto; background-color: #F0F4F8; border: 1px solid #004EA2; padding:20px; display: none; border-radius:3px ; -webkit-border-radius:3px ; -moz-border-radius:3px ; -ms-border-radius:3px ; -o-border-radius:3px ; }
.iframe-comment .i-bottom .L .tips4tips:hover .tips{display: block;}
.iframe-comment .i-bottom .L .en_tips_label{display:inline-block;width:36px;height:24px;background-repeat:no-repeat;background-size:100% 100%;}
.iframe-comment .i-bottom .L #en_tips+.en_tips_label{background-image: url(/static/styles/images/questions_switch_off.png);}
.iframe-comment .i-bottom .L #en_tips:checked+.en_tips_label{background-image: url(/static/styles/images/questions_switch_on.png);}
.iframe-comment .i-bottom .L #en_tips{display: none;}
.iframe-comment .i-bottom .R>*{vertical-align: middle;}
.iframe-comment .i-bottom .R .count_length{display:inline-block;width:147px;height:25px;background:#F8F8F9;border-radius:13px;font-size:14px;font-weight:400;color:#657180;line-height:20px;text-align: center;-webkit-box-sizing: border-box;box-sizing: border-box;padding:3px 0;margin-right: 5px;}
.iframe-comment .i-bottom .R .count_length.overlength{color:red;}
/* 邀请回答 */
.invite-answer .searchbar{display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;width:250px;height:32px;background:#F8F8F9;color:#17233D;border-radius:16px;right:20px;top:14px;border:none;padding:0 20px 0 41px;background-image:url(/static/styles/images/nav_icon_sousuo.png);background-repeat:no-repeat;background-position:15px center;}
.invite-answer .invite-names{display: block;-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;padding:20px;}
.invite-answer .invite-names .no-result,.invite-answer .no-invited{display: none;font-size:14px;color:#9EA7B4;text-align:center;padding:40px;}
.invite-answer .invite-names li{display: block;margin-bottom: 22px;}
.invite-answer .invite-names li .L{width: calc(100% - 102px);}
.invite-answer .invite-names li .R{width: 100px;}
.invite-answer .invite-names li .portrait,.invite-answer .selected_wrapper li .portrait{margin-right: 11px;width: 47px;height: 47px;background: #FFFFFF;border: 1px solid #F2F2F2;border-radius: 50%;overflow: hidden;-webkit-box-sizing: border-box;box-sizing: border-box;}
.invite-answer .invite-names li .portrait img,.invite-answer .selected_wrapper li .portrait img{width: 100%;}
.invite-answer .invite-names li .user_name,.invite-answer .selected_wrapper li .user_name{margin-bottom: 5px;font-size: 16px;font-weight: bold;color: #17233D;line-height: 21px;}
.invite-answer .invite-names li .desc,.invite-answer .selected_wrapper li .desc{font-size:14px;color:#9EA7B4;}
.invite-answer .invite-names li .invite_button{cursor:pointer;width:80px;height:32px;font-size:14px;font-weight:500;color:#004EA2;line-height:30px;background:#FFFFFF;border-radius:17px;border:1px solid #004EA2;text-align:center;}
.invite-answer .invite-names li .invite_button>*{display: inline-block;vertical-align: middle;}
.invite-answer .invite-names li .invite_button img {margin-right: 5px;margin-top: 4px;}
.invite-answer .invite-names li .invited_button{cursor:default;width:80px;height:32px;font-size:14px;font-weight:500;color:#004EA2;line-height:30px;background:#F2F2F2;border-radius:17px;border:1px solid #F2F2F2;text-align:center;}
.invite-answer .invite-names li .invited_button>*{display: contents;vertical-align: middle;}
.invite-answer .invite-names li .R>div{margin-top: 9px;}
.invite-answer .i-bottom2 .L{width: calc(100% - 76px);-webkit-box-sizing: border-box;box-sizing: border-box;padding: 12px 20px;}
.invite-answer .i-bottom2 .R{width: 76px;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 12px 0 0 0;}
.invite-answer .i-bottom2 .L p{font-size:15px;font-weight:400;color:#17233D;line-height:21px;margin-top:9px;}
.invite-answer .i-bottom2 .L p span{font-weight: bold;}
.invite-answer .i-bottom2 .R .toggle_list_btn{cursor: pointer;;width:56px;height:20px;font-size:14px;font-weight:bold;color:#004EA2;line-height:20px;margin-top: 8px;}
.invite-answer .selected_wrapper{z-index: 1000;overflow-y: scroll;display:none;position:absolute;right:0;bottom:60px;width:355px;height:50%;border-radius:8px;background-color: #fff;-webkit-box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.2);box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.2);-webkit-box-sizing: border-box;box-sizing: border-box;padding: 20px;}
.invite-answer .selected_wrapper.on{display: block;}
.invite-answer .selected_wrapper li{display: block;width: 100%;padding:11px 0;border-bottom: 1px solid #DCDEE2;}

.special{margin-top: 20px;width: 980px;}
.J_special{width:980px;text-align:cneter;}
.J_special .slide_box{overflow:hidden; zoom:1; padding:30px 27px 30px 21px; position:relative;}

.J_special .s_prev,.J_special .s_next{ position:absolute; left:5px; top:79px; display:block; width:58px; height:58px; background-color: #fff;-webkit-box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.2);box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.2);border-radius: 50%;z-index: 1;background-image: url('../images/zk_previous.png');background-repeat: no-repeat;background-position: center;}
.J_special .s_next{ left:auto; right:5px; background-image: url('../images/zk_nextious.png'); }
.J_special .s_prev:hover,.J_special .s_next:hover{ background: #004EA2 url('../images/zk_previous_hover.png') no-repeat center;opacity: 0.84;}
.J_special .s_next:hover{background-image: url('../images/zk_nextious_hover.png');}

.J_special .parBd ul{ overflow:hidden; zoom:1;}
.J_special .parBd ul li{ margin:0 7.5px; float:left; _display:inline; overflow:hidden; text-align:center;}
.J_special .parBd ul li .pic{ text-align:center;}
.J_special .parBd ul li .pic img{ width:126px; height:177px; display:block; }
.J_special .parBd ul li .pic a:hover img{ border-color:#999;}
.J_special .parBd ul li .title{font-size: 16px;font-weight: 500;color: #13233F;line-height: 22px; }

/* ======== 专刊列表 ======== */
.al_special{margin-top: 0;}
.al_special .special_head{padding: 20px 0;margin-bottom: 20px;}
.choose_time .label_select{margin-top: 10px;margin-right: 25px;font-size: 14px;font-weight: 400;color: #9EA7B4;}
.choose_time .select-box {padding: 0;margin: 0;margin-right: 20px;border: none;}
.choose_time .select-box .select{width: 140px;height: 40px;background: #FFFFFF;border-radius: 4px;font-size: 14px;font-weight: 400;color: #17233D;line-height: 20px;border: 1px solid #E8EAEC;}
.choose_time .select_btn{padding: 10px 42px;font-size: 14px;font-weight: 500;color: #FFFFFF;line-height: 20px;background: -webkit-gradient(linear, left top, right top, from(#007CFF), to(#004EA2));background: linear-gradient(90deg, #007CFF 0%, #004EA2 100%);border-radius: 20px;cursor: pointer;}
/* 列表 */
.al_special .library_list .library_item .icon_zhouqi{margin-top: 1px;width: 16px;height: 16px;margin-right: 5px;}
.al_special .library_list .cover .btn_icon_zxrd{top: 10px;left: 10px;width: 26px;height: 26px;background: rgba(0, 0, 0, 0.5);border-radius: 50%;}
.al_special .library_list .cover .btn_icon_zxrd img{width: 18px;height: 18px;display: block;margin: 3px auto 0;}
.al_special .library_list .cover .headlines{top: 0;right: 0;padding: 5px 16px;font-size: 14px;font-weight: 500;color: #FFFFFF;line-height: 20px;background: -webkit-gradient(linear, left top, right top, from(#FDAE00), to(#FA7600));background: linear-gradient(90deg, #FDAE00 0%, #FA7600 100%);border-radius: 15px 8px 15px 15px;}
.al_special .library_list .cover .subscribe{ opacity: 0;;bottom: 10px; left: 0; right: 0; margin: auto; width: 119px; height: 32px; background: rgba(0, 0, 0, 0.5); border-radius: 16px; transition:all 0.5s ; -webkit-transition:all 0.5s ; -moz-transition:all 0.5s ; -ms-transition:all 0.5s ; -o-transition:all 0.5s ; }
.al_special .library_list .cover .subscribe img{width: 20px;height: 20px;margin-top: 6px;margin-left: 19px;margin-right: 4px;}
.al_special .library_list .cover .subscribe .text{margin-top: 6px;font-size: 14px;font-weight: 400;color: #FFFFFF;line-height: 20px;}
.al_special .library_list .library_item a:hover .subscribe{opacity: 1;}
.al_special .library_list .library_item .icon_browse{margin-top: 2px;}
.al_special .more_btn{border: none;}
/* 本刊简介 */
.journal_intro{padding: 0 15px 20px;}
.journal_intro .paragraph{font-size: 15px;font-weight: 400;color: #17233D;line-height: 25px;}
.journal_intro .info{padding:15px 10px;margin-top: 10px;width: 270px;height: auto;background: #FFFFFF;border-radius: 2px;border: 1px solid rgba(0, 78, 162, 0.5);-webkit-box-sizing: border-box;box-sizing: border-box; }
.journal_intro .info .item{margin-bottom: 10px;font-size: 14px;font-weight: 400;color: #9EA7B4;line-height: 20px;}
.journal_intro .info .item:nth-last-child(1){margin-bottom: 0;}
.journal_intro .info .attribute{color: #004ea2;}
.journal_intro .booking_btn{margin-top: 20px;padding: 10px 0;text-align: center; background: -webkit-gradient(linear, left top, right top, from(#007CFF), to(#004EA2)); background: linear-gradient(90deg, #007CFF 0%, #004EA2 100%);border-radius: 22px;}
.journal_intro .booking_btn .btn_icon_mfdy{display: inline-block;margin-left: 87px;margin-right: 10px;width: 22px;height: 22px;}
.journal_intro .booking_btn .text{display: inline-block;font-size: 16px;font-weight: 500;color: #FFFFFF;line-height: 22px;}


/* 热门专刊 */
.hot_special li{margin-bottom: 15px;}
.hot_special a{display: block;background: #F1F4F8;border-radius: 8px;-webkit-transition: all .4s;transition: all .4s;}
.hot_special a:hover{background: #FFFFFF;-webkit-box-shadow: 0px 8px 12px 0px rgba(0, 80, 168, 0.1);box-shadow: 0px 8px 12px 0px rgba(0, 80, 168, 0.1);-webkit-transition: all .4s;transition: all .4s;}
.hot_special .cover{margin-right: 15px;width: 130px;height: 177px;border-radius: 8px;overflow: hidden;}
.hot_special .cover img{width: 100%;}
.hot_special .info{width: 155px;}
.hot_special .info .infos{margin-bottom: 23px;}
.hot_special .info .title{margin: 15px 0 11px;font-size: 16px;font-weight: 500;color: #13233F;line-height: 22px;}
.hot_special .info .infos .icon{margin-right: 5px;width: 16px;height: 16px;}
.hot_special .info .infos .num{margin-right: 15px;font-size: 13px;font-weight: 400;color: #9CA7B5;line-height: 18px;}
.hot_special .info .btn{margin-bottom: 10px;width: 119px;height: 32px;background: -webkit-gradient(linear, left top, right top, from(#007CFF), to(#004EA2));background: linear-gradient(90deg, #007CFF 0%, #004EA2 100%);border-radius: 16px;}
.hot_special .info .btn .icon{margin-right: 4px;width: 20px;height: 20px;}
.hot_special .info .btn .text{font-size: 14px;font-weight: 400;color: #FFFFFF;line-height: 20px;}

.mobile_viewport,.ismobile {display: none;}

/* 响应式-手机版 */
@media ( max-width : 640px) {
    .mobile_viewport{display: block;}
    .pc_viewport{display: none !important;}

    .top_container {position: sticky;position: -webkit-sticky;width: 100%;left: 0;top: 0;z-index: 999;}
	.top_container .topbar{display: none;}
    .top_container .topnav.style2 .search_wrapper{display: none;}
    .top_container .topnav.style2 .right_wrapper{display: none;}
    .top_container .topnav.style2 .navi_bar_wrapper{display: none;}
    #right_bar{display: none;}
    .directory{display: none;}
    .box_guide{margin-top: 0;padding-bottom: 0;}
    .content_box .btn-group{display: none;}
    img{width: auto !important; max-width: 100% !important;}
    .content_box .img_lky{display: none !important;}
    .box_right .page{display: none;}
    .footer{display: none;}

    .al_collage.question_list .directory{display: block;}
    .al_collage.question_list .directory dl dt{width: auto;margin-right: 2px;}
    .al_collage.question_list .breadcrumb{display: none;}
    .al_collage.question_list .directory .category{margin-bottom: 10px;}
    .al_collage.question_list .directory .sec_menu{padding:20px 25px 1px;}
    .content_box .answer .list_item .statistical .num:last-child,.content_box .answer .list_item .statistical .icon:nth-last-child(2){display: none;}

    .containBox{max-width: inherit;min-width: inherit;}
    .box_guide .box_left,.box_guide .box_right{width: 100%;float: none !important;}
    .article_con{width: 100% !important;padding: 20px 15px;-webkit-box-sizing: border-box;box-sizing: border-box;}
    .article_con{max-width: 100%;}
    .top_container .topnav.style2 .logo_wrapper{margin-top: 0;float: none !important;width: 100%;}
    .top_container .topnav .top_logo{float: none !important;margin:0 auto;text-align: center;}
    .top_container .topnav.style2 .logo_wrapper .logo{margin: 15px auto; height: 32px;}
    .box_left_content{margin: 0 !important;padding: 0 !important;}
    .top_container .topnav.style2{-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.08);box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.08);}
    .article_con h1.title{margin-top: 0;padding-top: 0;}
    .article_con .larger_pic{margin-bottom: 15px;}
    .article_con .info .dividing{margin: 0 10px;}
    .article_con .reference{width: 100%;}
    .comments .comments_box{display: none;}
    .content_box .box_right .box .right_pavilion{display: none;}
    .comments .haslogin.published{display: none;}
    .reply_textarea.comments_box{display: block;}
    .content_box .box_right .box.right_pavilion{display: none;}
    .content_box .answer .list_item .pic{min-width: 110px;}
    .content_box .list_item .pic{margin-top: 5px;width: 30%;height: auto !important;float: none !important;}
    .content_box .list_item .pic .thumb{-o-object-fit: cover;object-fit: cover;width: 110px  !important;height: 110px !important;position: initial;-webkit-transform: inherit;transform: inherit;}
    .content_box .list_item .info{width: 100%;height: auto !important;float: none !important;}
    .comment_info ul li .user{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;}
    .comment_info .portrait{min-width: 38px;}
    .comments .split_bar {margin-top: 30px !important;width: 100%  !important;}
    .content_box .list_item a{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;}
    .content_box .list_item .title{margin-top: 15px;font-size: 15px;line-height: 21px;}
    .content_box .list_item .infos{position: relative;margin-top: 25px;}
    .content_box .list_item .infos .infos_left{
        width: 100%;
        margin-bottom: 8px;
    }
    .content_box .list_item .infos .infos_right{
        width: 100%;
    }
    .content_box .list_item .infos .f-r{float: left !important;margin-top: 2%;}
    .content_box .list_item .nopic .infos .f-r{float: right !important;margin-top: 0;}

    .second_nav{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-pack: distribute;justify-content: space-around;margin-bottom: 1px;}
    .second_nav li{margin: 0;}
    .knowledge_list .list_head{height: auto;}

    .al_collage .box_left{width: 100%;margin-right: 0;}
    .library_content .head_title{width: 100%;}
    .head_title .left_title{width: 100%;}
    .library_content .page_content .controls{display: none;}
    .page_content .library_pp .tips{width: 100%;}
    .page_content .library_pp .dividing_line{width: 100%;}
    .al_collage{margin-top: 0;}
    .head_title .title_name{display: -webkit-box;display: -ms-flexbox;display: flex;}
    .head_title .title_name .tag{min-width: 40px;height: 24px;-webkit-box-sizing: border-box;box-sizing: border-box;}
    .library_content .interval{margin: 0 7px;}
    .library_content .interval:nth-child(3){display: none;}
    .head_title .detail_info .text:nth-child(4){display: none;}
    .library_content .interval:nth-child(5){display: none;}
    .head_title .detail_info .text:nth-child(6){display: none;}
    .library_content .interval:nth-child(11){display: none;}
    .head_title .detail_info .text:nth-child(12){display: none;}
    .head_title .operation{margin-top:20px;padding-top: 20px;border-top: 1px solid #F2F2F2;}
    .head_title .operation .f-l{float: none !important;display: -webkit-box;display: -ms-flexbox;display: flex; }
    .head_title .operation .text{margin-right: 0;}
    .head_title .operation .down_btn{margin-right: 0;margin-bottom: 15px;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
    .head_title .operation .invitation-button,.head_title .operation .like-button,.head_title .operation .fav-button,.head_title .operation .share-button{display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;    width: 32.5%;text-align: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
    .head_title .cover_pic{display: none;}
    .library_content .recommend{margin-top: 10px; background-color: #fff;margin-bottom: 0;}
    .al_collage .float_hangqing{
        width: 100%;
    }
    .al_collage .box_right{width: 100%;}
    .al_collage .box_right .float_hangqing{
        display: none;
    }
    .box_right .t_topblue{display: none;}
    .head_title .title_name .title{font-size: 20px;}
    .content_box .box_right .t_toptext{padding-top: 12px;padding-bottom: 12px;margin-bottom: 10px;border-bottom: 1px solid #F2F2F2;}
    .page_content .library_pp .tips2 {display: none; left: 0;bottom: 0;width: 100%;height: 400px;background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#FFFFFF));background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);}
    .page_content .library_pp .tips2.mobile_viewport{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding-bottom: 20px;}
    .mobile_viewport.morelist_btn .more_btn{border:none;}
    .ismobile .readover_tips{font-size: 14px;font-weight: 400;color: #191919;}
    .ismobile .integral_num{margin-bottom: 20px;font-size: 18px;font-weight: 600;color: #fa7600;}
    .ismobile .down_btn{width: 150px;height: 40px;text-align: center;color: #fff;font-size: 14px;line-height: 40px;background: -webkit-gradient(linear, left top, right top, from(#FDAE00), to(#FA7600));background: linear-gradient(90deg, #FDAE00 0%, #FA7600 100%);border-radius: 20px;}
    .library_content .recommend .library_list .morelist_btn{display: none;}
    .mt-20{margin-top: 10px;}
    .library_content .recommend>.title{padding-left: 10px;padding-top: 12px;padding-bottom: 12px;margin-bottom: 10px;border-bottom: 1px solid #F2F2F2;}
    .library li a.cl{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;}
    .library li a .info{width: 100%;}
    .library li a .cover {min-width: 76px;}
    .article_con .liability{min-width: inherit !important;}

    .question_details .head_title{width: 100%;}
    .question_details .head_title .operation .answer_btn{width: 109px;height: 34px;-webkit-box-sizing: border-box;box-sizing: border-box;}
    .pop-item{width: 80%;left: 0 !important;right: 0 !important;margin: auto;}

    .answer_details .on_all{width: 100%;}

    .library_list .library_item li a{width: 100%;background: #FFFFFF;-webkit-box-shadow: 0px 8px 12px 0px rgba(0, 80, 168, 0.1);box-shadow: 0px 8px 12px 0px rgba(0, 80, 168, 0.1);-webkit-transition: all .4s;transition: all .4s;}
    .library_list .library_item a .cover_pic{ transform:translate(0,-50%) scale(1.2) ; -webkit-transform:translate(0,-50%) scale(1.2) ; -moz-transform:translate(0,-50%) scale(1.2) ; -ms-transform:translate(0,-50%) scale(1.2) ; -o-transform:translate(0,-50%) scale(1.2) ; }
    .library_list .library_item li a .title.rows{height: 22px; -webkit-line-clamp: 1;line-clamp: 1;}
    .library_list .library_item ul{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;} 
    .library_list .library_item .cover{width: 100%;}
    .library_list .library_item .title{width: 100%;}
    .library_list .library_item li{width: 100%;margin:0 0 1px 0;}
    .library_list .library_item li::after{content:"\20";display:block;height:0;clear:both;visibility:hidden}
    .library_list .library_item li:nth-child(odd){margin:0;}
    .library_list .library_item li:nth-child(even){margin:0;}
    .library_list .library_item li:nth-child(4n){margin:0;}
    .library_list .library_item li a{height: 96px;box-shadow: none;}
    .library_list .library_item li a::after{content:"\20";display:block;height:0;clear:both;visibility:hidden}
    .library_list .library_item li .cover{float: right;width: 76px;height: 76px;margin-top: 10px;margin-right: 10px;}
    .library_list .library_item li .cover .tags_name{display: none;}
    .library_list .library_item li a .title.rows{float: left;width: calc(100% - 76px - 20px);margin-left: 10px!important;text-align: left;overflow: hidden;}
    .library_list .library_item li a .bottom{display: block;float: left;margin-left: 10px;margin-top: 27px;}
    .library_list .library_item .bottom>*{display: inline-block;}

    .library_list .library_item a:hover .cover_pic{position: initial;-webkit-transform: initial;transform: initial;-webkit-transition: initial;transition: initial;top: 0;height: auto;}
    .special{width: 100%;}
    .special_list .library_list .library_item li a{height: auto;}
    .special_list .library_list .library_item .cover{width: 100% !important;  height: auto;}
    .special_list .library_list .library_item .cover_pic{ width: 100% !important;-webkit-transform: inherit;transform: inherit;position: initial;}
    .J_special{
        width: 100%;
    }
    .al_special .library_list .library_item a .subscribe{opacity: 1;}
    .choose_time .select-box .select{width: 70px;}
    .choose_time .label_select{margin-right: 2%;margin-left: 2%;}
    .choose_time .select-box{margin-right: 2%;}
    .choose_time .select_btn{padding: 10px 28px;}


    .iframe-comment h3{height:85px;}
    .iframe-comment .i-container{height: calc(100% - 147px);}
    .iframe-comment .i-bottom{height: 120px;}
    .iframe-comment .i-bottom .L{width:100%;text-align: right;}
    .pop-item-close{left:auto;right:0;top:-50px;}

    .content_box>.box_right{
        background: #fff;
    }
    .al_collage .box_right .the2021{
        width: 300px;
        margin: 0 auto 10px;
    }
    .al_collage .box_right .the2020{
        width: 300px;
        margin: 0 auto;
        padding-bottom: 10px;
    }

    .wk_sec .library_list{
        padding: 0 15px;
    }
    .wk_sec .library_list .library_item li a{width: 100%;background: #FFFFFF;-webkit-box-shadow: 0px 8px 12px 0px rgba(0, 80, 168, 0.1);box-shadow: 0px 8px 12px 0px rgba(0, 80, 168, 0.1);-webkit-transition: all .4s;transition: all .4s;}
    .wk_sec .library_list .library_item a .cover_pic{ transform:translate(0,-50%) scale(1.2) ; -webkit-transform:translate(0,-50%) scale(1.2) ; -moz-transform:translate(0,-50%) scale(1.2) ; -ms-transform:translate(0,-50%) scale(1.2) ; -o-transform:translate(0,-50%) scale(1.2) ; }
    .wk_sec .library_list .library_item li a .title.rows{height: 44px; -webkit-line-clamp: 2;line-clamp: 2;}
    .wk_sec .library_list .library_item ul{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;} 
    .wk_sec .library_list .library_item .cover{width: 100%;}
    .wk_sec .library_list .library_item .title{width: 100%;}
    .wk_sec .library_list .library_item li{width: 100%;margin:0 0 1px 0;}
    .wk_sec .library_list .library_item li::after{content:"\20";display:block;height:0;clear:both;visibility:hidden}
    .wk_sec .library_list .library_item li:nth-child(odd){margin:0;}
    .wk_sec .library_list .library_item li:nth-child(even){margin:0;}
    .wk_sec .library_list .library_item li:nth-child(4n){margin:0;}
    .wk_sec .library_list .library_item li a{height: 96px;box-shadow: none;}
    .wk_sec .library_list .library_item li a::after{content:"\20";display:block;height:0;clear:both;visibility:hidden}
    .wk_sec .library_list .library_item li a .cover{float: right;width: 76px;height: 76px;margin-top: 10px;margin-right: 10px;}
    .wk_sec .library_list .library_item li .cover .tags_name{display: none;}
    .wk_sec .library_list .library_item li a .title.rows{float: left;width: calc(100% - 76px - 20px);margin-left: 0px!important;text-align: left;overflow: hidden;}
    .wk_sec .library_list .library_item li a .bottom{display: block;float: left;margin-left: 10px;margin-top: 27px;}
    .wk_sec .library_list .library_item .bottom>*{display: inline-block;}
    .wk_sec .library_list .library_item a:hover .cover_pic{position: initial;-webkit-transform: initial;transform: initial;-webkit-transition: initial;transition: initial;top: 0;height: auto;}
    .wk_sec .library_list .library_item li a:hover .title.rows{color: #333;}
}