.doclist {width: 100%; margin-top: 20px; padding: 1px;float: left;}
.doclist li{border: 1px solid #eee; float: left; border-radius: 10px; margin:0 20px 20px 0;}
.doclist li:nth-child(2n){margin-right:0;}
.doclist li:hover{box-shadow: 0px 0px 3px 1px #DBF6FF;border:1px solid #DBF6FF;border-radius: 10px; }
.doclist .nr_left{width: 200px; text-align: center; padding: 20px; float: left;}
.doclist li em{ font-size: 18px;display: block; margin:10px 0;  }
.doclist li a:hover{color: #FF8499;}
.doclist li span{color: #666; margin: 0 20px 0 0 ;}
.doclist li img{ width: 90px; height: 90px; border-radius: 50% }
.doclist .nr_right{float: left;text-align: center;}
.doclist .nr_right p{color: #999; margin:20px;  width: 306px; height:36px;text-overflow: -o-ellipsis-lastline;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;
  line-clamp: 2;  -webkit-box-orient: vertical;}

.doclist .nr_right table{border-top:1px solid #eee;margin: 0 20px; width: 85%;border-collapse:separate;padding-top: 10px; }
.doclist .nr_right tr{width: 100%;padding: 20px 0;height: 22px; color: #FF8499}
.doclist .nr_right tr:first-child{color: #666;}
.doclist .nr_right td{ width: 32%; text-align: center; }
.doclist .nr_right td a{color: #666}
.doclist .nr_right td a:hover{color: #FF8499;font-weight: unset;}
.doclist .nr_right .askto{border: 1px solid #FF8499;  color: #FF8499; border-radius: 20px;display: inline-block; padding: 8px 25px ; margin:0 auto; margin-top: 10px;}
.doclist .nr_right .askto:hover{background: #FF8499;  color: #fff; font-weight: normal; }
.doclist .nr_right .noserver{border: 1px solid #ccc;  color: #ccc; border-radius: 20px;display: inline-block; padding: 8px 25px ; margin:0 auto; margin-top: 10px;}
.doclist .nr_right .noserver:hover{font-weight: unset;}
.hosbox{width: 1200px; margin: 20px auto 0; height: auto; overflow:hidden;  padding-bottom: 20px}
.hosbox .hospname{width: 100%; height: 24px; margin-bottom: 15px; }
.hosbox .hosppic img {width: 250px;height: 186px;overflow: hidden; border-radius: 10px;}
.hosbox .hosppic {float: left;}
.hosbox .hospname em{font-size: 18px;  color: #000;    float: left;}
.hosbox .hospname span{color: #7AD3F5; border: 1px solid #7AD3F5; border-radius: 20px; margin: 0px 10px; padding: 2px 10px; font-size: 12px;float: left;}
.hosbox .hospcont{float: left; margin-left: 20px; width: 60% ; }
.hosbox .hospcont i{color: #999;padding-right: 5px;}
.hosbox .hospcont .jianjie{max-height: 84px;}
.hosbox .hospcont p{width: 100%; float: left; overflow: hidden; line-height: 28px; margin:0px 0px 10px}
.hosbox .hospcont a:hover{color: #7AD3F5}
.hosbox .hosphelp {width: 16%;float: right;font-size: 14px;text-align: center;}
.hosbox .hosphelp .guahao {width: 60%;float: right;padding: 10px;border-radius: 20px;margin-top: 125px;color: #fff;background: #7AD3F5;font-size: 16px;}
.hosmap{padding: 20px;border:1px solid #eee;  border-radius: 10px;}
.hosmap .bus{line-height: 26px;}
.hosnrbt{ font-size: 18px; height: 20px; margin: 20px 0; width: 100%; }
#allmap {width: 100%; min-height: 600px;}

.article-box { width: 1200px; height: auto; margin: 0 auto;}
.atcle-wrap { width: 880px; height: auto; float: left; margin-top: 30px; padding: 2px;}
.atcle-left { width: 282px; top: 0; position: static; float: left;  text-align: center;box-shadow: 0px 0px 3px 1px #DBF6FF;}
.atcle-left dt { width: 150px; height: 150px; border: 5px #fff solid; border-radius: 50%; margin: 15px auto;}
.atcle-left dt img { width: 150px; height: 150px; border-radius: 50%; cursor: pointer;}
.atcle-left dt:hover { box-shadow: 0px 0px 3px 3px #ececec;}
.atcle-left dd { width: 282px; height: auto ;}
.atcle-left dd b { height: 30px; display: block;}
.atcle-left dd b a { color: #333; font-size: 18px; line-height: 30px;}
.atcle-left dd p span { padding: 0 10px; }
.atcle-left dd p { width: 282px; height: 24px; color: #666; font-size: 14px; line-height: 24px; margin-top: 5px; overflow: hidden;}
.atcle-left dd p a{ color: #666; width: 160px; height: 30px;overflow: hidden; line-height: 30px; font-size: 14px; }
.atcle-left dd font { float: right; width: 65px; height: 30px; line-height: 30px; overflow: hidden; display: block; text-align: right ;}
.atcle-left .kszc{ background: #EBFAFF; color: #4AC0EE;width: 60%;display: inline-block;border-radius: 20px; }
.atcle-left ul { width: 280px; height: 61px; margin-top: 15px;}
.atcle-left ul li { width: 100%; height: 35px; float: left;  margin-top: 8px; text-align: left; margin-left: 70px;cursor: pointer;}
.atcle-left ul li i {color: #FB7C99; margin-right: 20px;}
.atcle-left ul li:hover{color:#FB7C99 }

.atcle-mid { width: 580px; height: auto; overflow: hidden; float: right;}
.atcle-top { width: 580px; height: 75px; position: relative;}
.atcle-top h1 { width: 580px; height: 40px; color: #000; font-size: 26px; line-height: 40px; overflow: hidden; display: block;  font-weight: normal;}
.atcle-top .atcle-info { width: 580px; height: 30px; margin-top: 5px;}
.atcle-top .atcle-info span { color: #999; font-size: 14px; line-height: 30px; float: left; display: block;margin-right: 20px;}
.atcle-top .atcle-info i { width: 1px; height: 15px; float: left; background: #e7e7e7; display: block; margin: 7px 15px 0;}
.atcle-top .atcle-info font { float: right; color: #999; font-size: 14px; line-height: 30px;  background-position: 0 0; background: url(../images/ico2.png) 0 0 no-repeat;text-indent: 25px; display: block; cursor: pointer;}
.atcle-video { width: 580px; height: auto; margin-top: 10px;}
.atcle-cont { width: 580px; height: auto; margin-top: 15px; overflow: hidden;}
.atcle-cont span { color: #999; font-size: 24px; line-height: 56px; display: block;}
.atcle-cont p { color: #333; font-size: 16px; line-height: 30px;}
.atcle-other { width: 580px; height: auto; overflow: hidden; margin-top: 15px;}
.atcle-title { width: 580px; height: 50px;  color: #333; font-size: 24px; line-height: 50px;}
.atcle-nr { width: 580px; height: auto; overflow: hidden;}
.atcle-nr dl { width: 580px; margin-top: 20px; border-bottom: 1px #ececec dashed; padding-bottom: 20px;}
.atcle-list1 { width: 580px; height: 110px;}
.atcle-list1 dt { width: 180px; height: 110px; float: left; position: relative;}
.atcle-list1 dt img { width: 180px; height: 110px;}
.atcle-list1 dt .doct-time { width: 40px; height: 20px; position: absolute; background: #000; opacity: 0.5; z-index: 5; right: 10px; bottom: 20px; color: #fff; font-size: 12px; line-height: 20px; text-align: center; display: block;}
.atcle-list1 dd { width: 380px; height: 110px; float: right;}
.atcle-list1 dd h3 { width: 380px; height: 35px;}
.atcle-list1 dd>a { width: 380px; height: 35px; overflow: hidden; color: #000; font-size: 16px; line-height: 35px; display: block;  font-weight: normal;}
.atcle-list1 dd a:hover { color: #f8a889;}
.atcle-list1 dd .other-txt1 { width: 380px; height: 50px; line-height: 25px; color: #666; font-size: 14px; overflow: hidden; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.atcle-list1 dd .other-txt2 { width: 380px; height: 25px; overflow: hidden; line-height: 25px; color: #999; font-size: 12px; margin-top: 3px;}
.atcle-list1 dd .other-txt2 span { float: right;}
.atcle-list1 dd .other-txt2 em{color: #999;}
.atcle-list1 dd .other-txt2 font { float: left; color: #666;}
.atcle-list1 dd .other-txt2 i { float: left; width: 1px; height: 11px; background: #ddd; margin: 7px 0 0 10px;}
.atcle-list1 dd .other-txt2 em { float: left; margin-left: 10px;}
.atcle-nr dl:last-child{ border-bottom: none; }

.atcle-nr ul{width: 580px;float: left;}
.atcle-nr .audio_bt{background: url(../images/audiobg.png) no-repeat; width: 298px; height: 57px; font-size: 20px; line-height: 57px; color:#4BBFEE;text-indent: 20px;  }
.atcle-nr li{ width: 540px; border-bottom: 1px dashed #eee;float: left; padding:15px 0; }
.atcle-nr ul li:last-child{border-bottom:none !important;}
.atcle-nr li p{font-size: 16px;margin-bottom: 5px;}
.atcle-nr li a:hover{color:#FF839B}
.atcle-nr li p span{padding: 0 5px; font-size: 12px; color: #666;}
.atcle-nr li p span:first-child{margin-left:20px;}
.atcle-nr .normal{color: #eee}
.atcle-nr .docmes{ height: 52px; padding-left: 20px; margin-top: 10px; line-height: 52px;}
.atcle-nr .docmes img{width: 50px; height: 50px;border-radius: 50%;display: block; float: left;}
.atcle-nr .docmes .chat-pop{background: #F6F6F6;border-radius: 20px; width: 108px; float: left; height: 30px; margin-right: 20px;line-height: 30px; padding: 0 5px; margin-top: 10px; margin-left:20px; color: #FF6362; font-size: 12px;cursor: pointer; }
.atcle-nr .audioclick{ float: right; font-size: 12px; color: #999;line-height: 50px; height: 50px;}
.atcle-nr .content{ font-size: 14px; color: #666; text-overflow: -o-ellipsis-lastline;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;
  line-clamp: 2;  -webkit-box-orient: vertical; height: 46px; width: 540px; line-height: 24px;margin-top: 10px;}

.doct-right { width: 300px; height: auto; float: right; overflow: hidden; }
.article-list { width: 298px; height: auto; overflow: hidden; margin-top: 30px; border:1px solid #eee; border-radius: 10px;}
.article-list:hover{box-shadow: 0px 0px 3px 1px #DBF6FF; border:1px solid #DBF6FF;}
.article-top { width: 260px; height: 57px; background: url(../images/rt300.png) no-repeat;padding: 0px 20px}
.article-top b { float: left; color: #67C8F3; font-size: 18px; line-height: 57px;}
.article-top a { float: right; color: #67C8F3; font-size: 14px; line-height: 57px;}
.article-top a:hover { color: #FB7C99;}
.article-cont { width: 300px; height: auto; overflow: hidden;padding: 15px 0}
.article-cont li { width: 260px; height: 40px;    padding: 0 20px;overflow: hidden;}
.article-cont li a { width: 260px; height: 40px; line-height: 40px; color: #333; font-size: 16px; overflow: hidden; text-indent: 30px; }
.article-cont li .arc_ico{width: 15px; height: 20px; float: left; margin:10px 10px 0 0 ;}
.article-cont li a:hover { color: #FB7C99;}
.doct-code { width: 300px; height: 100px; background: #EBFAFF; margin-top: 20px;}
.doct-code dt { width: 98px; height: 98px; float: left; margin: 1px;}
.doct-code dt img { width: 98px; height: 98px}
.doct-code dd { width: 190px; height: 100px; float: right;}
.doct-code dd b { width: 190px; height: 30px; margin-top: 20px; color: #333; font-size: 16px; line-height: 30px; display: block;}
.doct-code dd p { width: 190px; height: 30px; color: #666; font-size: 12px; line-height: 30px;}

.atcle-code { position: absolute; top: 95px; right: 0; width: 288px; z-index: 99; background: #fff; border: 1px #ececec solid;  border-radius: 5px; padding: 10px; display: none;}
.atcle-code dl { width: 286px; overflow: hidden;}
.atcle-code dt { width: 100px; height: 100px; float: left;}
.atcle-code dt img { width: 100px; height: 100px;}
.atcle-code dd { float: right; width: 170px;}
.atcle-code dd span { line-height: 25px; font-size: 14px; color: #333; display: block; margin-top: 5px;}
.atcle-code dd p { border-top: 1px #ececec solid; line-height: 23px; font-size: 12px; color: #999; display: block; margin-top: 5px;}
.atcle-code:after { position: absolute; top: -7px; right: 65px; width: 10px; height: 10px; content: " "; background: #fff; border-top: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg);}

.audiobox { margin-top:20px;float: left; }
.audiobox ul{float: left;width: 298px;border:1px solid #eee; border-radius: 10px;}
.audiobox ul:hover{box-shadow: 0px 0px 3px 1px #DBF6FF; border:1px solid #DBF6FF;border-radius: 10px;}
.audiobox ul:last-child{margin-right: 0;}
.audiobox .audio_bt{background: url(../images/audiobg.png) no-repeat; width: 298px; height: 57px; font-size: 20px; line-height: 57px; color:#4BBFEE;text-indent: 20px;  }
.audiobox li{ width: 260px; margin: 0px 20px;border-bottom: 1px dashed #eee;float: left; padding:15px 0; }
.audiobox li:nth-child(6n){border-bottom:none !important}
.audiobox li p{font-size: 16px;margin-bottom: 5px;}
.audiobox li a:hover{color:#FF839B}
.audiobox li p span{padding: 0 5px; font-size: 12px; color: #666;}
.audiobox li p span:first-child{margin-left:20px;}
.audiobox .normal{color: #eee}
.audiobox ul:hover{box-shadow: 0px 0px 3px 1px #DBF6FF; border:1px solid #DBF6FF;border-radius: 10px;}
.audiobox .docmes{ height: 52px; padding-left: 20px; margin-top: 10px; line-height: 52px;}
.audiobox .docmes img{width: 50px; height: 50px;border-radius: 50%;display: block; float: left;}
.audiobox .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; }
.audiobox .audioclick{ float: right; font-size: 12px; color: #999;line-height: 24px;}
.iconrxys_yp{color: #7AD2F4; margin-right:10px;}
.iconrxys_bf3,.iconrxys_bf2{color: #FF6362; margin:0 8px;}
.iconrxys_bf2{width: 14px;font-size: 14px !important;}
.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 */
}

.askhotlist {overflow: hidden; width: 100%}
.askhotlist li{height: 30px; font-size: 16px;}
.askhotlist li a{color: #999; display: inline-block;    width: 200px;    height: 21px;    overflow: hidden;}
.askhotlist li a:hover{color:#FF8499;}
.askhotlist li .active{color: #fff;background:#78D2F5 }
.askhotlist li i{background: #F3F4F6;border-radius: 50%;padding:4px 9px; color: #ccc; width: 30px; height: 30px; margin-right:15px;}

.containner_in { position: relative;}
.containner_box { padding: 20px 28px 0 2px; height: 100px;}
.audiojs { padding: 0 22px 0 106px; width: auto;box-shadow: 0px 0px 3px 1px rgba(122,210,244,0.45); border:1px solid #fff;border-radius: 60px;}
.audiojs .name { display: none;}
.audiojs .scrubber { margin-top: 45px; overflow: visible; width: 400px;}
.audiojs .scrubber:after { position: absolute; top: 0; right: -20px; width: 20px;  height: 10px; background: #fff; content: " ";}
.audiojs .scrubber,.audiojs .loaded { background: #ccc;}
.audiojs .scrubber,.audiojs .loaded,.audiojs .progress { height: 3px; cursor: pointer;}
.audiojs .progress { background: #7AD3F5;}
.audiojs .time,.containner_time { font-size: 18px; color: #666; line-height: 1;}
.audiojs .time { position: absolute; top: 12px; left: 106px; font-size: 13px; }
.containner_time { position: absolute; top: 20px; right: 22px;font-size: 13px;}
.audiojs .play-pause { top: 10px; left: 18px; width: 62px; height: 62px;  border-radius: 50%; overflow: hidden; background: #68c7d1;}
.containner_in .audiojs p { background-image: url("../images/player.gif"); background-repeat: no-repeat; background-size: 93px 394px!important; width: 68px; height: 68px;}
.containner_in .audiojs .play { background-position: -18px -17px;}
.containner_in .audiojs .loading { background-position: -19px -118px;}
.containner_in .audiojs .pause { background-position: -17px -215px;}
.containner_in .audiojs .error { background-position: -17px -315px;}
.play-pause .loading span:after,.play-pause .error span:after { display: none;}
.audiojs .progress:after { position: absolute; top: -13px; right: -22px; content: " "; width: 29px; height: 29px; background-image: url("../images/playschedule_btn.png"); background-size: 29px 29px; background-repeat: no-repeat;}
.audiojs .loaded { width: 400px;}
.audiojs .time em {float: left;font-style: normal;}

.video-cont{ width: 298px; height: auto; overflow: hidden;border:1px solid #eee; border-radius: 10px;}
.video-cont dl{ width: 260px; height: auto; float: left; border-bottom: 1px #ececec dashed; border-radius: 10px; overflow: hidden; margin:20px 0 0 0px ; padding: 0 20px 10px}
.video-cont dl:last-child{border-bottom:none}
.video-cont:hover{box-shadow: 0px 0px 3px 1px #DBF6FF; border:1px solid #DBF6FF;border-radius: 10px;}
.video-cont dt{ width: 100%; height: 154px; position: relative; overflow: hidden; }
.video-cont img{ width: 260px; height: 154px; overflow: hidden; -webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s; transition-duration: 0.5s; }
.video-cont dl:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1); transform:scale(1.1);}
.video-cont dt span{ padding: 3px 10px; background: rgba(0,0,0,.3); color: #fff; font-size: 12px; position: absolute; right: 10px; bottom: 10px; border-radius: 15px }
.video-bk em{ width: 44px; height: 44px; display: block; background: url(../images/ico.png) no-repeat; background-position: -8px -63px; left: 50%; margin-left: -22px; top: 50%; margin-top: -22px; position: absolute; z-index: 11; }
.video-cont dd{ width: 260px; height: auto;overflow: hidden; }
.video-cont dd b{ width: 100%; height: 40px;display: block; overflow: hidden; }
.video-cont dd b a{ width: 100%; height: 40px; line-height: 40px; color: #333; font-size: 16px; overflow: hidden; }
.video-cont dd p{ width: 260px; height: 24px; display: inline-flex; line-height: 24px; overflow: hidden;  color: #999; font-size: 12px; }
.video-cont dd p a{ color: #333; font-size: 14px; }
.video-cont dd p span{ margin-left: 10px }
.video-cont dl:hover b a{ color: #FF8499 }
.video-cont dl:hover .video-bk{ display: block; }
.video-cont dd p .hostit{width: 47%;overflow: hidden;color:#999;font-size: 12px;}
.video-cont .right{float: right;}

.ask-cont{ width: 580px; height: auto; margin-top: 15px; overflow: hidden;}
.ask-cont span { color: #333; font-size: 18px; line-height: 40px; display: block;}
.ask-cont p{background: #F5FDFF; padding: 20px;color: #666; line-height: 30px; border-radius: 10px;}
.ask-cont p:nth-child(4n){padding-top: 0}
.ask-cont span i{color: #999; font-size: 12px;}
.ask-cont p em{color: #333;}
.ask-cont .docts{padding-left:3px; line-height: 50px; font-size: 18px;vertical-align:middle; height: 50px; margin:  10px 0px;}
.ask-cont .docts img{width: 48px; height: 48px; border-radius: 50%; box-shadow: 0 0 3px 3px #ececec;float: left; margin-right: 10px; }
.ask-cont .docts span{display: inline-block;font-size: 12px; color: #666; }
.ask-cont .docts .normal{margin:0 10px;color: #ddd}

.atcle-nr dt{height: 125px;}
.atcle-nr dt:nth-child(6n){border-bottom: none;}
.atcle-nr .asklist_r{width:580px;float: left;}
.atcle-nr .asklist_r h3{font-size: 16px; height: 20px; line-height: 20px;}
.atcle-nr .asklist_r a:hover{color: #FF8499}
.atcle-nr .asklist_r p{ line-height: 26px; float: left;width: 545px;margin-top: 10px;height: 52px;overflow: hidden;}
.atcle-nr .asklist_r em{float: left;width: 20px;height: 20px;line-height: 20px;text-align: center;border-radius: 3px;color: #fff;margin-right: 15px;}
.atcle-nr .asklist_r  span{ color: #999; margin-left: 35px;font-size: 12px; }
.atcle-nr .asklist_r  .other{float: right;font-size: 12px;}
.atcle-nr .asklist_r .status{margin-top: 10px; float: left; width: 545px;margin-left: 32px;}
.atcle-nr .asklist_r .status a{color: #7CD1F6;font-size: 16px;}
.atcle-nr .asklist_r .quesion {background: #98dcf6;}
.atcle-nr .asklist_r .answer {background: #ffb8c7; margin-top:15px;}

.atcle-nr .ask-box dt{border-bottom: 1px dashed #ececec; margin-bottom: 20px; padding-bottom: 5px}
.atcle-nr .ask-box dt:last-child{border-bottom: none}

.main .doctop{background: url(../images/doc_bg.jpg) no-repeat; width: 100%; height: 242px; margin-top: 10px;vertical-align:middle;}
.main .doctop .doct-bleft{width: 910px;float: left;}
.main .doctop .doct-bleft img{width: 162px; height: 162px; border:solid 5px #fff; border-radius: 50%; margin: 40px 40px 30px; float: left;}
.main .doctop .namepr{color: #935665; float: left; margin-top: 80px; }
.main .doctop .namepr h3{ font-size: 40px;display: inline-block;font-weight: bold; }
.main .doctop .namepr em{font-size: 24px;display: inline-block; margin-left: 20px; }
.main .doctop .hos{font-size: 20px;color: #935665; margin-top: 25px;}
.main .doctop .hos span{margin-left: 25px;}
.main .doctop .doct-bright { width: 250px; height: 175px; float: right; margin-top: 30px; cursor: pointer;float: left;margin-top: 50px;}
.main .doctop .doct-bright dl { width: 250px; height: 175px; position: relative;}
.main .doctop .doct-bright dt { width: 250px; height: 140px; position: relative;}
.main .doctop .doct-bright dt img { width: 250px; height: 140px; border-radius: 10px;}
.main .doctop .doct-bright dt i { width: 46px; height: 46px; position: absolute; left: 50%; margin-left: -23px; top: 50%; margin-top: -23px; z-index: 9; display: block; background: url("../images/video.png") no-repeat;}
.main .doctop .doct-bright dd { width: 250px; height: 25px; color: #ff7092; text-align: center; line-height: 25px; font-size: 16px; margin-top: 10px;}
.doct-video { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); filter: alpha(opacity=50); position: absolute; left: 0; top: 0; z-index: 9; display: none;}
.d-video { width: 770px; height: 410px; margin-left: -385px; left: 50%; top: 250px; position: relative;}
.video-nr { width: 730px; height: 410px; float: left;}
.d-close { width: 28px; height: 28px; float: right; background: url("../images/close.png") no-repeat; cursor: pointer;}

.zylist{ width: 100%;border-bottom: 1px solid #eee; float: left; margin: 20px 0 0; }
.zylist ul{float: left;}
.zylist li{ float: left; margin-right: 30px; }
.zylist li a{font-size: 16px; display:block; margin:0 20px; padding:10px 0 20px 0; height:18px;float: left;}
.zylist .active{border-bottom: 2px solid #FF839B;color:#FF839B }

.arctbox_l{width: 880px; float: left;}
.atcle-vodnr { width: 880px; height: auto; overflow: hidden;}
.atcle-vodnr dl { width: 880px; margin-top: 20px; border-bottom: 1px #ececec dashed; padding-bottom: 20px;}
.atcle-vodnr .atcle-list1 { width: 880px; height: 110px;}
.atcle-vodnr .atcle-list1 dt { width: 180px; height: 110px; float: left; position: relative;}
.atcle-vodnr .atcle-list1 dt img { width: 180px; height: 110px;}
.atcle-vodnr .atcle-list1 dt .doct-time { width: 48px; height: 20px; position: absolute; background: #000; opacity: 0.4; z-index: 5; right: 10px; bottom: 10px; color: #fff; font-size: 12px; line-height: 20px; text-align: center; display: block; border-radius: 10px}
.atcle-vodnr .atcle-list1 dd { width: 680px; height: 110px; float: right;}
.atcle-vodnr .atcle-list1 dd h3 { width: 680px; height: 35px;}
.atcle-vodnr .atcle-list1 dd>a { width: 680px; height: 35px; overflow: hidden; color: #000; font-size: 16px; line-height: 35px; display: block;  font-weight: normal;}
.atcle-vodnr .atcle-list1 dd a:hover { color: #f8a889;}
.atcle-vodnr .atcle-list1 dd .other-txt1 { width: 680px; height: 50px; line-height: 25px; color: #666; font-size: 14px; overflow: hidden; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.atcle-vodnr .atcle-list1 dd .other-txt2 { width: 680px; height: 25px; overflow: hidden; line-height: 25px; color: #999; font-size: 12px; margin-top: 3px;}
.atcle-vodnr .atcle-list1 dd .other-txt2 span { float: right; margin: 0 20px;}
.atcle-vodnr .atcle-list1 dd .other-txt2 font { float: left; color: #98dcf6;}
.atcle-vodnr .atcle-list1 dd .other-txt2 i { float: left; width: 1px; height: 11px; background: #ddd; margin: 7px 0 0 10px;}
.atcle-vodnr .atcle-list1 dd .other-txt2 em { float: left; margin-left: 10px;}
.atcle-vodnr dl:last-child{ border-bottom: none; }

.arctbox_r{width: 300px; float: right;}
.arctbox_r .doctjs{border: 1px solid #eee; padding:20px; border-radius: 10px; margin-top: 25px; }
.arctbox_r .doctjs b{font-size: 18px; color: #333; width: 260px; text-align: center;display: block;}
.arctbox_r .doctjs p{line-height: 30px;color: #999; margin-top: 15px;}

.atcle-vodnr ul{width: 880px; margin-top: 20px;float: left;}
.atcle-vodnr .audio_bt{background: url(../images/audiobg.png) no-repeat; width: 298px; height: 57px; font-size: 20px; line-height: 57px; color:#4BBFEE;text-indent: 20px;  }
.atcle-vodnr li{ width: 840px; margin: 0px 20px;border-bottom: 1px dashed #eee;float: left; padding:15px 0; }
.atcle-vodnr li:nth-child(5n){border-bottom: none;}
.atcle-vodnr li p{font-size: 16px;margin-bottom: 5px;}
.atcle-vodnr li a:hover{color:#FF839B}
.atcle-vodnr li p span{padding: 0 5px; font-size: 12px; color: #666;}
.atcle-vodnr li p span:first-child{margin-left:20px;}
.atcle-vodnr .docmes{ height: 52px; padding-left: 20px; margin-top: 10px; line-height: 52px;}
.atcle-vodnr .docmes img{width: 50px; height: 50px;border-radius: 50%;display: block; float: left;}
.atcle-vodnr .docmes .chat-pop{background: #F6F6F6;border-radius: 20px; width: 108px; float: left; height: 30px; margin-right: 20px;line-height: 30px; padding: 0 5px; margin-top: 10px; margin-left:20px; color: #FF6362; font-size: 12px;cursor: pointer; }
#ado .chat-pop .time{float: right;margin-right: 15px;}
.atcle-vodnr .audioclick{ float: right; font-size: 12px; color: #999;line-height: 50px; height: 50px;}
.atcle-vodnr .content{ font-size: 14px; color: #666; text-overflow: -o-ellipsis-lastline;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2; line-clamp: 2;  -webkit-box-orient: vertical; height: 46px; line-height: 24px;margin-top: 10px;}

.atcle-vodnr .askbox dl{width: 880px;}
.atcle-vodnr .askbox dt{height: 125px;border-bottom: 1px dashed #f2f2f2; margin-bottom: 20px; padding-bottom: 5px}
.atcle-vodnr .askbox dt:nth-child(6n){border-bottom: none;}
.atcle-vodnr .askbox .asklist_r{width:880px;float: left;}
.atcle-vodnr .askbox .asklist_r h3{font-size: 16px; height: 20px; line-height: 20px;}
.atcle-vodnr .askbox .asklist_r a:hover{color: #FF8499}
.atcle-vodnr .askbox .asklist_r p{ line-height: 26px; float: left;width: 845px;margin-top: 10px;min-height: 52px;}
.atcle-vodnr .askbox .asklist_r em{float: left;width: 20px;height: 20px;line-height: 20px;text-align: center;border-radius: 3px;color: #fff;margin-right: 15px;}
.atcle-vodnr .askbox .asklist_r  span{ color: #999; margin-left: 25px;font-size: 12px; }
.atcle-vodnr .askbox .asklist_r  .other{float: right;font-size: 12px;}
.atcle-vodnr .askbox .asklist_r  .other i{margin-left: 20px;}
.atcle-vodnr .askbox .asklist_r .status{margin-top: 10px; float: left; width: 845px;margin-left: 32px;line-height: 22px;}
.atcle-vodnr .askbox .asklist_r .status a{color: #7CD1F6;font-size: 16px;}
.atcle-vodnr .askbox .asklist_r .quesion {background: #98dcf6;}
.atcle-vodnr .askbox .asklist_r .answer {background: #ffb8c7; margin-top:15px;}

.allarc ul{margin-top: 0 !important}
.allarc .askbox dt {padding-bottom: 0;margin-bottom: 0;border-bottom:none;}
.allarc .askbox{padding-bottom: 10px; float: left;}
.allarc .atcle-list1{float: left;}
.allarc li{margin: 0}

/**
 * 提问页面
 */
 .qst-adv{ width: 1200px; height: auto; overflow: hidden; margin:15px auto 0; }
.qst-box1{ width: 1198px; height: auto; overflow: initial; border:1px #ededed solid; margin:20px auto 0; }
.qst-wrap1{ width: 940px; height: auto; margin:40px auto 0; }
.qst-step{ width: 100%; height: 40px; display: block; color: #333; font-size: 18px; line-height: 40px; background: url(../images/wd-ico.png) left 6px no-repeat; text-indent: 40px; }
.qst-wrap1 .layui-form-item{ margin-top: 10px; }
.qst-wrap1 label{ width: 100%; height: 30px; color: #666; font-size: 16px; line-height: 30px; text-align: left; text-indent: 25px; }
.qst-wrap1 label span{ color: #999 }
.qst-wrap1 input{ width: 900px; height: 50px; margin-left: 40px }
.qst-wrap1 textarea{ width: 900px; height: 180px; margin-left: 40px; padding:10px; }
.qst-tip{ width: 900px; height: auto; overflow: hidden; margin: 15px 0 0 40px; border-bottom: 1px #ededed dashed; padding-bottom: 15px}
.qst-tip b{ width: 100%; height: 30px; color: #666; font-size: 14px; line-height: 30px; display: block; }
.qst-tip p{ width: 100%; height: 30px; color: #999; font-size: 14px; line-height: 30px; display: block;}
.qst-wrap1 .qst-img{ width: 900px; height: auto; display: block; overflow: hidden; margin: 30px 0 30px 40px; }
.qst-img dt{ width: 60px; height: 60px; border:1px #bdddfc dashed; border-radius: 5px; float: left; }
.qst-img button{ width: 60px; height: 60px; background: url(../images/wd-ico2.png) 14px 16px no-repeat; }
.qst-img dd{ width: 820px; height: 60px; float: right; }
.qst-img p{ width: 100%; height: 25px; color: #666; font-size: 14px; line-height: 25px; margin-top: 5px }
.qst-img p span{ color: #999 }
.qst-box2{ width: 1198px; height: auto; overflow: hidden; border:1px #ededed solid; margin:20px auto 0; }
.qst-wrap2{ width: 940px; height: auto; overflow: hidden; margin:40px auto 0; padding-bottom: 30px }
.qst-form{ width: 100%; height: auto; overflow: hidden; }
.qst-form .layui-form-item{ margin:10px 0 0 0 ; }
.qst-form label{ float: left; color: #666; font-size: 16px; line-height: 50px; padding:0 15px;}
.qst-form .qst-radio{ height: 50px; float: left; margin-left: 0px; line-height: 40px; }
.qst-form .qst-age{ width: 100%; height: 50px; }
.qst-age .qst-txt2{ width: 320px; height: 48px; line-height: 48px; padding:0 10px; float: left; border-left:1px #e5e5e5 solid; border-top:1px #e5e5e5 solid; border-bottom:1px #e5e5e5 solid;  border-radius: 3px  }
.qst-age .qst-txt{ width: 65px !important; height: 50px; float: left; margin-left: 0; text-align: center; }
.qst-txt .layui-input{ height: 50px; *height:46px; }
.qst-state{ float: left; color: #999; font-size: 14px; line-height: 50px; margin-left: 15px; *margin-left:50px; }
.qst-tel{ width: 100%; height: 50px; margin-top: 30px !important}
.qst-tel input{ width: 405px; height: 50px; float: left; }
.qst-code{ width: 100%; height: 50px; margin-top: 30px !important}
.qst-code input{ width: 250px;height: 50px; float:left }
.qst-code a{ color:#999; font-size: 14px; line-height: 50px; margin-left: 15px; cursor: pointer; }
.qst-code a:hover{ color: #f60 }
.qst-yzm{ width: 100%; height: 50px; margin-top: 30px !important}
.qst-yzm input{ width: 250px; height: 48px; float: left; }
.qst-yzm button{ width: 140px; height:48px; margin-left: 15px; background: #FF8499 }
.qst-box3{ width: 1198px; height: auto; overflow: hidden; border:1px #ededed solid; margin:20px auto 0; }
.qst-wrap3{ width: 1030px; height: auto; overflow: hidden; margin:40px auto 0; padding-bottom: 30px }
.qst-wrap3 b{ width: 100%; height: 40px; display: block; color: #333; font-size: 18px; line-height: 40px; background: url(../images/wd-ico3.png) left 6px no-repeat; text-indent: 40px; }
.qst-dotor{ width: 100%; height: auto; overflow: hidden; margin-top: 15px; }
.qst-dtop{ width: 100%; height: 30px; text-align: right; font-size: 16px; line-height: 30px;}
.qst-dtop a{ cursor: pointer; color: #999; }
.qst-dtop a:hover{ color: #f60 }
.qst-dtop em{ color: #62c5b1; margin-left: 5px;}
.qst-dcont{ width: 100%; height: auto; overflow: hidden; margin-top: 10px}
.qst-dcont dl{ width: 235px; height: 140px; float: left; border:1px #ededed solid; border-radius: 7px; position: relative; cursor: pointer; margin-left: 20px}
.qst-dcont dt{ width: 205px; height: 70px; border-bottom: 1px #ededed dashed; margin: 15px 15px 0; }
.qst-tu img{ width: 58px; height: 58px; float: left; }
.qst-tu p{ float: left; color: #666; font-size: 16px; line-height: 58px; margin-left: 15px }
.qst-ys img{ width: 58px; height: 58px; border-radius: 50%; float: left; }
.qst-ys .qst-name{ width: 132px; height: 58px; float: right; }
.qst-ys p{ width: 100%; height: 25px; overflow: hidden; color: #999; font-size: 12px; line-height: 25px; margin-top: 5px }
.qst-ys p a{ color: #333; font-size: 16px; margin-right: 10px }
.qst-ys span{ width: 100%; height: 25px; overflow: hidden; display: block; color: #666; font-size: 12px; line-height: 25px; }
.qst-dcont dd{ width: 205px; height: 50px; margin-left: 15px; }
.qst-dcont dd span{ float: left; color: #ff5e7b; line-height: 50px; }
.qst-dcont dd em{ font-size: 22px }
.qst-dcont dd .doc-radio{ float: right; width: 20px; margin-top: 5px }
.qst-dj{ width: 30px; height: 23px; position: absolute; right: -5px; top: 10px; z-index: 9; }
.qst-dj em{ width: 30px; height: 18px; background: #f6a31f; color: #fff; font-size: 12px; line-height: 18px; text-align: center; display: block; margin-top: 5px }
.qst-dj i{ width: 0; height: 0; border-bottom: 5px solid #df931b;  border-right: 5px solid transparent; position: absolute; top: 0; right: 0px }
.qst-stem{ width: 100%; height: auto; overflow: hidden; margin-top: 15px; }
.qst-stem p{ width: 100%; height: 30px; color: #999; font-size: 14px; line-height: 30px; display: block; }
.qst-stem p em{ color: #f6a627; font-size: 18px; margin-right: 5px}
.qst-stem { width: 100%; height: auto; overflow: hidden; margin-top: 10px; }
.qst-stem b{ width: 100%; height: 30px; display: block; }
.qst-stem a{ color: #999; font-size: 14px; line-height: 30px; margin-left: 10px;}
.qst-stem button{ width: 200px; height: 50px; background: #FF8499; margin:30px auto 0; display: block; border-radius: 5px}
.qst-stem [lay-skin=primary].layui-form-checkbox{ float: left; margin-top: 7px; padding-left: 0; }
.depsel { width:900px !important;}
.depsel label{width:100px !important;}
.depsel input{width:770px !important;margin-left: 0;}
.depsel .layui-form-select dl{margin-left:130px;min-width: 770px;top:55px;}

.toollist ul{display: flex; flex-wrap: wrap; margin-top: 10px; }
.toollist li{width: 33.3%; box-sizing: border-box;text-align: center; padding:10px;}
.toollist li img{display: block;width: 90%; border-radius: 10px; padding-bottom: 10px;}
.toolbody{border: 1px solid #f2f2f2;border-radius: 10px;width: 880px;background: #fff;}
.toolbody h1{font-size: 30px; color: #333;width: 100%; text-align: center; margin-top: 30px;}
.toolbody .dates{color: #333;text-align: center;margin-top: 40px;}
.toolbody .submit{width: 100%; text-align: center; margin-top:20px; }
.toolbody .result{width: 100px; height: 30px;border-radius: 10px; background: #f97e96; color: #fff; text-align: center;}

.nodocwidth {width:880px !important;}
.nodocwidth2 {width:680px !important;}