/* 北京两广中医医院 移动端官网 —— 依据 design.md 逆向规范（750px 基准） */
:root {
  --red-main: #720a0a;
  --red-dark: #571b12;
  --red-tab: #943e31;
  --red-notice: #a40000;
  --red-list: #c80000;
  --red-hot: #ff0000;
  --red-deep: #830c0b;
  --red-brown: #852010;
  --gold-main: #ff9900;
  --gold-star: #ff9901;
  --gold-btn: #eb850e;
  --bronze: #a99781;
  --orange-book: #ff7e00;
  --orange-txt: #ff840c;
  --orange-hom: #e96d1a;
  --text-main: #333333;
  --text-sub: #626262;
  --text-mid: #3e3e3e;
  --text-weak: #666666;
  --text-input: #777777;
  --text-input2: #888888;
  --text-meta: #898787;
  --text-copyright: #999999;
  --text-tag: #bbbbbb;
  --bd-card: #d2d2d2;
  --bd-input: #d7d7d7;
  --bd-tab: #c0c0c0;
  --bd-row: #c9c9c9;
  --bd-grid: #e5e5e5;
  --bd-list: #e1e1e1;
  --bd-dt: #e7e7e7;
  --bd-news: #efefef;
  --bd-bottom: #b2b2b2;
  --bg-search: #f2f2f2;
  --bg-soft: #f6f5f5;
  --bg-nav: #f9f9f9;
  --bg-fixed: #f1eeee;
  --bg-label: #f4f4f4;
  --bg-warm: #fff0d9;
  --blue-dot: #2ca6e7;
  --blue-tel: #0189d5;
  --blue-tag: #0052a6;
  --telnav-hover: #f3d400;
  --five-pink-bg: #ffeaf5;
  --five-pink: #ab286d;
  --five-orange-bg: #fef3e2;
  --five-orange: #b46e01;
  --five-blue-bg: #eaf8ff;
  --five-blue: #066b9d;
  --five-green-bg: #eeffeb;
  --five-green: #168c01;
  --five-brown-bg: #fef2ec;
  --five-brown: #7e2a00;
  --btn1: #830c0b;
  --btn2: #1ba378;
  --btn3: #c47930;
  --btn4: #d53f4e;
}

* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  border: 0 none;
  font-size: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  max-height: 100000px
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal
}

em,
strong {
  font-style: normal;
  font-weight: normal
}

fieldset,
img {
  border: 0;
  vertical-align: top
}

ul,
ol,
li {
  list-style: none
}

html {
  font-size: calc(100vw/7.5)
}

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

body {
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", Arial, sans-serif;
  line-height: 1.5;
  color: var(--text-main);
  background: #fff;
  font-size: .281rem;
  overflow-x: hidden
}

a {
  text-decoration: none;
  color: inherit
}

img {
  max-width: 100%
}

input,
select,
textarea {
  -webkit-appearance: none;
  appearance: none;
  outline: none;
  font-family: inherit
}

input,
select,
textarea {
  border-radius: 0
}

.box {
  position: relative;
  max-width: 750px;
  margin: 0 auto;
  overflow: hidden
}

header,
main,
footer,
.content,
.logo,
.keyIndex,
.nav,
.banner,
.head_nav,
.search,
.subnav,
.now,
article,
.logo1,
.logo2,
.keshixiala,
.gh,
.ban {
  max-width: 750px;
  margin: 0 auto;
  overflow: hidden
}

