.detailnav { color: #333; padding: 0; overflow: hidden; border-radius:0 0 .2rem .2rem
}
.detailnav .follow { float: right; margin-left:.2rem
}
.detailnav .follow div { display: block; width:.4rem;
height:.4rem;
background: url(../picture/sprites.png) 0rem -55.14rem no-repeat; background-size: 3.3rem auto }
.detailnav .follow div.followed { display: none; background-position: 0rem -53.74rem }
.detailnav h1, .detailnav strong { display: block; font-size:.36rem;
line-height:.4rem;
font-weight: 400 }
.detailnav img { float: left }
.detailnav p {
line-height:.56rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.detailnav p a { color: #999 }
.detailnav p a.readmore { float: right }
.detailnav p a.homepage { float: right; margin-top:.04rem;
width:.63rem;
height:.46rem;
font-size:.24rem;
color: #1e9eb9; line-height:.46rem;
padding-left:.53rem;
border:#38abbb .01rem solid;
border-radius:.46rem;
background:url(../picture/sprites.png) .15rem -19.62rem no-repeat;
background-size: 3.3rem auto }
.detailnav p i { color: #1e9eb9 }
.detailnav p b { color: #999 }
.detailnav ul { display: flex; line-height:.8rem;
border-top:#f0f0f0 .01rem solid
}
.detailnav li { border-right:#f0f0f0 .01rem solid; list-style:none; float:left; margin:5px 10px;}
.detailnav li:last-child { border-right: 0 }
.detailnav li a, .detailnav li span { display: block; padding-left: 1.68rem; background: url(../picture/sprites.png) 1.1rem -39.54rem no-repeat; background-size: 3.3rem auto }
.detailnav li:last-child a { padding-left: 1.53rem; background-position:.93rem -57.76rem
}
.detailnav .hospitalinfo {
padding:.4rem .3rem .25rem; overflow: hidden }
.detailnav .hospitalinfo h1, .detailnav .hospitalinfo strong { margin-bottom:.4rem
}
.detailnav .hospitalinfo img { width: 1.66rem; height: 1.17rem; margin-right:.14rem;
border:#f0f0f0 .01rem solid;
border-radius:.1rem
}
.detailnav .hospitalinfo .names {
margin-top:-.05rem;
font-size:.26rem;
line-height:.38rem; color: #666; white-space: normal; height:.76rem;
overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical }
.detailnav .hospitalinfo .tags {
margin:.13rem 0 .22rem;
font-size:.22rem;
line-height:.35rem; color: #ff9023; text-align: left }
.detailnav .hospitalinfo .tags em { display: inline-block; vertical-align: top; margin-right:.06rem;
padding:0 .13rem;
background: #fff4e9; border-radius:.04rem
}
.detailnav .hospitalinfo .address {
margin:-.02rem 0 .22rem;
padding-right:.3rem; background: url(../picture/sprites.png) right -8.29rem no-repeat; background-size: 3.3rem auto }
.detailnav .hospitalinfo .alias { white-space: normal }
.detailnav .doctorinfo {
padding:.4rem .3rem .25rem; overflow: hidden }
.detailnav .doctorinfo img { width: 1.4rem; height: 1.4rem; border-radius: 100%; margin-right:.3rem
}
.detailnav .doctorinfo .name {
margin:.04rem 0 .1rem;
line-height:.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.detailnav .doctorinfo .name h1 { display: inline-block; vertical-align: top }
.detailnav .doctorinfo .name h1 i { display: inline-block; vertical-align: top; padding-right:.5rem;
background: url(../picture/sprites.png) right -31.48rem no-repeat; background-size: 3.3rem auto }
.detailnav .doctorinfo .name span { display: inline-block; font-size:.24rem;
line-height:.27rem;
color: #1e9eb9; margin-left:.24rem;
padding-left:.42rem;
background: url(../picture/sprites.png) 0rem -96.71rem no-repeat; background-size: 3.3rem auto }
.detailnav .doctorinfo .name span a { color: #1e9eb9 }
.detailnav .doctorinfo p { line-height:.48rem
}
.detailnav .goodat {
line-height:.56rem;
padding:.25rem .3rem 0;
margin-bottom:.25rem;
border-top:#f0f0f0 .01rem solid; max-height: 2.8rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical }
.detailnav .goodat a, .detailnav .goodat b, .detailnav .goodat em { color: #999 }
.detailnav .goodat .loadmore { display: none; margin-left:.05rem
}
.detailnav .goodat.folded {
height:.56rem; overflow: hidden; text-overflow: ellipsis }
.detailnav .goodat .extend { float: right }
.detailnav .feedback { float: right; margin-left:.2rem;
font-size:.24rem;
line-height:.34rem;
border-radius:.05rem;
border:#a9a9a9 .01rem solid;
overflow: hidden }
.detailnav .feedback a { display: block; color: #999; padding:0 .1rem 0 .39rem;
background:url(../picture/sprites.png) .09rem -10.88rem no-repeat;
background-size: 3.3rem auto }
.detailnav .hospitalinfo .feedback { margin-top:.1rem
}
.detailnav .doctorinfo .feedback { margin-top:.04rem
}
.detailnav .feedback:first-child { margin-top: 0 }
.deptinfo {
padding:.4rem .3rem .25rem; overflow: hidden }
.deptinfo h1, .deptinfo strong { margin-bottom:.25rem
}
.deptinfo p { color: #999 }
.detailnav .fulllinefilter, .detailnav .fulllinefilterresult { border-top:#f0f0f0 .01rem solid;
border-bottom:#f0f0f0 .01rem solid
}
.detailnav .filterorder em { border-top: 0; border-bottom:#f0f0f0 .01rem solid
}
#certificate .popwindow { text-align: left; height: 5.01rem; margin-top: -2.5rem; box-sizing: border-box; padding:.44rem .33rem 0;
border-radius:.1rem;
background: url(../picture/bg_certificate.png) no-repeat; background-size: 100% auto; box-shadow:rgba(0,0,0,.06) 0 .02rem .03rem 0
}
#certificate .close { position: absolute; top:.29rem;
right:.29rem;
width:.2rem;
height:.2rem
}
#certificate img { float: left; width: 1.14rem; height: 1.14rem; border:#fff .04rem solid;
border-radius: 1.14rem; box-shadow:rgba(0,0,0,.06) 0 .02rem .03rem 0;
margin-right:.17rem
}
#certificate strong { display: block; font-size:.38rem;
line-height:.4rem;
color: #333; font-weight: 400; margin-top:.24rem;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
#certificate strong b { display: inline-block; font-weight: 400; padding-right: 1.15rem; background: url(../picture/sprites.png) right -120.07rem no-repeat; background-size: 3.3rem auto }
#certificate i { display: block; font-size:.24rem;
line-height:.26rem;
color: #666; margin-top:.12rem;
overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
#certificate dl { clear: both; padding:.33rem 1.45rem 0 .66rem
}
#certificate dl dt {
margin-top:.32rem;
font-size:.24rem;
line-height:.26rem; color: #333 }
#certificate dl dd {
margin-top:.09rem;
font-size:.2rem;
line-height:.22rem; color: #999 }
.hospitaldata {
margin-top:.2rem; padding: 0 }
.hospitalinfo+.hospitaldata { margin-top: 0 }
.hospitaldata .title {
font-size:.28rem;
line-height:.75rem; color: #38abbb; padding-left:.95rem;
background:#ebf6f8 url(../picture/sprites.png) .3rem -113.01rem no-repeat;
background-size: 3.3rem auto; border-radius:.2rem .2rem 0 0
}
.hospitaldata dl { display: flex; justify-content: space-between }
.hospitaldata dl+dl { border-top:#ededed .01rem solid
}
.hospitaldata dl dd { width: 2.2rem; height:.46rem;
text-align: center; margin:.42rem 0;
border-right:#ededed .01rem solid
}
.hospitaldata dl dd:nth-child(3n - 1) { width: 2.48rem }
.hospitaldata dl dd:nth-child(3n) { border: 0 }
.hospitaldata dl dd b { display: block; margin-top:-.13rem;
font-size:.3rem;
line-height:.32rem;
color: #3dacbc; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.hospitaldata dl dd b i {
font-size:.18rem; vertical-align: bottom }
.hospitaldata dl dd em { display: block; margin-top:.14rem;
font-size:.22rem;
line-height:.24rem;
color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.hospitaldata dl dd em i {
padding-left:.24rem; background: url(../picture/sprites.png) 0rem -101.85rem no-repeat; background-size: 3.3rem auto }
.hospitaldata dl dd.chiefdoctor em i { background-position: 0rem -103.09rem }
.hospitaldata dl dd.hospital em i { background-position: 0rem -105.57rem }
.hospitaldata dl dd.like em i { background-position: 0rem -106.81rem }
.hospitaldata dl dd.pv em i { background-position: 0rem -108.05rem }
.hospitaldata dl dd.article em i { background-position: 0rem -101.85rem }
.hospitaldata dl dd.doctor em i { background-position: 0rem -104.33rem }
.hospitaldata dl dd.reply em i { background-position: 0rem -109.29rem }
.hospitaldata dl dd.review em i { background-position: 0rem -110.53rem }
.hospitaldata dl dd.totalpv em i { background-position: 0rem -111.77rem }
.hospitaldata .rank {
margin-bottom:.4rem;
font-size:.26rem;
line-height:.6rem; color: #666; background: #f1f1f1; padding:0 .3rem;
overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.hospitaldata .rank span { color: #58b6c3; margin-right:.15rem
}
.hospitaldata .rank b { font-weight: 700 }
.hospitalindex .blockart strong { display: block; font-size:.28rem;
font-weight: 400 }
.hospitalindex .blockart p {
line-height:.4rem; color: #666; text-indent: 0; margin-bottom:.25rem;
max-height: 1.6rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4 }
.hospitalindex .blockart p.phonelink, .hospitalindex .blockart p.addresslink { margin-bottom: 0; color: #333 }
.hospitalindex .blockart p.addresslink a { display: block; padding-right:.5rem;
background: url(../picture/sprites.png) right -118.74rem no-repeat; background-size: 3.3rem auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.hospitalindex .environment { padding-top:.2rem
}
.environment dl {
padding-bottom:.4rem;
margin-bottom:.2rem;
border-bottom:#f0f0f0 .01rem solid; overflow: hidden }
.environment dl:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0 }
.environment dd { float: left; width: 1.5rem; font-size:.24rem;
line-height:.24rem;
color: #333; margin:.4rem .3rem 0 0;
text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.environment dd:nth-child(4n) { margin-right: 0 }
.environment dd img { display: block; width: 1.5rem; height: 1.13rem; margin-bottom:.2rem
}
.introduction .flexlist { color: #333; line-height:.6rem;
padding-bottom:.25rem;
margin-bottom:.25rem;
border-bottom:#f0f0f0 .01rem solid;
overflow: hidden }
.introduction .flexlist:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0 }
.introduction .flexlist.tel a {
padding-right:.4rem; background: url(../picture/sprites.png) right -49.54rem no-repeat; background-size: 3.3rem auto }
.introduction .flexlist b { color: #999 }
.introduction .flexlist span { width: 100% }
.hospitalmap { height: 5.5rem }
.hospitalmap img { width: 100%; height: 100% }
.currenthospital { color: #333; line-height: 1rem; text-align: center; margin-top:-.2rem
}
.currenthospital b { display: inline-block; vertical-align: top; max-width: 6.5rem; padding-right:.4rem;
background: url(../picture/sprites.png) right -1.15rem no-repeat; background-size: 3.3rem auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.hospitalselect { line-height: 1rem; margin-bottom:.3rem
}
.hospitalselect em { display: block; padding:0 .6rem 0 .3rem;
color: #333; border-bottom:#f0f0f0 .01rem solid;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.hospitalselect em.current { color: #1e9cb9; background:url(../picture/sprites.png) right .3rem top -11.79rem no-repeat;
background-size: 3.3rem auto }
.calendartable {
border:#f0f0f0 .01rem solid;
border-radius:.1rem; display: flex; overflow: hidden }
.calendartable .ampm {
width:.86rem;
font-size:.24rem; color: #666; line-height:.8rem;
text-align: center; border-right:#f0f0f0 .01rem solid
}
.calendartable .ampm em { display: block; border-bottom:#f0f0f0 .01rem solid
}
.calendartable .ampm em:last-child { border-bottom: 0 }
.muticalendar { width: 6.01rem }
.muticalendar .nodata { height: 3.24rem; line-height: 3.24rem; text-align: center; background: 0 0 }
.dateselect table { width: 100% }
.dateselect table th, .dateselect table td {
border:#f0f0f0 .01rem solid; border-left: 0; text-align: center; font-size:.24rem;
font-weight: 400; color: #666; width:.84rem;
height:.8rem
}
.dateselect table tbody tr:last-child td { border-bottom: 0 }
.dateselect table th {
line-height:.36rem; border-top: 0 }
.dateselect table th i { display: block }
.dateselect table td i { display: block; width:.74rem;
height:.7rem;
line-height:.7rem;
background: #d2ecf1; color: #1e9cb9; margin:.05rem;
border-radius:.05rem
}
.dateselect table td i.blue { background: #d2ecf1; color: #1e9cb9 }
.dateselect table td i.orange { background: #ffc286; color: #ff9023 }
.dateselect table td i.grey { background: #f0f0f0; color: #999 }
.dateselectbutton {
line-height:.28rem;
margin-top:.4rem; overflow: hidden }
.dateselectbutton .swiper-button-prev, .dateselectbutton .swiper-button-next { position: static; width: auto; height:.28rem;
color: #1e9eb9; background: url(../picture/sprites.png) 0rem -15.91rem no-repeat; background-size: 3.3rem auto; margin-top: 0; opacity: 1 }
.dateselectbutton .swiper-button-prev { float: left; margin-left:.9rem;
padding-left:.3rem
}
.dateselectbutton .swiper-button-next { float: right; margin-right:.9rem;
padding-right:.3rem;
background-position: right -17.16rem }
.dateselectbutton .swiper-button-prev.swiper-button-disabled { color: #999; background-position: 0rem -13.41rem }
.dateselectbutton .swiper-button-next.swiper-button-disabled { color: #999; background-position: right -14.66rem }
.newslist { margin-top:-.2rem
}
.tabsingle .newslist { margin-top: 0 }
.newslist li {
padding-top:.33rem;
border-bottom:#f0f0f0 .01rem solid; overflow: hidden }
.newslist li:last-child { border-bottom: 0 }
.newslist li img { float: right; width: 2.18rem; height: 1.44rem; border-radius:.05rem;
margin:.07rem 0 .4rem .3rem
}
.newslist li strong { display: block; font-size:.32rem;
line-height:.48rem;
font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.newslist li strong i { float: right; font-size:.24rem
}
.newslist li p { color: #999; font-size:.24rem;
line-height:.36rem;
margin:.15rem 0 .34rem;
max-height:.96rem;
overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical }
.newslist li p a { color: #999 }
.newslist li span { display: block; margin:-.1rem 0 .38rem;
font-size:.24rem;
line-height:.24rem
}
.newslist li .thumb+strong {
margin-top:.05rem; white-space: normal; height:.96rem;
overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical }
.newslist li .thumb+strong+p { display: none }
.newslist li .thumb+strong+p+span { margin-top:.23rem
}
.newslist li:last-child img, .newslist li:last-child p, .newslist li:last-child span { margin-bottom: 0 }
.newslist li:last-child p+span { margin-top:.24rem
}
.videofulllist li {
padding:.2rem 0;
border-bottom:#f0f0f0 .01rem dashed; overflow: hidden }
.videofulllist li:last-child { padding-bottom: 0; border-bottom: 0 }
.videofulllist li .thumbnail { width: 2.8rem; height: 1.6rem; float: left; margin-right:.2rem;
position: relative }
.videofulllist li .thumbnail img { width: 100%; height: 100% }
.videofulllist li .thumbnail em { display: block; position: absolute; right:.1rem;
bottom:.1rem;
font-size:.2rem;
line-height:.3rem;
text-align: center; color: #fff; padding:0 .05rem;
min-width:.6rem;
border-radius:.05rem;
background: rgba(0,0,0,.5) }
.videofulllist li strong { display: block; margin-top:.05rem;
font-size:.28rem;
font-weight: 400; line-height:.3rem;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.videofulllist li p { color: #999; font-size:.24rem;
line-height:.36rem;
margin-top:.1rem;
height:.72rem;
overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2 }
.videofulllist li p a { color: #1e9cb9 }
.videofulllist li span { display: block; font-size:.24rem;
line-height:.24rem;
margin-top:.18rem
}
.videofulllist li span i { margin-right:.2rem
}
.videofulllist li span i a { color: #999 }
.videofulllist li span em { float: right }
.videofulllist li span em a { color: #1e9eb9 }
.blockart.videopage video { display: block; width: 100%; height: auto; background: #000 }
.blockart.videopage strong { display: block; font-size:.32rem;
font-weight: 400; color: #333; line-height:.48rem;
padding:0 0 .2rem .22rem;
margin:.3rem 0 .2rem;
background: url(../picture/sprites.png) 0rem -28.8rem no-repeat; background-size: 3.3rem auto; border-bottom:#f0f0f0 .01rem solid
}
.blockart.videopage.folded span { max-height: 1.44rem; overflow: hidden }
.question h1 {
font-size:.36rem; font-weight: 400; color: #333; padding-top:.08rem
}
.question span { display: block; margin:.28rem 0;
line-height:.28rem;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.question span a { color: #999 }
.question span i { float: right }
.question p {
font-size:.24rem;
line-height:.48rem; color: #333 }
.question p b { color: #999 }
.answer p {
font-size:.24rem;
line-height:.48rem; color: #666 }
.answer .qnarelative { margin-top:.4rem;
border-top:#f0f0f0 .01rem solid
}
.answer .qnarelative p {
margin-top:.4rem;
font-size:.28rem;
line-height:.3rem; color: #999; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.answer .qnarelative p a { color: #1E9EB9 }
.departmentlist { margin-top:-.2rem
}
.departmentlist li { padding-top:.4rem;
border-bottom:#f0f0f0 .01rem solid
}
.departmentlist li:last-child { border-bottom: 0 }
.departmentlist li:last-child p { margin-bottom: 0 }
.departmentlist li strong { display: block; font-weight: 400; line-height:.28rem;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.departmentlist li p { color: #666; font-size:.24rem;
line-height:.48rem;
margin:.28rem 0;
height:.96rem;
overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2 }
.medicine ul { overflow: hidden }
.medicine li { width: 2.1rem; float: left; margin:.4rem .3rem 0 0
}
.medicine li:nth-child(3n) { margin-right: 0 }
.medicine li img { display: block; width: 2.08rem; height: 1.52rem; border:#e1e1e1 .01rem solid;
border-radius:.05rem
}
.medicine li p {
font-size:.28rem;
line-height:.3rem;
margin-top:.2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.readme { color: #333; font-size:.28rem;
line-height:.48rem;
margin-bottom:-.05rem
}
.readme ul {
margin-top:.05rem; overflow: hidden }
.readme li { margin-top:.2rem
}
.readme li i { color: #999 }
.readme li a { display: inline-block; margin-right:.15rem;
color: #1e9eb9 }
.medicine+.readme { margin-top:.4rem;
padding-top:.2rem;
border-top:#f0f0f0 .01rem solid
}
.explain { color: red; font-size:.28rem;
line-height:.42rem;
margin-top:.2rem
}
.big { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1001; display: none }
.big .bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 1011; background: #999; opacity: .6 }
.big .czts { position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); background: #4c4c4c; color: #fff; z-index: 1012; border-radius:.1rem;
padding:0 .2rem;
width: 68% }