.disbox h1{ height: 24px; line-height:24px; font-size: 24px;color: #333; margin:20px; display: inline-block;}
.dislist{ width: 100%;border-bottom: 1px solid #eee; float: left; margin-bottom: 20px; }
.dislist ul{float: left;}
.dislist li{ float: left; }
.dislist li a{font-size: 16px; display:block; margin:0 20px; padding:10px 0 20px 0; height:18px;float: left;}
.dislist .active,.dislist li a:hover{border-bottom: 2px solid #FF839B;color:#FF839B }
.discont{float: left; margin-bottom: 20px; width: 100%;}
.disdoc{position: relative; width: 298px; float: right;}
.disnr{ width: 882px; margin-right:20px;  float: left;}
.disnr b{ width: 100%; height: 21px; border-left: 3px #98dcf6 solid; color: #333; font-size: 16px; line-height: 21px; text-indent: 10px; display: block;}
.disnr ul{ width: 100%; height: auto; overflow: hidden; margin-top: 10px}
.disnr li{ width: 400px; height: 40px; float: left; }
.disnr span{ color: #999; font-size: 14px; line-height: 40px; float: left; display: block; }
.disnr .dse-ks{ color: #666; font-size: 14px; line-height: 40px; float: left; margin-right: 10px; overflow: hidden;cursor: unset; }
.disnr font{ color: #666;font-size: 14px; line-height: 40px; float: left; width: 300px; overflow: hidden; }
.disnr p{ font-size: 14px; line-height: 40px; float: left; width: 300px; overflow: hidden;  }
.disnr p a{color: #90bfef; margin-right: 20px}
.disnr p a:hover{ color: #FF839B }
.vboxsbt{width: 100%; height: 21px; border-left: 3px #98dcf6 solid; color: #333; font-size: 16px; line-height: 21px; text-indent: 10px; display: block; float: left; margin-bottom: 20px;}
.vboxs { width: 1200px; height: auto; overflow: hidden;}
.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;}

.page{ width: 100%;text-align: center;margin-top: 20px;  }
.page .layui-laypage-em{background-color: #9CE3FF !important}
.layui-laypage a, .layui-laypage span{font-size: 14px !important; padding: 3px 20px !important;color: #666 !important}
.page select,.vboxs .page button{color: #666 !important}

.disdoc .swiper-container {
      width: 296px;
      height: 312px;
      position: relative;
      box-shadow: 0px 0px 3px 1px #DBF6FF;
      --swiper-theme-color: #ccc;/* 设置Swiper风格 */
    --swiper-navigation-color: #ccc;/* 单独设置按钮颜色 */
    --swiper-navigation-size: 22px;/* 设置按钮大小 */
    }
.disdoc .swiper-container .left,.disdoc .swiper-container .right{top:72px;}
.disdoc .swiper-slide {text-align: center;}
.disdoc .swiper-slide img{width: 86px; height: 86px; border-radius: 50%;margin:30px 0 10px 0;}
.disdoc .swiper-slide p{font-size: 18px; margin-bottom: 15px;}
.disdoc .swiper-slide p span{font-size: 12px; margin-left:15px;}
.disdoc .swiper-slide em{background: #F3F4F6 ; padding: 5px 20px;font-size: 12px; color: #999;border-radius: 20px; height: 16px; display: inline-block; max-width: 80%; margin: 0 auto;}
.disdoc .swiper-slide em a{ color: #999;height: 100%;display: inline-block;overflow: hidden;max-width: 75%; vertical-align: top;}
.disdoc .swiper-slide i{margin-left: 15px;vertical-align:top;}
.disdoc .swiper-slide .goodat{font-size: 12px;color: #999; text-align: left;line-height: 24px; padding:15px;height: 38px;overflow: hidden;}
.disdoc .swiper-slide .askto{background: #FF8499;  color: #fff; border-radius: 20px;display: inline-block; padding: 8px 25px}
.disdoc .askhotlist {margin-top: 20px; overflow: hidden; width: 100%}
.disdoc .askhotlist li{height: 30px; font-size: 17px;padding: 16px 0  16px 10px; }
.disdoc .askhotlist li a{color: #999}
.disdoc .askhotlist li a:hover{color:#FF8499 }
.disdoc .askhotlist li .active{color: #fff;background:#78D2F5 }
.disdoc .askhotlist li i{background: #F3F4F6;border-radius: 50%;padding:4px 9px; color: #ccc; width: 30px; height: 30px; margin-right:15px;}

.disbox .audioboxs { margin-top:20px; float: left; width: 100%;}
.disbox .audioboxs ul{float: left;}
.disbox .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;  }
.disbox .audioboxs li{ width: 344px;border: 1px solid #eee;float: left; padding:20px; border-radius: 10px; margin:0 20px 20px 0; }
.disbox .audioboxs li:nth-child(3n){margin-right:0}
.disbox .audioboxs li p{font-size: 16px;margin-bottom: 5px;}
.disbox .audioboxs li a:hover{color:#FF839B}
.disbox .audioboxs li p span{padding: 0 5px; font-size: 12px; color: #666;}
.disbox .audioboxs li p span:first-child{margin-left:20px;}
.disbox .audioboxs .normal{color: #eee}
.disbox .audioboxs li:hover{box-shadow: 0px 0px 3px 1px #DBF6FF;}
.disbox .audioboxs .docmes{ height: 52px; padding-left: 20px; margin-top: 10px; line-height: 52px;}
.disbox .audioboxs .docmes img{width: 50px; height: 50px;border-radius: 50%;display: block; float: left;}
.disbox .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 */
}

.disbox .hoslist{ margin-top: 20px;padding: 3px; }
.disbox .hoslist ul{width: 281px; float: left;border: 1px solid #eee; margin:0 20px 20px 0; border-radius: 10px; text-align: center; padding-bottom: 10px;}
.disbox .hoslist li{float: left;width: 100%; margin:4px 0;}
.disbox .hoslist li:first-child{margin:0;}
.disbox .hoslist ul:nth-child(4n){margin-right:0}
.disbox .hoslist ul:hover{box-shadow: 0px 0px 3px 1px #DBF6FF;border-color: #fff}
.disbox .hoslist li .hosname{ margin-top: 10px; display: block; font-size: 16px;}
.disbox .hoslist li em{color: #7AD2F4; background: #ECFAFF; padding: 4px 15px;border-radius: 20px; margin-bottom: 10px;}
.disbox .hoslist li span{ margin:0 10px; }
.disbox .hoslist li b{color: #7AD2F4;}
.disbox .hoslist li  a:hover{color:#FF8499}
.disbox .hoslist li img{width: 281px; height: 210px;border-radius: 10px 10px 0 0;}

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


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