@keyframes fadeIn {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes fadeOut {
  from {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

.fade-in {
  animation: fadeIn .2s both
}

/* ===== 顶部 logo 栏 ===== */
.logo1,
.logo2 {
  background: var(--red-main);
  position: relative
}

.logo1 img,
.logo2 img {
  padding: 3% 3%;
  width: 1.031rem;
  height: .891rem
}

.logo1 span {
  position: absolute;
  top: 50%;
  margin-top: -.352rem;
  height: .703rem;
  width: 3rem;
  left: 50%;
  margin-left: -1.5rem;
  text-align: center;
  display: block;
  background: url(../images/logo-text.svg) no-repeat 0 center;
  background-size: 3rem .703rem
}

.logo1 .navI,
.logo2 .navI {
  color: #fff;
  font-size: 14px;
  position: absolute;
  right: 12%;
  display: block;
  top: 50%;
  line-height: 2;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M3.5 2.5 c-1 2.5.5 6 3.5 8.5 1.5 1.5 3.5 3 5.5 3.5 1.5.5 2.5 0 2.5-1l1.5-2.5c.5-.5 0-1.5-1-1.5l-2-1c-.5-.5-1 0-1.5.5-1.5-1-3-2.5-4-4 .5-.5 1-1 .5-2l-1-2c-.5-1-2.5-.5-3 0z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat 0 center;
  padding-left: 25px;
  margin-top: -12px
}

.logo1 .navA,
.logo2 .navA {
  width: 32px;
  height: 23px;
  position: absolute;
  right: 3%;
  display: block;
  top: 50%;
  margin-top: -11.5px;
  line-height: 2;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='23' viewBox='0 0 32 23'%3E%3Crect x='4' y='2' width='24' height='3' rx='1.5' fill='%23ffffff'/%3E%3Crect x='4' y='10' width='24' height='3' rx='1.5' fill='%23ffffff'/%3E%3Crect x='4' y='18' width='24' height='3' rx='1.5' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat 0 center
}

.logo2 span {
  font-size: 20px;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -13px;
  height: 23px;
  width: auto;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  text-align: center;
  display: block
}

@media (max-width:500px) {
  .logo1 span {
    width: 2.2rem;
    margin-left: -1.1rem;
    height: .516rem;
    margin-top: -.258rem;
    background-size: 2.2rem .516rem
  }

  .logo1 .navI,
  .logo2 .navI {
    font-size: 12px;
    right: 10%;
    padding-left: 20px
  }

  .logo2 span {
    font-size: 18px
  }
}

@media (max-width:360px) {
  .logo1 span {
    width: 2rem;
    margin-left: -1rem;
    height: .469rem;
    margin-top: -.234rem;
    background-size: 2rem .469rem
  }

  .logo1 .navI,
  .logo2 .navI {
    font-size: 11px;
    right: 9%;
    padding-left: 18px
  }
}

/* ===== 折叠导航 telNav ===== */
#telNav {
  position: relative;
  max-width: 750px;
  margin: 0 auto
}

.telNav {
  position: absolute;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
  background: rgba(0, 0, 0, .9);
  display: none
}

.telNav.open {
  display: block;
  animation: fadeIn .2s both
}

.telNav.closing {
  animation: fadeOut .2s both
}

.telNav a {
  display: block;
  font-size: 14px;
  color: #CCC;
  padding: 0 15px;
  height: 35px;
  line-height: 35px;
  overflow: hidden;
  border-bottom: 1px solid #3a3a3a;
  position: relative
}

.telNav a span {
  padding-right: 3px
}

.telNav a em {
  display: block;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M3 5 L7 9 L11 5' fill='none' stroke='%23cccccc' stroke-width='2'/%3E%3C/svg%3E") center no-repeat;
  background-size: 80%;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 10px;
  right: 8px
}

.telNav a.on,
.telNav a:hover {
  color: var(--telnav-hover)
}

.telNav a.on em {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M3 9 L7 5 L11 9' fill='none' stroke='%23f3d400' stroke-width='2'/%3E%3C/svg%3E")
}

.telNav dl {
  display: none
}

.telNav dl.open {
  display: block;
  animation: fadeIn .2s both
}

.telNav dd a {
  border-bottom: 1px dotted #333;
  font-size: 12px;
  height: 30px;
  line-height: 30px;
  padding-left: 30px
}

/* ===== 资质条 keyIndex ===== */
.keyIndex {
  text-align: center;
  font-size: .164rem;
  color: var(--text-sub);
  line-height: 2.5;
  background: #fff
}

.keyIndex i {
  width: 10px;
  display: inline-block
}

@media (max-width:500px) {
  .keyIndex {
    font-size: 14px
  }
}

/* ===== 快捷导航网格 nav ===== */
.nav ul {
  border-top: 1px solid var(--bd-grid);
  overflow: hidden
}

.nav li {
  float: left;
  width: 25%;
  text-align: center;
  line-height: 2;
  background: var(--bg-nav)
}

.nav li:nth-child(4n+1) {
  border-left: 1px solid var(--bd-grid);
  margin-left: -1px
}

.nav li a {
  font-size: .305rem;
  color: var(--text-main);
  border-right: 1px solid var(--bd-grid);
  border-bottom: 1px solid var(--bd-grid);
  display: block;
  width: 100%;
  padding: 5px 0
}

/* ===== banner 轮播 ===== */
.banner {
  position: relative;
  overflow: hidden;
  margin: .059rem auto 0
}

#asd {
  margin-top: .176rem
}

.banner .bd {
  overflow: hidden;
  width: 100%
}

.banner .bd ul {
  display: flex;
  will-change: transform
}

.banner .bd ul li {
  flex: 0 0 auto;
  width: 100%
}

.banner .bd img {
  width: 100%;
  vertical-align: top;
  display: block
}

.banner .hd {
  width: 100%;
  position: absolute;
  z-index: 2;
  bottom: 1.5%;
  left: 0;
  text-align: center
}

.banner .hd ul {
  display: inline-block;
  font-size: 0
}

.banner .hd ul li {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  background: rgba(255, 255, 255, .5);
  margin: 0 6px;
  font-size: 0;
  cursor: pointer
}

.banner .hd ul li.on {
  background: var(--blue-dot)
}

#banner .prev,
#banner .next {
  position: absolute;
  top: 50%;
  width: 32px;
  height: 44px;
  margin-top: -22px;
  background: rgba(0, 0, 0, .25);
  color: #fff;
  font-size: 26px;
  line-height: 44px;
  text-align: center;
  z-index: 2;
  border-radius: 3px;
  font-family: sans-serif
}

#banner .prev {
  left: 3px
}

#banner .next {
  right: 3px
}

.qiehuan2 .banner {
  margin: 0 auto
}

.qiehuan2 .banner .bd ul li {
  position: relative
}

.qiehuan2 .banner .bd ul li span {
  height: 30px;
  background: rgba(0, 0, 0, .5);
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0
}

.qiehuan2 .banner .bd ul li strong {
  position: absolute;
  bottom: 0;
  width: 100%;
  color: #fff;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  left: 0
}

/* ===== 快捷入口 head_nav ===== */
.head_nav ul {
  overflow: hidden
}

.head_nav li {
  width: 25%;
  float: left;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 15px
}

.head_nav li a {
  font-size: 14px;
  color: var(--text-main);
  display: block
}

.head_nav li img {
  width: 44px;
  height: 44px;
  display: inline-block;
  margin-bottom: 6px
}

/* ===== 搜索条 ===== */
.search {
  background: var(--bg-search);
  margin-top: .176rem
}

.search form {
  padding: 2% 1% 1% 2%;
  display: flex;
  align-items: center
}

