/* 通用样式 */
html, body {
  position: relative;
  background: #fdfaff;
  min-height: 100vh;
  max-width: 770px;
  margin: 0 auto;
  box-sizing: border-box;
}
img {
  border-radius: 0.8rem;
  image-rendering: -moz-crisp-edges;
  /* Firefox */
  image-rendering: -o-crisp-edges;
  /* Opera */
  image-rendering: -webkit-optimize-contrast;
  /*Webkit (non-standard naming) */
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
  /* IE (non-standard property) */
}
.footer img {
  border-radius: 0;
}
.layui-disabled em,
.layui-disabled span {
  color: #c7cad7;
}
.bac-bai {
  background-color: #ffffff;
  position: relative;
}
.title-2em {
  text-indent: 2em;
}
.big-titles {
  font-size: 2.4rem;
  font-weight: 900;
  line-height: 130%;
  text-align: center;
  color: #3a2455;
}
.mid-titles {
  font-size: 2rem;
  font-weight: 900;
  line-height: 130%;
  text-align: center;
  color: #3a2455;
}
.sma-titles {
  padding-top: 0.4rem;
  color: #3a2455;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 130%;
  text-align: center;
}

.blob-1 {
  bottom: -2rem;
  right: -2rem;
  position: absolute;
  z-index: 8;
  width: 14.1rem;
  height: 14.1rem;
  border-radius: 50%;
  background-color: rgba(207, 155, 247, 0.38);
  filter: blur(2.2rem);
}
.blob-2 {
  top: 4rem;
  left: 2rem;
  position: absolute;
  z-index: -1;
  width: 10.1rem;
  height: 10.1rem;
  border-radius: 50%;
  background: #fff1d7;
  filter: blur(4rem);
}
.blob-3 {
  bottom: 2rem;
  right: 0rem;
  position: absolute;
  z-index: -1;
  width: 10.1rem;
  height: 10.1rem;
  border-radius: 50%;
  background: #e5d4ff;
  filter: blur(4rem);
}
.JumpTo {
  cursor: pointer;
}
.wavy-line {
  background-image: url("../img/waxy.png"); /* 波浪线宽2rem的图片 */
  background-size: 10rem 1.2rem;
  background-position: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 1.2rem;
}
.text-centers {
  text-align: center;
}
.line-hide-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.line-hide-3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.line-64 {
  height: 6.4rem;
  width: 100%;
  box-sizing: border-box;
}
.line-10 {
  height: 1rem;
  width: 100%;
  box-sizing: border-box;
}
.line-24 {
  height: 2.4rem;
  width: 100%;
  box-sizing: border-box;
}
.line-100 {
  height: 10rem;
  width: 100%;
  box-sizing: border-box;
}
.line-44 {
  height: 2.4rem;
  width: 100%;
  box-sizing: border-box;
}
.line-64 {
  height: 2.4rem;
  width: 100%;
  box-sizing: border-box;
}
.line-36 {
  height: 3.6rem;
  width: 100%;
  box-sizing: border-box;
}
.w-90 {
  width: calc(100% - 2.8rem);
  margin: 0 auto;
  box-sizing: border-box;
}
/* 动态内容 */
.active-boxs-all {
  border-radius: 1.2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1.8rem;
  gap: 1.2rem;
  background: #ffffff;
  box-shadow: 0px 0.3rem 2.4rem 0px rgba(201, 186, 235, 0.15);
}
.active-boxs-all h1 {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 2.4rem;
  min-height: 4.8rem;
  color: #3a2455;
}
.active-boxs-all h2 {
  font-size: 1.4rem;
  line-height: 2.2rem;
  min-height: 4.4rem;
  color: #725a90;
}
.active-boxs-all img {
  width: 100%;
}
.active-boxs-all li {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
}
.active-boxs-all li p,
.active-boxs-all span {
  font-size: 1.4rem;
  line-height: 2rem;
  color: #bfb5cd;
}
.active-boxs-all-eyes {
  display: flex;
  align-items: center;
}
.active-boxs-all-eyes img {
  width: 1.6rem;
}
.can {
  z-index: 10;
  position: relative;
}
/* 页面 背景 */
.bg {
  position: absolute;
  left: 0px;
  top: 4.7rem;
  width: 100%;
  height: 32rem;
  background: linear-gradient(180deg, #e4d6ff 0%, rgba(228, 214, 255, 0) 100%);
  overflow: hidden;
}
.yixing-img {
  position: absolute;
  width: 100%;
  top: -12rem;
  left: -6rem;
}
.art-nav-img1 {
  position: absolute;
  top: 0rem;
  left: 0rem;
  width: 12rem;
}
.team-nav-title {
  font-size: 2.8rem;
}
/* 通用样式结束 */
/* index.html 中的样式 */
.index-nav {
  width: 100%;
}
.index-one-item-1 {
  position: relative;
  border-radius: 1.2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.2rem;
  gap: 0.8rem;
  background: #ffffff;
  box-shadow: 0rem 0.3rem 2.4rem 0rem rgba(201, 186, 235, 0.15);
}
.index-one-item-1 h2 {
  font-size: 1.6rem;
  width: 100%;
  font-weight: 900;
  line-height: 2.4rem;
  color: #3a2455;
}
.index-one-item-1 h3 {
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: #725a90;
}
.index-one-item-1 p {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0rem 1.2rem 0rem 1.2rem;
  /* 自动布局 */
  display: flex;
  flex-direction: column;
  padding: 0.4rem 0.8rem;
  gap: 0.8rem;
  background: #ead4ff;
  z-index: 3;
  color: #ffffff;
  font-size: 1.8rem;
  font-weight: 900;
  line-height: 2.4rem;
}
.index-one-more {
  padding-bottom: 2.4rem;
}
.index-one-more buttom {
  margin: 0 auto;
  width: fit-content;
  height: 4.8rem;
  border-radius: 4.3rem;
  /* 自动布局 */
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 1.2rem 2.4rem;
  gap: 1rem;
  box-sizing: border-box;
  border: 0.1rem solid #3a2455;
}
.index-one-more buttom span {
  color: #3a2455;
  font-size: 1.6rem;
}
.index-one-item-2 {
  border-radius: 1.2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.8rem 0.8rem;
  gap: 0.8rem;
  background: #f4eeff;
}
.index-one-item-2 p {
  color: #3a2455;
  font-size: 1.6rem;
  line-height: 2.4rem;
  text-align: center;
}
.G-blod-num {
  color: #9d5dca;
  font-size: 3.8rem;
  font-weight: bold;
  line-height: 3.8rem;
}
.sm-jia {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 4rem;
  color: #9d5dca;
  vertical-align: top;
}
.index-two-box {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
.index-two-box-yuan {
  background: #f4eeff;
  border-radius: 50% 50% 0 0;
  height: 10rem;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.index-two-main {
  position: relative;
  z-index: 6;
  background: #f4eeff;
}
.index-two-content h1 {
  width: 70%;
  border-radius: 0.4rem;
  display: flex;
  flex-direction: column;
  padding: 0.4rem 0.8rem;
  gap: 1rem;
  background: linear-gradient(90deg, #8a53cd 0%, rgba(138, 83, 205, 0) 94%);
  color: #ffffff;
  font-size: 1.6rem;
  margin-bottom: 0.8rem;
}
.index-two-content h2 {
  color: #423256;
  font-size: 1.4rem;
  line-height: 2.2rem;
}
.index-thr-title {
  font-size: 1.4rem;
  line-height: 2.2rem;
  text-align: center;
  color: #423256;
}
.index-four-item {
  border-radius: 1.8rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.8rem 1.2rem;
  gap: 1rem;
}
.index-four-item img {
  width: 6.8rem;
}
.index-four-item h1 {
  font-size: 1.6rem;
  font-weight: 900;
  line-height: 2.4rem;
  text-align: center;
}
.index-four-item h2 {
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 2.2rem;
  text-align: center;
  height: 6.7rem;
}
.index-four-item-1 {
  background: #f6f0ff;
  box-shadow: 0px 3px 24px 0px rgba(201, 186, 235, 0.15);
}
.index-four-item-1 h1 {
  color: #3a2455;
}
.index-four-item-1 h2 {
  color: #725a90;
}
.index-four-item-2 {
  background: #fff8eb;
  box-shadow: 0px 3px 24px 0px rgba(201, 186, 235, 0.15);
}
.index-four-item-2 h1 {
  color: #553d24;
}
.index-four-item-2 h2 {
  color: #6b5847;
}
.index-four-item-3 {
  background: #fff1f0;
  box-shadow: 0px 3px 24px 0px rgba(201, 186, 235, 0.15);
}
.index-four-item-3 h1 {
  color: #552b24;
}
.index-four-item-3 h2 {
  color: #6b4a47;
}
.index-four-item-4 {
  background: #f0f3ff;
  box-shadow: 0px 3px 24px 0px rgba(201, 186, 235, 0.15);
}
.index-four-item-4 h1 {
  color: #262455;
}
.index-four-item-4 h2 {
  color: #49476b;
}
/* 轮播 */
.swiper {
  cursor: pointer;
  width: 100%;
  height: auto;
  padding-bottom: 3rem;
}
.swiper2 {
  padding-bottom: 0rem;
}
.my-bullet-active {
  margin: 0 1rem !important;
  width: 1rem;
  height: 1rem;
  background: #ebe1f9;
  opacity: 1;
}

.swiper-pagination-bullet {
  margin: 0 1rem !important;
  width: 1rem;
  height: 1rem;
  background: #3a2455;
}

.first-five-boxs {
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 8px;
  gap: 8px;
  background: #ffffff;
  box-shadow: 0px 0.3 2.4rem 0px rgba(201, 186, 235, 0.15);
}

.first-four-title1 {
  color: #3a2455;
  width: 100%;
  font-size: 1.4rem;
  font-weight: 900;
  line-height: 2.4rem;
  text-align: center;
}
/* 底部导航 */
.footer {
  width: 100%;
  box-sizing: border-box;
  background: linear-gradient(180deg, #451f74 0%, rgba(69, 31, 116, 0) 100%),
    #652e95;
  padding: 1.2rem;
}
.footer-nav-img {
  text-align: center;
}
.footer-nav-img-2 {
  margin: 1.4rem auto;
  width: 90%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.footer-nav-img-2 img {
  width: 16%;
}
.footer-nav-img-3 {
  border-radius: 9px;
  /* 自动布局 */
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 1.4rem;
  row-gap: 1.2rem;
  flex-wrap: wrap;
  align-content: center;
  background: #461a6b;
}
.footer-nav-img-3 img {
  width: 30%;
}
.footer-contact {
  padding: 2.4rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer-contact-left {
  flex: 1;
}
.footer-contact-right {
  width: fit-content;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  justify-content: center;
}
.footer-contact-right img {
  width: 6rem;
}
.footer-contact-right p {
  font-size: 1.2rem;
  line-height: 1.8rem;
  color: #ffffff;
  text-align: center;
}
.footer-title {
  display: flex;
  gap: 0.4rem;
  align-items: center;
}
.footer-title img {
  width: 1.8rem;
  height: 1.8rem;
}
.footer-title p {
  font-size: 1.6rem;
  color: #ffffff;
}
.tel-phone {
  color: #ffffff;
  font-size: 2rem;
  font-weight: 900;
  line-height: 2.4rem;
  letter-spacing: 0.02em;
  text-indent: 2rem;
}
.address {
  color: #ffffff;
  font-size: 1.4rem;
  font-weight: 900;
  line-height: 1.8rem;
  letter-spacing: 0.02em;
  text-indent: 2rem;
}
.footer-beian {
  color: #b989e5;
  font-size: 1.2rem;
  line-height: 1.8rem;
  text-align: center;
  letter-spacing: 0.02em;
}
.footer-jc {
  padding-left: 1.6rem;
  background: url(https://jiaoyuguanwang.oss-cn-beijing.aliyuncs.com/gongan.png)
    no-repeat left center;
  background-size: 1.6rem auto;
}
/* 动态页面 */
.active-binner {
  padding: 1.8rem 1.4rem;
}
.active-binner img {
  width: 100%;
}
/* 心理中心 */
.nav-choses {
  box-sizing: border-box;
  width: 100%;
  border-radius: 2px;
  display: flex;
  align-items: center;
  padding: 0.4rem 0.6rem;
  gap: 0.8rem;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}
.nav-choses::-webkit-scrollbar {
  display: none;
}

.article-main-header-li {
  /* 不换行 */
  cursor: pointer;
  white-space: nowrap;
  padding: 0.4rem 0.6rem;
  font-size: 1.4rem;
  line-height: 2.4rem;
  text-align: center;
  color: #82849c;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none; /* 禁止用户选中文字 */
}
.article-main-header-li-active {
  color: #1e1e32;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.4rem;
}
/* 团队 */
.team-nav-cont {
  margin-top: 1rem;
  color: #423256;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 2.2rem;
  text-align: center;
}
.team-boxs-all {
  border-radius: 1.2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0.8rem;
  gap: 0.5rem;
  background: #ffffff;
  box-shadow: 0px 3px 2.4rem 0px rgba(201, 186, 235, 0.15);
}
.team-boxs-all img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.team-boxs-all h1 {
  color: #3a2455;
  font-size: 1.8rem;
  font-weight: 900;
  line-height: 2.4rem;
  text-align: center;
}
.team-boxs-all h2 {
  color: #725a90;
  font-size: 1.6rem;
  line-height: 2.4rem;
  text-align: center;
}
/* 服务 */
.serve-navs-1 {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
}
.serve-navs-1-li1 {
  border-radius: 1.2rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 1.2rem;
  gap: 0.8rem;
  background: linear-gradient(
      180deg,
      rgba(223, 205, 255, 0.58) 0%,
      rgba(223, 205, 255, 0) 100%
    ),
    #ffffff;
  box-sizing: border-box;
  border: 1px solid #ffffff;
  box-shadow: 0px 0.3rem 2.4rem 0px rgba(201, 186, 235, 0.15);
}
.serve-navs-1-li1 img {
  width: 3.6rem;
}
.serve-nav-footer-boxs-content h1 {
  color: #3a2455;
  font-size: 1.6rem;
  font-weight: 900;
}
.serve-nav-footer-boxs-content h2 {
  color: #725a90;
  font-size: 1.2rem;
  line-height: 1.8rem;
}
.serve-navs-1-li2 {
  border-radius: 1.2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1.6rem 1.2rem;
  gap: 1.6rem;
  background: linear-gradient(
      180deg,
      rgba(223, 205, 255, 0.58) 0%,
      rgba(223, 205, 255, 0) 100%
    ),
    #ffffff;
  box-sizing: border-box;
  border: 1px solid #ffffff;
  box-shadow: 0px 0.3rem 2.4rem 0px rgba(201, 186, 235, 0.15);
}
.serve-navs-1-li2 img {
  width: 4.8rem;
}
.serve-navs-2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.8rem;
}
.serve-navs-2-li1 {
  width: 100%;
  box-sizing: border-box;
  border-radius: 1.2rem;
  display: flex;
  flex-direction: column;
  padding: 1.8rem;
  gap: 1rem;
  background: #ffffff;
}
.serve-navs-2-li1 img {
  width: 4.8rem;
}
.serve-navs-2-li1 h1,
.about-yewu-box h1,
.about-more-box h2 {
  color: #3a2455;
  font-size: 1.6rem;
  font-weight: 900;
  line-height: 2.4rem;
}
.serve-navs-2-li1 h2,
.about-yewu-box h2 {
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: #725a90;
}
/* 分页 */
.layui-laypage a,
.layui-laypage span {
  margin: 0 0.4rem;
  padding: 0 0.5rem;
  cursor: pointer;
  color: #333442;
  border: 1px solid transparent !important;
  border-radius: 0.5rem;
  margin: 0 0.2rem;
  background-color: transparent !important;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 2.8rem;
}
.layui-laypage .layui-laypage-curr em {
  font-size: 1.6rem;
  font-weight: bold;
  border-radius: 0.5rem;
  line-height: 2.4rem;
  display: flex;
}

.layui-laypage a:hover {
  color: #333442 !important;
}
.activef {
  background: #4a2179;
  border-radius: 0.5rem;
  height: 2.8rem;
}
.activef span {
  color: #ffffff;
}
/* 关于样式 */
.about-dun {
  position: absolute;
  top: 1rem;
  left: calc(50% - 6rem);
  width: 12rem;
}
.about-yewu {
  padding: 1rem 0 3rem 0;
}
.about-yewu-box {
  position: relative;
  border-radius: 1.2rem;
  display: flex;
  flex-direction: column;
  padding: 1.2rem;
  gap: 0.4rem;
  background: rgba(204, 175, 255, 0.23);
  box-sizing: border-box;
  border: 1px solid #ffffff;
  box-shadow: 0px 4px 8px 0px rgba(237, 190, 255, 0.19);
}
.about-yewu-box h2 {
  color: #423256;
}
.about-yewu-box div {
  position: absolute;
  top: 0;
  right: 0;
  color: #ffffff;
  font-size: 1.4rem;
  font-weight: 900;
  line-height: 1.4rem;
  border-radius: 0px 1.2rem 0px 1.2rem;
  display: flex;
  flex-direction: column;
  padding: 0.8rem 1.2rem;
  gap: 0.8rem;
  background: #8957b0;
}
.about-storys {
  background: linear-gradient(
    180deg,
    rgba(236, 223, 255, 0.51) 0%,
    rgba(255, 255, 255, 0) 100%
  );
}
.del-ziti,
.about-more-box h3 {
  color: #423256;
  font-size: 1.4rem;
  line-height: 2.2rem;
}
.about-storys-rui {
  display: flex;
  justify-content: space-between;
}
.about-storys-rui img {
  width: 45%;
}
.about-storys-rui div {
  width: 50%;
}
.about-more-box {
  display: none;
}
/* 专家 */
.zj-img-box {
  position: relative;
  z-index: 100;
  width: 45%;
  margin: 0 auto;
  border-radius: 1.4rem;
  border: 0.8rem solid #ffffff;
  box-shadow: 0px 3px 2.4rem 0px #d1cdf1;
}
.zj-img-box img {
  position: relative;
  z-index: 10;
  width: 100%;
}
.zj-bac-img {
  z-index: 1;
  position: absolute;
  height: 100%;
  width: 100%;
  top: -1.7rem;
  transform: rotate(6deg);
  opacity: 0.6;
  border-radius: 1.2rem;
  align-self: stretch;
  background: #ffffff;
  border: 0.8rem solid #ffffff;
  box-shadow: 0px 4px 1.1rem 0px rgba(209, 205, 241, 0.39);
}
.zj-nav-content {
  border-radius: 1.2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1.2rem;
  gap: 0.4rem;
  background: linear-gradient(
      180deg,
      rgba(218, 213, 255, 0) 0%,
      rgba(234, 213, 255, 0.28) 100%
    ),
    rgba(255, 255, 255, 0.25);
  box-sizing: border-box;
  border: 1px solid #ffffff;
  box-shadow: 0px 3px 2.4rem 0px rgba(201, 186, 235, 0.15);
}
.zj-nav-content li {
  list-style: disc;
  color: #3a2455;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 2.4rem;
}
.zj-zs-box{
  width: calc(100% - 2.8rem);
  margin: 0 auto;
  box-sizing: border-box;
}
.zj-zs-box h1 {
  margin: 2.4rem 0 1.5rem 0;
  border-radius: 0.4rem;
  display: flex;
  flex-direction: column;
  padding: 0.6rem 1.2rem;
  gap: 1rem;
  background: linear-gradient(90deg, #8a53cd 0%, rgba(138, 83, 205, 0) 94%);
  color: #ffffff;
  font-size: 1.6rem;
  font-weight: bold;
}
.zj-zs-box h3 {
  margin-top: 1rem;
  color: #423256;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 2.4rem;
  text-indent: 2rem;
}
/* 详情 */
.detils-title {
  padding: 1.4rem 0;
  color: #3a2455;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 2.6rem;
}
.detils-time {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.detils-time li,
.detils-time li span {
  display: flex;
  align-items: center;
  color: #bfb5cd;
  font-size: 1.6rem;
  line-height: 2rem;
}
.detils-time li img {
  color: #bfb5cd;
}
.de-bac {
  background-color: #ffffff;
  text-align: justify;
}
.detils-con-title {
  color: #3a2455;
  font-size: 1.8rem;
  font-weight: bold;
}
/* 头部单独 */
.headers-x {
  padding: 0 1.7rem;
  position: sticky;
  top: 0;
  z-index: 1000;
  width: 100%;
  background: #ffffff;
  height: 4.7rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
}
.header-open {
  color: #3d3d3d;
  font-size: 1.8rem;
}
.header-logo {
  width: 40%;
}
.header-box-logo {
  text-align: center;
  width: 100%;
  box-sizing: border-box;
  padding-left: 2rem;
}
.header-box-logo img {
  width: 80%;
}
.header-logo img {
  width: 100%;
}
.layui-layer-setwin {
  top: 1.8rem;
  right: 1rem !important;
}
.layui-layer-close1 {
  color: #3d3d3d !important;
  font-size: 1.8rem !important;
  right: 1rem !important;
}
.header-open-page-box {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  align-items: center;
  padding: 1.4rem 3.8rem 1.4rem 1.4rem;
}
.header-open-page-box li {
  border-radius: 0.8rem;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 1.4rem 1.8rem;
  gap: 0.8rem;
}
.header-open-page-box li a {
  color: #3a2455;
  font-size: 1.6rem;
}
.header-open-page-box li a:hover {
  /* 取消下划线 */
  text-decoration: none;
}
.header-open-page-active {
  background: linear-gradient(90deg, #efe0ff 0%, rgba(239, 224, 255, 0) 100%);
}
.layui-layer-title{
height: 5rem;
display: flex;
align-items: center;
}
#contents img,video {
  max-width: 90%;
  display: flex;
  text-align: center;
  margin: 0 auto;
}