@charset "UTF-8";
/**
 * @author: laoona
 * @date:  2023-05-16
 * @time: 17:37
 * @contact: laoona.com
 * @description: #
 */
/* 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: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: none;
     -moz-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(255, 255, 255, 0.6);
}

input:-moz-placeholder,
textarea:-moz-placeholder,
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.icon {
  display: inline-block;
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
}

@media only screen and (min-width: 320px) {
  html {
    font-size: 85.3333333333px;
  }
}
@media only screen and (min-width: 360px) {
  html {
    font-size: 96px;
  }
}
@media only screen and (min-width: 375px) {
  html {
    font-size: 100px;
  }
}
@media only screen and (min-width: 384px) {
  html {
    font-size: 102.4px;
  }
}
@media only screen and (min-width: 390px) {
  html {
    font-size: 104px;
  }
}
@media only screen and (min-width: 400px) {
  html {
    font-size: 106.6666666667px;
  }
}
@media only screen and (min-width: 414px) {
  html {
    font-size: 110.4px;
  }
}
@media only screen and (min-width: 424px) {
  html {
    font-size: 113.0666666667px;
  }
}
@media only screen and (min-width: 480px) {
  html {
    font-size: 128px;
  }
}
@media only screen and (min-width: 540px) {
  html {
    font-size: 144px;
  }
}
@media only screen and (min-width: 640px) {
  html {
    font-size: 170.6666666667px;
  }
}
@media only screen and (min-width: 720px) {
  html {
    font-size: 192px;
  }
}
@media only screen and (min-width: 750px) {
  html {
    font-size: 200px;
  }
}
@media only screen and (max-width: 319px) {
  html {
    font-size: 85.0666666667px;
  }
}
body {
  font-family: PingFang SC, Noto Sans SC, system-ui, -apple-system, Helvetica, Arial, sans-serif;
}

.view-body {
  font-size: 0.18rem;
  max-width: 750px;
  margin: 0 auto;
  background-color: #f2f2f2;
  overflow-x: hidden;
}

.view {
  background: #fff;
  margin: 0 auto;
  max-width: 750px;
  min-width: 320px;
}

.mip-showmore-btn {
  text-align: center;
  font-size: 0.14rem;
  height: 20px;
  line-height: 20px;
  width: auto;
  padding: 0;
  border: 0;
  background-color: transparent !important;
  color: #242424;
  font-weight: 700;
}

.mip-showmore-btn span {
  position: relative;
  padding-right: 26px;
  margin-top: 2px;
}

.mip-showmore-btn span:after {
  position: absolute;
  content: "";
  display: inline-block;
  right: 0;
  top: 0;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAL9SURBVHgBzZm/jtpAEMbHhpMOARJ0ERU8wRGJPqajTUWZRKKgy1FFguKgSxfS0eXeII9wTk9hSqojT4Al/hUIyDfOLjKcgbWxjD/Jt4t39/bn2fUyM2gUULPZzNA0rYzrw263K+NWTlwsG9cEbZPtdjtC3cxmsyYFkOanM0Byy+XyK8pHF4zaRIBFYeq63kulUhPlcSqdGGyxWDyh+kghCLDPqqAXAdliWKYu+bTYxYlhUTx4L5PJPJ/td65xPp//oJCsdkZ9QLZONXoCiiX9japB0char9fVfD5vHzd4AsJyFooHilYmLFk9vqkf3xDLGjUcyxBzH+jAgujwGcUvuq1asGRfftgDrlarIt7WF+y/It1WNvZjSe7H/RJvNptuDOBYubu7uyf5wbEgWw+ArxQjwYp5tqJjQbYexUzJZNI5fx0L4sx7jcnyumXjZcnr7JWowg2HQxqPxxRUPsfnmI2X2FDpzf+40WhQvV6nwWBAfsVj5HgGVRG7cwxYVumMpzmYzA/kcX/4hkrjsLJGotPpfEP93aXOhULBKeXTy7JSqZAfuGazSbVajVQEl+w+0W63v6N+rzJAwqhCesHx5UcSUFmqkGHAQY4Fu+RTlyBDgnOUpP8Bjm9vWU4oQdxAYcExmwYPhr/iihRQ597oK+FYlo5XeURX6BRECHB8zPzVcRiadKWOYcKAE7I0EYC/UAjibxs+0C+djaqCBauOs4B9OKWQw8prxWFpOp0uOe4WSH9S/GTyH8eC0+mUvdgpxUiJRKLEmQfHguy5xsmKnBqRaZF90CSsyGfiTfci7z04CVUJuA+aRBTVoxuL8zXupNJB4M7x6C2Xmuc+TiadSn3wuWhQtBoB7o3zrHv1RMj3EYVF0cnEmWd4NXgC8n7E07yPYrnFslbxcthe7fq5wYgdODb9ItK3YYuBWmKOk1JKAYvMQxfVTxSChNW6p6zmlq8kugQVmf0i+ZMtwPoqYIEA3WIvCIWBQ/VBwPLl/hnCBoiFtj+4rKA/Q/wDIHuLFwZLLMEAAAAASUVORK5CYII=);
  width: 20px;
  height: 20px;
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
}

.mip-showmore-btn span.hidden:after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.show {
  display: block;
}

.hidden {
  display: none;
}

.mip-showmore-open .show {
  display: none;
}

.mip-showmore-open .hidden {
  display: none;
  margin-top: 4px;
}

.mip-showore-btn-bar {
  position: relative;
  top: -0.18rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 0.2rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.divider {
  height: 0.14rem;
}

.divider-small {
  height: 0.1rem;
}

.h-80 {
  height: 80px;
}

.dn {
  display: none;
}

.m-b {
  margin-bottom: 10px;
}

.bg-white, .union-ad-baidu-block {
  background-color: #ffffff;
}

.baidu-ad-margin {
  margin: 0 -16px;
}

/** .sm迁移新增 **/
.bd-wm-ext-box {
  background: #ffffff;
  overflow: hidden;
}

