@font-face {
  font-family: 'PingFang Bold';
  src: url('/healthcodon/fonts/PingFang Bold.ttf');
}

@font-face {
  font-family: 'PingFang Medium';
  src: url('/healthcodon/fonts/PingFang Medium.ttf');
}

@font-face {
  font-family: 'PingFang Regular';
  src: url('/healthcodon/fonts/PingFangSC-Regular.woff2');
}

@font-face {
  font-family: 'PingFang Heavy';
  src: url('/healthcodon/fonts/PingFang Heavy.ttf');
}

@font-face {
  font-family: 'Manrope3-Semibold';
  src: url('/healthcodon/fonts/Manrope-SemiBold.ttf');
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

img {
  padding: 0;
  display: block;
  margin: auto;
}

.boxCon {
  width: 6.4rem;
  height: 3.1667rem;
  margin-left: -1.2rem;
  position: relative;
  box-sizing: border-box;
}

.container6 {
  position: relative;
  width: 4rem;
  /*height: 4000px;*/
  margin: auto;
  z-index: 0;
  color: #86868B;
}

h5,
h6 {
  text-align: center;
  color: #36383a;
  font-family: 'PingFang Medium';
}

p {
  /* text-align: center; */
  font-family: 'PingFang Medium';
  /* text-indent: 0; */
}

li {
  list-style: none;
}

.bgImg {
  position: absolute;
  top: 0rem;
  left: 0rem;
  width: 6.4rem;
  height: 3.166667rem;
  z-index: -999;
}

.chHead, .enHead {
  background:-webkit-linear-gradient(right,#ff8ac9 0%, #9269e7 62%, #389cff 100%) 1.85rem;
  background:-o-linear-gradient(right,#ff8ac9 0%, #9269e7 62%, #389cff 100%) 1.85rem;
  background:-moz-linear-gradient(right,#ff8ac9 0%, #9269e7 62%, #389cff 100%) 1.85rem;
  background:-ms-linear-gradient(right, #ff8ac9 0%, #9269e7 62%, #389cff 100%) 1.85rem;
  background:linear-gradient(to right,#ff8ac9 0%, #9269e7 62%, #389cff 100%) 1.85rem;
  background-size: 2.5rem;
  -webkit-background-size: text;
  -moz-background-size: text;
  -ms-background-size: text;
  -o-background-size: text;
  background-clip: text;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -ms-background-clip: text;
  -o-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  -ms-text-fill-color: transparent;
  -o-text-fill-color: transparent;
}

.seven .chHead,.seven .enHead,.eight .chHead,.eight .enHead,.nine .chHead,.nine .enHead{
  background-position: 2.81rem;
  -webkit-background-position: 2.81rem;
  -moz-background-position: 2.81rem;
  -o-background-position: 2.81rem;
  -ms-background-position: 2.81rem;
  background-size: 0.78rem;
  -webkit-background-size: 0.78rem;
  -moz-background-size: 0.78rem;
  -o-background-size: 0.78rem;
  -ms-background-size: 0.78rem;
}

.one {
  padding-top: 0.2333rem;
  /* background-color: #389cff; */
  height: 6.3333rem;
}

.one .chHead {
  /* width: 2.4467rem; */
  /* height: 0.8167rem; */
  text-align: center;
  /* margin: auto; */
  font-size: 0.3333rem;
  font-family: 'PingFang Heavy';
  font-weight: 800;
  /* line-height: 0.5rem; */
  text-align: center;
}

.one .enHead {
  text-align: center;
  font-size: 0.0667rem;
  font-family: 'Manrope3-Semibold';
  font-weight: 600;
  line-height: 0.2867rem;
}
.one img {
  width: 3.8333rem;
  height: 3.7rem;
}
.two {
  padding-top: 0.3333rem;
  /* background-color: yellow; */
}

.two .chHead {
  /* margin: auto;
  width: 1.8733rem; */
  text-align: center;
  /* height: 0.2067rem; */
  font: 0.2rem 'PingFang Heavy';
}
.two .enHead {
  text-align: center;
  margin-top: 0.06rem;
  font: 0.0667rem 'Manrope3-Semibold';
}

.three {
  padding-top: 0.3333rem;
  /* background-color: rgb(159, 241, 159); */
}
.three .chHead {
  /* margin: auto;
  width: 2.0767rem; */
  text-align: center;
  /* height: 0.2071rem; */
  font: 0.2rem 'PingFang Heavy';
}
.three .enHead {
  text-align: center;
  margin-top: 0.0633rem;
  font: 0.0667rem 'Manrope3-Semibold';
}

.four {
  padding-top: 0.34rem;
  color: #fff;
}

.five {
  padding-top: 0.333rem;
  color: #86868b;
}

.five .chHead {
  /* margin: auto;
  width: 1.877rem; */
  text-align: center;
  /* height: 0.207rem; */
  font: 0.2rem 'PingFang Heavy';
}
.five .enHead {
  text-align: center;
  margin-top: 0.06rem;
  font: 0.0667rem 'Manrope3-Semibold';
}

.six {
  padding: 0.583rem 1.037rem 0 1.037rem;
  height: 6.3333rem;
  font: 0.08rem 'PingFang Bold';
  color: #86868b;
  /*display: flex;*/
  /*justify-content: space-between;*/

}
.sixSon {
  width: 2.1rem;
  position: relative;
}
.sixSon img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -999;
}
.sixSon p {
  position: absolute;
  text-align: center;
}
.seven {
  padding-top: 0.3333rem;
  color: #86868b;
}
.seven .chHead {
  text-align: center;
  /* height: 0.207rem; */
  font: 0.2rem 'PingFang Heavy';
}
.seven .enHead {
  text-align: center;
  margin-top: 0.06rem;
  font: 0.0667rem 'Manrope3-Semibold';
}

.eight .chHead {
  text-align: center;
  /* height: 0.19rem; */
  font: 0.2rem 'PingFang Heavy';
}
.eight .enHead {
  text-align: center;
  margin-top: 0.0633rem;
  font: 0.0667rem 'Manrope3-Semibold';
  margin-bottom: 0.3367rem;
}

.eight .table>div{
  height: 0.4333rem;
  border-top:0.0067rem solid #CACACA;
  display: flex;
  align-items: center;
  padding-left: 0.3333rem;
  padding-right: 0.1467rem;
}

.nine .chHead {
  text-align: center;
  /* height: 0.19rem; */
  font: 0.2rem 'PingFang Heavy';
}
.nine .enHead {
  text-align: center;
  margin-top: 0.0633rem;
  font: 0.0667rem 'Manrope3-Semibold';
  margin-bottom: 0.3367rem;
}
.cn {
  font: 0.08rem 'PingFang Bold';
  margin-bottom: 0.0667rem;
}
.en {
  font: 0.06rem 'Manrope3-Semibold';

}