.search .ser {
  width: 5.742rem;
  height: .398rem;
  line-height: .398rem;
  font-size: 14px;
  color: var(--text-input2);
  border: 0;
  padding-left: 10px;
  flex: 1 1 auto
}

.search .ser::placeholder {
  color: var(--text-input)
}

.search .button {
  width: 1.453rem;
  height: .398rem;
  background: var(--red-main);
  border: 0;
  color: #fff;
  font-size: 14px;
  border-radius: 0 5px 5px 0;
  margin-left: -1px
}

/* ===== 栏目标题 title_v ===== */
.title_v {
  position: relative;
  text-align: center;
  margin-top: .234rem
}

.title_v h3 {
  color: var(--text-sub);
  font-size: 18px;
  text-align: center
}

.title_v>div {
  height: 4px;
  margin-top: .117rem;
  position: relative
}

.title_v>div>span {
  width: 165px;
  height: 1px;
  background: #ccc;
  display: block;
  margin: 1px auto 0
}

.title_v>div>i {
  width: 36px;
  height: 3px;
  background: var(--red-main);
  position: absolute;
  left: 50%;
  margin-left: -18px;
  top: 0
}

.title_v.jb_title h3 {
  text-align: left;
  padding-left: 6%
}

.title_v.jb_title>div>span {
  margin: 1px 0 0 6%
}

.title_v.jb_title>div>i {
  left: 6%;
  width: 75px;
  margin-left: 0
}

.title_v.jb_title>a {
  font-size: 13px;
  color: var(--red-list);
  position: absolute;
  right: 5%;
  top: 8%
}

/* ===== 科室胶囊 subnav ===== */
.subnav {
  margin-top: .234rem
}

.subnav dl {
  margin-top: .234rem;
  overflow: hidden
}

.subnav dd {
  float: left;
  width: 22.5%;
  line-height: 2;
  margin: 2% 0 0 2%
}

.subnav dd a {
  font-size: 16px;
  border: 1px solid var(--bd-card);
  border-radius: 8px;
  display: block;
  width: 100%;
  color: var(--red-main);
  padding: .117rem 0 .059rem;
  text-align: center
}

.subnav dd img,
.subnav li.o1 img {
  width: .973rem;
  height: .727rem;
  vertical-align: middle
}

.subnav ul {
  overflow: hidden;
  margin-top: 2%
}

.subnav ul>div {
  border: 1px solid var(--bd-card);
  border-radius: 8px;
  margin: 0 2%;
  overflow: hidden;
  background: #fff
}

.subnav li.o1 {
  float: left;
  width: 26%;
  line-height: 2.2;
  text-align: center;
  border-right: 1px solid var(--bd-card)
}

.subnav li.o1 a {
  color: var(--red-main);
  font-size: 16px
}

.subnav li.o2 {
  float: left;
  width: 74%;
  color: var(--text-main);
  font-size: 16px;
  line-height: 2;
  padding: 2px 0
}

.subnav li.o2 a {
  margin-left: 3%;
  padding-right: 4%
}

/* ===== 专家团队 tab5 ===== */
.jg_title {
  overflow: hidden;
  padding: 10px 10px 0
}

.jg_title strong {
  float: left;
  font-size: .328rem;
  color: var(--red-main);
  line-height: 1.8
}

.jg_title a {
  float: right;
  font-size: 14px;
  color: var(--text-weak);
  line-height: 2.2
}

.tab5 .menu dl {
  display: flex;
  flex-wrap: wrap;
  padding-left: 2%
}

.tab5 .menu dd {
  border: 1px solid var(--bronze);
  border-radius: 3px;
  padding: 5px 10px;
  margin: 10px 13px 0 0;
  font-size: 14px;
  color: var(--text-main);
  position: relative;
  background: #fff
}

.tab5 .menu dd.off {
  background: var(--red-tab);
  color: #fff;
  border-color: var(--red-tab)
}

.tab5 .menu dd.off::after {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -5px;
  top: 98%;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 4px solid var(--red-tab)
}

.tab5 .menudiv {
  overflow: hidden
}

.tab5 .menudiv ul {
  display: none;
  width: 9.375rem;
  overflow: hidden;
  padding-left: 2%
}

.tab5 .menudiv ul.th_dis {
  display: block
}

.tab5 .menudiv li {
  width: 2.109rem;
  margin: .352rem .586rem 0 0;
  position: relative;
  float: left
}

.tab5 .menudiv li img {
  width: 2.109rem;
  height: 2.637rem;
  display: block
}

.tab5 .menudiv li strong {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: var(--red-dark);
  color: #fff;
  font-size: .211rem;
  line-height: .469rem;
  text-align: center;
  left: 0;
  font-weight: normal
}

.tab5 .menudiv li span {
  display: block;
  width: 101px;
  height: 18px;
  background: var(--bronze);
  border-radius: 3px;
  text-align: center;
  line-height: 33px;
  margin: 20px auto 0
}

.tab5 .menudiv li span a {
  display: block;
  width: 101px;
  height: 33px;
  font-size: 18px;
  color: #fff
}

/* ===== 五宫格 five ===== */
.mt {
  margin-top: 15px
}

.five ul {
  overflow: hidden;
  background: #fff
}

.five li {
  float: left;
  width: 3.563rem;
  margin-left: .117rem;
  padding-bottom: .234rem
}

.five li a {
  display: block;
  overflow: hidden
}

.five li div {
  width: 1.875rem;
  float: left;
  margin: .41rem 0 0 .187rem
}

