input, textarea, button { font: inherit; border: 0; outline: 0 }
div, span, i, a, button, input { -webkit-tap-highlight-color: rgba(0,0,0,0) }
body { background-color: #F4F9FF; padding-bottom:.2rem;
color: #333 }
html { scroll-behavior: smooth }
* { font-family: "Source Han Sans CN" }
@media only screen and (min-width:1000px) {
body { width: 768px; margin: 0 auto!important }
.dept-select-card, .yyk_show, #nav { width: 768px!important; margin: 0 auto!important }
.popbg { width: 768px!important; left: calc(50% - 384px)!important }
.bottom-btn, .nav { left: inherit!important; right: inherit!important; width: 768px!important }
}
.header-area { position: relative; height:.98rem;
line-height:.98rem;
background: #fff; color: #333; font-size:.32rem;
text-align: center; font-weight: 700; padding:0 .2rem
}
.header-area h1, .header-area div {
font-size:.36rem; font-weight: 700; padding:0 .4rem 0 .5rem;
-o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; word-break: break-all; white-space: nowrap }
.header-go-back { position: absolute; left:.2rem;
top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); width:.36rem;
height:.36rem;
background-size: 100%; background-repeat: no-repeat; background-image: url(../images/left.png) }
.header-select { position: absolute; left:.2rem;
top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); font-size:.32rem;
padding-right:.3rem
}
.header-select:before, .header-select:after { position: absolute; right: 0; top: 50%; content: ''; border-top:.1rem #333 dashed;
border-left:.1rem transparent dashed;
border-right:.1rem transparent dashed;
border-bottom:.1rem transparent solid
}
.header-select:before { border-top:.1rem #333 solid
}
.header-select:after { transform:translateY(-.04rem);
border-top:.1rem #fff solid
}
.header-search { position: absolute; right:.2rem;
top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); width:.36rem;
height:.36rem;
background-size: 100%; background-repeat: no-repeat; background-image: url(../images/s.png); background-position: top center }
.nav { width: 100%; height:.8rem;
font-size:.28rem;
line-height:.8rem;
color: #fff; text-align: center; background: #3291F9; white-space: nowrap; overflow: hidden; overflow-x: scroll; scrollbar-width: none; -ms-overflow-style: none }
.nav::-webkit-scrollbar {
display:none
}
.nav a { display: inline-block; vertical-align: top; padding:0 .26rem;
color: #fff; position: relative }
.nav a.active::after {
height:.04rem;
width:.56rem; background-color: #fff; border-radius:.02rem;
content: ''; position: absolute; bottom: 1px; left: 50%; transform: translateX(-50%) }
.path { position: relative; height:.4rem;
box-sizing: border-box; margin:.3rem .2rem;
font-size:.28rem;
color: #666; line-height:.4rem;
-o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; word-break: break-all; white-space: nowrap }
.path::after { content: ''; position: absolute; bottom: 0; left: 0; height: 1px; width: 100%; background-color: #F2F2F2; transform: scaleY(0.5) }
.path li { display: inline }
.path a { color: #666 }
.card { position: relative; margin:.2rem;
padding:.2rem;
background-color: #fff; border-radius:.2rem
}
.card .text-desc { width: 100%; color: #666; font-size:.28rem;
margin:.25rem 0;
line-height:.5rem
}
.card .header { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.card .header+* { margin-top:.3rem
}
.toggle-card ul { margin-top:.3rem
}
.card .header .title {
font-size:.36rem; font-weight: 700; max-width: calc(100% - 1rem); line-height:.48rem;
-o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; word-break: break-all; white-space: nowrap }
.card .header .title span+span { margin-left:.4rem
}
.card .header .right { font-size: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.card .header .right .tag { display: inline-block; width:.94rem;
height:.32rem;
line-height:.32rem;
font-size:.2rem;
text-align: center; border-radius:.05rem;
overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.card .header .right .tag:last-child { margin-left:.1rem
}
.card .header .right .yibao { color: #3291F9; border: 1px solid #3291F9 }
.card .header .right .level { color: #28B36B; border: 1px solid #28B36B }
.card .header .right .more {
font-size:.28rem; background: url(../images/m.png) right 55% no-repeat; background-size:auto .24rem;
padding-right:.25rem
}
.card .header .right .more-icon { width:.12rem;
height:.21rem
}
.card .content { font-size:.28rem;
line-height:.5rem
}
.align-center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.clear::after { content: ''; display: block; clear: both; overflow: hidden; height: 0 }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, lengend, button, input, textarea, th, td { margin: 0; padding: 0 }
body, button, input, select, textarea { font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif }
h1 { font-size: 18px }
h2 { font-size: 16px }
h3 { font-size: 14px }
h4, h5, h6 { font-size: 100% }
address, cite, dfn, em, var { font-style: normal }
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace }
small { font-size: 12px }
ul, ol { list-style: none }
a, a:hover, a:active, a:visited, a:link, a:focus { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; outline: 0; background: 0 0; text-decoration: none }
a { -webkit-tap-highlight-color: rgba(255,255,255,0); -webkit-user-select: none; -moz-user-focus: none; -moz-user-select: none; color: #333 }
abbr[title], acronym[title] { border-bottom: 1px dotted; cursor: help }
q:before, q:after { content: '' }
legend { color: #000 }
fieldset, img { border: 0; object-fit: cover }
button, input, select, textarea { font-size: 100% }
input, textarea { font-family: Microsoft Yahei }
table { border-collapse: collapse; border-spacing: 0 }
hr { border: 0; height: 1px }
.singe-line { -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; word-break: break-all; white-space: nowrap }
.double-line { word-break: break-all; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal }
.three-line { word-break: break-all; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical }
.load-more { display: none; position: relative; width: 1.8rem; color: #3291F9; line-height:.48rem;
padding-right:.3rem;
margin: 0 auto; font-size:.28rem
}
.load-more:after { position: absolute; right: 0; top: 50%; margin-top:-.15rem;
content: ''; width:.24rem;
height:.24rem;
background: url(../images/d.png) no-repeat; background-size: 100% 100%; transform: rotate(0) }
.load-more.rotate:after { transform: rotate(180deg)!important; margin-top:-.05rem!important
}
.shawdow-el { opacity: 0; position: absolute }
.doctor-list .li-a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1 }
.doctor-list li { position: relative; margin-bottom:.3rem
}
.doctor-list li+li { padding-top:.3rem
}
.doctor-list li+li::before { content: ''; display: block; height: 1px; transform: scaleY(0.5); background-color: #F2F2F2; position: absolute; top: 0; left: 0; right: 0 }
.doctor-list .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom:.1rem
}
.doctor-list .item:last-child { margin-bottom: 0!important }
.doctor-list .doctor-icon { flex-basis: 1.2rem; -webkit-box-flex: 0; -ms-flex: 0 0 1.2rem; flex: 0 0 1.2rem; height: 1.2rem; border-radius: 50%; margin-right:.2rem;
background-color: #ccc }
.doctor-list .doctor-icon img { object-fit: cover; width: 100%; height: 100%; border-radius: 50% }
.doctor-list .desc { width: 100%; overflow: hidden; position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1 }
.desc .desc-item { margin-bottom:.1rem
}
.doctor-list .desc .desc-item .title {
font-size:.34rem; font-weight: 700; line-height:.42rem
}
.doctor-list .desc .desc-item .sub-title { width: 100%; font-size:.28rem;
color: #666; line-height:.42rem;
vertical-align: middle }
.doctor-list .desc .desc-item .sub-title::after { content: ''; width: 0; height: 100%; display: inline-block; position: relative; background: red }
.doctor-list .desc .desc-item .sub-title span { vertical-align: middle }
.doctor-list .sub-title-1 span:nth-last-of-type(1) { display: inline-block; width: 3rem; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; word-break: break-all; white-space: nowrap }
.doctor-list .sub-title-3 {
margin-bottom:.1rem; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; word-break: break-all; white-space: nowrap }
.doctor-list .sub-title-3 span:nth-of-type(1) { color: #333 }
.doctor-list .sub-title-3 span:nth-of-type(2) { margin:0 .2rem
}
.doctor-list .sub-title-2 span:first-of-type { display: inline-block; max-width: 4.3rem; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; word-break: break-all; white-space: nowrap }
.doctor-list .desc .desc-item .sub-title .tag { display: inline-block; font-size:.24rem;
border-radius:.18rem;
width:.72rem;
flex:0 0 .72rem;
height:.36rem;
line-height:.36rem;
text-align: center; color: #3291F9; background-color: #F5F9FF }
.doctor-list .ask { background: #3291F9 url(../images/ask.png) no-repeat; background-position: 20% center; background-size:.26rem .25rem;
width: 1.3rem!important; height:.6rem!important;
font-size:.24rem;
border-radius:.3rem;
text-align: center; color: #fff; line-height:.6rem;
padding-left:.3rem;
box-sizing: border-box }
.doctor-list .register { position: relative; z-index: 2; background: #FF9023 url(../images/register.png) no-repeat; background-position: 20% center; background-size:.26rem .25rem;
width: 1.3rem!important; height:.6rem!important;
font-size:.24rem;
border-radius:.3rem;
text-align: center; color: #fff; line-height:.6rem;
padding-left:.3rem;
box-sizing: border-box }
.doctor-list .special-register .register { background-color: #FF9023 }
.doctor-list .desc .register { position: absolute; right: 0; top: 0 }
.doctor-list .operate { display: flex; justify-content: space-between; align-items: center; font-size:.36rem;
margin-top:.2rem
}
.doctor-list .operate .btn { display: flex; width: 2.8rem; justify-content: flex-end }
.doctor-list .operate .btn *+* { margin-left:.2rem
}
.doctor-list .operate em { display: inline-block; font-size:.36rem;
color: #FF9023; margin-right:.1rem
}
.doctor-list .operate em span {
font-size:.28rem; color: #666 }
.doctor-list .focus { font-size:.28rem;
line-height:.48rem
}
.bottom-wrap { display: none; width: 100%; height: 1.1rem }
.bottom-btn { position: fixed; bottom: 0; left: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding:.15rem .2rem;
background-color: #fff; box-sizing: border-box; z-index: 3 }
.bottom-btn a { width: 3.5rem; height:.8rem;
font-size:.34rem;
display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff }
.bottom-btn a:first-of-type {
border-radius:.4rem; background-color: #3291F9 }
.bottom-btn a:first-of-type:before { display: inline-block; content: ''; background: url(../images/ask.png) no-repeat; background-position: 20% center; background-size: 100%; width:.32rem;
height:.32rem;
margin-right:.1rem
}
.bottom-btn a:last-of-type:before { display: inline-block; content: ''; background: url(../images/register.png) no-repeat; background-position: 20% center; background-size: 100%; width:.32rem;
height:.32rem;
margin-right:.1rem
}
.bottom-btn a:last-of-type {
border-radius:.4rem; background-color: #FF9023 }
.card .comment { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 1.5rem; height:.5rem;
border-radius:.25rem;
color: #fff; font-size:.24rem;
background: #FF9023; margin-right:.4rem
}
.card.info-card {
padding-bottom:.4rem; overflow: hidden }
.comment-card .load-more { margin:.3rem auto .2rem
}
.comment-card .btn.active { background-color: #3291F9!important; color: #fff!important }
.comment-card .btn { display: inline-block; font-size:.28rem;
width:.96rem;
height:.5rem;
line-height:.5rem;
text-align: center; border-radius:.25rem;
background-color: #F5F9FF; color: #3291F9 }
.comment-card .btn+.btn { margin-left:.2rem
}
.card .comment span { display: inline-block }
.card .comment .star { width:.32rem;
height:.309rem;
margin-right:.05rem
}
.pj-list { font-size:.34rem
}
.pj-list li { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top:.26rem
}
.pj-list li:first-of-type { margin-top: 0 }
.pj-r { width: 100%; font-size:.28rem
}
.pj-r .list-desc p { font-size:.34rem
}
.pj-r>.desx .star { vertical-align: middle }
.pj-r>.desx:first-of-type { display: flex; flex-direction: row; justify-content: space-between; align-items: center }
.pj-r>.desx:first-of-type>span:first-of-type>span:first-of-type { display: inline-block }
.pj-r>.desx:first-of-type>span:last-of-type { width: 3rem; text-align: right; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; word-break: break-all; white-space: nowrap }
.star em { display: inline-block; width:.31rem;
height:.3rem;
background: url(../images/sx.png) no-repeat; background-size: 100% }
.star0 em { background-image: url(../images/kx.png) }
.star1 em:nth-child(n+2) { background-image: url(../images/kx.png) }
.star2 em:nth-child(n+3) { background-image: url(../images/kx.png) }
.star3 em:nth-child(n+4) { background-image: url(../images/kx.png) }
.star4 em:nth-child(n+5) { background-image: url(../images/kx.png) }
.star5 em:nth-child(n+6) { background-image: url(../images/kx.png) }
.pj-l-img {
width:.4rem;
height:.4rem; margin-top: -1.5%; margin-right:.1rem
}
.list-desc {
margin-bottom:.16rem; position: relative }
.list-desc .more { display: none; font-size:.28rem;
color: #3291F9; margin-top:.2rem
}
.list-desc p { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; line-height:.48rem
}
.list-desc span { position: absolute; bottom:.06rem;
right:-.04rem;
letter-spacing:.01rem;
-webkit-transform:translateY(-.06rem);
-ms-transform:translateY(-.06rem);
transform:translateY(-.06rem)
}
.desx { font-family: MicrosoftYaHei; margin-bottom:.16rem;
margin-left:.05rem;
display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.desx:last-child { justify-content: flex-end!important }
.desx span { color: #999 }
.desx:last-child span+span { margin-left:.3rem
}
.desx span a {
padding:.02rem .12rem;
border-radius:.061rem; color: #3291f9 }
.star-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.desx i { color: gray; margin-right:.2rem;
float: right }
.desx:last-child { margin-bottom:.25rem
}
.tag-card .tag { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding:0 .1rem;
font-size:.24rem;
color: #3291F9; margin:0 .05rem .3rem;
border: 1px solid #3291F9; border-radius:.1rem
}
.tag-card .tag a { color: #3291F9 }
.tag-card { padding-bottom: 0!important }
.environment-card { position: relative }
.environment-card .load-more { display: none }
.environment-card img { width: 3.25rem; height: 2.18rem }
.environment-card .content>div:first-child {
font-size:.28rem; font-weight: 700; line-height:.6rem
}
.environment-card .content ul { display: flex; flex-wrap: wrap; flex-direction: row; align-items: self-start; justify-content: space-between }
.environment-card .content ul li { position: relative; border-radius:.1rem;
margin-bottom:.2rem;
overflow: hidden }
.environment-card .content ul li:nth-of-type(n+7) { display: none }
.environment-card .content ul li em { position: absolute; bottom: 0; left: 0; right: 0; height:.46rem;
display: flex; align-items: center; padding-left:.15rem;
background-color: rgba(0,0,0,.4); color: #fff; font-size:.24rem
}
.link-card { font-size:.28rem;
line-height:.36rem
}
.link-card .name { color: #999 }
.footer {
margin:.4rem 0;
padding:0 .3rem; text-align: center }
.footer p { line-height:.28rem;
font-size:.28rem
}
.footer p.position { text-align: left; padding-bottom:.35rem;
border-bottom:#e8e8e8 .01rem solid;
overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.footer .logos39 { display: block; height:.4826rem;
margin-bottom:.3rem
}
.footer .wangjing img, .footer .wangjing span { display: inline-block; vertical-align: top; height: 1rem; margin:.3rem .23rem 0
}
.footer .wangjing span { width: 1.97rem }
.footer .wangjing span:nth-child(2) { width: 1rem }
.footer .wangjing span a { display: block; height: 100% }
.footer.showlogo .logos39 { background: url(../images/ft.png) center 0 no-repeat; background-size:3.63rem .4826rem
}
.footer.showlogo .wangjing span { background: url(../images/logo_sprites.png) 0 -4.92rem no-repeat; background-size: 2.78rem auto }
.footer.showlogo .wangjing span:nth-child(2) { background-position: 0 -6.92rem }
.ask-card .header .title { position: relative }
.ask-card .header .title #relativeEl { margin-right:.2rem
}
.card .header .title .line { content: ''; position: absolute; bottom: 0; left: 0; height:.04rem;
width: 1.44rem; background-color: #3291F9; border-radius:.02rem;
-webkit-transition: left .2s; -o-transition: left .2s; transition: left .2s }
.card .header .active { font-weight: 700; color: #3291F9 }
.ask-card .disease { display: none }
.ask-card .content { margin-top:.3rem
}
.ask-card .content li { position: relative; padding:.3rem 0
}
.ask-card .content li:first-child { padding-top: 0 }
.ask-card .content li:last-child { padding-bottom: 0 }
.line-card li:not(:last-child):after { content: ''; display: block; height: 1px; width: 100%; position: absolute; bottom: 0; background-color: #E8E8E8; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); transform: scaleY(0.5) }
.ask-card .ask, .ask-card .answer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row }
.ask-card .ask .icon, .ask-card .answer .icon { border-radius: 50%; width:.48rem;
-webkit-box-flex: 0; -ms-flex:0 0 .48rem;
flex:0 0 .48rem;
height:.48rem;
color: #fff; font-size:.24rem;
display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right:.15rem
}
.ask-card .ask { margin-bottom:.2rem
}
.ask-card .ask .icon { background-color: #3291F9 }
.ask-card .answer .icon { background-color: #28B36B }
.ask-card .answer .value { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size:.28rem;
line-height:.48rem;
font-weight: 400 }
.ask-card .ask .value {
font-size:.34rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; line-height:.48rem;
font-weight: 400 }
.ask-card .answer .value { color: #666 }
.ask-card .doctor-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top:.26rem
}
.ask-card .doctor-group .doctor-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-style:.28rem
}
.ask-card .doctor-group .doctor-info a { color: #3291f9; margin-left:.1rem
}
.ask-card .doctor-group .doctor-info .sub { color: #999; margin-left:.1rem
}
.ask-card .doctor-group .doctor-info img {
width:.48rem;
height:.48rem; border-radius: 50%; margin-right:.15rem
}
.ask-card .doctor-group .time { color: #999 }
.stick { position: fixed; width:.78rem;
height:.78rem;
border-radius: 50%; background-color: #9DC6F9; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 5; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size:.24rem
}
.friend-card .header .title { max-width: 100%!important }
.friend-card ul li { display: inline-block; width: 48%; font-size:.28rem;
-o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; word-break: break-all; white-space: nowrap }
.hot-search-card .header .title { max-width: 100%!important }
.hot-search-card .content { font-size: 0 }
.hot-search-card a { display: inline-block; box-sizing: border-box; width:calc(50% - .1rem);
font-size:.28rem;
-o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; word-break: break-all; white-space: nowrap; padding:.08rem .2rem;
color: #333; background: #F0F2F5; border-radius: 36px; text-align: center }
.hot-search-card a:nth-child(2n) { margin-left:.2rem
}
.home-department-list .sub-list::-webkit-scrollbar, .home-department-list .scroll-wrap::-webkit-scrollbar {
display:none
}
.home-department-list .sub-list { display: flex; flex-direction: row; overflow: hidden; scrollbar-width: none; -ms-overflow-style: none; overflow-x: scroll }
.home-department-list .sub-list li { display: flex; flex-direction: row; align-items: center; justify-content: center; height:.6rem;
padding:.12rem .2rem;
font-size:.28rem;
background-color: #F5F9FF; margin-right:.1rem;
border-radius:.1rem;
box-sizing: border-box }
.home-department-list .sub-list li:last-child { margin-right: 0 }
.home-department-list .scroll-wrap { overflow: hidden; overflow-x: scroll; scrollbar-width: none; -ms-overflow-style: none }
.home-department-list ul { font-size: 0; white-space: nowrap }
.home-department-list ul li { margin-bottom:.2rem
}
.home-department-list ul li .item.top { background: url(../images/mm.png) 0 0 no-repeat; background-size: 100% 100%; font-weight: 700 }
.home-department-list ul li .item.top .all { background: url(../images/gr.png) right 60% no-repeat; background-size:.12rem .21rem;
padding-right:.2rem;
font-weight: 400 }
.home-department-list ul li .item.fudan::after {
width:.69rem;
height:.3rem; background-color: #FF9023; border-bottom-left-radius:.05rem;
border-bottom-right-radius:.05rem;
color: #fff; font-size:.2rem;
line-height:.3rem;
position: absolute; top: 0; left:.2rem;
content: '澶嶆棪姒�'; display: block }
.home-department-list ul li .item.guo::after {
width:.69rem;
height:.3rem; background-color: #FF9023; border-bottom-left-radius:.05rem;
border-bottom-right-radius:.05rem;
color: #fff; font-size:.2rem;
line-height:.27rem;
position: absolute; top: 0; left:.2rem;
content: '鍥�'; display: block }
.home-department-list ul li .item { vertical-align: middle; position: relative; display: inline-flex; justify-content: center; align-items: center; flex-direction: column; width: 2rem; height: 1.4rem; position: relative; font-size:.3rem;
margin-right:.1rem;
-webkit-box-sizing: border-box; box-sizing: border-box; color: #333; text-align: center; border-radius:.2rem;
overflow: hidden; background-color: #F9FCFF }
.home-department-list ul li .item a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; z-index: 1 }
.home-department-list ul li .item div:nth-child(1) { width: 100%; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; word-break: break-all; white-space: nowrap; line-height:.48rem
}
.home-department-list ul li .item div:nth-child(2) {
font-size:.24rem;
margin-top:.1rem; color: #999 }
.home-department-list ul li b { position: absolute; width: 100%; height: 100%; left: 0; top: 0; font-weight: 700; background: rgba(0,0,0,.4); color: #fff; line-height: 1.2rem }
.home-department-list ul li img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; font-weight: 700; background: rgba(0,0,0,.4) }
.pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top:.2rem;
font-size:.28rem;
margin-bottom:.1rem
}
.pagination .before, .pagination .next { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 1.36rem; height:.68rem;
border-radius:.34rem
}
.pagination .before { color: #999; border: 1px solid #DDE4F1 }
.pagination .next { color: #3291F9; border: 1px solid #3291F9 }
.pagination #pageNum {
width:.7rem; border: 1px solid #3291F9; text-align: center; color: #3291F9; border-radius:.1rem
}
.info-card .load-more { margin-top:.2rem
}
.info-card .content li::after { content: ''; position: absolute; bottom: 0; left: 0; height: 1px; width: 100%; background-color: #F0F4F7 }
.info-card .content li:last-of-type:after { display: none }
.info-card .content .ask .value {
font-size:.34rem; font-weight: 400 }
.info-card .content .answer .value {
font-size:.28rem; font-weight: 400 }
.info-card .content .date {
font-size:.28rem; color: #999; font-weight: 400; margin-top:.2rem
}
.ask-detail-card { padding:.4rem .2rem .3rem
}
.video-wrap { padding:0 .2rem;
margin-top:.2rem
}
.video-detail-card { margin-top: 0!important; border-top-left-radius: 0; border-top-right-radius: 0; padding-bottom:.2rem!important
}
.video-wrap video { width: 100% }
.ask-detail-card h1 { font-size:.42rem;
line-height:.6rem
}
.ask-detail-card .time { display: flex; flex-direction: row; justify-content: space-between; font-size:.28rem;
color: #666; margin-top:.3rem;
margin-bottom:.3rem
}
.ask-detail-card .time a { color: #666 }
.ask-detail-card h2 {
padding:.3rem .25rem; background-color: #F8F8F8; border-radius:.1rem;
line-height:.48rem;
font-size:.32rem;
margin-top:.2rem;
line-height:.6rem;
font-weight: 400; color: #333; margin-bottom:.4rem
}
.ask-detail-card .content {
line-height:.6rem;
font-size:.32rem; color: #000 }
.ask-detail-card .top-doctor { display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-bottom:.5rem;
margin-top:.1rem
}
.ask-detail-card .top-doctor .doctor-icon { flex: 0 0 1.2rem; height: 1.2rem; border-radius: 50%; margin-right:.2rem;
background-color: #ccc }
.ask-detail-card .top-doctor .doctor-icon img { width: 100%; height: 100%; border-radius: 50% }
.ask-detail-card .top-doctor .desc { flex: 1; overflow: hidden; font-size:.28rem;
line-height:.4rem;
margin-right:.2rem
}
.ask-detail-card .top-doctor .desc .title { text-overflow: ellipsis; overflow: hidden; word-break: break-all; white-space: nowrap }
.ask-detail-card .top-doctor .desc b { font-size:.34rem
}
.ask-detail-card .top-doctor .register { background: #3291F9 url(../images/register.png) no-repeat; background-position: 20% center; background-size:.26rem .25rem;
width: 1.3rem!important; height:.6rem!important;
font-size:.24rem;
border-radius:.3rem;
text-align: center; color: #fff; line-height:.6rem;
padding-left:.3rem;
box-sizing: border-box }
.article-li li { height: 1.44rem; padding:.4rem 0;
position: relative; overflow: hidden }
.article-li li:after { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 1px; background-color: #F0F4F7; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); transform: scaleY(0.5) }
.article-li li:last-child::after { height: 0 }
.article-li li:last-child { border: 0 }
.article-li .img { width: 2.18rem; height: 1.44rem; border-radius: 10px; float: right }
.article-li .left { margin-right: 2.3rem }
.article-li strong { display: block; font-size:.34rem;
line-height:.48rem;
font-weight: 400; height:.96rem;
overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2 }
.article-li span { display: block; margin-top:.13rem;
font-size:.28rem;
line-height:.36rem;
color: #999 }
.hide-all { position: relative; word-break: break-all; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical }
.show-all { position: relative; padding-bottom:.4rem
}
.show-all:after { content: '鏀惰捣'; position: absolute; bottom: 0; right: 10px; background-color: #fff; z-index: 2; color: #3291F9 }
.hide-all:after { content: '...灞曞紑鍏ㄦ枃'; position: absolute; bottom: 0; right: 5px; background-color: #fff; z-index: 2; padding-left:.95rem;
color: #3291F9; background: linear-gradient(to right, rgba(255,255,255,.2), rgba(255,255,255,1) 40%) }
.home-video-card { padding-bottom: 0 }
.video-card ul li {
padding:.3rem 0; position: relative; overflow: hidden }
.video-card ul li>a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2 }
.video-card ul li:after { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 1px; background-color: #F0F4F7; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); transform: scaleY(0.5) }
.video-card ul li:last-of-type::after { content: ''; display: none }
.video-card ul li { display: flex; flex-direction: row; align-items: center }
.video-card ul li .right { flex: 1; margin-left:.2rem
}
.video-card ul li .right strong { word-break: break-all; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size:.34rem;
line-height:.48rem;
margin-bottom:.2rem;
font-weight: 400 }
.video-card ul li .right>div { display: flex; flex-direction: row; justify-content: space-between; line-height:.36rem
}
.video-card ul li .right span {
font-size:.28rem; color: #999 }
.video-card ul li .right em {
font-size:.28rem; color: #3291F9 }
.video-card ul li .right a { position: relative; z-index: 3 }
.video-card ul li .play-img { position: relative; width: 2.6rem; height: 1.46rem; border-radius:.1rem;
overflow: hidden }
.video-card ul li .play-img img { width: 100%; height: 100% }
.video-card ul li .play-img .time { display: flex; align-items: center; justify-content: center; position: absolute; background-color: rgba(0,0,0,.4); bottom:.1rem;
right:.1rem;
width:.66rem;
height:.28rem;
border-radius:.24rem;
font-size:.2rem;
color: #fff }
.video-card .load-more { margin-bottom:.22rem
}
.video-card ul li:first-child { padding-top: 0 }
.hospital-title { width: 100%; display: flex; flex-direction: row; align-items: flex-start; background: url(../images/a.png) no-repeat; background-size: 100% 100%; padding:.5rem .2rem .3rem;
box-sizing: border-box }
.hospital-title .icon { width:.9rem;
margin-right:.2rem
}
.hospital-title .icon img {
width:.9rem;
height:.9rem; border-radius: 50% }
.hospital-title .title-wrap { display: flex; flex: 1; flex-direction: column; justify-content: space-between }
.hospital-title .title-wrap>div:last-of-type { margin-top:.2rem
}
.hospital-title .title-wrap .title {
font-size:.42rem; font-weight: 700; line-height:.56rem
}
.hospital-title .title-wrap .sub {
font-size:.28rem; font-weight: 400; line-height:.37rem;
margin:.05rem 0 0
}
.hospital-title .title-wrap .tag { background-color: #FF9023; color: #fff; font-size:.24rem;
font-weight: 400; line-height:.32rem;
border-radius:.24rem;
padding:.02rem .14rem
}
.hospital-title .title-wrap .re {
font-size:.24rem; font-weight: 400; line-height:.36rem;
background: url(../images/re.png) left 48% no-repeat; background-size:.21rem .23rem;
padding-left:.27rem;
float: right }
.hospital-info-card {
font-size:.28rem; font-weight: 400; line-height:.48rem
}
.hospital-info-card>.line { display: flex; align-items: center; margin-bottom:.08rem
}
.hospital-info-card>.line a { color: #3291F9 }
.hospital-info-card>.line:first-of-type span { max-width: 4.5rem }
.hospital-info-card .line span {
line-height:.48rem; text-overflow: ellipsis; overflow: hidden; word-break: break-all; white-space: nowrap }
.hospital-info-card .intro { display: flex; flex-direction: row; align-items: center }
.hospital-info-card .more { background: url(../images/m.png) right 48% no-repeat; background-size:.12rem .21rem;
padding-right:.3rem
}
.hospital-info-card b { align-self: self-start; white-space: nowrap; margin-right:.3rem
}
.hospital-info-card .more p { word-break: break-all; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical }
.hospital-info-card .address-phone { display: flex; flex-direction: row; align-items: center; justify-content: space-between }
.hospital-info-card .address-phone p { width: 4rem; text-overflow: ellipsis; overflow: hidden; word-break: break-all; white-space: nowrap }
.hospital-info-card .intro { margin-bottom:.1rem
}
.hospital-info-card .address-phone .intro:last-child { margin-bottom: 0 }
.hospital-info-card .left { flex: 1 }
.hospital-info-card .right { width: 1.54rem }
.hospital-info-card .right .address { display: inline-block; height:.57rem;
line-height: 1.2rem; text-align: center; background: url(../images/lo.png) no-repeat; background-position: center top; background-size:.41rem .41rem;
font-size:.28rem;
margin-right:.3rem
}
.hospital-info-card .right .phone { display: inline-block; height:.57rem;
line-height: 1.2rem; text-align: center; background: url(../images/phone.png) no-repeat; background-position: center top; background-size:.41rem .41rem;
font-size:.28rem
}
.hospital-card>ul>li { margin-bottom:.4rem
}
.hospital-card .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start }
.hospital-card .item:last-child { margin-bottom:.1rem
}
.hospital-card .icon { flex-basis: 1.4rem; -webkit-box-flex: 0; -ms-flex: 0 0 1.4rem; flex: 0 0 1.4rem; height: 1.4rem; border-radius: 50%; margin-right:.2rem;
background-color: #ccc; overflow: hidden }
.hospital-card .icon img { object-fit: cover; width: 100%; height: 100% }
.hospital-card .desc { overflow: hidden; -webkit-box-flex: 1; -ms-flex: 1; flex: 1 }
.hospital-card a div:last-of-type { overflow: hidden; white-space: wrap; height:.36rem
}
.hospital-card .desc .desc-item { width: 100% }
.hospital-card .desc .title { font-size:.34rem;
line-height:.48rem
}
.hospital-card .address {
font-size:.28rem; color: #999; line-height:.36rem
}
.hospital-card .tag { float: left; height:.36rem;
padding:0 .12rem;
background-color: #F5F9FF; font-size:.24rem;
color: #3291F9; line-height:.36rem;
text-align: center; border-radius:.24rem
}
.hospital-card .tag+.tag { margin-left:.1rem
}
.hospital-card .btn { flex: 0 0 1.3rem; align-self: center; height: 100% }
.hospital-card .btn a { display: inline-block; width: 1.3rem; height:.6rem;
line-height:.6rem;
text-align: center; font-size:.24rem;
color: #3291F9; border: 1px solid rgba(50,145,249,.55); border-radius:.3rem
}
.hospital-card .focus { display: flex; flex-direction: row; font-size:.28rem;
color: #666; line-height:.48rem;
margin-top:.2rem
}
.hospital-card .focus>div:first-child { flex: 1; overflow: hidden }
.hospital-card .focus a { color: #3291F9; font-style: normal }
.hospital-card .singe-line a { color: #666 }
.btn-nav { display: flex; flex-direction: row; justify-content: space-between; margin:.2rem
}
.btn-nav img { width: 3.45rem; height: 1.25rem }
.card.address-phone-card .header, .hospital-desc-card .header { margin-bottom:.1rem
}
.hospital-desc-card .door-bed>div { display: inline-block; width: 50%; font-size:.28rem
}
.hospital-desc-card .door-bed { font-size: 0 }
.address-phone-card .panel { display: flex; flex-direction: row; align-items: center; font-size:.28rem;
margin-top:.1rem
}
.address-phone-card .panel:last-of-type { align-items: center }
.address-phone-card .panel .left {
line-height:.6rem; flex: 0 0 1.5rem; font-weight: 700 }
.address-phone-card .panel .center {
line-height:.6rem; flex: 1; padding-right:.1rem
}
.address-phone-card .panel .right {
flex:0 0 .6rem;
height:.41rem;
line-height:.41rem; background: url(../images/lo.png) left 48% no-repeat; background-size:.41rem .41rem;
padding-left:.5rem
}
.address-phone-card .panel.flex-start { align-items: flex-start!important }
.hospital-desc-card .content { line-height:.6rem
}
.hidden-10 { word-break: break-all; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 10; -webkit-box-orient: vertical }
.hospital-desc-card .content .item { margin-bottom:.5rem
}
.hospital-desc-card .content .item:last-of-type { margin-bottom:.2rem
}
.fullscreentab { display: none; position: fixed; width: 100%; height: 100%; background: #fff; left: 0; top: 0; z-index: 990 }
.fullscreentab .close {
width:.84rem;
height:.88rem;
background:url(../images/sprites.png) .3rem -9.37rem no-repeat; background-size: 3.3rem auto; position: absolute; right: 0; top: 0 }
.fullscreentab .tabtitle {
height:.88rem;
font-size:.32rem; color: #333; line-height:.88rem;
padding-left:.3rem;
border-bottom:#f0f0f0 .01rem solid
}
.fullscreentab.locationtab .tabtitle {
padding-left:.6rem;
background:url(../images/sprites.png) .2rem -24.64rem no-repeat; background-size: 3.3rem auto }
.fullscreentab .tabtitle span { color: #999 }
.fullscreentab .tab { display: flex; justify-content: space-between; font-size:.32rem;
line-height: 1rem; height:calc(100% - .89rem)
}
.tab .tabsingle { display: none }
.fullscreentab .tabnav { flex: 0 0 2.4rem; height: 100%; background: #f5f7fa; overflow: hidden; overflow-y: scroll }
.fullscreentab .tabnav em { display: block; padding-left:.6rem
}
.fullscreentab .tabnav em.current { color: #333; background: #fff; border-left:#38abbb .06rem solid;
padding-left:.54rem
}
.fullscreentab .tabnav em a { display: block; color: #999 }
.fullscreentab .tabcontent { width: 100%; height: 100% }
.fullscreentab .tabsingle { height: 100%; overflow: hidden; overflow-y: scroll }
.fullscreentab .tabsingle a { display: block; margin-left:.4rem;
overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.fullscreentab .tabsingle a.current { color: #1e9cb9 }
.block.fullscreentab { display: block; position: static; padding: 0 }
.block.fullscreentab .tab { height: 8.4rem; overflow: hidden }
.block.fullscreentab .tabnav {
padding-top:.2rem; background: #f0f0f0 }
.block.fullscreentab .tabcontent { padding-top:.2rem
}
.fullscreenpage { display: none; position: absolute; width: 100%; height: 100%; background: #fff; left: 0; top: 0; z-index: 990 }
.fullscreenpageframe { position: fixed; left: 0; top:.89rem;
width: 100%; height:calc(100% - .89rem);
overflow: hidden }
.fullscreenpageframe img { width: 100%; height: 100% }
.fullscreenpageframe.systemerror { background: url(../images/bg_systemerror.png) center center no-repeat; background-size: 6.9rem auto }
.fullscreensearch { display: none; position: fixed; width: 100%; height: 100%; background: #fff; left: 0; top: 0; z-index: 990 }
.fullscreensearch .close { position: absolute; font-size:.32rem;
line-height:.68rem;
top:.2rem;
right:.3rem
}
.fullscreensearch form { width: 6rem; height:.68rem;
line-height:.68rem;
margin:.2rem 0 0 .3rem;
background:#f0f0f0 url(../images/sprites.png) .3rem -43.8rem no-repeat;
background-size: 3.3rem auto; border-radius:.68rem
}
.fullscreensearch form input { width: 4.5rem; margin-left:.8rem;
background: #f0f0f0 }
.fullscreensearch form button { float: right; width:.54rem;
height:.68rem;
background: url(../images/sprites.png) 0rem -9.47rem no-repeat; background-size: 3.3rem auto }
.fullscreensearch dl {
padding:0 .3rem;
margin-bottom:.4rem; overflow: hidden }
.fullscreensearch dt {
line-height:.28rem; color: #666; padding:.4rem 0 .2rem;
border-top:#f0f0f0 .01rem solid
}
.fullscreensearch dt span { float: right; font-size:.24rem;
color: #999; padding-left:.4rem;
background: url(../images/sprites.png) 0rem -18.42rem no-repeat; background-size: 3.3rem auto }
.fullscreensearch dd { float: left; margin:.2rem .2rem 0 0;
font-size:.24rem;
line-height:.48rem;
background: #f0f0f0; border-radius:.48rem;
overflow: hidden }
.fullscreensearch dd a { display: block; padding:0 .16rem
}
.fullscreensearch dl.noborder dt { border-top: 0; margin-top:.4rem
}
.autocomplate { display: none; position: absolute; padding:0 .3rem;
width:calc(100% - .6rem);
height:calc(100% - .8rem);
background: #fff }
.autocomplate li { color: #333; line-height: 1rem; border-bottom:#f0f0f0 .01rem solid
}
.fulllinesearch input { display: block; width: 100%; height:.68rem;
font-size:.28rem;
line-height:.68rem;
text-indent:.8rem;
background:#f0f0f0 url(../images/sprites.png) .3rem -43.8rem no-repeat;
background-size: 3.3rem auto; border-radius:.68rem
}
.topbar .fulllinesearch { padding:.14rem 0 0 1rem
}
.topbar .fulllinesearch input { width: 5.5rem; height:.6rem;
line-height:.6rem;
text-indent:.95rem;
background-position:.3rem -43.84rem;
border-radius:.6rem
}
.fixed-100 { position: fixed; top:.98rem;
bottom: 0; left: 0; right: 0; display: flex; flex-direction: column }
.fixed-100 .yyk_show { margin-bottom: 0 }
.dept-select-card { flex: 1; display: flex; flex-direction: row; color: #333; font-size:.3rem;
overflow: hidden; background-color: #fff }
.dept-select-card .dept { overflow: auto; flex: 0 0 3.5rem; scrollbar-width: none; -ms-overflow-style: none; background-color: #F4F9FF }
.dept-select-card .dept li { position: relative; background-color: #fff }
.dept-select-card .dept::-webkit-scrollbar, .dept-select-card .subept::-webkit-scrollbar {
display:none
}
.dept-select-card .dept li em, .dept-select-card .sub-dept a { display: flex; flex-direction: row; align-items: center; box-sizing: border-box; padding:.28rem .3rem;
width: 100% }
.dept-select-card .dept li em { background-color: #fff; background-color: #F4F9FF; padding-left:.82rem
}
.dept-select-card .dept li.active em { font-weight: 700; font-size:.34rem;
background-color: #fff }
.dept-select-card .active-prev em { border-bottom-right-radius:.2rem
}
.dept-select-card .active-next em { border-top-right-radius:.2rem
}
.dept-select-card .sub-dept { display: none; overflow: auto; flex: 1; scrollbar-width: none; -ms-overflow-style: none }
.dept-select-card .sub-dept a { display: flex; flex-direction: row; justify-content: space-between }
.dept-select-card .sub-dept a.active { color: #3291F9 }
.dept-select-card .sub-dept span:nth-child(1) { width: 2.4rem }
.dept-select-card .sub-dept span:nth-child(2) {
font-size:.28rem; color: #999; display: inline-block; white-space: nowrap }
.dept-select-card .dept li:before { display: inline-block; position: absolute; top: 50%; left:.3rem;
transform: translateY(-50%); width:.4rem;
height:.4rem;
content: ''; background-image: url(../images/dept.png); background-repeat: no-repeat; background-size: 3rem auto }
.dept-select-card .dept li.dept-0:before { display: inline-block; position: absolute; top: 50%; left:.3rem;
transform: translateY(-50%); width:.4rem;
height:.4rem;
content: ''; background-image: url(../images/all.png); background-repeat: no-repeat; background-size:.28rem .25rem;
background-position: center center }
.dept-select-card .dept .dept-1:before { background-position:-.03rem 0
}
.dept-select-card .dept .dept-2:before { background-position:-.67rem 0
}
.dept-select-card .dept .dept-3:before { background-position: -1.32rem 0 }
.dept-select-card .dept .dept-4:before { background-position: -1.97rem 0 }
.dept-select-card .dept .dept-5:before { background-position: -2.6rem 0 }
.dept-select-card .dept .dept-6:before { background-position:-0 -.65rem
}
.dept-select-card .dept .dept-7:before { background-position:-.65rem -.65rem
}
.dept-select-card .dept .dept-8:before { background-position:-1.32rem -.65rem
}
.dept-select-card .dept .dept-9:before { background-position:-1.97rem -.65rem
}
.dept-select-card .dept .dept-10:before { background-position:-2.6rem -.65rem
}
.dept-select-card .dept .dept-11:before { background-position: 0 -1.3rem }
.dept-select-card .dept .dept-12:before { background-position:-.65rem -1.3rem
}
.dept-select-card .dept .dept-13:before { background-position: -1.3rem -1.3rem }
.dept-select-card .dept .dept-14:before { background-position: -1.94rem -1.3rem }
.dept-select-card .dept .dept-15:before { background-position: -2.57rem -1.3rem }
.dept-select-card .dept .dept-16:before { background-position: 0 -1.95rem }
.dept-select-card .dept .dept-17:before { background-position:-.65rem -1.95rem
}
.dept-list { display: flex; flex-direction: row; align-items: center; margin:.2rem;
flex-wrap: wrap }
.dept-list li { background-color: #fff; border-radius:.2rem;
overflow: hidden }
.dept-list li+li { margin-left:.2rem
}
.dept-list a { position: relative; display: block; width: 1.4rem; height: 1.4rem; line-height: 2.3rem; font-size:.24rem;
text-align: center }
.dept-list a:before { display: inline-block; position: absolute; top:.1rem;
left: 50%; transform: translateX(-50%); width:.8rem;
height:.8rem;
content: ''; background-image: url(../images/dept.png); background-repeat: no-repeat; background-size: 6rem auto }
.dept-list li:last-of-type a { display: flex; justify-content: center; align-items: center; width:.7rem;
font-size:.28rem;
writing-mode: vertical-rl }
.dept-list li:last-of-type a:before { display: none; background-image: none }
.dept-list a.dept-2:before { background-position: -1.3rem 0 }
.dept-list a.dept-3:before { background-position: -2.6rem 0 }
.dept-list a.dept-4:before { background-position: -3.9rem 0 }
.dept-list a.dept-5:before { background-position: -5.2rem 0 }
.dept-list a.dept-6:before { background-position: -0 -1.3rem }
.dept-list a.dept-7:before { background-position: -1.3rem -1.3rem }
.dept-list a.dept-8:before { background-position: -2.6rem -1.3rem }
.dept-list a.dept-9:before { background-position: -3.9rem -1.3rem }
.dept-list a.dept-10:before { background-position: -5.2rem -1.3rem }
.dept-list a.dept-11:before { background-position: 0 -2.6rem }
.dept-list a.dept-12:before { background-position: -1.3rem -2.6rem }
.dept-list a.dept-13:before { background-position: -2.6rem -2.6rem }
.dept-list a.dept-14:before { background-position: -3.9rem -2.6rem }
.dept-list a.dept-15:before { background-position: -5.2rem -2.6rem }
.dept-list a.dept-16:before { background-position: 0 -3.9rem }
.dept-list a.dept-17:before { background-position: -1.3rem -3.9rem }
.load-more-card { text-align: center }
.load-more-card .more { display: inline-block; position: relative; color: #333; line-height:.48rem;
padding-right:.3rem;
margin:.1rem auto;
font-size:.28rem
}
.load-more-card .more::after { display: inline-block; vertical-align: middle; width:.24rem;
height:.24rem;
content: ''; background: url(../images/down.png) no-repeat; background-size: 100%; margin-top:-.12rem;
margin-left:.15rem
}
.load-more-card .more.active { color: #3291F9 }
.load-more-card .more.active:after { background-image: url(../images/d.png) }
.dept-card .load-more { margin:.4rem auto .2rem
}
.dept-card.card .header .title { max-width: 100% }
body.hidden { overflow: hidden }
.popbg { display: none; position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.8); top: 0; left: 0; z-index: 999 }
#album .closealbum { position: absolute; top: 0; right: 0; width:.8rem;
height:.8rem;
background: url(../images/bg_07.png) no-repeat; background-size: 100%; cursor: pointer; z-index: 10 }
.mapframe {
margin:.1rem 0; width: 100%; height: 3.5rem }
.albumslide, .albumslide .swiper, .albumslide .swiper-slide, .albumslide .swiper-slide img { width: 100%; height: 100% }
.albumslide .swiper-pagination {
font-size:.28rem;
line-height:.6rem; color: #fff; bottom:.5rem
}
.albumslide .swiper-button-prev, .albumslide .swiper-button-next {
width:.6rem;
height:.6rem; background: url(../images/arrow_12.png) no-repeat; background-size: 100%; bottom:.5rem;
top: auto; left: calc(50% - 1.35rem); right: auto }
.albumslide .swiper-button-next { background-image: url(../images/arrow_13.png); left: auto; right: calc(50% - 1.35rem) }
.albumslide .swiper-button-prev:after, .albumslide .swiper-button-next:after { display: none }
.albumslide .swiper-button-disabled { opacity: 0!important }
.toggle-card .header .title { position: relative; font-weight: 400; padding-bottom:.1rem;
overflow: auto!important; text-overflow: initial!important }
.toggle-card .header .title::-webkit-scrollbar {
display:none
}
.nodata-card { display: flex; height: 6rem; align-items: center; background-image: url(../images/none.png); background-repeat: no-repeat; background-size: 50%; background-position: 50% 50% }
.reply-card { padding-bottom:.4rem
}
.reply-card .load-more { margin:.3rem auto 0
}
.reply-card .no-doctor .time { margin-left:.63rem
}
.reply-card .no-doctor .doctor-group { margin-top:.1rem
}
.reply-card .content li { padding:.3rem 0
}
.sl-card .avatar { display: flex; align-items: center; justify-content: center; flex: 0 0 1rem; height: 1rem; background: linear-gradient(to bottom, #EBF4FF, #fff); margin-right:.2rem;
border-radius:.2rem;
border: 1px solid #EBF4FF }
.sl-card .avatar::after { content: ''; display: block; width:.44rem;
height:.48rem;
background-repeat: no-repeat; background-size: 100%; background-position: 0 0 }
.sl-card li:nth-of-type(1) .avatar::after { background-image: url(../images/sl1.png) }
.sl-card li:nth-of-type(2) .avatar::after { background-image: url(../images/sl2.png) }
.sl-card li:nth-of-type(3) .avatar::after { background-image: url(../images/sl3.png) }
.sl-card .content li { display: flex; align-items: center; margin-bottom:.4rem
}
.sl-card .content li:last-child { margin-bottom:.2rem
}
.sl-card .content li div strong { display: block; font-size:.34rem;
line-height:.48rem
}
.sl-card .content li div span {
font-size:.28rem;
line-height:.48rem; color: #666 }
.nav-card { display: flex; margin:.2rem;
justify-content: space-between; flex-wrap: wrap }
.nav-card .item { display: flex; flex-direction: column; justify-content: center; position: relative; box-sizing: border-box; width: 2.2rem; height: 1.2rem; border-radius:.2rem;
border: 2px solid #fff; padding:.2rem;
background: linear-gradient(to bottom, #F4F9FF, #fff) }
.nav-card.only a { width: 100%; display: block }
.nav-card.only .item { width: 100%; vertical-align: middle; padding-left:.46rem;
border: 4px solid #fff; margin-bottom:.2rem
}
.nav-card.two a { width: 49%; display: block }
.nav-card.two .item { width: 100%; vertical-align: middle; padding-left:.46rem;
border: 4px solid #fff; margin-bottom:.2rem
}
.nav-card .item strong { display: block; font-size:.28rem;
margin-bottom:.1rem
}
.nav-card .item span {
font-size:.2rem; color: #666 }
.nav-card a .item.zixun::after { position: absolute; bottom:.16rem;
right:.12rem;
content: ''; display: block; width:.3246rem;
height:.33rem;
background-repeat: no-repeat; background-size: 100%; background-position: 0 0; background-image: url(../images/na1.png) }
.nav-card a .item.phone::after { position: absolute; bottom:.16rem;
right:.12rem;
content: ''; display: block; width:.3451rem;
height:.33rem;
background-repeat: no-repeat; background-size: 100%; background-position: 0 0; background-image: url(../images/na2.png) }
.nav-card a .item.guahao::after { position: absolute; bottom:.16rem;
right:.12rem;
content: ''; display: block; width:.3236rem;
height:.3113rem;
background-repeat: no-repeat; background-size: 100%; background-position: 0 0; background-image: url(../images/na3.png) }
.nav-card.only li.item::after, .nav-card.two li.item::after { top: 50%; right:.46rem;
width:.48rem;
height:.48rem;
transform: translateY(-50%) }
.home-friend-card>.content:nth-of-type(1) {
padding-bottom:.2rem; position: relative }
.home-friend-card .content::after { content: ''; position: absolute; bottom: 0; left: 0; height: 1px; width: 100%; background-color: #F2F2F2; transform: scaleY(0.5) }
.home-friend-card>.header:nth-of-type(2) { margin-top:.43rem;
line-height:.48rem;
font-size:.28rem
}
.home-friend-card>div.content { margin-bottom:.1rem
}
.home-friend-card>div.content>div:first-child { margin-bottom:.3rem
}
.home-friend-card>div.content>div>span:first-child { color: #999 }
.doctor-card .tabs { width: 100%; margin-bottom:.35rem;
overflow: auto; height:.6rem;
font-size: 0; white-space: nowrap }
.doctor-card .tabs::-webkit-scrollbar {
display:none
}
.doctor-card .tabs li { display: inline-block; height:.6rem;
padding:0 .2rem;
background-color: #F4F9FF; border-radius:.1rem;
font-size:.28rem;
vertical-align: middle; margin-right:.1rem;
line-height:.6rem
}
.doctor-card .tabs li.active { color: #3291F9 }
.doctor-card .tabs li:last-child { margin-right: 0 }
.yyk_show { overflow: hidden; position: relative; margin-bottom: 2px }
.yyk_show::after { content: "\5e7f\544a"; display: block; position: absolute; top: 0; right: 0; width:.56rem;
height:.28rem;
font-size:.24rem;
text-align: center; line-height:.28rem;
color: #aaa }
.yyk_show.nomark::after { display: none }
.yyk_show.loc_toptl img { width: 100% }
.yyk_show a img { border: 0; vertical-align: middle }
.doctor-title .row-flex { display: flex; flex-direction: row }
.doctor-title { width: 100%; display: flex; flex-direction: row; align-items: flex-start; background: url(../images/dbg.png) no-repeat; background-size: 100% 100%; padding:.5rem .2rem .3rem;
box-sizing: border-box }
.doctor-title .icon { flex:0 0 .9rem;
margin-right:.2rem
}
.doctor-title .icon img {
width:.9rem;
height:.9rem; border-radius: 50%; object-fit: cover }
.doctor-title .title-wrap { display: flex; flex: 1; flex-direction: column; justify-content: space-between; overflow: hidden }
.doctor-title .title-wrap>div:last-of-type { margin-top:.2rem
}
.doctor-title .title-wrap .title {
line-height:.56rem; text-overflow: ellipsis; overflow: hidden; word-break: break-all; white-space: nowrap }
.doctor-title .title-wrap .title b { font-size:.42rem
}
.doctor-title .title-wrap .left { flex: 1; overflow: hidden; margin-right:.1rem
}
.doctor-title .title-wrap .like { flex: 0 0 1.4rem; height:.7rem;
border-radius:.15rem;
color: #fff; display: flex; justify-content: center; align-items: center; background: linear-gradient(145deg, rgba(70,156,249,.9) 0 30%, rgba(70,156,249,1) 30% 100%); padding:0 .1rem;
box-sizing: border-box }
.doctor-title .title-wrap .like-0:after { display: inline-block; content: ''; width:.4rem;
height:.5rem;
border-radius:.1rem;
box-sizing: border-box; background:#fff url(../images/like-0.png) .071rem .15rem no-repeat;
background-size:.24rem .2rem;
margin-left:.15rem
}
.doctor-title .title-wrap .like-1:after { display: inline-block; content: ''; width:.4rem;
height:.5rem;
border-radius:.1rem;
box-sizing: border-box; background:#fff url(../images/like-1.png) .071rem .15rem no-repeat;
background-size:.24rem .2rem;
margin-left:.15rem
}
.doctor-title .title-wrap .title span {
font-size:.28rem; font-weight: 400; margin-left:.2rem
}
.doctor-title .title-wrap .sub {
font-size:.28rem; font-weight: 400; line-height:.37rem;
margin:.05rem 0 0;
text-overflow: ellipsis; overflow: hidden; word-break: break-all; white-space: nowrap }
.doctor-title .title-wrap .sub-no-hide {
font-size:.28rem; font-weight: 400; line-height:.37rem;
margin:.05rem 0 0
}
.doctor-title .title-wrap .sub:nth-child(3) { margin-top:.2rem
}
.doctor-title .title-wrap .sub-no-hide-wrap {
height:.9rem; overflow: hidden }
.doctor-title .title-wrap .tag { background-color: #FF9023; color: #fff; font-size:.24rem;
font-weight: 400; line-height:.32rem;
border-radius:.24rem;
padding:.02rem .14rem
}
.doctor-title .title-wrap .re {
font-size:.24rem; font-weight: 400; line-height:.36rem;
background: url(../images/re.png) left 48% no-repeat; background-size:.21rem .23rem;
padding-left:.27rem;
float: right }
.doctor-info-card {
font-size:.28rem; font-weight: 400; line-height:.48rem;
padding-bottom:.3rem
}
.doctor-info-card b { align-self: self-start; white-space: nowrap }
.doctor-info-card .line p { line-height:.6rem
}
.doctor-info-card .four-line { word-break: break-all; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical }
.card .scroll-nav { display: flex; flex-direction: row; align-items: center; overflow: auto; padding-bottom:.27rem
}
.card .scroll-nav li {
font-size:.28rem; display: flex; justify-content: center; align-items: center; margin-right:.2rem;
border-radius:.05rem;
white-space: nowrap }
.card .scroll-nav li.active { color: #3291F9 }
.card .scroll-nav li:last-child { margin-right: 0 }
.card .scroll-nav::-webkit-scrollbar {
display:none
}
.open-time-card { padding:.3rem .2rem
}
.open-time-card .scroll-nav li {
padding:.11rem .2rem .12rem; background-color: #F5F9FF; color: #333 }
.open-time-card ul.time-list { display: flex; flex-direction: column }
.open-time-card ul.time-list li { position: relative; display: flex; flex-direction: row; padding:.2rem 0;
align-items: center }
.open-time-card ul.time-list li:not(:last-child):after { content: ''; display: block; height: 1px; width: 100%; position: absolute; bottom: 0; background-color: #E8E8E8; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); transform: scaleY(0.5) }
.open-time-card ul.time-list li .left { flex: 1; font-size:.28rem;
line-height:.48rem
}
.open-time-card ul.time-list li .left b { display: block; width: 100% }
.open-time-card ul.time-list li .left span {
padding:.08rem .2rem; color: #666; font-size:.24rem;
border-radius:.3rem;
border: 1px solid #E8E8E8; line-height:.32rem
}
.open-time-card ul.time-list li .right { flex: 0 0 1.5rem; height:.6rem;
line-height:.6rem;
text-align: center; border-radius:.3rem;
font-size:.28rem
}
.open-time-card ul.time-list li .right.ok { background-color: #3291F9; color: #fff }
.open-time-card ul.time-list li .right.no { background-color: #F2F2F2; color: #333 }
.open-time-card .no-data { text-align: center; width: 100%; padding: 20px 0 0 }
.open-time-card .no-data .icon { height: 2rem; width: 100%; background: url(../images/no-data.png) center no-repeat; background-size: 2rem 2rem }
.open-time-card .no-data .btn { display: inline-flex; align-items: center; justify-content: center; height:.6rem;
width: 2rem; background-color: #FF9023; border-radius:.3rem;
color: #fff; margin-top:.2rem
}
.open-time-card .tip {
padding:.3rem .25rem; background-color: #F8F8F8; border-radius:.2rem;
line-height:.48rem;
font-size:.28rem;
margin-top:.2rem
}
.open-time-card .no-data .tip {
margin-top:.5rem; margin-bottom: 0 }
.open-time-card .tip div:first-child { color: #FF9023 }
.popup { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 2003; display: none }
.popup-mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.7) }
.popup-content { position: absolute; bottom: 0; width: 100%; height: 9.5rem; z-index: 2004; background-color: #fff; border-top-left-radius:.2rem;
border-top-right-radius:.2rem;
animation: fadein .5s; padding-bottom:.2rem;
overflow: auto }
.comment-form .title { position: relative; display: flex; align-items: center; font-size:.36rem;
padding:.3rem 0;
padding-bottom:.5rem
}
.comment-form { font-size:.28rem;
padding:0 .4rem
}
.comment-form .form-item { display: flex; flex-direction: row; margin-bottom:.4rem;
align-items: center }
.comment-form .form-item .form-item-label { flex: 0 0 1.6rem }
.comment-form .form-item .form-item-label.required:before { content: '*'; color: red }
.comment-form .form-item .form-item-value { flex: 1 }
.comment-form .form-item .form-item-value .input-wrap { width: 100%; display: flex; flex-direction: row; overflow: hidden; align-items: center }
.comment-form .form-item .form-item-value .input-wrap span { flex: 0 0 2rem }
.comment-form textarea { width: 100%; border: 1px solid #E8E8E8; border-radius:.2rem;
padding:.2rem;
box-sizing: border-box; appearance: none; outline: 0 }
.comment-form textarea:hover, .comment-form textarea:active, .comment-form textarea:focus { appearance: none; outline: 0 }
.comment-form .form-item .form-item-value input { flex: 1; display: inline-block; border-bottom: 1px solid #E8E8E8; display: block; box-sizing: border-box; width: 100%; min-width: 0; margin: 0; padding: 0; color: #333; line-height: inherit; text-align: left; resize: none; padding:.1rem
}
.comment-form .form-item .form-item-value input::placeholder {
color:#999
}
.comment-form .submit { width: 100%; background-color: #FF9023; border-radius:.44rem;
display: flex; justify-content: center; align-items: center; color: #fff; height:.88rem;
margin-top:.3rem
}
.comment-form .star em { width:.36rem;
height:.35rem;
margin-right:.05rem
}
.comment-form .tag-group { width: 100%; overflow: hidden; white-space: wrap }
.comment-form .tag { display: inline-block; padding:0 .2rem;
height:.6rem;
color: #666; font-size:.24rem;
border-radius:.3rem;
line-height:.6rem;
white-space: nowrap; background-color: #F5F9FF; margin-right:.2rem;
margin-bottom:.1rem
}
.comment-form .tag:last-of-type { margin-right: 0 }
.comment-form .tag.active { background-color: #3291F9; color: #fff }
.comment-form .close { position: absolute; right: 0; top: 0; height: 100%; width:.8rem;
background: url(../images/close.png) right center no-repeat; background-size:.238rem .238rem
}
@keyframes fadein { from {
transform:translate(0, 100%)
}
to { transform: none }
}
.disease-card { padding-bottom:.1rem
}
.disease-card ul { display: flex; flex-direction: row; flex-wrap: wrap }
.disease-card ul li {
width:calc((100% - .4rem) / 3); background-color: #F5F9FF; border-radius:.1rem;
font-size:.28rem;
line-height:.6rem;
height:.6rem;
text-align: center; text-overflow: ellipsis; overflow: hidden; word-break: break-all; white-space: nowrap; margin-bottom:.3rem;
margin-left:.1rem;
margin-right:.1rem;
padding:0 .2rem;
box-sizing: border-box }
.disease-card ul li:nth-of-type(3n-2) { margin-left: 0 }
.disease-card ul li:nth-of-type(3n) { margin-right: 0 }
.article-detail-card { padding:.4rem .2rem .3rem
}
.article-detail-card h1 { text-align: center; font-size:.42rem;
line-height:.6rem
}
.article-detail-card .time { display: flex; flex-direction: row; justify-content: space-between; font-size:.28rem;
color: #666; margin-top:.3rem;
margin-bottom:.3rem
}
.article-detail-card .time a { color: #666 }
.article-detail-card h2 {
padding:.3rem .25rem; background-color: #F8F8F8; border-radius:.1rem;
line-height:.48rem;
font-size:.32rem;
margin-top:.2rem;
line-height:.6rem;
font-weight: 400; color: #333; margin-bottom:.4rem
}
.article-detail-card .content {
line-height:.6rem;
font-size:.32rem; color: #000 }
.article-detail-card .content p img, .article-detail-card .content img { width: 100% }
.list-nav-img { font-size: 0; display: flex; justify-content: space-between; margin:.2rem
}
.list-nav-img a { display: inline-block }
.list-nav-img img { width: 100%; height: 100%; border-radius:.2rem
}
.list-nav-img .column { width: 3.45rem; display: inline-flex; flex-direction: column; justify-content: space-between }
.list-nav-img .img1 { width: 3.45rem; height: 3.6rem; border-radius:.2rem;
box-shadow: 0 7px 10px rgba(255,62,62,.15) }
.list-nav-img .img2, .list-nav-img .img3 { width: 3.45rem; height: 1.7rem; border-radius:.2rem;
box-shadow: 0 7px 10px rgba(255,62,62,.15) }
.list-nav-icon a { position: relative; display: inline-block; width: 1.5rem; height: 1.5rem; line-height: 2.3rem; font-size:.28rem;
text-align: center; background-color: #F5F9FF; border-radius:.2rem
}
.list-nav-icon a+a { margin-left:.23rem
}
.list-nav-icon a:nth-of-type(4n-3) { margin-left: 0 }
.list-nav-icon a:nth-of-type(-n+4) { margin-bottom:.23rem
}
.list-nav-icon { display: flex; flex-direction: row; align-items: center; flex-wrap: wrap }
.list-nav-icon a:before { display: inline-block; position: absolute; top:.1rem;
left: 50%; transform: translateX(-50%); width:.8rem;
height:.8rem;
content: ''; background-image: url(../images/listdept.png); background-repeat: no-repeat; background-size: 6rem auto }
.list-nav-icon a.dept-2:before { background-position: -1.73rem 0 }
.list-nav-icon a.dept-3:before { background-position: -3.46rem 0 }
.list-nav-icon a.dept-4:before { background-position: -5.2rem 0 }
.list-nav-icon a.dept-5:before { background-position: -0rem -1.73rem }
.list-nav-icon a.dept-6:before { background-position: -1.73rem -1.73rem }
.list-nav-icon a.dept-7:before { background-position: -3.46rem -1.73rem }
.list-nav-icon a.dept-8:before { background-position: -5.2rem -1.73rem }
.list-nav-icon a.dept-8:before { background-position: -5.2rem -1.73rem }
.scroll-nav-card .scroll-nav { position: relative; margin-bottom:.4rem;
padding-bottom: 0; transform: translateZ(0) }
.scroll-nav-card .scroll-nav-wrap { position: relative }
.scroll-nav-card .scroll-nav-wrap::after { display: block; content: ''; position: absolute; right: 0; top: 0; bottom: 0; width:.6rem;
background: linear-gradient(to left, #fff, rgba(255,255,255,.5) 60%) }
.scroll-nav-card .scroll-nav-wrap.no-mask::after { display: none }
.scroll-nav-card .scroll-nav li { position: relative; font-size:.34rem;
padding-bottom:.12rem;
margin-bottom: 0; margin-right:.5rem
}
.scroll-nav-card .scroll-nav li.active { font-weight: 700 }
.scroll-nav-card .scroll-nav li.active::after { background-color: #3291F9; border-radius:.02rem;
height:.04rem;
content: ''; position: absolute; bottom: 0; left: 0; right: 0 }
.hospital-card .icon {
border-radius:.05rem; border: 1px solid #F0F0F0; background-color: transparent }
.list-dept-card { padding-bottom: 0!important }
.list-dept-card .content { display: flex; flex-direction: row; align-items: flex-start; flex-wrap: wrap }
.list-dept-card .content a { position: relative; display: inline-flex; flex-direction: column; width: 2rem; border-radius:.05rem;
font-size: 0; margin-bottom:.3rem
}
.list-dept-card .content a em { font-style: normal; font-size:.34rem;
color: #333; line-height:.48rem;
text-overflow: ellipsis; overflow: hidden; word-break: break-all; white-space: nowrap }
.list-dept-card .content a i { font-style: normal; font-size:.28rem;
color: #999; line-height:.36rem
}
.list-dept-card .content a img { width: 2rem; height: 2rem; border: 1px solid #F0F0F0; margin-bottom:.16rem
}
.list-dept-card a+a { margin-left:.35rem
}
.list-dept-card a:nth-of-type(3n-2) { margin-left: 0 }
.fulllinetabnav { display: flex; justify-content: space-around; font-size:.28rem;
line-height:.37rem;
color: #fff; padding:0 .3rem
}
.fulllinetabnav em.current { color: #1e9eb9; font-weight: 700; border-bottom:#fff .04rem solid;
margin-bottom:-.01rem
}
.fulllinetabnav.linknav {
font-size:.28rem;
line-height:.8rem; background: #3291F9 }
.fulllinetabnav.linknav em a { color: #fff }
.fulllinefilter {
font-size:.26rem;
line-height:.8rem;
padding:0 .3rem; display: flex; justify-content: space-between; background-color: #fff; border-bottom-left-radius:.2rem;
border-bottom-right-radius:.2rem
}
.fulllinefilter em { width: 1.7rem; text-align: center; color: #333 }
.fulllinefilter em.current { color: #3291F9 }
#bookable .current { color: #3291F9 }
.fulllinefilter em i { display: inline-block; font-style: normal; vertical-align: top; max-width: 1.35rem; padding-right:.3rem;
background: url(../images/d.png) right center no-repeat; background-size:.18rem .18rem;
transform: rotate(0); overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.filterorder { display: none; line-height: 1rem }
.filterorder em { position: relative; display: block; padding:0 .3rem;
color: #333; border-top:#f0f0f0 .01rem solid;
background-color: #fff }
.filterorder em.current::after { content: ''; display: block; position: absolute; right:.25rem;
top: 30%; background: url(../images/yes.png); background-size: 100%; width:.4rem;
height:.4rem
}
.filterresult {
font-size:.24rem; color: #999; text-align: center }
.filterresult h1 { display: inline; font-size:.24rem;
font-weight: 400 }
.fulllinefilterresult {
font-size:.28rem; line-height: 1rem; color: #333; padding:0 .3rem
}
.fulllinefilterresult b { color: #1E9EB9 }
.tagsfilter {
padding:.38rem .3rem .4rem;
font-size:.24rem;
line-height:.44rem; color: #333; border-top:#f0f0f0 .01rem solid
}
.tagsfilter b { display: block; font-size:.28rem;
line-height:.3rem
}
.tagsfilter a, .tagsfilter em { display: inline-block; vertical-align: top; max-width:calc(100% - .4rem);
margin:.2rem .2rem 0 0;
padding:0 .2rem;
background: #F0F0F0; border-radius:.44rem;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.tagsfilter.foldcontent.folded .foldarea { max-height: 2.22rem; overflow: hidden }
.tagsfilter.foldcontent .extend, .tagsfilter.foldcontent .fold { display: none; margin-top:.25rem;
text-align: center; line-height:.68rem;
color: #999; background: #f8f8f8; border-radius:.68rem
}
.hospital-base-card {
font-size:.36rem;
padding-left:.36rem; color: #3291F9; font-weight: 700; padding-bottom:.41rem;
padding-top:.3rem
}
.hospital-base-card .title { line-height:.48rem
}
.hospital-base-card .title:before { vertical-align: middle; content: ''; width:.36rem;
height:.36rem;
display: inline-block; background: url(../images/h.png) left center no-repeat; background-size: 100% 100%; margin-right:.15rem;
margin-bottom:.04rem
}
.hospital-base-card .content { background-color: #F5F9FF; border-radius:.1rem;
font-size:.28rem;
color: #333; padding:.23rem;
margin-top:.2rem;
line-height:.48rem;
font-weight: 400 }
.filter-result-card { padding:0 .2rem .4rem
}
.filter-result-card .rec-doctor-list { width: 100%; overflow: auto; white-space: nowrap; margin-top:.2rem
}
.filter-result-card .rec-doctor-list .li-a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 0 }
.filter-result-card .rec-doctor-list::-webkit-scrollbar {
display:none
}
.filter-result-card .rec-doctor-list li { position: relative; display: inline-flex; flex-direction: column; justify-content: space-between; align-items: center; width: 3.4rem; height: 3.9rem; border-radius:.2rem;
padding:.2rem;
font-size:.28rem;
text-align: center; vertical-align: top; border: 1px solid rgba(242,242,242,.8) }
.filter-result-card .rec-doctor-list li+li { margin-left:.3rem
}
.filter-result-card .rec-doctor-list li b { font-size:.34rem
}
.filter-result-card .rec-doctor-list li .good { line-height:.48rem
}
.filter-result-card .rec-doctor-list li img { width: 1.2rem; height: 1.2rem; border-radius: 50% }
.filter-result-card .rec-doctor-list .btn-wrap { margin-top:.2rem
}
.filter-result-card .rec-doctor-list .btn-wrap a+a { margin-left:.2rem
}
.filter-result-card .rec-doctor-list .btn-wrap .ask { display: inline-block; background: #3291F9 url(../images/ask.png) no-repeat; background-position: 20% center; background-size:.26rem .25rem;
width: 1.4rem!important; height:.6rem!important;
font-size:.24rem;
border-radius:.3rem;
text-align: center; color: #fff; line-height:.6rem;
padding-left:.3rem;
box-sizing: border-box; z-index: 1 }
.filter-result-card .rec-doctor-list .btn-wrap .register { position: relative; display: inline-block; z-index: 2; background: #FF9023 url(../images/register.png) no-repeat; background-position: 20% center; background-size:.26rem .25rem;
width: 1.4rem!important; height:.6rem!important;
font-size:.24rem;
border-radius:.3rem;
text-align: center; color: #fff; line-height:.6rem;
padding-left:.3rem;
box-sizing: border-box; z-index: 1 }
.test-card { padding-bottom: 0 }
.test-card ul li {
padding:.3rem 0; position: relative; overflow: hidden }
.test-card ul li:first-of-type { padding-top: 0 }
.test-card ul li>a { flex: 0 0 2.2rem; height: 1.46rem; border-radius:.1rem;
overflow: hidden }
.test-card ul li:after { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 1px; background-color: #F0F4F7; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); transform: scaleY(0.5) }
.test-card ul li:last-of-type::after { content: ''; display: none }
.test-card ul li { display: flex; flex-direction: row; align-items: center }
.test-card ul li a:first-of-type { margin-right:.2rem
}
.test-card ul li .right { overflow: hidden; flex: 1; display: flex; flex-direction: column; justify-content: space-between }
.test-card ul li .right strong { display: block; width: 100%; font-size:.34rem;
font-weight: 400; text-overflow: ellipsis; overflow: hidden; word-break: break-all; white-space: nowrap }
.test-card ul li .right span { font-size:.28rem;
line-height:.36rem
}
.test-card ul li .right i { display: inline-block; font-style: normal; color: #3291F9; background: url(../images/p.png) no-repeat; background-position: left center; background-size:.2rem .22rem;
padding-left:.25rem
}
.test-card ul li .right div { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 3rem; height:.56rem;
color: #fff; background-color: #3291F9; border-radius:.3rem;
font-size:.28rem
}
.ad-hospital-card, .ad-hospital-card li { position: relative }
.ad-hospital-card>ul>li { position: relative; padding:.4rem 0;
margin-bottom: 0 }
.ad-hospital-card>ul li::after, .ad-hospital-card>ul>.l_f>li::after { content: ''; display: block; height: 1px; transform: scaleY(0.5); background-color: #F2F2F2; position: absolute; bottom: 0; left: 0; right: 0 }
.ad-hospital-card>ul>li:last-of-type:after { display: none }
.ad-hospital-card>ul .no-line::after { display: none }
.split-line { height: 1px; width: 100%; background-color: #F0F4F7; transform: scaleY(0.5); margin:.4rem 0
}
.ad-hospital-card .ad-tag { margin:.2rem 0
}
.ad-hospital-card .l_f { position: relative }
.ad-hospital-card .l_f .ad-tag { padding:.5rem 0 .4rem
}
.ad-hospital-card .l_f .ad-tag::before { top:.2rem
}
.ad-hospital-card .ad-tag:first-of-type { margin-top: 0 }
.ad-hospital-card .ad-tag::before { content: '骞垮憡'; position: absolute; font-style: normal; right: 0; top:.1rem;
font-size:.24rem;
color: #999 }
.need-read { font-size:.28rem;
line-height:.5rem;
padding-bottom:.35rem
}
.need-read .label { color: #999; margin-top:.1rem
}
.need-read .label:first-of-type { color: #999; margin-top: 0 }
.need-read .value { color: #333 }
.need-read .tag-value a {
font-size:.28rem; color: #3291F9 }
.doctor-list-card .icon { border-radius: 50%!important }
.list-drug-card .common { position: relative; margin-bottom:.3rem
}
.list-drug-card .common::after { content: ''; display: block; height: 1px; transform: scaleY(0.5); background-color: #F2F2F2; position: absolute; bottom: 0; left: 0; right: 0 }
.scroll-mask-card .header { position: relative }
.scroll-mask-card .header::after { content: ''; position: absolute; right: 0; top: 0; bottom: 0; width:.6rem;
background: linear-gradient(to left, #fff, rgba(255,255,255,.5) 60%) }
#bookable input, #bookable span { vertical-align: middle }
.ad-panel { position: relative; display: flex; flex-direction: row; align-items: center; background: linear-gradient(to bottom, #CAE3FD, #F2F8FE) }
.ad-panel .b_l_f { position: relative; display: flex; flex-direction: row; align-items: center; background: linear-gradient(to bottom, #CAE3FD, #F2F8FE) }
.ad-panel .item { position: relative; flex: 1; text-align: center; margin:.15rem 0
}
.ad-panel .item em {
font-size:.24rem; color: #333 }
.ad-panel .item .btn { display: inline-flex; align-items: center; justify-content: center; padding:.1rem .32rem;
font-size:.24rem;
text-align: center; color: #fff; background: #3291F9; margin-bottom:.05rem;
border-radius:.25rem;
margin: 0 auto; margin-top:.1rem
}
.ad-panel .item:nth-child(1) .btn { background: #3291F9 }
.ad-panel .item:nth-child(2) .btn { background: #2CBF73 }
.ad-panel .item:nth-child(3) .btn { background: #FF9023 }
.ad-panel .item:not(:last-of-type):after { content: ''; position: absolute; right: 0; top: 0; width:.02rem;
height:.82rem;
background-color: #fff }
.ad-panel .close { position: absolute; z-index: 2; top: 0; right: 0; width:.65rem;
height:.24rem;
line-height:.24rem;
font-size:.18rem;
text-align: center; color: #fff; background-color: rgba(0,0,0,.16) }
.ad-panel .close::before { content: ''; display: inline-block; width:.14rem;
height:.14rem;
background-image: url(../images/ad-close.png); background-size: 100% 100%; margin-right:.03rem
}
.article-ul-aaa a { width: 100%; font-size:.28rem;
line-height:.5rem;
display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end }
.article-ul-aaa li { position: relative; padding:.3rem 0
}
.article-ul-aaa li:first-child { padding-top: 0 }
.article-ul-aaa li:not(:last-of-type):after { content: ''; position: absolute; bottom: 0; left: 0; height: 1px; width: 100%; background-color: #F0F4F7 }
.article-ul-aaa .left { flex: 1; font-weight: 400; overflow: hidden }
.article-ul-aaa strong:first-child { display: inline-block; width: 100%; font-weight: 400; font-size:.34rem;
line-height:.48rem
}
.article-ul-aaa strong.double-line { word-break: break-all; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal }
.article-ul-aaa strong+strong { display: none; font-weight: 400; font-size:.28rem;
color: #666; line-height:.48rem;
overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2 }
.article-ul-aaa .left span { display: block; margin-top:.13rem;
font-size:.28rem;
line-height:.36rem;
color: #999 }
.article-ul-aaa img { flex: 0 0 2.18rem; width: 2.18rem; height: 1.44rem; border-radius: 10px }



.topbar {
height:.88rem;
line-height:.88rem;
font-size:.36rem; color: #333; background: #fff; border-bottom:#f0f0f0 .01rem solid;
position: relative; z-index: 950 }
.topbar.noborder { border-bottom: 0 }
.topbar .toplogo {
height:.88rem; background: url(../images/logo_sprites.png) center -3.19rem no-repeat; background-size: 2.78rem auto }
.topbar .toptitle { text-align: center; padding: 0 1.8rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.topbar .toptitle h1 {
font-size:.36rem; font-weight: 400; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.topbar .toplocation {
font-size:.32rem; color: #666; padding-right:.4rem;
background: url(../images/sprites.png) right -5.725rem no-repeat; background-size: 3.3rem auto; position: absolute; left:.3rem;
top: 0 }
.topbar .backbutton {
width:.83rem;
height:.88rem; background: url(../images/sprites.png) center -36.7rem no-repeat; background-size: 3.3rem auto; position: absolute; left: 0; top: 0 }
.topbar .textbutton {
font-size:.32rem;
padding:0 .3rem;
height:.88rem; position: absolute; right: 0; top: 0 }
.topbar .searchbutton {
width:.41rem;
height:.88rem; background: url(../images/sprites.png) 0rem -43.7rem no-repeat; background-size: 3.3rem auto; position: absolute; right: 1.27rem; top: 0 }
.topbar .menubutton { width: 1rem; height:.88rem;
background: url(../images/sprites.png) center -50.7rem no-repeat; background-size: 3.3rem auto; position: absolute; right: 0; top: 0 }
.topbar .topmenu { display: none; width: 100%; font-size:.28rem;
line-height: 1rem; text-align: center; background: #fff; border-radius:0 0 .2rem .2rem;
overflow: hidden; position: absolute; top:.87rem;
left: 0 }
.topbar .topmenu a { display: block; border-top:#f0f0f0 .01rem solid
}


.title.outside {
    font-weight: 700;
    padding: 0.3rem 0.3rem 0.2rem;
}


.block {
    background: #fff;
    padding: 0.2rem 0 0.4rem;
    border-radius: 0.2rem;
    overflow: hidden;
}