body {background-color: #f5f5f5!important;}
.no-data{display:block;width:100%;height:88px;margin:110px auto 210px auto;color:#999;font-size:14px;background:url(../images/no-data.png) no-repeat center;background-size:contain}
.no-data p{padding-top:113px;text-align:center;color:#999}
/*左*/
.left-box{width:120px;position: relative;}
.left-box .menu{position:absolute;width:120px;text-align:center;background:#fff;padding-top:10px;padding-bottom:10px;box-shadow:0 4px 8px 0 rgb(28 31 33 / 10%)}
.left-box .menu .m_item{width:100px;line-height:20px;border-radius:6px;margin:0 auto;box-sizing:border-box;padding:10px 0;font-size:14px;position:relative;margin-bottom:8px}
.left-box .fixed {position:fixed;}
.left-box .menu .m_item.active{background:rgba(240,20,20,.1);font-weight:700}
.left-box .menu .m_item.active a.url,.left-box .menu .m_item.active i{color:#f01414}
.left-box .menu .m_item.active:hover a.url,.left-box .menu .m_item.active:hover i{color:#f01414}
.left-box .menu .m_item:hover a.url,.left-box .menu .m_item:hover i{color:#f01414}
.left-box .menu .m_item:hover .label-box-wrap{display:block}
.left-box .menu .m_item a.url{display:inline-block;width:74px;line-height:20px;color:#1c1f21;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}
.left-box .menu .m_item i{margin-right:3px;margin-left:6px;display:inline-block;width:12px;vertical-align:top;padding-top:4px;color:#9199a1;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}
.left-box .menu .m_item .label-box-wrap{padding-left:10px;box-sizing:border-box;width:285px;z-index:2;position:absolute;left:86px;top:0;display:none;background:0 0}
.left-box .menu .m_item .label-box{display:-webkit-flex;display:flex;flex-wrap:wrap;width:380px;padding:16px 0 4px 16px;box-sizing:border-box;background:#fff;box-shadow:0 4px 8px 0 rgba(28,31,33,.2);border-radius:8px}
.left-box .menu .m_item .label-box .label{margin-right:16px;margin-bottom:12px;font-size:14px;color:#545c63;font-weight:400;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}
.left-box .menu .m_item .label-box .label:hover{color:#f01414!important}
.left-box .menu .m_item .label-box .label.curr{color:#f01414!important}
/*中*/
.middle-box{width:860px;overflow:visible;display:inline-block}
.middle-box .list{padding:20px 20px;background:#fff;box-shadow:0 4px 8px 0 rgb(28 31 33 / 10%)}
.middle-box .list .tab-title{border-bottom:1px solid #eee;line-height:1}
.middle-box .list .tab-title>p{font-size:16px;color:#333;padding-bottom:25px;line-height:1}
.middle-box .list .tab-title label{display:inline-block;line-height:1;font-size:16px;font-weight:700;color:#343434;margin-right:28px}
.middle-box .list .tab-title a.tab-item{display:inline-block;line-height:1;color:#333;padding-bottom:16px;font-size:16px}
.middle-box .list .tab-title a.tab-active,.middle-box .list .tab-title a:hover{color:#f01414}
.middle-box .list .tab-title a.tab-active{border-bottom:2px solid #f01414}
.middle-box .list .tab-title .tab-division{display:inline-block;width:1px;height:14px;margin:0 14px;background:#eee;vertical-align:-2px}
.answer-list>li{padding:24px 0;border-bottom:1px solid #eee;min-height:89px;box-sizing:border-box}
.answer-list>li .answer-quantity-2{width:50px;height:50px;background:#f01414;border-color: #f01414;border-radius:4px;color:#fff;text-align:center;padding-top:8px;box-sizing:border-box}
.answer-list>li .answer-quantity-1{border-radius:4px;text-align:center;padding-top:8px;box-sizing:border-box;width:50px;height:50px;color:#f01414;background:rgba(240,20,20,.1);border:none}
.answer-list>li .answer-quantity-0{border-radius:4px;text-align:center;padding-top:8px;box-sizing:border-box;width:50px;height:50px;background-color:#f3f3f3;border-color:#f3f3f3;color:#7b7b7b}
.answer-list>li .answer-quantity-img{padding-top:0}
.answer-list>li .answer-quantity-0 span,.answer-list>li .answer-quantity-1 span,.answer-list>li .answer-quantity-2 span{display:block;height:15px;line-height:15px}
.answer-list>li .answer-quantity-0 span:nth-of-type(1),.answer-list>li .answer-quantity-1 span:nth-of-type(1),.answer-list>li .answer-quantity-2 span:nth-of-type(1){font-size:14px;margin-bottom:5px}
.answer-list>li .answer-quantity-0 span:nth-of-type(2),.answer-list>li .answer-quantity-1 span:nth-of-type(2),.answer-list>li .answer-quantity-2 span:nth-of-type(2){font-size:12px}
.answer-list>li .answer-views{width:50px;height:50px;border-radius:4px;color:#666;text-align:center;box-sizing:border-box;margin-left:10px;padding-top: 8px;}
.answer-list>li .answer-views span{display:block;height:15px;line-height:15px}
.answer-list>li .answer-views span:nth-of-type(1){font-size:14px;margin-bottom:5px}
.answer-list>li .answer-views span:nth-of-type(2){font-size:12px}
.answer-list>li .answer-content .answer-commonly-used{margin-left:120px;}
.answer-list>li.insert-curriculum .answer-content .answer-commonly-used{margin-bottom:20px;height:auto}
.answer-list>li .answer-content .answer-content-title{line-height: 30px;display: inline-block;}
.answer-list>li .answer-content .answer-content-title2{height:16px;margin-bottom:10px;line-height:1}
.answer-list>li .answer-content .answer-content-title>a{max-width:500px;font-size:16px;font-weight:700;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.answer-list>li .answer-content .answer-content-title>a:hover{color:#f01414}
.answer-list>li .answer-content .answer-content-title .answer-btn-hollow,.answer-list>li .answer-content .answer-content-title .answer-btn-solid{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em;background-color:#f01414;border:1px solid #f01414;margin-right:5px;float:left;margin-top:5px}
.answer-list>li .answer-content .answer-content-title .answer-btn-hollow{background-color:#fff;color:#f01414;}
.answer-list>li .answer-content .answer-content-title .tags{margin:0;margin-left:5px;display:inline-block}
.answer-list>li .answer-content .answer-content-title .tags .tag{display:inline-block;padding:0 8px;height:24px;line-height:24px;font-weight:400;font-size:12px;margin-right: 2px;text-align:center;color:#f01414;background:rgba(240,20,20,.06);border-radius:3px}
.answer-list>li .answer-content .answer-content-title .tags .tag:hover{background-color:#f01414;color:#fff;text-decoration:none}
.answer-list>li .answer-content .answer-type{}
.answer-list>li .answer-content .answer-type span{font-size:12px;color:#999;margin-right:30px;line-height:1}
.answer-list>li .answer-content .answer-type span .bg-fabulous{display:inline-block;vertical-align:-2px}
.answer-list>li .answer-content .answer-con-test .soft-desc-container{max-height:310px;border-radius:4px;margin:16px 0 -4px;box-sizing:border-box;overflow:hidden;transition:all .5s}
.answer-list>li .answer-content .answer-con-test .soft-desc-container .soft-memo{font-size:14px;color:#666;line-height:22px}
.answer-list>li .answer-content .answer-con-test .soft-desc-container .soft-memo>pre{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#666;line-height:22px}
.answer-list>li .answer-content .answer-con-test .soft-desc-container .soft-memo img{max-width:600px;height:auto}
.answer-list>li .answer-content .answer-con-test .soft-content{margin-top:20px;text-align:center;display:none}
.answer-list>li .answer-content .answer-con-test .soft-content .soft-btn{display:inline-block;font-size:14px;color:#f01414;cursor:pointer;width:116px;height:28px;border:1px solid #f01414;border-radius:14px;text-align:center;line-height:28px}
.answer-list>li .answer-content .answer-con-test .soft-content .soft-btn i{border:solid #666;border-width:0 1px 1px 0;display:inline-block;padding:3px;margin-left:3px}
.answer-list>li .answer-content .answer-con-test .soft-content .soft-btn i.icon-lower{vertical-align:3px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.answer-list>li .answer-content .answer-con-test .soft-content .soft-btn i.icon-upper{-webkit-transform:rotate(225deg);transform:rotate(225deg)}
.answer-list>li .answer-content .answer-con-test .soft-content .soft-btn:hover{color:#f01414}
.answer-list>li .answer-content .answer-con-test .soft-content .soft-btn:hover i{border-color:#f01414}
/*右*/
.right-box{width:290px;overflow:visible}
.right-box .btn-question{display:block;width:250px;margin-right:5px;padding: 10px 10px;text-align: center;color:#fff;background-image:-webkit-gradient(linear,left top,right top,from(#369eff),to(#0084ff));background-image:-webkit-linear-gradient(left,#369eff,#0084ff);background-image:linear-gradient(to right,#369eff,#0084ff);text-align:center;border-radius:5px}
.right-box .btn-ask{display:block;width:250px;margin-right:5px;padding: 10px 10px;text-align: center;color:#fff;background-image: -webkit-gradient(linear,left top,right top,from(#21c35d),to(#e5232a));background-image: -webkit-linear-gradient(left,#3bc66f,#21c35d);background-image: linear-gradient(to right,#3bc66f,#21c35d);border-radius:5px}
.right-box .btn-sign{display:block;width: 250px;padding: 10px 10px;text-align: center;color:#fff;background-image: -webkit-gradient(linear,left top,right top,from(#5961db),to(#303ce0));background-image: -webkit-linear-gradient(left,#5961db,#303ce0);background-image: linear-gradient(to right,#5961db,#303ce0);border-radius:5px}
.right-box .btn-question i,.right-box .btn-ask i,.right-box .btn-sign i{font-size: 18px;margin-right: 5px;}
.right-box .btn-search{display:block;height:42px;line-height:42px;color:#fff;background-image:-webkit-gradient(linear,left top,right top,from(#21c35d),to(#e5232a));background-image:-webkit-linear-gradient(left,#3bc66f,#21c35d);background-image:linear-gradient(to right,#3bc66f,#21c35d);text-align:center;border-radius:5px}
.list-box{padding:20px 20px}
.list-box-title{line-height:32px;font-size:16px;position:relative;padding-left:10px;font-weight:800;color:#333;border-bottom:1px solid #eee}
.list-box-title:before{position:absolute;top:10px;left:0;width:4px;height:12px;border-radius:30px;background:#f01414;content:''}
.list-box-title i {float: right;font-size:22px;color: #999999;height: 10px;font-weight: normal;cursor: pointer;}
.list-box-body li{position:relative;padding:10px 0 10px 20px;line-height:25px;border-bottom:1px dashed #eee}
.list-box-body li i{position:absolute;top:15px;left:0}
.list-box-body li a{margin-left:5px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.list-news-body li{position:relative;line-height:40px;border-bottom:1px dashed #eee}
.list-news-body li a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tag-hot a{cursor:pointer;display:inline-block;font-size:14px;color:#999;height:24px;line-height:24px;border-radius:24px;padding:0 10px;background:#f9f9f9;margin:10px 10px 0 0;border:1px solid #eee}
.tag-hot a:hover{color: #ec3b3b;background: rgba(236,59,59,0.1);border-color: #ec3b3b;}
/*内容*/
.middle-box-detail{width:860px;overflow:visible;display:inline-block}
.middle-box-detail .question-area{padding:20px;background-color:#fff;border-radius:4px}
.middle-box-detail .question-area .question-info{height:24px;line-height:24px;margin-top:5px;margin-bottom:19px}
.middle-box-detail .question-area .question-info>a{font-size:12px;color:#f95555}
.middle-box-detail .question-area .question-info .user-img{width:24px;height:24px;margin-right:7px;border-radius:50%}
.middle-box-detail .question-area .question-info .user-name{margin-right:20px;color:#333;font-size:14px}
.middle-box-detail .question-area .question-info>span{font-size:12px;color:#999;margin-right:30px}
.middle-box-detail .question-area .question-tag{width: 100%;margin-top: 15px;}
.middle-box-detail .question-area .question-tag .taglist-inline{list-style:none;padding:0;font-size:0}
.middle-box-detail .question-area .question-tag .taglist-inline>li{display:inline-block;margin-right:5px}
.middle-box-detail .question-area .question-tag .taglist-inline>li .tag{display:inline-block;padding:0 8px;height:24px;line-height:24px;font-weight:400;font-size:12px;text-align:center;color:#f01414;background:rgba(240,20,20,.1);border-radius:3px}
.middle-box-detail .question-area .question-tag .taglist-inline>li .tag:hover{background-color:#f01414;color:#fff;text-decoration:none}
.middle-box-detail .question-area .question-area-name h2{line-height:22px;font-size:18px;color:#333;font-weight:700;display:inline-block;margin-right:20px;word-break:break-all}
.middle-box-detail .question-area .question-describe{margin: 17px 0;font-size: 14px;color: #333;line-height: 28px;word-wrap: break-word;}
.middle-box-detail .question-area .question-operation-button{margin-top:18px}
.middle-box-detail .question-area .question-operation-button .btn-answer{background:#fff;border:1px solid #ddd;color:#666;width:100px;height:36px;line-height:36px;font-size:14px;border-radius:4px;font-weight:400;text-align:center;display:inline-block}
.middle-box-detail .question-area .question-operation-button .btn-answer i{font-size: 14px;}
.middle-box-detail .question-area .question-operation-button .btn-answer:hover{background:#f01414;border:1px solid #f01414;color:#fff;width:100px;height:36px;line-height:36px;font-size:14px;border-radius:4px;font-weight:400;text-align:center;display:inline-block}
.middle-box-detail .question-area .question-operation-button .btn-fav{background:#fff;border:1px solid #ddd;color:#666;width:100px;height:36px;line-height:36px;font-size:14px;border-radius:4px;font-weight:400;text-align:center;display:inline-block}
.middle-box-detail .question-area .question-operation-button .btn-fav i{font-size: 14px;}
.middle-box-detail .question-area .question-operation-button .faved{border:1px solid #f01414;color:#f01414;}
.commentary-area{padding:24px 20px 5px 20px;background-color:#fff;border-radius:4px}
.commentary-area .commentary-tit{position:relative;margin-bottom:24px}
.commentary-area .commentary-tit .p-title{color:#999;font-size:12px;line-height:20px}
.commentary-area .commentary-tit .p-title i{margin-right:20px;color:#333;font-size:18px;font-weight:700}
.commentary-area .commentary-tit .p-title .i-num{color:#f01414;font-weight:700}
.commentary-area .commentary-tit .p-title a{color:#666;float:right}
.commentary-area .commentary-tit .p-title span{color:#f01414;font-weight:700}
.commentary-area .no-comment{text-align: center;line-height: 35px;color: #999;}
.commentary-area .comment-list>li{border-bottom:1px solid #eee;margin-bottom:24px}
.commentary-area li>a>img{width:50px;height:50px;border-radius:50px;overflow:hidden;float:left}
.commentary-area li>img{width:50px;height:50px;border-radius:50px;overflow:hidden;float:left}
.commentary-area .js_pagination_list{margin:0;padding-top:16px}
.commentary-area .pagination li{margin:0 10px 35px 0}
.commentary-area .commentary-content .commentary-name{height:auto;padding:9px 0 8px;line-height:100%}
.commentary-area .commentary-content .commentary-name a{margin-left:12px;color:#333;font-weight:700}
.commentary-area .commentary-content .commentary-name>span{font-size:14px;margin-right:23px;color:#999}
.commentary-area .commentary-content .commentary-content-txt{height:auto;min-height:14px;margin-bottom:16px;text-indent:12px;color:#999;line-height:100%}
.commentary-area .commentary-content .commentary-text .all-solle{max-height:310px;border-radius:4px;box-sizing:border-box;margin-top:0;overflow:hidden;transition:all .5s}
.commentary-area .commentary-content .commentary-text .all-solle .commentary-soft-memo{font-size:14px;color:#666;word-wrap:break-word;word-break:break-all;line-height:22px;padding: 20px 0;}
.commentary-area .commentary-content .commentary-text p{font-size: 14px;line-height: 26px;color: #333;word-wrap:break-word;word-break:break-all}
.commentary-area .commentary-content .commentary-text p a {color:#0072c6;border-bottom: 1px dashed #003388;}
.commentary-area .commentary-content .commentary-text p a:hover { color:#f01414;border-color: #f01414; text-decoration: none;}
.commentary-area .commentary-content .commentary-text img{max-width:100%}
.commentary-area .commentary-content .commentary-text .keylink{color:#0072c6;border-bottom: 1px dashed #003388;}
.commentary-area .commentary-content .commentary-text .keylink:hover { color:#f01414;border-color: #f01414; text-decoration: none;}
.commentary-area .commentary-content .commentary-text ol{margin:0;padding:0}
.commentary-area .commentary-content .commentary-text ol li{list-style:circle!important;list-style-type:circle!important}
.commentary-area .commentary-content .commentary-text .quote {padding: 10px;border: 1px dashed #CCC;background: #f7f7f7;}
.commentary-area .commentary-content .commentary-text .quote .quote_header a{color: #999;}
.commentary-area .commentary-content .commentary-text .quote .quote_body{line-height: 26px;}
.commentary-area .commentary-content .commentary-text blockquote{position:relative;color:#999;font-weight:400;border-left: 5px solid #ccc;margin:0;padding:20px 20px 20px 80px;display:block;background:#f7f7f7;border-radius:2px;position:relative;z-index:0}
.commentary-area .commentary-content .commentary-text blockquote:before{content:"";display:block;width:65px;height:42px;position:absolute;background:url(../../images/big-left.png) 0 0 no-repeat;top:0;left:0;background-size:100%;z-index:-1}
.commentary-area .commentary-content .commentary-text blockquote:after{content:"";display:block;width:22px;height:17px;position:absolute;background:url(../../images/small-right.png) 0 0 no-repeat;right:15px;bottom:5px;background-size:100%;z-index:-1}
.commentary-area .commentary-content .commentary-text blockquote p{font-size:14px;color:#999;padding:0}
.commentary-area .commentary-content .commentary-text blockquote p strong{color:#999;background:0 0}
.commentary-area .commentary-content .commentary-text blockquote p:last-child{margin:0}
.commentary-area .commentary-content .commentary-text .tips{margin-bottom: 0.5rem;padding: 0.5rem;border-radius: 0.2rem;background:#fff8ea;color: #fc8800;}
.commentary-area .commentary-content .commentary-text .tips i{color: }
.commentary-area .commentary-content .commentary-btn-operation{margin:12px 0 24px;height:27px;line-height:25px}
.commentary-area .commentary-content .commentary-btn-operation span{font-size:12px;color:#666;margin-right:25px;cursor:pointer}
.commentary-area .commentary-content .commentary-btn-operation span.comment-liked{display:inline-block;width:73px;height:28px;color:#f01414;text-align:center;background:rgba(240,20,20,.1);border-radius:3px}
.commentary-area .commentary-content .commentary-btn-operation span i{font-size:12px}
.commentary-area .commentary-content .commentary-btn-operation span:hover{color:#f01414}
.commentary-best{background-color:#fbf2ca;border-color:#fbf2ca;background:#fbf2ca url(../images/cover.png) right top no-repeat;background-size:64px 64px}
.commentary-sell-all{text-align:center;display:none}
.commentary-sell-all .commentary-sell-btn{display:inline-block;font-size:14px;color:#f01414;cursor:pointer;line-height:50px}
.commentary-sell-all .commentary-sell-btn i{border:solid #f01414;border-width:0 1px 1px 0;display:inline-block;padding:3px;margin-left:3px;transform:rotate(45deg);vertical-align:3px}
.commentary-sell-all .commentary-sell-btn i.icon-upper{-webkit-transform:rotate(225deg);transform:rotate(225deg);vertical-align:-1px}
.commentary-sell-all .sell-more{width:104px;height:28px;margin-top:16px;color:#f01414;line-height:30px;border:1px solid #f01414;border-radius:14px}
.commentary-sell-all .sell-more i{color:#f01414;font-size:12px;display:inline-block;margin-left:3px}
.reply-area .Mbutton{height:34px;line-height:34px;margin-top:10px}
.reply-area .Mbutton button{width:100px;height:38px;background-image: -webkit-gradient(linear, left top, right top, from(#fe7532), to(#e5232a));background-image: -webkit-linear-gradient(left, #fe7532, #e5232a);background-image: linear-gradient(to right, #fe7532, #e5232a);border-radius:4px;font-size:14px;color:#fff;border:0 solid;cursor: pointer;}
.verifycode{position:relative;width:280px;float:left}
.verifycode input{width:100%;border:1px solid #c9d8db;height:40px;line-height:40px;padding:0 10px;box-sizing:border-box;font-size:16px;}
.verifycode #verify-img-add,.verifycode #verify-img-re{position:absolute;right:1px;top:1px;cursor:pointer}
.commentary-login-tips{border:1px solid #e4e4e4;background:#fbfbfb;padding:80px 0;text-align:center;color:#666}
.commentary-login-tips a{color:#f01414}
/*提问*/
.post-wrap{width:900px;margin:0 auto;position:relative;background-color:#fff;padding:30px 20px}
.b-item{display:inline-block;margin-bottom:15px;position:relative;width:100%}
.b-item:last-child{margin-bottom:0}
.b-item span.text-desc{float:right}
.b-item .ui-select{width:100%;border:1px solid #c9d8db}
.ui-text{background:#fff;border:1px solid #c9d8db;width:100%;border-radius:0}
.b-item .btn-post,.b-item .btn-edit{width:100px;height:38px;background-image:-webkit-gradient(linear,left top,right top,from(#fe7532),to(#e5232a));background-image:-webkit-linear-gradient(left,#fe7532,#e5232a);background-image:linear-gradient(to right,#fe7532,#e5232a);border-radius:4px;font-size:14px;color:#fff;border:0 solid;float:right;cursor:pointer}
.b-item .verifycode{position:absolute;right:2px;top:2px}
.wenda-tips{background:rgba(201,216,219,.1);border:1px dashed #c9d8db;text-align:center;padding:10px 20px;line-height:25px;font-size:15px;color:#666;margin-bottom:10px}
/*搜索*/
.wenda-search-form{display:flex;width:100%;height:52px;align-items:center;background-color:#f6f8ff;border-radius:52px;overflow:hidden}
.wenda-search-form>.wenda-search{display:flex;justify-content:center;align-items:center;width:28px;height:28px;font-size:18px;margin-left:10px;margin-right:3px;color:#9da0b3;cursor:pointer;border:none;background-color:transparent}
.wenda-search:before{font-family:iconfont!important;content:"\e651"}
.wenda-search-input{-webkit-appearance:none;-moz-appearance:none;-webkit-box-shadow:none;box-shadow:none;outline:0;font-size:.875rem;color:#636874;border:0;background-color:#f6f8ff;height:52px;flex-grow:1;padding:0 28px 0 0!important;border-radius:0!important}