.five li strong {
  display: block;
  font-size: .281rem;
  font-weight: 500
}

.five li span {
  display: block;
  font-size: .187rem;
  margin: .059rem 0
}

.five li img {
  float: left;
  width: 1.5rem;
  height: 1.207rem;
  margin-top: .352rem
}

.five li.o {
  width: 2.344rem;
  height: 2.227rem;
  margin: .117rem 0 0 .117rem;
  position: relative;
  padding-bottom: 0
}

.five li.o strong {
  margin: .117rem 0 0 .316rem;
  width: 1.875rem
}

.five li.o img {
  position: absolute;
  bottom: 0;
  left: .352rem;
  margin-top: 0;
  float: none
}

.five li:nth-child(1) {
  background: var(--five-pink-bg)
}

.five li:nth-child(1) strong,
.five li:nth-child(1) span {
  color: var(--five-pink)
}

.five li:nth-child(2) {
  background: var(--five-orange-bg)
}

.five li:nth-child(2) strong,
.five li:nth-child(2) span {
  color: var(--five-orange)
}

.five li:nth-child(3) {
  background: var(--five-blue-bg)
}

.five li:nth-child(3) strong,
.five li:nth-child(3) span {
  color: var(--five-blue)
}

.five li:nth-child(4) {
  background: var(--five-green-bg)
}

.five li:nth-child(4) strong,
.five li:nth-child(4) span {
  color: var(--five-green)
}

.five li:nth-child(5) {
  background: var(--five-brown-bg)
}

.five li:nth-child(5) strong,
.five li:nth-child(5) span {
  color: var(--five-brown)
}

/* ===== 新闻/环境切换 qiehuan ===== */
.qiehuan1 {
  padding: 10px
}

.qiehuan2 {
  padding: 10px 10px 20px;
  background: var(--bg-soft)
}

.qiehuan1 .menu,
.qiehuan2 .menu {
  margin: 3px 0 14px
}

.qiehuan1 .menu dl,
.qiehuan2 .menu dl {
  overflow: hidden
}

.qiehuan1 .menu dd,
.qiehuan2 .menu dd {
  width: 33.3%;
  float: left;
  text-align: center;
  font-size: 14px;
  color: var(--text-mid);
  border-bottom: 2px solid var(--bd-tab);
  padding: 2% 0;
  cursor: pointer
}

.qiehuan1 .menu dd.cli {
  background: #fff;
  color: var(--red-main);
  border-bottom: 2px solid var(--red-main)
}

.qiehuan2 .menu dd.cli {
  color: var(--red-main);
  border-bottom: 2px solid var(--red-main)
}

.qiehuan1 .menudiv,
.qiehuan2 .menudiv {
  overflow: hidden
}

.qiehuan1 .menudiv>*,
.qiehuan2 .menudiv>* {
  display: none
}

.qiehuan1 .menudiv>.cli,
.qiehuan2 .menudiv>.cli {
  display: block
}

.qiehuan2 .banner {
  margin: 0 auto
}

.qiehuan2 .banner .bd img {
  width: 7.266rem;
  margin: 0 auto;
  display: block
}

.qiehuan1 .menudiv li {
  overflow: hidden;
  margin-bottom: .234rem;
  border-bottom: 1px solid var(--bd-news);
  padding-bottom: .234rem
}

.qiehuan1 .menudiv li:nth-child(3) {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0
}

.new_l {
  width: 2.18rem;
  height: 1.805rem;
  float: left;
  margin: 5px 0 0 .117rem
}

.new_l img {
  width: 2.18rem;
  height: 1.805rem;
  border-radius: 5px;
  display: block
}

.new_r {
  width: 4.453rem;
  margin-left: .234rem;
  float: left
}

.new_r strong {
  font-size: .234rem;
  display: block;
  margin-top: .117rem;
  line-height: 1.4;
  font-weight: 500
}

.new_r strong a {
  color: var(--text-main)
}

.qiehuan1 .menudiv li:first-child .new_r strong a {
  color: var(--red-hot)
}

.new_r p {
  font-size: .187rem;
  line-height: 1.5;
  margin: 5px 0 0;
  color: var(--text-main)
}

.new_r p a {
  color: var(--red-hot)
}

.new_r>div {
  margin-top: 5px;
  overflow: hidden
}

.new_r .nw1 {
  font-size: 14px;
  color: var(--text-tag);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Crect x='1' y='2' width='12' height='11' rx='1.5' fill='none' stroke='%23bbbbbb'/%3E%3Cpath d='M1 5.5 h12 M4 1 v2 M10 1 v2' stroke='%23bbbbbb'/%3E%3C/svg%3E") no-repeat 0 center;
  padding-left: 18px
}

.new_r .nw2 {
  font-size: 14px;
  color: var(--text-tag);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M1 7 Q4 2.5 7 2.5 T13 7 Q10 11.5 7 11.5 T1 7 Z' fill='none' stroke='%23bbbbbb'/%3E%3Ccircle cx='7' cy='7' r='2.4' fill='%23bbbbbb'/%3E%3C/svg%3E") no-repeat 0 center;
  padding-left: 20px;
  margin-left: 2%
}

.new_r .nw3 {
  float: right;
  color: var(--blue-tag);
  border: 1px solid var(--blue-tag);
  border-radius: 5px;
  padding: 1% 5%;
  font-size: 14px
}

.new_r .nw3.c2 {
  color: var(--orange-hom);
  border-color: var(--orange-hom)
}

.new_r .nw3.c3 {
  color: var(--red-brown);
  border-color: var(--red-brown)
}

