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 {
    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
}

.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 {
    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 .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
}