.main .vbox {height: 100%; width: 100%;}
.main .vbox .newhot{height: 40px; margin: 20px 0; }
.main .vbox .newhot li{padding: 10px 25px; font-size: 16px; float: left; cursor: pointer;}
.main .vbox .newhot .vnew{border-radius: 30px 0 0 30px; border: 1px solid #DBF6FF;}
.main .vbox .newhot .vhot{border-radius: 0px 30px 30px 0px; border: 1px solid #DBF6FF;}
.main .vbox .newhot .active{color:#5AC2E9; background:#EEFCFF  }

.vboxs { width: 1200px; height: auto; overflow: hidden; display: none;}
.vboxs dl { width: 222px; height: auto; float: left; border: 1px #eee solid;  border-radius:10px;margin:0 20px 20px 0;}
.vboxs dl:nth-child(5n){margin-right:0px;}
.vboxs dt { width: 100%; height: 190px; border-bottom: 1px #f3f3f3 solid;}
.vboxs .vdo-img { width: 100%; height: 130px; position: relative; overflow: hidden;}
.vboxs .vdo-img img { width: 100%; height: 130px;-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s; transition-duration: 0.5s; border-radius:10px 10px 0 0;}
.vboxs dt:hover img{ -webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1); transform:scale(1.1);}
.vboxs .vdo-img span { padding: 3px 10px; background: rgba(0,0,0,.3); color: #fff; font-size: 12px;  position: absolute; right: 10px;    bottom: 10px; border-radius: 15px;}
.vboxs .vdo-text { width: 200px; height: 54px; margin-left: 15px;}
.vboxs .vdo-text a { width: 100%; height: 25px; color: #333; font-size: 16px; line-height: 25px; display: block; overflow: hidden;  margin-top: 5px;}
.vboxs .vdo-text a:hover { color: #FF839B;}
.vboxs .vdo-text span { width: 200px; height: 25px; line-height: 25px; color: #999; font-size: 12px; display: block;}
.vboxs .vdo-text i { width: 20px; height: 24px; float: left;background-position: -210px -64px; display: block; color: #FE6263; margin-right: 10px;}
.vboxs dd { width: 200px; height: auto; margin-left: 15px;}
.vboxs dd a { width: 120px; height: 46px; float: left; margin-top: 10px; display: inline-block;}
.vboxs dd a img { width: 28px; height: 28px; border-radius: 50%; float: left;margin-top: 5px;}
.vboxs dd a span { float: left; color: #555; font-size: 14px; line-height: 36px; margin-left: 10px;}
.vboxs dd font { float: right; color: #999; font-size: 12px; line-height: 36px; margin-top: 10px; display: block;}
.vboxs dl:hover { -moz-box-shadow: 1px 1px 5px #DBF6FF; -webkit-box-shadow: 1px 1px 5px #DBF6FF; box-shadow: 1px 1px 5px #DBF6FF; text-decoration: none;}
.vboxs dl:hover a { color: #FF839B;}


.main .askbox {height: 100%; width: 100%;}
.main .askbox .newhot{height: 40px; margin: 20px 0; }
.main .askbox .newhot li{padding: 10px 25px; font-size: 16px; float: left; cursor: pointer;}
.main .askbox .newhot .vnew{border-radius: 30px 0 0 30px; border: 1px solid #DBF6FF;}
.main .askbox .newhot .vhot{border-radius: 0px 30px 30px 0px; border: 1px solid #DBF6FF;}
.main .askbox .newhot .active{color:#5AC2E9; background:#EEFCFF  }


.main .askboxs{width: 1200px; float: left; height: auto;display: none;}
.main .askboxs li{height: 135px; border-bottom: 1px dashed #ccc; cursor: pointer;margin-top: 20px;}
.main .askboxs .asklist_l{width: 100px; text-align: center;float: left;}
.main .askboxs .asklist_l img{width: 62px; height: 62px; border-radius: 50%; display: block; margin:0 auto;}
.main .askboxs .asklist_l p{font-size: 18px; height: 30px;display: block; margin-top: 5px;}
.main .askboxs .asklist_l .ask{border:1px solid #FF8499; border-radius: 20px;color:#FF8499;font-size: 14px; padding: 2px 8px; display: block;}
.main .askboxs .asklist_l .ask:hover{background: #FF8499;color: #fff}
.main .askboxs .asklist_l .noserver{ color: #ccc;border:1px solid #ccc; border-radius: 20px;font-size: 14px; padding: 2px 8px; display: block; }
.main .askboxs .asklist_r{width: 1048px; float: left; margin-left:52px;}
.main .askboxs .asklist_r h3{font-size: 16px; height: 20px; line-height: 20px;}
.main .askboxs .asklist_r a:hover{color: #FF8499}
.main .askboxs .asklist_r p{ line-height: 26px; float: left;width: 1012px;margin-top: 10px; height: 52px; overflow: hidden;}
.main .askboxs .asklist_r em{float: left;width: 20px;height: 20px;line-height: 20px;text-align: center;border-radius: 3px;color: #fff;margin-right: 15px;}
.main .askboxs .asklist_r  span{ color: #999; margin-left: 35px; }
.main .askboxs .asklist_r  .other{float: right;font-size: 12px;}
.main .askboxs .asklist_r .status{margin-top: 15px; float: left; width: 100%}
.main .askboxs .asklist_r  i{color: #FF8499}
.main .askboxs .asklist_r .quesion {background: #98dcf6;}
.main .askboxs .asklist_r .answer {background: #ffb8c7; margin-top:15px;}


.main .audioboxs { margin-top:20px; display: none;}
.main .audioboxs ul{float: left;}
.main .audioboxs .audio_bt{background: url(../images/audiobg.png) no-repeat; width: 386px; height: 57px; font-size: 20px; line-height: 57px; color:#4BBFEE;text-indent: 20px;  }
.main .audioboxs li{ width: 344px;border: 1px solid #eee;float: left; padding:20px; border-radius: 10px; margin:0 20px 20px 0; }
.main .audioboxs li:nth-child(3n){margin-right:0}
.main .audioboxs li p{font-size: 16px;margin-bottom: 5px;}
.main .audioboxs li a:hover{color:#FF839B}
.main .audioboxs li p span{padding: 0 5px; font-size: 12px; color: #666;}
.main .audioboxs li p span:first-child{margin-left:20px;}
.main .audioboxs .normal{color: #eee}
.main .audioboxs li:hover{box-shadow: 0px 0px 3px 1px #DBF6FF;}
.main .audioboxs .docmes{ height: 52px; padding-left: 20px; margin-top: 10px; line-height: 52px;}
.main .audioboxs .docmes img{width: 50px; height: 50px;border-radius: 50%;display: block; float: left;}
.main .audioboxs .docmes .chat-pop{background: #F6F6F6;border-radius: 20px; width: 108px; float: left; height: 30px; line-height: 30px; padding: 0 5px; margin-top: 10px; margin-left:20px; color: #FF6362; font-size: 12px;cursor: pointer; }
.iconrxys_yp{color: #7AD2F4; margin-right:10px;}
.iconrxys_bf3,.iconrxys_bf2{color: #FF6362; margin:0 8px;}
.iconrxys_bf2{width: 14px;font-size: 14px !important;}
.main .audioboxs .audioclick{ float: right; font-size: 12px; color: #999;display: block;}
.iconrxys_bf3:before{display: inline-block;transform:rotate(180deg);
-ms-transform:rotate(180deg); /* Internet Explorer */
-moz-transform:rotate(9deg); /* Firefox */
-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg); /* Opera */
}
.dse-title {width: 1200px;height: 45px;border-bottom: 1px #ececec solid;}
.dse-title span { display: block;color: #666;font-size: 14px;line-height: 45px;}
.dse-title i {color: #FF839B;}
.dse-nr ul {width: 100%;height: auto;overflow: hidden;margin-top: 15px;border-bottom: 1px #ececec dashed;padding-bottom: 10px;}
.dse-nr li {width: 150px;height: 35px;float: left;}
.dse-nr li i {width: 4px;height: 4px;background: #dedede;border-radius: 50%;float: left;display: block;margin-top: 15px;}
.dse-nr li a {width: 130px;height: 35px;float: left;margin-left: 5px;overflow: hidden;line-height: 35px;color: #666;font-size: 14px;}
.dse-nr li a:hover{color:#FF839B}

.doccount{width: 100%; height: 30px; line-height: 30px;margin-top:10px; }
.doccount i{color:#FF839B}

.main .docboxs {text-align: center; padding: 1px; margin-top: 10px;}
.main .docboxs li{width: 282px;height: 332px; float: left;border: 1px solid #eee;margin:0 20px 20px 0;border-radius: 10px; cursor: pointer;}
.main .docboxs li:nth-child(4n){margin-right: 0}
.main .docboxs li:hover{box-shadow: 0px 0px 3px 1px #DBF6FF;border-color: #fff}
.main .docboxs li:hover p{color: #FF8499;}
.main .docboxs .chkbox{ height: 35px; overflow: hidden; }
.main .docboxs img{width: 86px; height: 86px; border-radius: 50%;margin:30px 0 10px 0;}
.main .docboxs p{font-size: 18px; margin-bottom: 15px;}
.main .docboxs p span{font-size: 12px; margin-left:15px;}
.main .docboxs em{color: #7AD2F4; background: #ECFAFF; padding: 0 20px;font-size: 12px; border-radius: 20px; display: inline-block; height: 26px; line-height: 28px; max-width: 72%; overflow: hidden; }
.main .docboxs i{margin-left: 15px;}
.main .docboxs .goodat{font-size: 12px;color: #999; text-align: left;line-height: 24px; margin:10px 20px 20px; height: 41px; overflow: hidden;}
.main .docboxs .askto{background: #FF8499;  color: #fff; border-radius: 20px;display: inline-block; padding: 8px 25px ;display: none;}
.main .docboxs .noserver{background: #ccc !important;}
.main .docboxs table{border-top:1px solid #eee;margin: 0 20px; width: 85%;border-collapse:separate;padding-top: 10px; }
.main .docboxs tr{width: 100%;padding: 20px 0;height: 22px; color: #FF8499}
.main .docboxs tr:first-child a{color: #666;}
.main .docboxs td{ width: 32%; text-align: center; }
.main .docboxs td a:hover{color: #FF8499}

.main .dhbox {padding: 1px;}
.main .dhbox dl{border:1px solid #eee;width: 220px; height: 276px; text-align: center; cursor: pointer; margin:0px 20px 20px 0px; float: left; border-radius: 8px;}
.main .dhbox dl:hover{box-shadow: 0px 0px 3px 1px #DBF6FF;border:1px solid #fff; }
.main .dhbox dl:nth-child(5n){margin-right:0px;}
.main .dhbox dl img{height: 164px;width: 100%; border-radius: 8px 8px 0 0; }
.main .dhbox dl p{font-size: 16px; margin: 10px 0; padding: 0 5px; overflow: hidden;height: 24px;color: #666;}
.main .dhbox dl p:hover{color: #FF8499}
.main .dhbox dl span{font-size: 14px;width: 100%; float: left; margin-top: 15px;color: #999;}
.main .dhbox dl em{background: #ECF9FF ; padding: 5px 20px;font-size: 12px; color: #7BD1F4;border-radius: 20px;}

.toolbody{display: flex; flex-wrap: wrap; width:100%; margin-top: 30px;}
.toolbody .toolbox{width: 50%; box-sizing: border-box;text-align: center;  }
.toolbody .tooltab{width: 96px; height: 24px; line-height: 24px; text-align: center; background: #7ad3f4;border-radius: 20px; font-size: 16px; color: #fff;padding: 3px 0}
.toolbody .toollist{width: 90%; border: 1px solid #f2f2f2; border-radius: 10px; padding: 20px; margin-top: 20px; text-align: left;}
.toollist .toolimg{ width: 80px;  text-align: left; display: inline-block;color: #666 }
.toollist .toolimg img{ width: 80px; border-radius: 5px; }
.toollist ul{border-bottom: 1px dashed #f2f2f2;margin-bottom: 20px; padding-bottom: 10px;}
.toollist ul:last-child{border-bottom: none;margin-bottom: 0px;padding-bottom: 0px;}
.toollist li{width: 24%; display: inline-block;text-align: center; }
.toollist li p{display: inline-block;width: 58%;margin-right: 20px;line-height: 26px;float: right; color: #999;}
.toollist .toolimg:hover{color: #FF8499 }