/*!modules/css/common.scss*/

@font-face{font-family:iconfont;src:url(/prototype/12348-message/static/fonts/iconfont.eot);src:url(/prototype/12348-message/static/fonts/iconfont.eot?) format("embedded-opentype"),url(/prototype/12348-message/static/fonts/iconfont.woff) format("woff"),url(/prototype/12348-message/static/fonts/iconfont.ttf) format("truetype"),url(/prototype/12348-message/static/fonts/iconfont.svg) format("svg")}
.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-type:before{content:"\e60a"}
.icon-close:before{content:"\e601"}
.icon-tel:before{content:"\e88a"}
.icon-consult:before{content:"\e61d"}
.icon-favorite:before{content:"\e645"}
.icon-store:before{content:"\e66a"}
.icon-reload:before{content:"\e657"}
.icon-arrow-right:before{content:"\e662"}
.icon-talk:before{content:"\e96b"}
.icon-right:before{content:"\e62e"}
.icon-like:before{content:"\e60b"}
.icon-search:before{content:"\e608"}
.icon-add:before{content:"\e634"}
.icon-qa:before{content:"\e637"}
.icon-like-full:before{content:"\e63c"}
.icon-favorite-full:before{content:"\e63d"}
@media screen and (max-width:1024px){html{font-size:136.53333px}}
@media screen and (max-width:800px){html{font-size:106.66667px}}
@media screen and (max-width:768px){html{font-size:102.4px}}
@media screen and (max-width:720px){html{font-size:96px}}
@media screen and (max-width:414px){html{font-size:55.2px}}
@media screen and (max-width:412px){html{font-size:54.93333px}}
@media screen and (max-width:384px){html{font-size:51.2px}}
@media screen and (max-width:375px){html{font-size:50px}}
@media screen and (max-width:360px){html{font-size:48px}}
@media screen and (max-width:320px){html{font-size:42.66667px}}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
.page{background-color:#f8f8f8!important}
html.android .search-border{width:7.04rem;height:.84rem;-webkit-transform:scaleX(0.9);transform:scaleX(0.9);-webkit-transform:scaleY(0.99);transform:scaleY(0.99)}
html.pixel-ratio-2 .consultation:before,html.pixel-ratio-2 .hot-conlion:before,html.pixel-ratio-2 .my-conlion:before,html.pixel-ratio-2 .common-problem:before,html.pixel-ratio-2 .title:before,html.pixel-ratio-2 .content-inner:before,html.pixel-ratio-2 .problem-brief:before,html.pixel-ratio-2 .problem-detailed:before,html.pixel-ratio-2 .mobile-number:before,html.pixel-ratio-2 .cerif-number:before,html.pixel-ratio-2 .search-box:before,html.pixel-ratio-2 .hot-list:before,html.pixel-ratio-2 .barcode-iput:before,html.pixel-ratio-2 .bottom-detail:before,html.pixel-ratio-2 .toolbar-inner:before,html.pixel-ratio-2 .insp-toolbar:before{-webkit-transform:scaleY(0.5);transform:scaleY(0.5);-webkit-transform-origin:50% 0;transform-origin:50% 0}
html.pixel-ratio-2 .consultation:after,html.pixel-ratio-2 .hot-conlion:after,html.pixel-ratio-2 .my-conlion:after,html.pixel-ratio-2 .common-problem:after,html.pixel-ratio-2 .title:after,html.pixel-ratio-2 .content-inner:after,html.pixel-ratio-2 .problem-brief:after,html.pixel-ratio-2 .problem-detailed:after,html.pixel-ratio-2 .mobile-number:after,html.pixel-ratio-2 .cerif-number:after,html.pixel-ratio-2 .search-box:after,html.pixel-ratio-2 .hot-list:after,html.pixel-ratio-2 .hot-list li:after,html.pixel-ratio-2 .detailed-problem:after,html.pixel-ratio-2 .my-problem-answer:after,html.pixel-ratio-2 .barcode-iput:after,html.pixel-ratio-2 .insp-toolbar:after{-webkit-transform:scaleY(0.5);transform:scaleY(0.5);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}
html.pixel-ratio-2 .num-head:after{-webkit-transform:scaleX(0.5);transform:scaleX(0.5);-webkit-transform-origin:100% 50%;transform-origin:100% 50%}
html.pixel-ratio-2 .hot-list li:before{-webkit-transform:scaleX(0.5);transform:scaleX(0.5);-webkit-transform-origin:0 50%;transform-origin:0 50%}
html.pixel-ratio-3 .consultation:before,html.pixel-ratio-3 .hot-conlion:before,html.pixel-ratio-3 .my-conlion:before,html.pixel-ratio-3 .common-problem:before,html.pixel-ratio-3 .title:before,html.pixel-ratio-3 .content-inner:before,html.pixel-ratio-3 .problem-brief:before,html.pixel-ratio-3 .problem-detailed:before,html.pixel-ratio-3 .mobile-number:before,html.pixel-ratio-3 .cerif-number:before,html.pixel-ratio-3 .search-box:before,html.pixel-ratio-3 .hot-list:before,html.pixel-ratio-3 .barcode-iput:before,html.pixel-ratio-3 .bottom-detail:before,html.pixel-ratio-3 .toolbar-inner:before,html.pixel-ratio-3 .insp-toolbar:before{-webkit-transform:scaleY(0.33);transform:scaleY(0.33);-webkit-transform-origin:50% 0;transform-origin:50% 0}
html.pixel-ratio-3 .consultation:after,html.pixel-ratio-3 .hot-conlion:after,html.pixel-ratio-3 .my-conlion:after,html.pixel-ratio-3 .common-problem:after,html.pixel-ratio-3 .title:after,html.pixel-ratio-3 .content-inner:after,html.pixel-ratio-3 .problem-brief:after,html.pixel-ratio-3 .problem-detailed:after,html.pixel-ratio-3 .mobile-number:after,html.pixel-ratio-3 .cerif-number:after,html.pixel-ratio-3 .search-box:after,html.pixel-ratio-3 .hot-list:after,html.pixel-ratio-3 .hot-list li:after,html.pixel-ratio-3 .detailed-problem:after,html.pixel-ratio-3 .my-problem-answer:after,html.pixel-ratio-3 .barcode-iput:after,html.pixel-ratio-3 .insp-toolbar:after{-webkit-transform:scaleY(0.33);transform:scaleY(0.33);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}
html.pixel-ratio-3 .num-head:after{-webkit-transform:scaleX(0.33);transform:scaleX(0.33);-webkit-transform-origin:100% 50%;transform-origin:100% 50%}
html.pixel-ratio-3 .hot-list li:before{-webkit-transform:scaleX(0.33);transform:scaleX(0.33);-webkit-transform-origin:0 50%;transform-origin:0 50%}
.find-box{margin-top:5px;padding:0}
.navbar,.subnavbar{color:#fff;background-color:#1b1a1f;border:0}
.navbar:after,.subnavbar:after{display:none}
.navbar-inner{color:#fff;background-color:#1b1a1f;border:0}
.button.active-state{background:rgba(128,128,128,.1)}
.banner{position:relative;width:100%;height:3.2rem;background:url(/prototype/12348-message/static/images/banner.jpg) no-repeat center center;background-size:100% 100%;overflow:hidden}
.banner .logo{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:1.6rem;height:2.5rem;background:url(/prototype/12348-message/static/images/logo_white.png) no-repeat center center;background-size:100% 100%}
.bottom{position:relative;width:100%;height:.6rem;line-height:.6rem;box-sizing:border-box}
.bottom i{position:absolute;top:0;bottom:0;margin:auto;left:0;text-align:center;line-height:.6rem;color:#3ebc5b;font-size:16px}
.bottom span{position:absolute;top:0;display:block;height:100%;font-size:13px;text-align:center;line-height:.58rem;color:gray;min-width:1rem;box-sizing:border-box}
.bottom .law-type{left:.4rem}
.bottom .watch-number{right:0}
.bottom-detail{position:relative;width:100%;height:.8rem;line-height:.8rem;box-sizing:border-box}
.bottom-detail:before{position:absolute;content:"";left:0;right:0;top:0;margin:auto;width:7rem;height:1px;background:#ddd}
.bottom-detail i{position:absolute;top:0;bottom:0;margin:auto;left:0;text-align:center;line-height:.8rem;color:#3ebc5b;font-size:16px}
.bottom-detail span{position:absolute;top:0;display:block;height:100%;font-size:13px;text-align:center;line-height:.8rem;color:gray;min-width:1rem}
.bottom-detail .law-type{left:.4rem}
.bottom-detail .watch-number{right:0}
.consultation{position:relative;width:100%;height:auto;margin:0;padding:0 .2rem;background:#fff;box-sizing:border-box;list-style:none}
.consultation:after{content:"";position:absolute;width:100%;height:1px;background:#ddd;left:0;bottom:0}
.consultation .hot-conlion,.consultation .my-conlion{position:relative;width:100%;height:1.8rem;background:0 0}
.consultation .hot-conlion:after,.consultation .my-conlion:after{content:"";position:absolute;width:100%;height:1px;background:#ddd;left:0;bottom:0}
.consultation li:last-child:after{content:"";position:absolute;width:100%;height:0}
.consultation .button{position:absolute;left:0;right:0;border:0;width:100%;height:100%;border-radius:0}
.consultation .button .icon-add,.consultation .button .icon-qa{position:absolute;display:block;height:100%;width:1rem;text-align:center;line-height:1.8rem;font-size:.8rem}
.consultation .icon-arrow-right{position:absolute;top:0;bottom:0;right:0;margin:auto;text-align:center;line-height:1.8rem;font-size:.4rem;color:#bfbfbf}
.consultation h2{width:100%;margin:0;margin-top:.45rem;text-align:left;box-sizing:border-box;padding-left:1.2rem;font-size:18px;color:#333;font-weight:400}
.consultation span{display:block;width:80%;padding-left:1.2rem;margin-top:-.05rem;color:gray;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px}
.hot-conlion .icon-add{color:#3ebc5b}
.my-conlion .icon-qa{color:#e06a2a}
.common-problem{position:relative;width:100%;height:auto;margin:.18rem 0;padding:0;list-style:none;background:#fff}
.common-problem:after{content:"";position:absolute;width:100%;height:1px;background:#ddd;left:0;bottom:0}
.common-problem:before{content:"";position:absolute;width:100%;height:1px;background:#ddd;left:0;top:0}
.common-problem .title{position:relative;width:100%;height:.88rem;text-align:left;line-height:.88rem;padding:0 .2rem;box-sizing:border-box;font-size:16px;color:#333}
.common-problem .title:after{content:"";position:absolute;width:100%;height:1px;background:#ddd;left:0;bottom:0}
.common-problem .title .button{position:absolute;top:0;bottom:0;right:.2rem;margin:auto;border:0;display:block;float:right;color:#3ebc5b}
.common-problem .title .button i{font-size:.4rem}
.common-problem .content-inner{position:relative;width:100%;min-height:.6rem;padding:0 .2rem .15rem;box-sizing:border-box}
.common-problem .content-inner:after{content:"";position:absolute;left:0;right:0;bottom:0;margin:auto;width:95%;height:1px;background:#ddd}
.common-problem .content-inner p{font-size:16px;color:#333}
.common-problem .content-inner .button{position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;border:0}
.common-problem li:last-child:after{content:"";height:0}
.warning{position:relative;width:100%;background:#ffe3e3;padding:.2rem .6rem .2rem .3rem;box-sizing:border-box;font-size:12px;color:gray;line-height:.4rem;overflow:hidden}
.warning i{display:block;position:absolute;width:20px;height:20px;right:.15rem;bottom:0;top:0;margin:auto;text-align:center}
.problem-brief{position:relative;width:100%;height:auto;padding-top:5px;margin-top:.2rem;background:#fff;box-sizing:border-box}
.problem-brief:before{content:"";position:absolute;width:100%;height:1px;background:#ddd;left:0;top:0}
.problem-brief:after{content:"";position:absolute;width:100%;left:0;bottom:0;height:1px;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;background:#ddd}
.problem-brief textarea{resize:none;width:100%;height:1.9rem;padding:.3rem;border:0;box-sizing:border-box;color:#333;font-size:16px}
.problem-brief .number-surplus{position:absolute;left:0;bottom:0;width:100%;height:.8rem;text-align:right;line-height:.8rem;box-sizing:border-box;padding-right:.3rem}
.problem-brief .number-surplus .now-number{color:#333}
.problem-brief .number-surplus span{color:gray}
.label{width:100%;margin:0;padding:0;list-style:none}
.label:before,.label:after{content:" ";display:table}
.label:after{clear:both}
.label li{height:.52rem;min-width:1.3rem;margin:0 0 .2rem .26rem;padding:0 .15rem 0 .2rem;box-shadow:0 0 0 1px #ddd;border-radius:20px;float:left;text-align:center;color:gray;line-height:.52rem;font-size:13px}
.label li.active{background:#3ebc5b;box-shadow:0 0 0 1px #3ebc5b;color:#fff}
.label li:nth-child(1){margin-top:.2rem}
.label li:nth-child(2){margin-top:.2rem}
.label li:nth-child(3){margin-top:.2rem}
.problem-detailed{position:relative;width:100%;height:auto;margin-bottom:.2rem;background:#fff}
.problem-detailed:after{content:"";position:absolute;width:100%;height:1px;background:#ddd;left:0;top:0}
.problem-detailed:before{content:"";position:absolute;width:100%;height:1px;background:#ddd;left:0;bottom:0}
.problem-detailed textarea{resize:none;width:100%;height:3.23rem;padding:.3rem;border:0;box-sizing:border-box;color:#333;font-size:16px}
.problem-detailed .upload{position:relative;width:100%;height:2rem}
.problem-detailed .upload .buttona{position:absolute;top:0;bottom:0;left:.3rem;margin:auto;width:1.4rem;height:1.4rem;border:1px solid #ddd}
.problem-detailed .upload .buttona:after{content:"";position:absolute;left:0;right:0;bottom:0;top:0;margin:auto;height:.8rem;width:1px;background:#ddd}
.problem-detailed .upload .buttona:before{content:"";position:absolute;left:0;right:0;bottom:0;top:0;margin:auto;height:1px;width:.8rem;background:#ddd}
.my-consulation .button{position:absolute;left:0;right:0;margin:auto;width:7rem;height:.8rem;background:#3ebc5b;color:#fff;font-size:18px;border:0;text-align:center;line-height:.8rem}
.my-consulation .button.active-state{background:#4fc56a}
.picker-modal{background:#fff}
#picker-device{color:#3ebc5b}
.picker-modal-inner.picker-items{background:0 0}
.toolbar-inner a{color:#3ebc5b}
.toolbar-inner:before{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;background:#ddd}
.list-block{margin-top:-1px;margin-bottom:5px}
.list-block ::-webkit-input-placeholder{color:#3ebc5b}
.list-block :-moz-placeholder{color:#3ebc5b}
.list-block ::-moz-placeholder{color:#3ebc5b}
.list-block :-ms-input-placeholder{color:#3ebc5b}
.picker-item span{color:gray;font-size:21px}
.mobile-number{position:relative;width:100%;height:1.5rem;padding:.7rem .24rem 0;box-sizing:border-box}
.mobile-number:before,.mobile-number:after{content:" ";display:table}
.mobile-number:after{clear:both}
.mobile-number:after{position:absolute;left:0;right:0;bottom:0;margin:auto;content:"";width:7rem;height:1px;background:#ddd}
.mobile-number .num-head{position:relative;width:.94rem;height:.7rem;float:left;text-align:center;line-height:.7rem;font-size:14px;color:#333;box-sizing:border-box}
.mobile-number .num-head:after{content:"";position:absolute;right:0;top:0;bottom:0;margin:auto;width:1px;height:.28rem;background:#ddd}
.mobile-number input{position:relative;display:block;width:5.5rem;height:.7rem;padding:0;margin-left:.1rem;line-height:.7rem;float:left;box-sizing:border-box;border:0;background:0 0;font-size:14px;overflow:hidden}
.cerif-number{position:relative;width:100%;height:1.2rem;margin-bottom:.8rem;padding:.4rem .24rem 0;box-sizing:border-box}
.cerif-number:before,.cerif-number:after{content:" ";display:table}
.cerif-number:after{clear:both}
.cerif-number:after{position:absolute;left:.24rem;bottom:0;content:"";width:4.4rem;height:1px;background:#ddd}
.cerif-number input{display:block;height:100%;width:4rem;float:left;line-height:1.2rem;padding-left:15px;box-sizing:border-box;background:0 0;border:0;font-size:14px}
.cerif-number .code-number{position:absolute;right:.24rem;bottom:0;min-width:2rem;height:.8rem;padding-left:.08rem;padding-right:.08rem;background:#fff;border-radius:5px;border:1px solid #ddd;box-sizing:border-box;color:#585858;font-size:15px;text-align:center;line-height:.8rem}
.prompt{position:relative;width:100%;min-height:5.8rem;padding-top:3.23rem;box-sizing:border-box}
.prompt .prompt-img{position:absolute;left:0;right:0;top:.8rem;margin:auto;width:1.41rem;height:1.42rem;background:url(/prototype/12348-message/static/images/submit.png) no-repeat center center;background-size:100% 100%}
.prompt span{display:block;position:absolute;left:0;right:0;top:2.6rem;margin:auto;text-align:center;color:#3ebc5b;font-size:18px}
.prompt p{text-align:center;padding-left:.4rem;padding-right:.4rem;color:gray;font-size:16px}
.prompt .button{position:absolute;left:0;right:0;margin:auto;width:7rem;height:.8rem;background:#3ebc5b;color:#fff;font-size:18px;border:0;text-align:center;line-height:.8rem}
.prompt .button.active-state{background:#4fc56a}
.subnavbar.consulting{width:100%;height:150px;background:#fff;padding:0}
.subnavbar.consulting:after{position:absolute;left:0;bottom:0;background:0 0}
.subnavbar.consulting .head-type{position:absolute;left:0;top:0;width:100%;height:110px;margin:0;padding:0;background:#fff;box-sizing:border-box;list-style:none}
.subnavbar.consulting .head-type li{float:left;height:100%;width:25%}
.subnavbar.consulting .head-type .type-a{display:block;width:100%;height:100%;text-align:center;padding-top:20px;box-sizing:border-box}
.subnavbar.consulting .head-type .type-a .icon-wrap{width:50px;height:50px;line-height:50px;margin:0 auto;border-radius:50%;background-color:#ccc}
.subnavbar.consulting .head-type .type-a .iconfont{font-size:30px;color:#fff}
.subnavbar.consulting .head-type .type-a p{margin-top:5px;margin-bottom:0;color:#333;font-size:15px}
.subnavbar.consulting .head-type li:nth-child(n+1) .active .icon-wrap{background-color:#ff6060}
.subnavbar.consulting .head-type li:nth-child(n+2) .active .icon-wrap{background:#fdc00f}
.subnavbar.consulting .head-type li:nth-child(n+3) .active .icon-wrap{background:#3ebc5b}
.subnavbar.consulting .head-type li:nth-child(n+4) .active .icon-wrap{background:#348ac7}
.subnavbar.consulting .buttons-row{position:relative;left:0;top:60px;width:100%;height:.8rem;background:#e8e8e8;box-sizing:border-box}
.subnavbar.consulting .buttons-row .tab-link{position:relative;height:100%;margin:0;text-align:center;line-height:.8rem;color:#333;border:0;border-radius:0}
.subnavbar.consulting .buttons-row .tab-link:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px}
.subnavbar.consulting .buttons-row .tab-link.active{color:#ff6060;background:0 0}
.subnavbar.consulting .buttons-row .tab-link.active:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:#ff6060}
.page.consulting .tabs-animated-wrap{height:auto}
.page.consulting .brick{width:100%;height:150px}
.page.consulting .list-blockx{width:100%;height:auto;padding:0}
.page.consulting .list-blockx li{width:100%;min-height:70px;background:#fff;margin-top:10px;list-style:none;padding-bottom:35px}
.page.consulting .list-blockx .tabs-iner{padding-left:10px;padding-right:10px;margin-top:5px;margin-bottom:5px;font-size:17px;line-height:25px;color:#333;text-align:justify;text-justify:inter-ideograph}
.page.consulting .list-blockx .item-linkx{position:relative;left:0;top:0;width:100%;height:100%}
.page.consulting .list-blockx .titleo{box-sizing:border-box;position:relative;left:0;top:0;display:inline-block;padding:0 10px;height:26px;line-height:26px;text-align:center;font-size:13px;color:#fff;background:rgba(128,128,128,.75)}
.page.consulting .list-blockx .titleo:before,.page.consulting .list-blockx .titleo:after{content:"";position:absolute;box-sizing:border-box;right:-12px;top:0;width:0;height:0;border:13px solid transparent;border-left-color:rgba(128,128,128,.5);border-left-width:6px;border-right-width:6px;border-bottom-color:rgba(128,128,128,.5)}
.page.consulting .list-blockx .titleo:after{border-top-color:rgba(128,128,128,.5);border-left-color:rgba(128,128,128,.5);border-bottom-color:transparent;border-left-width:6px;border-right-width:6px}
.page.consulting .list-blockx .titleo.yellow{background:rgba(253,192,15,.75)}
.page.consulting .list-blockx .titleo.yellow:before{border-left-color:rgba(253,192,15,.5);border-bottom-color:rgba(253,192,15,.5)}
.page.consulting .list-blockx .titleo.yellow:after{border-left-color:rgba(253,192,15,.5);border-top-color:rgba(253,192,15,.5)}
.page.consulting .list-blockx .titleo.green{background:rgba(62,188,91,.75)}
.page.consulting .list-blockx .titleo.green:before{border-left-color:rgba(62,188,91,.5);border-bottom-color:rgba(62,188,91,.5)}
.page.consulting .list-blockx .titleo.green:after{border-left-color:rgba(62,188,91,.5);border-top-color:rgba(62,188,91,.5)}
.page.consulting .list-blockx .item-after{width:50%;height:30px;float:left;margin:0;text-align:left;line-height:30px;padding-left:10px;box-sizing:border-box;font-size:13px;color:gray}
.page.consulting .list-blockx .item-text{width:50%;height:30px;float:right;text-align:right;line-height:30px;padding-right:10px;box-sizing:border-box;font-size:13px;color:gray}
.no-data-box{position:relative;left:0;right:0;top:0;bottom:0;margin:auto;width:100px;height:200px}
.no-data-box .no-data{width:100px;height:100px;background:url(/prototype/12348-message/static/images/nodata.png) no-repeat center center;background-size:100% 100%}
.no-data-box p{margin-top:0;text-align:center;font-size:15px}
.no-data-box.have-data{display:none}
.search-box{position:relative;width:100%;height:1.6rem;background:#fff;box-sizing:border-box;padding-top:.401rem}
.search-box:after{position:absolute;left:0;bottom:0;content:"";width:100%;height:1px;background:#ddd}
.search-box .search-border{position:absolute;left:0;right:0;bottom:0;top:0;margin:auto;width:7.02rem;height:.82rem;background:#ddd;border-radius:5px;box-sizing:border-box}
.search-box .search{position:relative;margin:0 auto;width:7rem;height:.8rem}
.search-box .search:before,.search-box .search:after{content:" ";display:table}
.search-box .search:after{clear:both}
.search-box .magnifier{height:100%;width:.7rem;float:left;background:#fff;border-radius:5px 0 0 5px;box-sizing:border-box;text-align:center;line-height:.8rem}
.search-box .magnifier i{font-size:20px;color:#3ebc5b}
.search-box input{position:relative;width:4.65rem;height:100%;box-sizing:border-box;border:0;background:#fff;border-radius:0;outline:0;color:#333;font-size:16px}
.search-box .button{position:absolute;right:0;top:0;display:block;width:1.65rem;height:100%;border:0;background:#3ebc5b;float:right;border-radius:0 5px 5px 0;text-align:center;line-height:.8rem;color:#fff;font-size:16px}
.search-box .button.active-state{background:#4fc56a}
.hot-title{position:relative;width:100%;height:.88rem;box-sizing:border-box;padding-left:.25rem;padding-right:.25rem;text-align:left;line-height:.88rem;color:gray;font-size:15px}
.hot-title:before,.hot-title:after{content:" ";display:table}
.hot-title:after{clear:both}
.hot-title .true-tab{display:block;height:100%;float:right;padding-left:.3rem;padding-right:.1rem;box-sizing:border-box}
.hot-title .true-tab:active{background:#fff}
.hot-title .title-icon{display:block;height:100%;width:.3rem;float:right;box-sizing:border-box}
.hot-title .title-icon .iconfong{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.hot-title .the-tab{position:absolute;top:.07rem;right:.1rem;width:3rem;z-index:8888;display:none;min-height:.44rem;background:#fff;border:1px solid #ddd;box-shadow:0 0 20px 1px rgba(128,128,128,.2);box-sizing:border-box}
.hot-title .the-tab .tab{width:100%;height:.88rem;text-align:left;line-height:.88rem;padding-left:.3rem;box-sizing:border-box;box-sizing:border-box}
.hot-title .the-tab .tab:active{background:#ddd}
.hot-title .the-tab .tab i{color:#3ebc5b;margin-left:.2rem;box-sizing:border-box}
.hot-title .the-tab.active{display:block}
.hot-list{position:relative;width:100%;height:auto;margin:0;padding:0;list-style:none;background:#fff;box-sizing:border-box}
.hot-list:after{content:"";position:absolute;top:-.5px;left:0;width:100%;height:1px;background:#ddd}
.hot-list:before,.hot-list:after{content:" ";display:table}
.hot-list:after{clear:both}
.hot-list li{position:relative;width:25%;height:1.85rem;box-sizing:border-box;float:left;background:#fff}
.hot-list li:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;z-index:888;background:#ddd}
.hot-list li:before{content:"";position:absolute;top:0;right:0;width:1px;height:100%;z-index:888;background:#ddd}
.hot-list li h2{text-align:center;padding:0 .2rem;margin-top:.3rem;margin-bottom:0;font-size:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333}
.hot-list li p{text-align:center;padding:0 .2rem;margin-bottom:0;margin-top:.3rem;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap;color:gray}
.hot-list li .button{position:absolute;left:0;top:0;width:100%;height:100%;border:0;background:0 0}
.hot-list li:nth-child(4n):before{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:0 0;display:none}
.hot-conlio{margin:0;padding:0;list-style:none;background:0 0;box-sizing:border-box}
.hot-conlio li{position:relative;width:100%;padding-left:.25rem;padding-right:.25rem;padding-top:.25rem;padding-bottom:.25rem;box-sizing:border-box;margin-top:.2rem;background:#fff}
.hot-conlio li .bubble-left{position:relative;height:100px;width:.5rem;box-sizing:border-box;float:left}
.hot-conlio li p{margin-top:0;padding-left:.5rem;font-size:16px;color:#333;text-align:justify;box-sizing:border-box}
.hot-conlio li p i{font-size:25px;box-sizing:border-box}
.hot-conlio li:nth-child(1){margin:0;box-sizing:border-box}
.hot-conlio li .button{position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;border:0}
.hot-conlio li .bubble{position:absolute;left:0;top:.05rem;width:.36rem;height:.36rem;border-radius:3px;background:#f76c5e;box-sizing:border-box;text-align:center;line-height:.36rem;color:#fff;font-size:13px}
.hot-conlio li .bubble:after{content:"";position:absolute;left:0;bottom:-.04rem;width:0;height:0;border-top:.1rem solid #f76c5e;border-right:.1rem solid transparent;box-sizing:border-box}
.hot-conlio li .bubble.answer{background:#348ac7}
.hot-conlio li .bubble.answer:after{content:"";position:absolute;left:0;bottom:-.04rem;width:0;height:0;border-top:.1rem solid #348ac7;border-right:.1rem solid transparent;box-sizing:border-box}
.hot-conlio li:after{position:absolute;left:0;top:0;content:"";width:100%;height:1px;background:#ddd;box-sizing:border-box}
.hot-conlio li:before{position:absolute;left:0;bottom:0;content:"";width:100%;height:1px;background:#ddd;box-sizing:border-box}
.foot{width:100%;height:1rem;background:#fff}
.foot:before,.foot:after{content:" ";display:table}
.foot:after{clear:both}
.foot .thumbs-up,.foot .collection{position:absolute;bottom:.24rem;height:.67rem;min-width:1.67rem;padding-left:.05rem;padding-right:.05rem;float:left;text-align:center;border-radius:20px;box-sizing:border-box;box-shadow:0 0 0 1px #ddd;font-size:15px;text-align:center;line-height:.67rem;color:gray}
.foot .thumbs-up i,.foot .collection i{margin-right:.18rem;font-size:18px}
.foot .thumbs-up{left:3.67rem}
.foot .collection{left:5.6rem}
.foot .thumbs-up.active{color:#fdc00f}
.foot .collection.active{color:#348ac7}
.button.detail{position:absolute;left:0;right:0;margin:auto;margin-top:.37rem;width:7rem;height:.8rem;background:#3ebc5b;color:#fff;font-size:18px;border:0;text-align:center;line-height:.8rem}
.button.detail.active-state{background:#4fc56a}
.detailed-problem{position:relative;width:100%;height:auto;padding:.4rem .2rem 0;box-sizing:border-box;background:#fff}
.detailed-problem:after{content:"";position:absolute;left:0;right:0;bottom:0;margin:auto;width:100%;height:1px;background:#ddd}
.detailed-problem h3{margin-top:0;font-weight:400;font-size:18px;text-align:justify;color:#333}
.detailed-problem .close-cont{display:block;width:100%;height:.9rem;margin-bottom:.5rem;box-sizing:border-box;font-size:.33rem;font-weight:400;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;-webkit-transition:all ease .3s;transition:all ease .3s;color:gray}
.detailed-problem .close-cont.open-content{display:block;height:auto}
.my-condetail-open{position:relative;margin:0 auto;margin-bottom:.3rem;min-width:1.2rem;max-width:2rem;height:.55rem;padding-left:.18rem;background:#fff;text-align:left;line-height:.55rem;color:gray;font-size:.3rem;box-sizing:border-box;box-shadow:0 0 0 1px #ddd;border-radius:30px}
.my-condetail-open i{position:absolute;width:.5rem;height:.5rem;top:0;bottom:0;right:.1rem;margin:auto;text-align:center;line-height:.5rem;font-size:.2rem}
.my-condetail-open i:before{display:block;-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.my-condetail-open.close i:before{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
.my-problem-answer{position:relative;width:100%;height:auto;margin-top:.2rem;padding:0 .2rem .5rem;background:#fff;box-sizing:border-box}
.my-problem-answer:after{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:#ddd}
.my-problem-answer p{margin:0;font-size:16px;color:#333;text-align:justify}
.the-title{position:relative;width:100%;height:1.6rem}
.the-title .head-portrait{position:absolute;left:0;top:0;bottom:0;margin:auto;width:.92rem;height:.92rem;border-radius:50%;background-size:cover}
.the-title .name{position:absolute;top:.47rem;left:1rem;display:block;font-size:18px;color:#333}
.the-title .time{position:absolute;top:.95rem;left:1rem;display:block;font-size:14px;color:gray}
.no-answer{position:relative;left:0;right:0;margin:auto;margin-top:1rem;width:3rem;height:3rem;background-size:cover}
.no-answer span{position:absolute;display:block;left:0;right:0;bottom:-.4rem;margin:auto;text-align:center;color:gray}