.more2 {
  border: 1px solid var(--bd-list);
  text-align: center;
  line-height: 2;
  font-size: .199rem;
  margin: 0 2%
}

.more2 a {
  display: block;
  color: var(--text-main)
}

/* ===== 预约表单 gh ===== */
.gh {
  margin-top: .234rem
}

.gh form {
  padding: 0 10px
}

.gh .formn {
  border-bottom: 1px dashed #bbb;
  padding-bottom: 20px
}

.gh .title_v strong {
  color: var(--red-main);
  font-size: 14px;
  font-weight: 500
}

.gh_1 {
  clear: both;
  margin-top: 10px;
  display: flex;
  align-items: flex-start
}

.gh_1 h4 {
  font-size: 15px;
  width: 85px;
  line-height: .469rem;
  color: var(--text-weak);
  flex: 0 0 auto;
  font-weight: normal
}

.gh_1 h4 i {
  color: #ff7a19;
  font-style: normal;
  margin-right: 2px
}

.gh .test {
  height: .469rem;
  line-height: .469rem;
  font-size: 14px;
  color: var(--text-input2);
  padding-left: 10px;
  border: 1px solid var(--bd-input);
  flex: 1 1 auto;
  background: #fff
}

.gh .test::placeholder {
  color: var(--text-input)
}

.gh select.test {
  padding-left: 10px
}

.gh textarea.test {
  height: .938rem;
  line-height: 1.5;
  padding-top: 8px;
  resize: none
}

.gh ul {
  margin: 15px 0 0 .938rem;
  overflow: hidden
}

.gh ul li {
  float: left;
  margin-left: .117rem
}

.gh .submit {
  background: var(--red-main);
  width: 2.344rem;
  height: .586rem;
  color: #fff;
  font-size: 16px;
  border: 0
}

.gh .reset {
  background: #d1c0a5;
  color: #fff
}

.gh .yuyue {
  font-size: 14px;
  color: var(--text-input);
  line-height: 25px;
  margin-top: 10px;
  padding: 0 10px
}

.gh .yuyue h5 {
  font-weight: bold;
  margin-top: 5px;
  color: var(--text-weak)
}

/* ===== 页脚 footer ===== */
footer {
  margin-top: 15px;
  color: var(--text-main);
  padding-bottom: .234rem
}

.footer ul {
  overflow: hidden
}

.footer li {
  float: left;
  width: 25%;
  text-align: center;
  background: var(--bg-soft);
  padding: 10px 0
}

.footer li a {
  font-size: 14px;
  display: block;
  color: var(--text-main)
}

.footer li img {
  width: 38px;
  height: 38px;
  margin-bottom: 2px
}

.footer p {
  text-align: center;
  font-size: 14px;
  padding: 15px 0;
  line-height: 1.8;
  color: var(--text-main)
}

.footer p span {
  color: var(--red-main)
}

.fixed-space {
  height: .82rem
}

/* ===== 底部悬浮栏 ===== */
.fixed_bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 750px;
  height: 1.008rem;
  margin: 0 auto;
  z-index: 666
}

.fixed_bottom ul {
  overflow: hidden;
  height: 100%
}

.fixed_bottom li {
  float: left;
  height: 1.008rem;
  border-top: 1px solid var(--bd-bottom);
  border-bottom: 1px solid var(--bd-bottom);
  text-align: center
}

.fixed_bottom li a {
  color: inherit;
  display: block;
  height: 100%
}

.fixed_bottom .li1,
.fixed_bottom .li2 {
  width: 17%;
  font-size: .211rem;
  line-height: 1.008rem;
  letter-spacing: 1px;
  color: #5b606a;
  background: var(--bg-fixed)
}

.fixed_bottom .li2 {
  border-left: 1px solid var(--bd-bottom)
}

.fixed_bottom .li1 img,
.fixed_bottom .li2 img {
  width: .422rem;
  height: .375rem;
  margin: 0 3%;
  vertical-align: middle;
  display: inline-block
}

.fixed_bottom .li3,
.fixed_bottom .li4 {
  width: 33%;
  font-size: .352rem;
  letter-spacing: 1px;
  padding-top: .234rem;
  color: #fff;
  background: var(--red-main)
}

.fixed_bottom .li4 {
  background: var(--gold-btn)
}

.fixed_bottom .li3 img,
.fixed_bottom .li4 img {
  width: .422rem;
  height: .375rem;
  margin: 0 3%;
  vertical-align: middle;
  display: inline-block
}

@media (max-width:330px) {

  .fixed_bottom .li1,
  .fixed_bottom .li2 {
    padding-top: 0
  }
}

/* ===== 面包屑 now ===== */
.now {
  background: var(--bg-nav)
}

.dqwzcon {
  margin: 3% 2%;
  overflow: auto
}

.dqwzcon p {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 L21 7 V17 L12 22 L3 17 V7 Z' fill='none' stroke='%23999999'/%3E%3Cpath d='M12 2 V22 M3 7 L12 12 L21 7' fill='none' stroke='%23999999'/%3E%3C/svg%3E") no-repeat 2% center;
  padding-left: 34px;
  line-height: 200%;
  font-size: 14px;
  color: var(--text-main)
}

.dqwzcon p strong {
  color: var(--red-main)
}

.dqwzcon p a {
  color: var(--text-main)
}

/* ===== 列表页 list_main / pagelist ===== */
.list_main li {
  border-bottom: 1px solid var(--bd-row)
}

.list_main li strong {
  width: 90%;
  margin: 10px auto 0;
  display: block
}

