/* reset.css -----------------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, header, footer, section, article, aside, nav, figure, figcaption { margin: 0; padding: 0; }

html, body { width: 100%; }

body { font-family: "Microsoft Yahei", "Helvetica"; line-height: 1; color: #333333; }

a { color: #333333; }

html * { outline: none; -webkit-tap-highlight-color: transparent; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }

img { max-width: 100%; border: 0; /*-webkit-touch-callout: none;*/ }

ul, ol { list-style: none; }

/* form-reset.css -----------------------------------------------------------------*/
table { border-collapse: collapse; border-spacing: 0; }

button { background: none; border: none; }

a, input, textarea, button { color: #333333; text-decoration: none; border: none; }

input, button, textarea, select, optgroup, option { font: 1rem "Microsoft Yahei", "Helvetica"; }

input[type="button"], input[type="text"], input[type="submit"], input[type="search"], input[type="tel"], input[type="number"], select, option, .appNone { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: rgba(153, 153, 153, 0.8); }

input:-moz-placeholder, textarea:-moz-placeholder, input::-moz-placeholder, textarea::-moz-placeholder { color: rgba(153, 153, 153, 0.8); }

/* const.css -----------------------------------------------------------------*/
.icon { display: inline-block; background-color: transparent; background-repeat: no-repeat; }

.VAM:after { content: ""; display: inline-block; overflow: hidden; height: 100%; width: 0; font-size: 0; vertical-align: middle; }

.wbwr { word-break: break-all; word-wrap: break-word; }

.clr:after, .clr:before { content: ""; display: table; }

.clr:after { clear: both; }

.clr { zoom: 1; }

.fll { float: left; }

.flr { float: right; }

.vam { vertical-align: middle; }

.db { display: block; }

.dib { display: inline-block; }

.tar { text-align: right; }

.tac { text-align: center; }

.ovh { overflow: hidden; }

.vat { vertical-align: top; }

.vam { vertical-align: middle; }

.posr { position: relative; }

.auto { margin-left: auto; margin-right: auto; }

@media only screen and (min-width: 320px) { html { font-size: 42.66667px; } }

@media only screen and (min-width: 360px) { html { font-size: 48px; } }

@media only screen and (min-width: 375px) { html { font-size: 50px; } }

@media only screen and (min-width: 384px) { html { font-size: 51.2px; } }

@media only screen and (min-width: 414px) { html { font-size: 55.2px; } }

@media only screen and (min-width: 480px) { html { font-size: 64px; } }

@media only screen and (min-width: 640px) { html { font-size: 85.33333px; } }

@media only screen and (min-width: 750px) { html { font-size: 100px; } }

@media only screen and (max-width: 319px) { html { font-size: 42.53333px; } }

body { margin: 0 auto; min-width: 320px; max-width: 750px; font-size: 0.32rem; background: #F2F3F7; }

em, i { font-style: normal; }

input { background: none; }

.f0 { font-size: 0; }

.f22 { font-size: 0.22rem; }

.f24 { font-size: 0.24rem; }

.f26 { font-size: 0.26rem; }

.f28 { font-size: 0.28rem; }

.f32 { font-size: 0.32rem; }

.mt10 { margin-top: 0.1rem; }

.mt15 { margin-top: 0.15rem; }

.mt20 { margin-top: 0.2rem; }

.mt25 { margin-top: 0.25rem; }

.mt30 { margin-top: 0.3rem; }

.mt40 { margin-top: 0.4rem; }

.mb10 { margin-bottom: 0.1rem; }

.ml20 { margin-left: 0.2rem; }

.mr10 { margin-right: 0.1rem; }

.pt5 { padding-top: 0.05rem; }

.pt10 { padding-top: 0.1rem; }

.pt15 { padding-top: 0.15rem; }

.pt20 { padding-top: 0.2rem; }

.pt30 { padding-top: 0.3rem; }

.pl30 { padding-left: 0.3rem; }

.pr30 { padding-right: 0.3rem; }

.pb10 { padding-bottom: 0.1rem; }

.fc9 { color: #999; }

.fc6 { color: #666; }

.fwb { font-weight: bold; }

.none { display: none; }

.a-link { color: #63C5A4; }

.all-img { display: block; width: 100%; height: 100%; object-fit: cover;}

.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.d-flex { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }

.d-flex-i { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; }

.wrap { padding: 0 0.3rem; }

.footer { color: #fff; font-size: 0.28rem; text-align: center; line-height: 1rem; background: #282525; }

.header {z-index: 99999; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 1rem; background: #fff; }

.show-menu{ position:fixed; left:50%; top:0; transform: translateX(-50%); width:100%; z-index:99999; max-width:750px; }

.mask{ display: none; position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.5); z-index: 9999;}

.logo { margin-right: 0.66rem; width: 2.28rem; height: 0.6rem; }

.search { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0 0.5rem; width: 100%; height: 0.6rem; -webkit-border-radius: 0.4rem; border-radius: 0.4rem; background: #f1f1f1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.form { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; }

.btn-search { margin-right: 0.1rem; width: 0.24rem; height: 0.24rem; background: url(../images/icon-search.png) no-repeat center center; -webkit-background-size: contain; background-size: contain; }

.inp { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; height: 100%; font-size: 0.26rem; color: #999; background: transparent; }

.menu { margin-left: 0.2rem; width: 0.36rem; height: 0.28rem; }
.header .menu-more{display: none; position:fixed;left:50%;top:1rem; transform: translateX(-50%); width:100%; max-width: 750px; z-index: 99999}
.header .menu-more ul{position:relative;padding:.2rem .15rem; background:#fff;}
.header .menu-more ul li{float:left;width:25%;font-size:.28rem;}
.header .menu-more ul li a{display:block;line-height:.8rem;padding-top:.88rem;margin-top:.15rem;background-repeat:no-repeat;background-position:center top;background-size:.88rem;text-align:center;}
.header .menu-more ul li a.m1{background-image:url("../images/header_menu1.png");}
.header .menu-more ul li a.m2{background-image:url("../images/header_menu2.png");}
.header .menu-more ul li a.m3{background-image:url("../images/header_menu3.png");}
.header .menu-more ul li a.m4{background-image:url("../images/header_menu4.png");}
.header .menu-more ul li a.m5{background-image:url("../images/header_menu5.png");}
.header .menu-more ul li a.m6{background-image:url("../images/header_menu6.png");}
.header .menu-more ul li a.m7{background-image:url("../images/header_menu7.png");}
.header .menu-more ul li a.m8{background-image:url("../images/header_menu8.png");}

.icon-header-menu { width: 0.36rem; height: 0.28rem; background: url(../images/icon-header-menu.png) no-repeat center center; -webkit-background-size: contain; background-size: contain; }

.m-cell { padding: 0 0.3rem 0.3rem; background: #fff; }

.m-cell-header { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 1.1rem; border-bottom: 1px solid #eee; }

.m-cell-header h2 { font-size: 0.4rem; }

.m-cell-header .m-more { padding-right: 0.4rem; font-size: 0.28rem; color: #666; background: url(../images/icon-more.png) center right no-repeat; -webkit-background-size: 0.28rem 0.28rem; background-size: 0.28rem 0.28rem; }

.banner { width: 100%; height: 3.3rem; }

.banner .swiper { width: 100%; height: 100%; }

.banner .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; }

.banner .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }

.banner .swiper { margin-left: auto; margin-right: auto; }

.banner .text { position: absolute; bottom: 0; left: 0; padding: 0 1.5rem 0 0.2rem; width: 100%; height: 1.5rem; line-height: 1.3rem; text-align: left; color: #fff; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.4))); background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.4)); background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.4)); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.banner .swiper-horizontal > .swiper-pagination-bullets, .banner .swiper-pagination-bullets.swiper-pagination-horizontal, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction { right: 0.2rem; bottom: 0.7rem; left: auto; text-align: right; }

.banner .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .banner .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 2px; width: 0.12rem; height: 0.12rem; background: rgba(255, 255, 255, 0.6); }

.banner .swiper-pagination-bullet-active { width: 0.4rem !important; -webkit-border-radius: 0.1rem; border-radius: 0.1rem; background: white !important; }

.nav { margin-top: -0.4rem; padding: 0.3rem 0; position: relative; z-index: 1111; background: #fff; -webkit-border-radius: 0.4rem 0.4rem 0 0; border-radius: 0.4rem 0.4rem 0 0; }

.nav .nav-content { padding-bottom: 0.3rem; }

.nav .nav-pic { width: 1.2rem; height: 0.78rem; }

.nav .txt { font-size: 0.28rem; }

.nav .hot-rec { padding-left: 1rem; padding-top: 0.3rem; margin: 0 0.3rem; border-top: 1px solid #eee; background: url(../images/text.png) left 0.3rem no-repeat; -webkit-background-size: 0.74rem 0.74rem; background-size: 0.74rem 0.74rem; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }

.nav .hot-info { padding-left: 0.3rem; border-left: 1px solid #eee; }

.nav .hot-img { margin-left: 0.6rem; width: 1.32rem; height: 0.76rem; -webkit-border-radius: 6px; border-radius: 6px; overflow: hidden; }

.nav .des { font-size: 0.24rem; color: #999; }

.doctor-list { padding-top: 0.6rem; white-space: nowrap; font-size: 0; overflow: scroll; }

.doctor-list .doctor-item { display: inline-block; vertical-align: middle; margin-right: 0.2rem; padding: 0.2rem; width: 45%; height: 3.5rem; border: 1px solid #eee; -webkit-border-radius: 0.1rem; border-radius: 0.1rem; -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.doctor-list .doctor-avar { margin: -0.6rem auto 0; width: 1rem; height: 1rem; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; }

.doctor-list .p { padding-right: 5px; margin-right: 5px; display: inline-block; vertical-align: middle; }

.doctor-list .p:not(:last-of-type) { border-right: 1px solid #eee; }

.doctor-list .p em { color: #f0ad3c; }

.doctor-list .goodable { white-space: normal; font-size: 0.24rem; line-height: 0.34rem; color: #666; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.ks-list { margin-right: -0.2rem; }

.ks-item { display: inline-block; vertical-align: middle; width: 25%; padding-right: 0.2rem; margin-top: 0.2rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.ks-item:first-of-type a, .ks-item:nth-of-type(6) a { background: #faf5f7; }

.ks-item:nth-of-type(3) a, .ks-item:nth-of-type(8) a { background: #f3f4ff; }

.ks-item a { height: 0.76rem; text-align: center; font-size: 0.26rem; line-height: 0.76rem; background: #f1f6f6; -webkit-border-radius: 0.1rem; border-radius: 0.1rem; }

.dise-list { padding-top: 0.1rem; margin-right: -0.2rem; }

.dise-list .dise-item { display: inline-block; vertical-align: middle; width: 33.3333%; padding-right: 0.2rem; margin-top: 0.2rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.dise-list .dise-item a { height: 0.66rem; font-size: 0.32rem; line-height: 0.66rem; text-align: center; color: #143233; background: #f8f8f8; -webkit-border-radius: 0.1rem; border-radius: 0.1rem; }

.ask-list li { padding: 0.3rem 0; border-bottom: 1px solid #eee; }

.ask-list .ask-text { font-size: 0.28rem; line-height: 0.48rem; color: #666; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.ask-list .ask-doctor { -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.ask-list .ask-doctor span { display: inline-block; vertical-align: middle; }

.ask-list .ask-doctor .ad-avar { display: inline-block; vertical-align: middle; width: 0.38rem; height: 0.38rem; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; }

.ms-list-u li { padding: 0.3rem 0; border-bottom: 1px solid #eee; }

.ms-list-u .ms-list-item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }

.ms-list-u .msl-item-info { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; }

.ms-list-u .msl-item-info .msl-item-title { font-size: 0.32rem; line-height: 0.44rem; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.ms-list-u .msl-item-info .msl-voice-title { font-size: 0.32rem; line-height: 0.48rem; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }

.ms-list-u .msl-item-info .msl-item-time { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 0.1rem; font-size: 0.24rem; color: #999; }

.ms-list-u .msl-item-info .msl-item-time span { vertical-align: middle; }

.ms-list-u .msl-item-info .icon-look { width: 0.26rem; height: 0.18rem; background: url(../images/icon-look.png) no-repeat center center; -webkit-background-size: contain; background-size: contain; vertical-align: middle; }

.ms-list-u .msl-item-pic { margin-left: 0.3rem; width: 2.24rem; height: 1.26rem; overflow: hidden; position: relative; -webkit-border-radius: 0.1rem; border-radius: 0.1rem; }

.ms-list-u .btn-play { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 0.48rem; height: 0.48rem; background: url(../images/icon-play.png) center center no-repeat; -webkit-background-size: contain; background-size: contain; }

.ms-list-u .big-play { width: 0.88rem; height: 0.88rem; }

.ms-more { display: block; margin: 0.3rem auto 0; width: 2.48rem; height: 0.6rem; -webkit-border-radius: 0.4rem; border-radius: 0.4rem; line-height: 0.6rem; font-size: 0.28rem; color: #2498a2; text-align: center; border: 1px solid #2498a2; }

.msl-voice-depart { font-size: 0.28rem; color: #999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.msl-voice-dur { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 50%; height: 0.48rem; line-height: 0.48rem; background: #f6f6f6; -webkit-border-radius: 0.4rem; border-radius: 0.4rem; }

.msl-voice-dur .msl-v-avar { margin-right: 0.2rem; display: inline-block; width: 0.48rem; height: 0.48rem; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; }

.msl-voice-dur .icon-dur { margin-right: 0.3rem; display: inline-block; width: 0.2rem; height: 0.26rem; background: url(../images/icon-voice.png) center center no-repeat; -webkit-background-size: contain; background-size: contain; }

.msl-voice-dur .msl-v-dur { display: inline-block; font-size: 0.24rem; color: #2498a2; }

.msl-voice-date { font-size: 0.24rem; color: #999; }

.msl-voice-date p { display: inline-block; margin-left: 0.2rem; }

.msl-voice-date span { vertical-align: middle; }

.icon-voice { width: 0.2rem; height: 0.2rem; background: url(../images/icon-voice2.png) center center no-repeat; -webkit-background-size: contain; background-size: contain; vertical-align: middle; }

.video-cover { width: 100%; height: 3.88rem; -webkit-border-radius: 0.1rem; border-radius: 0.1rem; overflow: hidden; }