body.v-mip-ck-location-1-converse iframe:last-of-type,
#sm-cache iframe:last-of-type {
  display: block !important;
}

/** /.sm迁移新增 **/
.mip-ylask-docans-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0.15rem 0;
}

.baidu-ad-box--b {
  margin-left: -8px;
}

/* .去掉 mip 相关区块 */
mip-fixed.mip-custom-transit-from-bottom {
  display: none;
}

mip-custom div.mip-custom-placeholder {
  min-height: 180px;
}

mip-custom mip-custom-medicine-prompt.mip-layout-container {
  display: block;
  height: 13px;
  overflow: hidden;
  margin: -13px -17px 0 -17px;
  background-color: #f5f5f5;
}

mip-custom mip-custom-medicine-prompt.mip-layout-container .mip-custom-medicine-prompt-wrapper {
  display: none;
  font-size: 0;
}

mip-custom [mip-custom-item]:last-child {
  padding-bottom: 0;
}

mip-custom mip-custom-rcmd-import {
  padding-bottom: 1px;
}

mip-custom [mip-custom-container]:last-of-type {
  display: none;
}

mip-custom .mip-custom-placeholder.fadein.fadeout {
  display: none;
}

/* /.去掉 mip 相关区块 */
.show-more {
  position: relative;
}
.show-more-linear:after {
  content: "";
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  height: 90px;
  background: -webkit-gradient(linear, left top, left bottom, from(hsla(0deg, 0%, 100%, 0)), to(#fff));
  background: -webkit-linear-gradient(top, hsla(0deg, 0%, 100%, 0), #fff);
  background: linear-gradient(180deg, hsla(0deg, 0%, 100%, 0), #fff);
}

.showmore-boxshow:after {
  display: none;
}

.showmore-open .show {
  display: none;
}

.bg-white, .union-ad-baidu-block {
  margin-bottom: -2px;
  overflow: hidden;
}

.list-flex, .list-flex-top, .list-flex-center, .list-flex-in, .list-flex-space, .list-flex-br, .list-flex-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.list-flex, .list-flex-in {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
   -ms-flex-align: center;
       align-items: center;
}

.list-flex-top {
  -webkit-box-align: top;
  -webkit-align-items: top;
     -moz-box-align: top;
      -ms-flex-align: top;
          align-items: top;
}

.list-flex-center, .list-flex-in {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

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

.list-flex-in {
  text-align: center;
}

.list-flex-br {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.list-flex-column {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
}

.list-bd {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
   -ms-flex: 1;
       flex: 1;
  min-width: 0;
}

.list-br2 {
  width: 50%;
}

.list-br3 {
  width: 33.33%;
}

.list-br4 {
  width: 25%;
}

.list-br5 {
  width: 20%;
}

/* ****** header -- 网站导航 */
.contents-list-fix {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 20000;
}

.contents-list-fix .con-li-wrap {
  position: absolute;
  top: 0;
  left: 1.7rem;
  right: 0;
  bottom: 0;
  background: #fff;
}

.contents-list-fix .con-title {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #f8f8f8;
  height: 44px;
  padding: 0 0.2rem 0;
  z-index: 1006;
}

.contents-list-fix .con-title-icon {
  margin-right: 0.05rem;
  width: 0.16rem;
  height: 0.16rem;
  -webkit-background-size: 0.16rem 0.16rem;
          background-size: 0.16rem;
  background-position: center;
  background-repeat: no-repeat;
}

.contents-list-fix .con-title h5 {
  font-size: 0.16rem;
  color: #000;
  text-align: left;
}

.contents-list-fix .contents-close-b {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 1.7rem;
}

.contents-list-fix .contents-close {
  position: fixed;
  top: 0.07rem;
  right: 0.05rem;
  width: 0.3rem;
  height: 0.3rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAARlSURBVHgB7ZsrVFVBFIZ/INi00Wg2miZMWMSiFKSIxUfRIphMYjL5KC4DatKCJkyYbtNkc1EwgcmGyeb83HN4XGfPc88c7vJ+a+3l8g7MPfOfOXv+s2cARowY8T8z4Wl/bGLSxHcMD29NbJv4hUwemPhpYsvENIYD3jBe81cTU8igHXwbW7kdVmDwmpNFWBzoKLvDCgwO/ug1n3b94rjls0XhZzn4D74OO+COiRWhjdc84/hdqwA3ISc9dvgRJ0eEOROrjvZHJjYd7dZV4I+JXtP5GUv7ZBPOjivAxMyMf0pof2riJTxIy+Ae+gOURJhuPu+hGzgT36F/I2xw8M8QgMsHtCIwJ9hUPmdizMQX1KXNRVJCXof7sTiGzwhRhJ6JG0I7E0xNEXyDZ+5aQgQ+AQgd1a6Jy0L7TNNe2i0y8b43cVZo3zFxBf0cFkyIAISD42y4KLRTHM6CXZTjFeQljYO/hgT7GyoA+db8e0Fopwg9KHhwC7S4kj9pB7+DBGIEILzLnIrnLW1MlLPoJ8496EGXd09o4/dcReLgSawApId+ErK9IHFp5NKpJQIHv+Jo5zO/jQzGkQYdlsstvkG+W+SUdw1+GQqJdwzpcICf4V6SLiGN6aZviWCj4yN1BhBOcVfy4SCeI572fUNCbfAkJQccRdsyt0ZHsrhrJp5AkVwBCEXg6jCPPMscYnEfQhkNAQjXfvoEaa2mgfmNQy8xCPPJJ7jzyV1EurwQtAQgu3Bb5lnIlpmD91lcTW9xgKYApB2c5Bb5eQ/H3SITpWSxky1uKNoCkPZZt4nAHMFcsYH+HaXRuS30k2VxQykhAKEIklukCHNNu8vi8rU2y+WFkGOEQmDJag7xsC5ZpeSWY4RCuI94u+otZGpSWgBO5VsIf47p8l6jIqUfgRafySGqFjeU0jMghlo34xilVoGjhNx9UrvAuk9pAXyFzEFqFVgPKC2Aq5ApQStNAX6gAiVzAAuZkgfgqrDm+N0XqHQmodQMCClkbjT/lyzzLPQLrP9QQgBXIZODWcChxXVZZu0CqxXtpYd79auOdhYy1y2fswTm2vRgbbGICJo5wLdXT6OzLrR1diZB6xEI2at3ubzOziRoCKC1V9/JmYRcAVT36qFXYA0mR4CQQmbUXn1DSIFVTYQcAUIKmalVXF+BVc0ypwpQo5DpK7BSnM3c70kRoGYh01VgJcwVPWSIECuAz+Vl7dULFD2TECOAb6/+Osq9xvZQyDKHWmFmZNdOr2RxNeEsoCOU3hIpPt8zokQIEaDaXn0AvjMJfFwWEIHvEeAXcblLtbjacFl1ucWpJoIts0uA6nv1gfhOsHLGBhslSQCfxeUFLKM72hOskmUOdos2AUIsLl9f1ffqI+Haz8LKvNDuO5Owj00AVnGlTMs1fgkFt6sjYeHUdybBWWCVHgFbh1W2qxNwWWZeK/OUOFsnAjs8qYNvsVnm7HcSur5h+7M5mjXVP/BaRdr+fpfwlOqw3LARnfMXvn8d+pPsyLQAAAAASUVORK5CYII=");
  -webkit-background-size: 0.16rem 0.16rem;
          background-size: 0.16rem;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1005;
}

.contents-list-fix .contents-list {
  padding: 0.46rem 0 0.2rem 0;
  height: 100%;
  overflow-y: scroll;
}

.contents-list-fix .contents-list .con-li {
  padding: 0 0.1rem 0 0.2rem;
  border-bottom: 0.005rem solid #f4f6f7;
}

.contents-list-fix .contents-list .con-li h2 {
  margin: 0.12rem 0 0;
  font-size: 0.14rem;
  color: #999;
  line-height: 1.5;
  font-weight: normal;
}

.contents-list-fix .contents-list .con-li ul li {
  position: relative;
  padding-left: 0.1rem;
  padding: 0.04rem 0;
}

.contents-list-fix .contents-list .con-li ul li a {
  display: block;
}

.contents-list-fix .contents-list .con-li ul li,
.contents-list-fix .contents-list .con-li ul li a {
  font-size: 0.16rem;
  color: #000;
  line-height: 2;
}

.contents-list-fix .contents-list .con-li ul li::before {
  position: absolute;
  top: 0.1rem;
  right: 0;
  content: "";
  width: 0.2rem;
  height: 0.2rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADdSURBVHgB7ZbRCYMwEIbPZIGO0hEU3EqkFtGtJHUCO0JH6ASmOYgPhbbcJX/f8j0lksv/IeQ4okKhoGAcx3qapjMBMdKDHGyMcWG5zfN8IRBigX3fT8faez+gJKz0oHPu0TRNFajjp7ptW1qWZaUMxAJR4oaWUAn8Q0ItgJZIEkBKJAugJLIEvkmE/cqvRlIv7gO/sNb6t0uNeQpL8wW4IXFjOvahYV27rrtL6yvK4FN43/eD5o5kAUR4sgAqPEkAGa4WQIerBOIgsiHDmaR5ABWuhv8Cj2VUKBSAvADls6MrvY7b2wAAAABJRU5ErkJggg==");
  -webkit-background-size: 0.16rem 0.16rem;
          background-size: 0.16rem;
  background-position: center;
  background-repeat: no-repeat;
}

.contents-list-fix .contents-list .con-li:last-child {
  border-bottom: 0;
}

.con-title-icon {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFgSURBVHgB7drRTcMwEAbgnzIAsEFGYIQ+8tgR2ACYgG6QFegGbJBsUDaINwAmaH1KHlrXSS6VovTs/5P+l9aVcqkcxycDRERE2bob+f6xi2V/XSZZ+1Q+h0Sy99lAaQMsfsFzZQ2FPZa/0LlShcXGngEHpO2s5lVkgEO6XPjBfWSQ3KEXpOnD50czcAtbc3ssvz7vsUKH3gNk/X+GffIO4HDFuwAREREREaWrbzMkG6E3tJsh601RsfOpoex1FD4NbG13NWm62kZ9AYtf7FypwmJz6wlKT+Dp9INVz6BsxG7ADun61gySp34DW3NbE2mGFmGxQz3BV7TL4ANs+0e7BKr+fSIiIiIiysPQZqiA8ljZjZP+huwE3ZQflbC11dWkhNInsPjFzpVtWGxsCjRQdk8NuugJ8qBkZECNdNWaQdIGk3N1lua2JlJTERbbtwzKwBJpnBMUDhNOiRIREVEejn/gONS/e3E8AAAAAElFTkSuQmCC");
}

.header {
  height: 0.44rem;
  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;
  background-color: #fff;
  padding: 0 0.16rem;
  font-size: 0.12rem;
}
.header > div {
  min-width: 0.54rem;
}

.icon-back {
  width: 0.16rem;
  height: 0.16rem;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAfCAYAAABgfwTIAAABKElEQVR4Xu2XgQ2CMBBFGcERHIERGOGAAXQENpBR3MARHEE2YARGwDtoSf22JKBcNeEnL1R6hpejQk2SFSGijOmYnrngvHryPD8ZGZcU69QSEBIyrFXJjNAVa1UiQgzK9HzujrUqcTtkxcyxYQ5Yv3nKshw6ZLFCTBwhe8s8xBGSDjldmSiK4hZFSDrkriELxfyV4YI24xprVeJ2yO3UTwkZKqxVCY1BGemSvHAffGxl7K4vH/j9lbQMiZQMcHICL76BCNKJlN2CzBIS8Z37kEGq8ky84ZPCz1+ituuqxkm+YEvjZi41R+G8Ma/7MvKI0bje4m3gJAExWXOEtaoJiAlxnlk2M2Jx/yTsYkuziy3NP4odsVY1AbEM69QDYg3OR4vcMtrovfgEPLB6b+Ma82AAAAAASUVORK5CYII=);
  background-position: center;
  -webkit-background-size: contain;
          background-size: contain;
}

.icon-search {
  width: 0.16rem;
  height: 0.16rem;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAlCAYAAAAqXEs9AAACIklEQVR4Xs2Wi5HbMAxEt4SUgBJSAku4EtTBpQOzg7sOpA7uOlAJSQcqISUkWlMfEKBsyRYveTM7YxtLAgahD3CMb6N+jGpHDaN+j/oziZ9/TrFmlFxXVCKM6rEm3ysWJzgRwWOFWLU4obBX5EfyrIZRL3iQC/yGWiy0R/rncRI/8zfrtbrgIFxgN5nVI80Th3sLxhqkjtj1s3hh7ILHZBdT3Dystt002D72sLg2EPhF1K8p9iiCcrf4261OF8+fxdxctBNBuag35cng9FszNxDleRZB+fj4u6OHNzbacBIRPs+7NhCBN7HAGvD4bZf4PRuLxhhqdWcmwucLKo7PgqEmAp8vqvj1Ca2DvQ5Wwh5buztYCf5pnZNNWdABKupgJTrkOQcd/BcF2bnNCvofjozfF+xQZ+dZCdsEdmyhM0HqjOfXFt/h82WvI809w8l08PmCil+7YQ29NpyIwD/1+d3BAmxRNbp0gc/TZo6JAG/k4MlqeZoAn4OS1ZLzAW8ecGPBAQT+qKi4WjwCfzmeUVTA9r53Kb05zroo3x54sfAV1e4zi5f/LiL84lkD0rDL5C0RkIovdUWLN+Dd97sIv4EVE/ZIs9ciJbhXhNWhogLKg3i2DhUlKN9Zj4hdi0hJu0KcOlQUEaTNBvjNtqQL0XTwXqpXnkMEpEScHW4yTOLnFmno6blFB18QJavl6+ngC7Ld/HLesR5vjWfnQ7ArS2f+Ans1xGXgKGZFAAAAAElFTkSuQmCC);
}

.logo-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;
}

.yl_logo {
  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: 0.18rem;
  height: 0.18rem;
  margin-right: 0.08rem;
  -webkit-border-radius: 0.18rem;
          border-radius: 0.18rem;
  border: 1px solid rgba(0, 0, 0, 0.03);
}

.yl_text {
  font-size: 0.14rem;
  color: rgba(0, 0, 0, 0.82);
  font-weight: 600;
}

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

.icon-menu {
  margin-left: 0.16rem;
  width: 0.16rem;
  height: 0.16rem;
  -webkit-background-size: 0.16rem 0.16rem;
          background-size: 0.16rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAD8SURBVHgB7dfhaYNAGAbgL5mgIzjKjdCRskHcoF2hk9QNzCbpCRZSsOCdQuP1eeD9p99L/IhyEQAAAAAAAAAAAMB/lHL6nDHnPucz5y2ni/2lVvpecq4PQ3/Ldb52q6b6phuGFcMfN7blRzXXt2YzS5uq1VRfVzH8OynKdUfuOy8UXKLea5S7RL2n7Jv+77UbGqPcoftOCwX32OZUeP2h+87BJksP8Bb1hih3i3p/3rf0AD9ix4IVmutLUf+S7aJcarGvrxjeR73m+qZjS8nnfojtR6vm+qYb1myqj/0O9032dTnv8XNj4zw4xf66xvsAAAAAAAAAAACAJ/cFJht/R93AFDMAAAAASUVORK5CYII=");
}

.header-center {
  padding-left: 0rem;
}
.header-center .logo {
  width: 0.2rem;
  height: 0.2rem;
  -webkit-border-radius: 0.3rem;
          border-radius: 0.3rem;
  border: 1px solid #ddd;
  padding: 0.01rem;
}
.header-center .logo img {
  width: 100%;
  height: auto;
}
.header-center .name {
  text-align: center;
  font-size: 0.18rem;
  color: #333;
  font-weight: bold;
}

@media only screen and (min-device-width: 768px) {
  html {
    font-size: 84PX !important;
  }
}
.webview-weapp .header {
  display: none;
}
.webview-weapp .bg-white + .divider-small, .webview-weapp .union-ad-baidu-block + .divider-small {
  display: none;
}

.view {
  padding: 0 0.18rem;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.title {
  font-size: 0.24rem;
  color: #2E2E2E;
  padding-top: 0.2rem;
  margin-bottom: 0.12rem;
  font-weight: 700;
  line-height: 0.36rem;
}

.doctor-wrap {
  padding: 0.12rem 0.15rem;
  position: relative;
}
.doctor-wrap:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 200%;
  height: 200%;
  z-index: 0;
  -webkit-transform: scale(0.5) translateX(-50%) translateY(-50%);
      -ms-transform: scale(0.5) translateX(-50%) translateY(-50%);
          transform: scale(0.5) translateX(-50%) translateY(-50%);
  border: 1px solid #E6E6E6;
  -webkit-border-radius: 0.24rem;
          border-radius: 0.24rem;
  z-index: 0;
}

.doctor-bar {
  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;
  position: relative;
  z-index: 1;
}
.doctor-avatar {
  margin-right: 0.1rem;
  position: relative;
  width: 0.44rem;
  height: 0.44rem;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  border: 0.5px solid rgba(0, 0, 0, 0.03);
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.doctor-avatar-box {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-border-radius: 50%;
          border-radius: 50%;
}
.doctor-info {
  color: #2E2E2E;
  font-size: 0;
  line-height: 1.2;
  font-weight: 400;
}
.doctor-info__inline {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 0.14rem;
}
.doctor-name, .doctor-title, .doctor-dept {
  font-size: 0.14rem;
  margin-right: 0.06rem;
  font-weight: 700;
}
.doctor-title, .doctor-dept {
  letter-spacing: 0;
}
.doctor-dept {
  font-weight: normal;
  margin-left: 0.03rem;
  margin-right: 0;
}
.doctor-extra {
  margin-top: 0.04rem;
  font-size: 0.14rem;
  color: #979DA3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.doctor-main {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.doctor-hospital, .doctor-dept {
  line-height: 1.2;
  overflow: hidden;
  height: 0.14rem;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.doctor-tag {
  position: relative;
  margin-left: 0.05rem;
  color: #00C8C8;
  font-size: 0.1rem;
  line-height: 1;
  padding: 0.02rem 0.04rem 0;
  white-space: nowrap;
}
.doctor-tag::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 200%;
  height: 200%;
  z-index: 0;
  -webkit-transform: scale(0.5) translateX(-50%) translateY(-50%);
      -ms-transform: scale(0.5) translateX(-50%) translateY(-50%);
          transform: scale(0.5) translateX(-50%) translateY(-50%);
  border: 1px solid rgba(0, 200, 200, 0.6);
  -webkit-border-radius: 8px;
          border-radius: 8px;
}
.doctor-content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
}
.doctor-services {
  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;
}
.doctor-services-btn {
  margin-left: 0.1rem;
  font-weight: 500;
  font-size: 0.13rem;
  line-height: 0.18rem;
  padding: 0.05rem 0.12rem;
  background: #00C8C8;
  -webkit-border-radius: 0.14rem;
          border-radius: 0.14rem;
  color: #fff;
}

.doctor-type-list {
  padding-left: 0;
  padding-right: 0;
}
.doctor-type-list::before {
  display: none;
}
.doctor-type-list .doctor-info {
  color: rgba(0, 0, 0, 0.6);
}

.avatar-img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  overflow: hidden;
}
.avatar-img img {
  display: block;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.answer {
  margin-top: 0.24rem;
  word-break: break-all;
}
.answer-title {
  font-weight: 700;
  font-size: 0.2rem;
  line-height: 0.24rem;
  margin-bottom: 0.18rem;
}
.answer-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.08rem;
}
.answer-label, .answer-content {
  font-weight: 400;
  font-size: 0.16rem;
  line-height: 0.32rem;
  color: #333333;
}
.answer-label {
  position: relative;
  font-weight: 450;
}
.answer-label:before {
  content: "";
  margin-right: 0.07rem;
  -webkit-transform: translateY(-3px);
      -ms-transform: translateY(-3px);
          transform: translateY(-3px);
  display: inline-block;
  width: 0.04rem;
  height: 0.04rem;
  -webkit-border-radius: 0.04rem;
          border-radius: 0.04rem;
  background-color: #00C8C8;
}
.answer-content {
  letter-spacing: 0.5px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
}

.article {
  margin-top: 0.2rem;
  font-size: 0.16rem;
  line-height: 0.32rem;
  color: rgba(0, 0, 0, 0.8);
  padding-bottom: 0.2rem;
}
.article-content {
  background: #F8F8F8;
  -webkit-border-radius: 0.06rem;
          border-radius: 0.06rem;
  padding: 0.14rem 0.16rem 0.01rem 0.16rem;
  word-break: break-all;
}
.article-content p {
  word-break: break-all;
  margin-bottom: 0.1rem;
  font-weight: 400;
}
.article-content p > br:last-of-type {
  display: none;
}