.list_main li strong a {
  color: #000;
  font-size: 18px;
  font-weight: 500;
  background: linear-gradient(var(--red-main), var(--red-main)) no-repeat 0 center/5px 20px;
  padding-left: 16px;
  display: block;
  line-height: 1.6
}

.list_main li p {
  color: var(--text-main);
  font-size: 14px;
  line-height: 1.8;
  margin: .094rem auto .117rem;
  width: 90%
}

.list_main li p a {
  color: var(--red-list)
}

.pagelist {
  margin: 3% 2%;
  font-size: 14px;
  text-align: center;
  color: var(--text-main);
  overflow: hidden
}

.pagelist li {
  float: left;
  margin-right: 10px;
  padding: 0 2%;
  line-height: 200%
}

.pagelist li a {
  color: var(--text-main)
}

.pagelist li.on {
  color: var(--red-main)
}

/* ===== 文章页 article ===== */
article {
  margin-top: 15px;
  background: #fff
}

article h1 {
  color: var(--text-main);
  font-size: .281rem;
  text-align: center;
  padding: 10px;
  font-weight: 600;
  line-height: 1.5
}

.a_date {
  overflow: hidden;
  text-align: center;
  font-size: 14px;
  color: var(--text-meta);
  padding: 5px 0
}

.a_date span {
  margin: 0 10px
}

.a_main p {
  font-size: 14px;
  margin-top: 4%;
  padding: 0 5%;
  line-height: 1.8;
  color: var(--text-main);
  text-align: justify
}

.a_main img {
  width: 90%;
  display: block;
  margin: 10px auto
}

.prenext {
  width: 90%;
  margin: 3% auto
}

.prenext p {
  height: .586rem;
  line-height: .586rem;
  color: var(--text-copyright);
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.prenext a {
  color: var(--text-main)
}

.artzx {
  width: 90%;
  margin: 5% auto
}

.artzx p {
  position: relative;
  text-align: center;
  line-height: 2
}

.artzx p::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 1px;
  background: #262626
}

.artzx p span {
  position: relative;
  background: #fff;
  padding: 0 3%;
  font-size: .305rem;
  font-weight: bold;
  color: var(--text-main)
}

.artzx ul {
  display: flex;
  justify-content: space-between;
  margin-top: 3%
}

.artzx ul li {
  width: 24.3%;
  line-height: .609rem;
  font-size: .305rem;
  color: #fff;
  text-align: center;
  border-radius: 3px
}

.artzx ul li a {
  color: #fff;
  display: block
}

.artzx .b1 {
  background: var(--btn1)
}

.artzx .b2 {
  background: var(--btn2)
}

.artzx .b3 {
  background: var(--btn3)
}

.artzx .b4 {
  background: var(--btn4)
}

/* ===== 科室导航页 keshi ===== */
.keshi>div {
  border-bottom: 1px solid var(--bd-row);
  padding: 2% 0 2% 2%;
  overflow: hidden
}

.keshi h4 {
  font-size: .375rem;
  width: 2.344rem;
  float: left;
  color: var(--red-main);
  font-weight: bold;
  line-height: 1.6
}

.keshi>div>a {
  font-size: .281rem;
  color: var(--red-main);
  float: right;
  margin: .117rem 5% 0 0;
  line-height: 1.6
}

.keshi>div>a i {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M3 5 h18 a3 3 0 0 1 3 3 v7 a3 3 0 0 1 -3 3 h-11 l-5 4 v-4 h-2 a3 3 0 0 1 -3 -3 v-7 a3 3 0 0 1 3 -3 z' transform='scale(0.75)' fill='%23720a0a'/%3E%3C/svg%3E") no-repeat center/contain;
  vertical-align: -6px;
  margin-left: 4px
}

.keshi .kkkk {
  overflow: hidden
}

.keshi .kkkk li {
  width: 33.33%;
  text-align: center;
  float: left
}

.keshi .kkkk li a {
  width: 100%;
  border-bottom: 1px solid var(--bd-row);
  border-right: 1px solid var(--bd-row);
  display: block;
  padding: 10% 0;
  font-size: 20px;
  color: var(--text-main)
}

.keshi .kkkk li:nth-child(3n) a {
  border-right: 0
}

.keshi .kkkk img {
  width: 50.96%;
  margin: 0 auto;
  display: block
}

@media (max-width:414px) {
  .keshi .kkkk li a {
    font-size: 16px
  }
}

/* ===== 专家页 keshixiala / zjtd ===== */
.keshixiala {
  background: var(--bg-soft);
  padding-bottom: 10px
}

.xiala {
  width: 6.797rem;
  height: .762rem;
  margin: 15px auto;
  border-radius: 5px;
  background: linear-gradient(180deg, #f0e3c8, #e3d2ae);
  position: relative
}

.xiala::after {
  content: "";
  position: absolute;
  right: 14px;
  top: 50%;
  width: 12px;
  height: 12px;
  margin-top: -9px;
  border-left: 2px solid #8a6d3b;
  border-bottom: 2px solid #8a6d3b;
  transform: rotate(-45deg);
  pointer-events: none
}

#tabs_zj {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  color: var(--text-main);
  font-size: 20px;
  text-indent: 10px;
  background: transparent
}

#tabs_zj option {
  color: var(--text-input2);
  font-size: .281rem;
  background: var(--bg-soft)
}

#zjtd .qq {
  display: none
}

#zjtd .qq.show {
  display: block
}

