@charset "utf-8";
/*
[MBKFW Template] Copyright (c) 2010-2023 www.mbkfw.com
This is not a free template. Please buy the authentic license.
Author: Xiaohei, QQ:2909458585. Version: S06_v9, time: 20230722.
Special note: do not modify this document without permission.
*/
.w1200{width: 1220px;clear: both;margin:0 auto;}

a.konw_a:link,a.konw_a:active,a.konw_a:visited {color:#225588;text-decoration:none;}
a.konw_a:hover {color:#FF6600;text-decoration:none;}
.know_sch {line-height:180%;}
.know_sch_inp {width:260px;padding:3px;margin:5px;font-size:14px;}
.know_sch_btn {padding:3px 0 8px 6px;}
.know_sch_item {padding:0 0 0 8px;color:green;}
.know_box {padding:0 10px 10px 10px;}

.know-stats {height:64px;margin:20px 0;}
.know-stats li {width:106px;float:left;font-size:16px;height:64px;line-height:32px;text-align:center;}
.know-stats div {height:64px;border-left:#EEEEEE 1px solid;border-right:#EEEEEE 1px solid;}
.know-stats i {font-style:normal;display:block;font-size:14px;}

.know-list {padding:0 16px;}
.know-list .kl-avatar {width:48px;height:48px;text-align:center;}
.know-list .kl-avatar img {width:24px;height:24px;border-radius:50%;}
.know-list .kl-title {font-size:14px;}
.know-list .kl-title div {height:32px;line-height:32px;overflow:hidden;}
.know-list .kl-title span {background:url('ico_reward.gif') no-repeat;font-size:12px;color:#666666;padding:0 2px 0 14px;}
.know-list .kl-answer {width:60px;text-align:right;color:#999999;}
.know-list .kl-process {width:60px;text-align:center;padding-left:10px;}
.know-list .kl-date {width:130px;text-align:center;color:#999999;}

.know-cate {padding:10px 20px;}
.know-cate p {margin:6px;}
.know-cate div {padding:0 6px 10px 6px;line-height:24px;font-size:14px;}
.know-cate strong {color:#007AFF;font-size:16px;}
.know-cate em {font-style:normal;color:#666666;}
.know-cate i {font-style:normal;color:#EEEEEE;padding:0 10px;}

.know-expert {padding:10px 0 0 20px;overflow:hidden;}
.know-expert div {width:214px;height:98px;float:left;overflow:hidden;color:#666666;}
.know-expert img {float:left;border:#EEEEEE 1px solid;border-radius:50%;padding:2px;margin:0 16px 0 0;width:64px;height:64px;}
.know-expert strong {font-size:16px;}
.know-expert ul {width:128px;float:left;}
.know-expert li {height:32px;line-height:32px;padding-right:16px;overflow:hidden;}
.know-expert span {display:block;width:48px;height:22px;line-height:22px;text-align:center;float:left;border:#EEEEEE 1px solid;border-radius:6px;margin-top:6px;}
.know-expert span:hover {border:#007BFF 1px solid;background:#007AFF;color:#FFFFFF;}

.know_addition {border-top:#F6F6F6 1px solid;padding:10px 32px;line-height:180%;font-size:14px;}
.know_comment {border-top:#F6F6F6 1px solid;padding:10px 32px;line-height:180%;font-size:14px;}
.know_asker {border-top:#F6F6F6 1px solid;padding:10px 32px;padding:10px;}

.know_show {}
.know_show .userinfo-v0,.know_show .userinfo-v1,.know_show .userinfo-v2 {margin:-24px 0 0 104px;}
.know_show table {width:100%;border-collapse:collapse;border-spacing:0;}
.know_show_l {width:176px;padding:10px 0;border-right:#F6F6F6 1px solid;}
.know_show_l li {padding:12px 0 0 0;text-align:center;}
.know_info {padding:10px 0 10px 10px;border-bottom:#F6F6F6 1px solid;}
.know_avatar {width:64px;height:64px;border-radius:50%;}

.know_show_btn {position:absolute;margin:2px 0 0 1108px;}
.know-btn {background:#F06C00 url('ico-know-post.png') no-repeat 10px center;display:inline-block;line-height:32px;padding:0 16px 0 32px;color:#FFFFFF;letter-spacing:2px;font-size:14px;font-weight:normal;}
.know-btn:hover {background:#E75000 url('ico-know-post.png') no-repeat 10px center;}

.answer_best,.answer_expert {position:absolute;z-index:1;margin:38px 0 0 1140px;width:80px;height:24px;line-height:24px;text-align:center;color:#FFFFFF;border-radius:0 0 0 8px;}
.answer_best {background:#1AAD19;}
.answer_expert {background:#FF6600;}

.answer_body {padding:10px;margin:0 6px;line-height:180%;font-size:14px;}
.answer_foot {border-bottom:#EEEEEE 1px solid;padding:0 10px 8px 10px;margin:0 6px;color:#666666;}
.answer_head {border-bottom:#EEEEEE 1px solid;border-top:#F6F6F6 10px solid;padding:10px 16px;font-size:16px;}
.answer_box {}
.answer_box table {margin:16px 0;}
.question_op {padding:16px 20px 10px 20px;line-height:24px;}
.vote_s {height:10px;line-height:10px;font-size:1px;background:#FFA40D;}
.vote_b {width:100%;height:10px;line-height:10px;font-size:1px;background:#FFF7D2;}

/*2021.5.3*/
.nav_mu .nav-mu-li li.muli .icon-hot:before{font-size:0}
.pt30 {padding-top: 30px}
.w400 {width: 420px;}
.w780 {width: 780px}
.h428{height: 386px;overflow: hidden;}
.plr24{padding-right: 24px; padding-left: 24px;}
.pb16{padding-bottom: 16px;}
.fb{font-weight: 600;}
.mt8{margin-top: 8px;}
.mt12{margin-top: 12px;}
.mt16{margin-top: 16px;}
.mt19{margin-top: 19px;}
.mt24{margin-top: 24px;}
.ect{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.s-c3{color: #333;}
.s-c9{color: #999;}
.s-cb{color: #bbb;}
.pb24{padding-bottom: 24px;}
.none{display: none;}
.bg-f5 { background-color: #f5f5f5; }
.bg-ff { background-color: #fff; }
.box-shadow { box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .05); }
.weizhi{padding: 15px 0; font-size: 14px}
.weizhi span{color: #aaa}
.weizhi a:hover{color: #1996e6}

.ico-rank-mini{display: inline-block; width: 20px; height: 30px; text-align: center; font-size: 12px; color: #fff; line-height: 23px; background: url(images/know/ico-rank-mini_001d1a4.png) no-repeat}
.i-rank-mini1{background-position: 0 0}
.i-rank-mini2{background-position: -20px 0}
.i-rank-mini3{background-position: -40px 0}
.i-rank-mini4{background-position: -60px 0; color: #bbb}
.tab-nav{font-size: 18px; line-height: 24px}
.tab-nav .nav-item{position: relative;display: inline-block;padding-right: 37px;cursor: pointer;font-weight: 600;font-size: 16px;}
.tab-nav .nav-item:before{content: ''; position: absolute; top: 6px; right: 19px; width: 1px; height: 16px; background-color: #ddd}
.tab-nav .nav-item:last-child{padding-right: 0}
.tab-nav .nav-item:last-child:before{display: none}
.tab-nav .nav-item.on{color: #1996e6}

.top-banner{padding: 60px 0 18px;background: url(images/know/banner_7c2b68f.jpg) center top #2d4547 no-repeat;}
.top-banner .ask-box{padding: 30px 24px 40px; width: 352px; height: 310px; border-radius: 8px; background-color: #fff}
.top-banner .ask-box .srk-box{display: block; padding: 16px; width: 320px; height: 122px; font-size: 16px; line-height: 21px; background-color: #f1f1f1; border-radius: 4px; overflow-y: auto}
.top-banner .ask-box .srk-box::placeholder{color: #bbb}
.top-banner .ask-box .tips{position: relative}
.top-banner .ask-box .pop-example{display: none; position: absolute; right: 0; bottom: 28px; left: 0; padding: 24px; background-color: #fff; border-radius: 4px; box-shadow: 0 3px 20px rgba(0,0,0,.1)}
.top-banner .ask-box .btn-z{display: block; margin-right: auto; margin-left: auto; width: 210px; height: 48px; line-height: 48px; font-size: 16px; border-radius: 24px; border: 0; font-weight: 600}
.top-banner .ask-box .is-disable{color: #fff;background-color: #4CAF50;cursor: no-drop;}
.banner-conts{width: 566px}
.banner-conts .title{font-size: 36px;height: 40px;line-height: 40px;color: #fff;text-align: left;padding: 0;}
.banner-conts .txt{margin-top: 22px; font-size: 16px; font-weight: 600; color: #5A877F}
.banner-conts .step{position: relative; margin-top: 16px; padding-bottom: 25px}
.banner-conts .step:before{content: ''; position: absolute; right: 0; bottom: 0; left: 0; height: 1px; background-color: #fff; opacity: .16}
.banner-conts .step li{float: left}
.banner-conts .step .item{width: 110px; height: 30px; line-height: 30px; color: #81B2A8; background-color: rgba(255,255,255,.21); border-radius: 15px; filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#33ffffff, endcolorstr=#33ffffff)}
:root .banner-conts .step .item{filter: none}
.banner-conts .step .item .iconfont{float: left; margin-top: 0; margin-right: 8px; width: 30px; height: 30px; border-radius: 50%; background-color: #5A877F; font-size: 14px; color: #fff; text-align: center}
.banner-conts .step .arrow{width: 42px; text-align: center; line-height: 30px; color: #5A877F}
.banner-conts .step .arrow .iconfont{font-size: 12px}
.dynamics-list-bar{position: relative; margin-top: 62px; height: 114px; overflow: hidden}
.dynamics-list{position: absolute; top: 0; right: 0; left: 0}
.dynamics-list .item{height: 114px; overflow: hidden}
.dynamics-list .time{display: inline-block; padding-right: 16px; height: 24px; font-size: 12px; color: #81B2A8; line-height: 24px; border-radius: 0 12px 12px 0; background: linear-gradient(270deg,rgba(255,86,47,.5) 0,rgba(63,79,76,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f3f4f4c, endcolorstr=#ffff562f, gradientType=1)}
.dynamics-list .tit{margin-top: 12px;height: 20px;line-height: 20px;}
.dynamics-list .tit a{font-size: 16px; color: #fff}
.dynamics-list .tit a:hover{text-decoration: underline}
.dynamics-list .info-z{margin-top: 16px; color: #81B2A8}
.dynamics-list .info-z .img-block{float: left; width: 40px; height: 40px; border-radius: 50%; margin-right: 12px}
.dynamics-list .info-z .name{font-size: 12px; margin-bottom: 4px}
.title-line{position: relative; padding-left: 24px; padding-right: 24px; line-height: 24px; overflow: hidden}
.title-line .line{position: absolute;top: 4px;left: 0;width: 4px;height: 16px;background-color: #1996e6;}
.title-line .tit{font-size: 18px;font-weight: 600;float: left;height: 24px;line-height: 24px;}
.title-line .icon-rightarrow{font-size: 12px}
.type-list{padding-bottom: 24px}
.type-list li{float: left; margin-top: 24px; padding-bottom: 16px; width: 150px; text-align: center}
.type-list .item{display: inline-block}
.type-list .pic{width: 60px; height: 24px; padding: 18px 0; background-color: #f5f5f5; border-radius: 50%}
.type-list .pic img{display: block; margin: auto; width: 24px; height: 24px}
.type-list .txt{margin-top: 8px; line-height: 18px}
.type-list .more .iconfont{font-size: 24px; color: #fff}
.type-list .more .txt{color: #ccc}
.question-list{margin-left: -72px; overflow: hidden}
.question-list li{float: left; width: 50%; margin-top: -1px}
.question-list .item{margin-left: 72px; padding: 16px 0 16px 30px; position: relative}
.question-list .item:before{content: ''; position: absolute; top: 0; right: 0; left: 0; height: 1px; background-color: #f5f5f5}
.question-list .ico-wen{position: absolute; top: 19px; left: 0}
.question-list .btn{float: right; margin-left: 30px; padding: 0 15px; line-height: 22px; border-radius: 12px; font-size: 12px}
.answer-swiper{height: 404px;overflow: hidden;}
.answer-swiper .pagination{position: absolute; right: 0; bottom: 32px; left: 0; text-align: center; line-height: 4px}
.answer-swiper .pagination span{display: inline-block; margin: 0 5px; width: 20px; height: 4px; background-color: #ccc}
.answer-swiper .pagination .swiper-active-switch{background-color: #FF562F}
.answer-swiper-list li{padding: 0 24px; overflow: hidden; margin-top: 32px}
.answer-swiper-list .img-block{float: right; width: 120px; height: 80px; margin-left: 50px; border-radius: 4px}
.answer-rank-list{margin-left: -23px}
.answer-rank-list li{position: relative;text-align: center;float: left;margin: 24px 0 0 23px;padding: 16px;width: 184px;height: 225px;background-color: #f8f8f8;}
.answer-rank-list .ico-rank-mini{position: absolute; top: 8px; left: 6px; z-index: 2}
.answer-rank-list .btn-z{display: block;margin: 16px auto 0;width: 86px;height: 30px;line-height: 30px;border-radius: 16px;background-color: #1996e6;border-color: #1996e6;color:#ffffff;}
.answer-rank-list .btn-z:hover{background-color: #80514b;border-color: #80514b;}
.user-qa-list{margin-left: -72px; overflow: hidden}
.user-qa-list li{float: left; width: 50%; margin-top: -1px}
.user-qa-list .item{margin-left: 72px; padding: 16px 0 16px 56px; position: relative}
.user-qa-list .item:before{content: ''; position: absolute; top: 0; right: 0; left: 0; height: 1px; background-color: #f5f5f5}
.user-qa-list .img-block{position: absolute; top: 16px; left: 0; width: 40px; height: 40px; border-radius: 50%}
/*!css/upload.css*/
.popup-bar-msupload{width: 300px; height: 190px; border-radius: 6px; margin: -110px 0 0 -190px; position: fixed; left: 50%; top: 50%; z-index: 1002; display: none; background-color: #fff; border-radius: 3px; box-shadow: 0 5px 30px 0 rgba(0,0,0,.2)}
.popup-bar-msupload .tc{padding: 35px 50px 0}
.popup-bar-msupload .tc .tit{font-size: 24px; line-height: 30px}
.popup-bar-msupload .tc .tit .iconfont{font-size: 26px; vertical-align: middle; margin: -3px 5px 0 0}
.popup-bar-msupload .tc .tit.s-gn{color: #2db875}
.popup-bar-msupload .tc .tx{font-size: 12px; color: #999; line-height: 22px; padding: 14px 0}
.popup-bar-msupload .pop-btn-bar{height: 30px; line-height: 30px}
.popup-bar-msupload .pop-btn-bar .btn{display: inline-block; width: 108px; height: 28px; border-color: #595959; border-radius: 15px; font-size: 12px; line-height: 28px}
.popup-bar-msupload .pop-btn-bar .btn:hover{border-color: #ff552e}
.popup-bar-msupload .pop-btn-bar .btn-oe2{width: 110px; height: 30px; margin-top: -3px; vertical-align: middle}
/*!css/quick-login.css*/
.quick-login{display: none; position: fixed; top: 50%; left: 50%; z-index: 1002; padding: 40px; background-color: #fff; width: 240px; margin: -130px 0 0 -160px; box-shadow: 0 5px 30px 0 rgba(0,0,0,.5)}
.quick-login .icon-guanbis{position: absolute; top: 10px; right: 10px; font-size: 16px; color: #aaa; cursor: pointer}
.quick-login .input-bar{margin-top: 15px; border: 1px solid #eee; height: 30px; line-height: 30px}
.quick-login .input-bar .txt{display: block; padding: 0 9px; width: 220px; height: 30px; line-height: 30px}
.quick-login .input-bar .tips{font-size: 12px; color: #999; left: 10px}
.quick-login .input-bar .code{position: absolute; top: 0; right: 0; z-index: 2; background-color: #fff; padding: 0 9px; font-size: 12px; color: #bbb}
.quick-login .input-bar .img-code{position: absolute; top: 0; right: 0; z-index: 2; width: auto; height: 30px}
.quick-login .input-bar .error{display: none; position: absolute; bottom: -15px; left: 0; line-height: 15px; font-size: 10px; color: #fe552e}
.quick-login .btn{display: inline-block; height: 28px; line-height: 28px; border-radius: 15px; padding: 0 20px}

.img-block{display: block; overflow: hidden;}
.img-block img{display: block;width: 100%;height: 100%;vertical-align: middle;}

.btn-z{border: 1px solid #e8e8e8; border-radius: 3px; color: #262626; transition: all .2s linear; cursor: pointer; text-align: center;}
.btn-oe-line {border-color: #ff552e;color: #ff552e;}
.btn-oe-line:hover,.char-type dd div .btn-z:hover {background-color: #1996e6;color: #fff;border: #1996e6 1px solid;}
.question-list{margin-left: -72px;overflow: hidden;padding-bottom: 5px;}
.question-list li{float: left; width: 50%; margin-top: -1px;}
.question-list .item{margin-left: 72px; padding: 16px 0 16px 30px; position: relative;}
.question-list .item:before{content: ''; position: absolute; top: 0; right: 0; left: 0; height: 1px; background-color: #f5f5f5;}
.question-list .ico-wen{position: absolute; top: 19px; left: 0;}
.question-list .btn-z{float: right; margin-left: 30px; padding: 0 15px; line-height: 22px; border-radius: 12px; font-size: 12px;}