#zjtd .qq ul li,
.jb_zj .rim ul li {
  overflow: hidden;
  border-bottom: 1px solid var(--bd-list);
  padding-bottom: 4%;
  margin: 0;
  padding-top: 4%
}

#zjtd .qq ul li:last-child,
.jb_zj .rim ul li:last-child {
  border-bottom: 0
}

.zj_l {
  width: 1.441rem;
  float: left;
  margin: .41rem 0 0 .352rem
}

.zj_l img {
  width: 1.441rem;
  height: 1.805rem;
  display: block
}

.zj_r {
  width: 5.109rem;
  float: left;
  margin: .293rem 0 0 .176rem;
  position: relative
}

.zj_r strong {
  color: #000;
  font-size: .293rem;
  font-weight: 500;
  display: block;
  margin-bottom: .059rem;
  line-height: 1.5
}

.zj_r strong b.doc_titR {
  color: var(--gold-star);
  font-size: .234rem;
  float: right;
  font-weight: normal
}

.zj_r p {
  line-height: 1.8;
  font-size: .234rem;
  color: var(--text-main);
  margin-top: 2px
}

.zj_r p a {
  color: var(--red-hot)
}

.zj_r>div {
  margin-top: .059rem;
  overflow: hidden
}

.zj_r>div span {
  width: 1.418rem;
  height: .375rem;
  display: block;
  text-align: center;
  border-radius: 5px;
  float: left;
  font-size: .234rem;
  line-height: .375rem
}

.zj_r>div span a {
  color: inherit;
  display: block
}

.zj_r>div .zj_tel {
  border: 1px solid var(--blue-tel);
  color: var(--blue-tel);
  margin: 0 .234rem 0 1.406rem
}

.zj_r>div .zj_yy {
  border: 1px solid var(--orange-book);
  color: var(--orange-txt)
}

.zj-hide {
  display: none !important
}

#zjtd .more {
  text-align: center;
  padding: 2% 0;
  font-size: 14px;
  background: #fff
}

#zjtd .more a {
  color: var(--text-main)
}

#zjtd .more a::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 5px;
  border-right: 2px solid var(--text-main);
  border-bottom: 2px solid var(--text-main);
  transform: rotate(45deg) translateY(-2px)
}

/* ===== 科室详情页 ===== */
.jibing .rim p {
  margin: .352rem auto;
  width: 95%;
  font-size: .199rem;
  text-indent: 2em;
  line-height: 1.8;
  color: var(--text-main)
}

.jibing .rim ul {
  overflow: hidden;
  margin: .352rem auto;
  width: 95%
}

.jibing .rim ul li {
  width: 22%;
  margin-left: 2.4%;
  float: left;
  margin-top: 3%
}

.jibing .rim ul li a {
  display: block;
  padding: 8% 0;
  border-radius: 5px;
  font-size: .199rem;
  color: var(--red-main);
  border: 1px solid var(--red-main);
  text-align: center
}

.jibing .rim ul li a:active {
  background: var(--red-main);
  color: #fff
}

.content.asd_jb1 {
  padding-top: .176rem;
  background: var(--bg-search)
}

.content.asd_jb1 img {
  width: 100%;
  display: block
}

.jb_zj {
  margin-top: .234rem
}

.jb_zj .rim {
  padding: 0 0 2%
}

.jb_zj .rim ul {
  overflow: hidden
}

.xueshu {
  padding-top: .176rem;
  background: var(--bg-soft);
  overflow: hidden;
  padding-bottom: .293rem
}

.xueshu .rim {
  overflow: hidden;
  padding: 0 2%
}

.xs_left {
  width: 2.074rem;
  float: left;
  margin-top: .234rem
}

.xs_left img {
  width: 100%;
  display: block
}

.xs_right {
  width: 5.156rem;
  float: left;
  margin: .234rem 0 0 .117rem
}

.xs_right ul {
  overflow: hidden
}

.xs_right li {
  float: left;
  width: 45%;
  margin: 0 4% 4% 0
}

.xs_right img {
  width: 100%;
  display: block
}

.jiangzuo {
  padding-top: .176rem;
  background: var(--bg-soft);
  overflow: hidden;
  padding-bottom: .293rem
}

.mr_frbox {
  display: flex;
  align-items: center;
  padding: 0 10px
}

.mr_frBtnL,
.mr_frBtnR {
  flex: 0 0 auto;
  width: .176rem;
  height: .352rem;
  margin: .352rem .117rem 0
}

.mr_frUl {
  flex: 1 1 auto;
  overflow: hidden
}

.mr_frUl ul {
  display: flex;
  transition: transform .3s
}

.mr_frUl li {
  flex: 0 0 50%;
  text-align: center;
  font-size: 14px;
  line-height: 2;
  padding: 0 2%
}

.mr_frUl li img {
  width: 95%;
  margin: 0 auto;
  height: 1.594rem;
  display: block
}

/* ===== 就医指南页 ===== */
.layout {
  max-width: 750px;
  margin: 0 auto;
  overflow: hidden;
  clear: both
}

.mt11 {
  margin-top: 11px
}

.hztd_tle {
  border-bottom: 1px solid #ccc;
  padding: .469rem .146rem .258rem .234rem
}

.hztd_tle h3 {
  font-size: .352rem;
  font-weight: 400;
  line-height: .316rem;
  color: var(--text-main)
}

.map-box {
  background: #fff
}

.map-box .container {
  width: 6.797rem;
  margin: 0 auto;
  padding: .234rem 0
}

.map-box .container img {
  width: 100%;
  display: block
}

.map-border {
  border-top: 1px solid var(--bd-news);
  height: 1.711rem;
  overflow: hidden
}

.map-border .container {
  width: 6.797rem;
  margin: 0 auto;
  overflow: hidden
}

.map-border .tel,
.map-border .add {
  font-size: .328rem;
  color: var(--text-main);
  margin-top: .134rem;
  line-height: 1.4
}

.map-border .tel img {
  width: .27rem;
  height: .34rem;
  margin: -.1rem .117rem 0 0;
  display: inline;
  vertical-align: middle
}

.map-border .add img {
  width: .211rem;
  height: .398rem;
  margin: -.1rem .117rem 0 0;
  display: inline;
  vertical-align: middle
}

.bg-title {
  background: var(--red-main);
  height: 1.406rem;
  line-height: 1.372rem;
  text-align: center;
  margin-top: 11px
}

.bg-title a {
  font-size: .34rem;
  color: #fff;
  display: block
}

.bg-title a::after {
  content: "";
  display: inline-block;
  width: 9px;
  height: 9px;
  margin-left: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  vertical-align: 2px
}

.slideBox {
  padding: .469rem .059rem .117rem .094rem
}

.slideBox .hd {
  height: 1.477rem
}

.slideBox .hd ul {
  overflow: hidden
}

.slideBox .hd li {
  position: relative;
  float: left;
  width: 1.734rem;
  height: 1.348rem;
  background: #e8e8e8;
  border-radius: .117rem;
  margin-right: .117rem;
  font-size: .281rem;
  color: #111;
  text-align: center;
  cursor: pointer
}

.slideBox .hd li:last-child {
  margin-right: 0
}

.slideBox .hd li.on {
  color: #fff;
  background: var(--blue-tag)
}

.slideBox .hd li.on::after {
  content: "";
  width: 0;
  height: 0;
  overflow: hidden;
  border: .211rem solid transparent;
  border-bottom-color: #f3f3f3;
  position: absolute;
  bottom: -.164rem;
  left: 50%;
  margin-left: -.211rem;
  z-index: 22
}

.slideBox .hd li div {
  width: 1.723rem;
  height: .586rem;
  overflow: hidden;
  text-align: center;
  margin-top: .199rem;
  color: inherit
}

.slideBox .hd li svg {
  width: .445rem;
  height: .445rem;
  margin-top: .07rem
}

.slideBox .bd {
  position: relative;
  width: 7.266rem;
  overflow: hidden
}

.slideBox .bd ul {
  display: none;
  overflow: hidden
}

.slideBox .bd ul.on {
  display: block;
  animation: fadeIn .2s both
}

.slideBox .lx {
  width: 7.266rem;
  height: 3.984rem;
  overflow: hidden;
  float: left
}

.slideBox .lx div {
  /* width: 5.391rem; */
  margin: 0.4rem;
}

.slideBox .lx p {
  font-size: .251rem;
  color: var(--text-main);
  text-align: justify;
  line-height: .352rem
}

.bg-one {
  background: #eef5fc
}

.bg-two {
  background: #eef7ef
}

.bg-three {
  background: #fff7ea
}

.bg-four {
  background: #fdeef0
}

/* ===== 咨询弹窗 / toast ===== */
.modal-mask {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, .55);
  z-index: 998;
  display: none
}

.modal-mask.open {
  display: block;
  animation: fadeIn .2s both
}

.modal {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 86%;
  max-width: 620px;
  background: #fff;
  border-radius: 8px;
  z-index: 999;
  display: none;
  overflow: hidden
}

.modal.open {
  display: block;
  animation: fadeIn .2s both
}

.modal h3 {
  background: var(--red-main);
  color: #fff;
  font-size: 16px;
  line-height: 2.4;
  text-align: center;
  position: relative;
  font-weight: normal
}

.modal .m-close {
  position: absolute;
  right: 0;
  top: 0;
  line-height: 2.4;
  color: #fff;
  font-size: 20px;
  padding: 0 14px
}

.modal .m-body {
  padding: 18px 15px 20px
}

.modal .m-body h4 {
  font-size: 14px;
  color: var(--text-weak);
  margin: 10px 0 5px;
  font-weight: normal
}

.modal .m-body h4:first-child {
  margin-top: 0
}

.modal .m-body input,
.modal .m-body textarea {
  width: 100%;
  height: .469rem;
  line-height: .469rem;
  border: 1px solid var(--bd-input);
  padding-left: 10px;
  font-size: 14px;
  color: var(--text-input2);
  background: #fff
}

.modal .m-body textarea {
  height: 1.5rem;
  line-height: 1.5;
  padding-top: 8px;
  resize: none
}

.modal .m-body input::placeholder,
.modal .m-body textarea::placeholder {
  color: var(--text-input)
}

.modal .m-btn {
  display: block;
  width: 100%;
  height: .586rem;
  background: var(--red-main);
  color: #fff;
  font-size: 16px;
  border: 0;
  margin-top: 15px;
  border-radius: 4px
}

.modal .m-success {
  text-align: center;
  padding: 10px 0 5px;
  display: none
}

.modal .m-success b {
  display: block;
  font-size: 16px;
  color: var(--red-main);
  margin: 12px 0 6px
}

.modal .m-success p {
  font-size: 13px;
  color: var(--text-weak);
  line-height: 1.6;
  padding: 0 10px
}

.toast {
  position: fixed;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, .75);
  color: #fff;
  font-size: 14px;
  padding: 12px 22px;
  border-radius: 5px;
  z-index: 1000;
  display: none;
  max-width: 80%;
  text-align: center;
  line-height: 1.6
}