@charset "UTF-8";

:root {
  --head: 7.5vw;
  --color: #a76700;
}

.co-w {
  color: #fff;
}

.co-m {
  color: var(--color);
}

.co-h {
  color: #b2b2b2;
}

.head-zhanwei {
  height: var(--head);
}

svg {
  display: block;
  width: 100%;
  height: 100%;
}

.C-wrap {
  width: 89.583vw;
  margin: 0 auto;
  transition: all 0.5s;
}

.C-wrap2 {
  width: 79.166vw;
  margin: 0 auto;
  transition: all 0.5s;
}

.C-btn {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  line-height: 1;
  transition: all cubic-bezier(0, 0, 0.37, 1) 0.6s;
  cursor: pointer;
  border-radius: 1.666vw;
  padding: 0.989vw 1.25vw;
}

.pd-item .C-btn {
  padding: 0.989vw 2.6042vw;
}

.pd-item .flex-yc {
  justify-content: center;
}

.pd2 .zuo .ul .li.on .name span {
  font-family: 'Gilroy-bold';
}

.C-btn.theme1 {
  color: #000;
  --svg-fill: #000;
  background-image: linear-gradient(90deg, #ffe7c0 0%, #ffe7c0 55%, #d4b485 88%);
  background-size: 210% 100%;
  background-position: left;
}

.C-btn.theme1:hover {
  background-position: right;
}

.C-btn .icon {
  width: 1.25vw;
  height: 1.25vw;
  margin-left: 0.625vw;
}

.C-btn2 {
  padding: 0.729vw 1.041vw;
  border-radius: 1.666vw;
  background: rgba(255, 255, 255, 0);
  box-shadow: 0 0 0 0.052vw #000 inset;
  color: #000;
}

.C-btn2:hover {
  background: #000;
  color: #fff;
  box-shadow: 0 0 0 0.052vw #000 inset;
}

.C-btn2.theme2 {
  padding: 0.729vw 3.072vw;
  color: #fff;
  box-shadow: 0 0 0 0.052vw #fff inset;
}

.C-btn2.theme2:hover {
  background: #000;
  color: #fff;
  box-shadow: 0 0 0 0.052vw #999 inset;
}

.C-btn3 {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  line-height: 1;
  transition: all cubic-bezier(0, 0, 0.37, 1) 0.6s;
  cursor: pointer;
  border-radius: 0.625vw;
  width: 100%;
  height: 100%;
  color: #000;
  --svg-fill: #000;
  background-image: linear-gradient(90deg, #ffe7c0 0%, #ffe7c0 55%, #d4b485 88%);
  background-size: 210% 100%;
  background-position: left;
}

.C-btn3:hover {
  background-position: right;
}

#svg-use-box {
  display: none;
}

.svgTransiton * {
  transition: all ease 0.3s;
}

body {
  font-size: 0.26vw;
}

/* -----------------------------------------head,foot-------------------------------------- */
.head1 {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 50;
  width: 100%;
  height: var(--head);
  transition: all linear 0.6s;
  color: #fff;
  padding: 0 3.333vw 0 3.125vw;
}

.isback .head1 {
  transform: translateY(-100%);
}

.scroll .head1 {
  background: #2a2a2a;
}

.blackHead .head1 {
  background: #2a2a2a;
}

.head1 .logo {
  width: 14.479vw;
}

.head1 .menu {
  gap: 2.76vw;
  height: 100%;
}

.head1 .link {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  padding: 0.677vw 0;
}

.head1 .link .tag {
  color: #070707;
  line-height: 1.63;
  padding: 0.208vw 0.416vw 0.104vw 0.416vw;
  border-radius: 0.208vw;
  background: #ffe7c0;
  margin-left: 0.208vw;
}

.head1 .link>a {
  display: block;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
  transition: all ease 0.1s;
}

.head1 .down {
  position: absolute;
  left: -1.979vw;
  top: 100%;
  width: 15.781vw;
  padding: 0.8333vw;
  border-radius: 0.625vw;
  background: rgba(0, 0, 0, 0.36);
  border: 1px solid rgba(255, 255, 255, 0.20);
  -webkit-backdrop-filter: blur(0.989vw);
  backdrop-filter: blur(0.989vw);
  opacity: 0;
  pointer-events: none;
  transition: all ease 0.3s;
}

.head1 .down .li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0.625vw;
  border-radius: 0.4167vw;
}

.head1 .down .li:hover {
  background: rgba(255, 255, 255, 0.20);
}

.head1 .down .li:not(:last-child) {
  margin-bottom: 0.625vw;
}

.head1 .down .li .bg {
  width: 3.906vw;
  height: 3.906vw;
  border-radius: 0.52vw;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.2);
}

.head1 .down .li .txt {
  margin-left: 0.833vw;
  flex: 1;
  min-width: 0;
}

.head1 .down .li .txt .d1 {
  color: #fcfcf7;
}

.head1 .down .more {
  width: -moz-max-content;
  width: max-content;
  margin: 0.833vw 0 0 auto;
  color: #fcfcf7;
}

.head1 .down .more span {
  text-decoration: underline;
  text-underline-offset: 0.208vw;
}

.head1 .down .more .icon {
  width: 0.416vw;
}

.head1 .link:hover .down {
  opacity: 1;
  pointer-events: visible;
}

.head1 .down2 {
  border-radius: 0.625vw;
  background: rgba(0, 0, 0, 0.36);
  border: 1px solid rgba(255, 255, 255, 0.20);
  backdrop-filter: blur(0.989vw);
  padding: 0.416vw;

  position: absolute;
  left: -0.729vw;
  top: 100%;
  margin-top: 1.562vw;
  width: 14.427vw;
  opacity: 0;
  pointer-events: none;
  transition: all ease 0.3s;
}

.head1 .link:hover .down2 {
  opacity: 1;
  pointer-events: visible;
}

.head1 .down2::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 100%;
  width: 100%;
  height: 2.083vw;
}

.head1 .down2 a {
  display: block;
  padding: 0.416vw 0.833vw;
  border-radius: 0.625vw;
}

.head1 .down2 a:hover {
  background: rgba(0, 0, 0, 0.20);
}








.head1 .right {
  gap: 1.562vw;
  margin-left: 4.791vw;
}

.head1 .right .a2 {
  color: #070707;
  padding: 0.625vw 1.25vw;
  border-radius: 0.312vw;
  background-image: linear-gradient(90deg, #ffe7c0 0%, #ffe7c0 55%, #d4b485 88%);
  background-size: 210% 100%;
  background-position: left;
}

.head1 .right .a2:hover {
  background-position: right;
}

.head1 .right .a1 .icon {
  width: 1.25vw;
}

.head1 .right .a1 span {
  margin-left: 0.208vw;
}

footer {
  background: #2a2a2a;
}

.foot1 {
  padding: 3.333vw 6.25vw 0;
}

.foot1 .line {
  width: 100%;
  border-bottom: 0.052vw solid rgba(217, 217, 217, 0.2);
  margin-top: 9.062vw;
}

.foot1 .foot-link ul {
  width: 17.5vw;
  padding-right: 0.5em;
}

.foot1 .foot-link ul:not(:last-child) {
  flex: 1;
  min-width: 0;
}

.foot1 .foot-link a {
  display: block;
}

.foot1 .foot-link .a1 {
  font-weight: 700;
  margin-bottom: 1.041vw;
}

.foot1 .foot-link .a2 {
  margin-bottom: 0.416vw;
  font-weight: 200;
  font-family: "Gilroy-light";
}

.foot1 .shares {
  display: flex;
  flex-wrap: wrap;
  gap: 0.833vw;
}

.foot1 .shares .hpic {
  height: 1.77vw;
}

.foot1 .foot-form {
  padding: 0.625vw 0.833vw;
  margin: 1.041vw 0;
  border-radius: 2.604vw;
  background: #fff;
  position: relative;
  transition: all ease 0.3s;
}

.foot1 .foot-form input {
  flex: 1;
  min-width: 0;
  color: #000;
}

.foot1 .foot-form input::-moz-placeholder {
  color: #6b7280;
}

.foot1 .foot-form input::placeholder {
  color: #6b7280;
}

.foot1 .foot-form button {
  width: 0.833vw;
  border: none;
  background: none;
  cursor: pointer;
}

.foot1 .foot-form.error {
  margin-bottom: 3em;
}

.foot1 .foot-form .error-tip {
  color: #e60012;
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 0.364vw;
  display: none;
}

.foot1 .foot-form .error-tip .icon {
  width: 1.25vw;
  margin-right: 0.208vw;
}

.foot1 .foot-form.error .error-tip {
  display: flex;
}

.foot2 {
  padding: 2.916vw 6.25vw 6.562vw;
}

.foot2 .logo {
  width: 14.479vw;
}

.foot2 .you .icon {
  width: 1.25vw;
  margin-right: 0.833vw;
  box-shadow: 0 0 0 0.104vw #fff;
  border-radius: 100%;
}

.foot4 {
  padding: 0 6.25vw 3.125vw;
}

.foot4 .zuo {
  gap: 14.375vw;
}

/* -----------------------------------------首页-------------------------------------- */
.home1 {
  position: relative;
}

.home1 .slide-bg img {
  transition: 2s;
  transform: scale(1.1);
}

.home1 .swiper-slide-active .slide-bg img {
  transform: scale(1);
}

.home1 .intr {
  padding: 0 8.541vw 5.468vw;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  color: #fff;
}

.home1 .intr .zuo {
  width: 40.885vw;
}

.home1 .intr .t1 {
  line-height: 1.22;
}

.home1 .intr .t2 {
  margin: 0.729vw 0 1.354vw;
}

.home1 .pd-tuijian {
  position: absolute;
  bottom: 3.645vw;
  right: 3.333vw;
  padding: 0.572vw 0.833vw 0.781vw 0.833vw;
  border-radius: 0.208vw;
  overflow: hidden;
  background: rgba(247, 247, 247, 0.2);
  -webkit-backdrop-filter: blur(4.062vw);
  backdrop-filter: blur(4.062vw);
}

.home1 .pd-tuijian .bg {
  width: 3.854vw;
  height: 3.854vw;
  border-radius: 0.52vw;
  overflow: hidden;
}

.home1 .pd-tuijian .txt {
  width: 10.104vw;
  margin-left: 0.52vw;
  margin-right: 1.406vw;
  color: #fff;
}

.home1 .pd-tuijian .icon {
  width: 1.041vw;
  margin-bottom: 1.041vw;
}

.home2 {
  padding: 15.208vw 0 16.979vw;
  background: url("/img/home2-bg.svg") no-repeat top/cover;
  position: relative;
  overflow: hidden;
}

.home2 .text {
  width: 60.52vw;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

.home2 .text .t1 {
  letter-spacing: 0.026vw;
}

.home2 .text .t2 {
  margin-top: 1.562vw;
}

.home2 .xfpic {
  position: absolute;
  z-index: 1;
}

.home2 .xfpic1 {
  width: 27.083vw;
  left: 54.27vw;
  top: 4.479vw;
}

.home2 .xfpic2 {
  width: 31.25vw;
  left: 19.062vw;
  top: 14.114vw;
}

.home3 {
  background: #080808;
  color: #fff;
}

.home3 .zuo {
  padding: 0 0 0 10.156vw;
  flex: 1;
  min-width: 0;
}

.home3 .zuo .t1 {
  letter-spacing: -0.087vw;
}

.home3 .zuo .t2 {
  letter-spacing: 0.026vw;
  margin: 1.458vw 0 3.125vw;
}

.home3 .zuo .user {
  position: relative;
  margin-bottom: 7.729vw;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-left: -1.302vw;
}

.home3 .zuo .user .bg {
  width: 8.645vw;
  height: 8.645vw;
  border-radius: 100%;
  overflow: hidden;
}

.home3 .zuo .user .text {
  position: absolute;
  text-align: center;
  top: calc(100% + 1.25vw);
}

.home3 .zuo .user .txt {
  position: relative;
  padding-left: 3.541vw;
  flex: 1;
  min-width: 0;
}

.home3 .zuo .user .txt::before,
.home3 .zuo .user .txt::after {
  content: "";
  display: block;
  width: 0.885vw;
  height: 0.885vw;
  background: url("/img/home3-2.svg") no-repeat center/contain;
  position: absolute;
}

.home3 .zuo .user .txt::before {
  left: 1.197vw;
  bottom: 100%;
  margin-bottom: 1.197vw;
}

.home3 .zuo .user .txt::after {
  right: 3.854vw;
  top: 100%;
  margin-top: 1.197vw;
}

.home3 .zuo .user .t3 {
  width: 24.687vw;
  font-style: italic;
  letter-spacing: 0.026vw;
}

.home3 .you {
  position: relative;
  padding: 1.875vw 6.25vw 1.875vw 0;
}

.home3 .you .video-box {
  width: 44.166vw;
  height: 44.166vw;
  position: relative;
}

.home3 .you .video-box video {
  border-radius: 100%;
  overflow: hidden;
}

.home3 .you .mask {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 124%;
}

.home3 .you .pic {
  position: absolute;
  width: 48.02vw;
  left: 0;
  top: 10%;
}

.home4 {
  padding: 9.895vw 0 8.854vw 12.5vw;
  background: url("/img/home4-bg.jpg") no-repeat center/cover;
}

.home4 .sec1 {
  padding-right: 17.812vw;
}

.home4 .sec1 .t1 {
  width: 32.916vw;
  letter-spacing: -0.087vw;
}

.home4 .sec1 .t2 {
  margin: 1.25vw 0 0.989vw;
}

.home4 .swiper {
  margin-top: 2.604vw;
}

.home4 .swiper .item {
  position: relative;
  width: 23.958vw;
}

.home4 .swiper .item .pic {
  position: relative;
}

.home4 .swiper .item .btn {
  position: absolute;
  right: 0.781vw;
  bottom: 1.041vw;
  width: 3.437vw;
  height: 3.437vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  border-radius: 0.625vw;
  background: linear-gradient(90deg, #fff3df 0.4%, #d4b485 66.32%);
}

.home4 .swiper .item .btn .icon {
  width: 1.25vw;
}

.home4 .swiper .item .intr .t2 {
  line-height: 2.7;
  font-style: italic;
}
.home5 {
  background: url("/img/kexue3-bg.jpg") no-repeat center/cover;
}
.home5 .swiper-slide{
  padding: 7.604vw 7.604vw 7.604vw 12.5vw;
}

.home5 .swiper-pagination {
  bottom: 50px;
  --swiper-pagination-bullet-size: 10px;
  --swiper-pagination-bullet-inactive-color: #d9d9d9;
  --swiper-pagination-bullet-horizontal-gap: 5px;
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-color: var(--color);
}

.home5 .zuo .t1 {
  width: 35.156vw;
  background-image: linear-gradient(92deg, #fff3df 2.37%, #d4b485 51.24%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.home5 .zuo .t2 {
  width: 35.156vw;
  margin-top: 1.562vw;
  letter-spacing: -0.087vw;
  line-height: 1.06;
  background-image: linear-gradient(92deg, #fff3df 2.37%, #d4b485 51.24%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.home5 .zuo .pic {
  width: 37.447vw;
  margin-top: -3.645vw;
}

.home5 .you {
  padding: 2.968vw 2.083vw 3.229vw 1.979vw;
  border-radius: 0.833vw;
  background: #fff;
  min-height: 40.364vw;
  width: 27.812vw;
}

.home5 .you .t3 {
  font-style: italic;
  line-height: 1;
}

.home5 .you .t4 {
  margin: 0.312vw 0 0.833vw;
}

.home5 .you .t5 {
  margin-left: 0.572vw;
}

.home5 .you .starts {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.home5 .you .starts img {
  width: 0.833vw;
}

.home5 .you .t6 {
  margin-top: 0.625vw;
}

.home5 .you .list {
  margin: 3.125vw 0 0.729vw;
  border-radius: 0.625vw;
  border: 0.052vw solid #e5e7eb;
  overflow: hidden;
}

.home5 .you .list .item {
  cursor: pointer;
  padding: 0.781vw 0.781vw 0.937vw 0.729vw;
}

.home5 .you .list .item .name .icon {
  width: 1.562vw;
  height: 1.562vw;
  background: url("/img/home5-2-h.svg") no-repeat center/contain;
  transition: all ease 0.3s;
}

.home5 .you .list .item.on {
  background: #f5f5f5;
}

.home5 .you .list .item.on .name .icon {
  background: url("/img/home5-2.svg") no-repeat center/contain;
}

.home5 .you .list .item .l {
  flex: 1;
  min-width: 0;
}

.home5 .you .list .item .txt {
  margin-left: 0.625vw;
  flex: 1;
  min-width: 0;
}

.home5 .you .list .item .p1 {
  color: #1f2937;
}

.home5 .you .list .item .p2 {
  opacity: 0.5;
  margin-top: 0.156vw;
}

.home5 .you .list .item .p3 {
  line-height: 1;
}

.home5 .you .list .item .p4 {
  text-decoration-line: line-through;
  color: #d0d0d0;
}

.home5 .you .list .item .content {
  border-top: 0.052vw solid #e5e7eb;
  padding-top: 0.625vw;
  margin-left: 2.083vw;
  margin-top: 0.625vw;
  display: none;
}

.home5 .you .list .item .content .li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 0.208vw;
  color: #2d2d2d;
}

.home5 .you .list .item .content .li .icon {
  width: 0.625vw;
}

.home5 .you .list .item .content .li p {
  margin-left: 0.364vw;
  flex: 1;
  min-width: 0;
  color: #2d2d2d;
}

.home5 .you .list .item:nth-last-child(n+2) {
  border-bottom: 0.052vw solid #e5e7eb;
}

.home5 .you .sec2 {
  height: 3.333vw;
}

.home5 .you .sec2 .number {
  width: 3.333vw;
  height: 100%;
  border-radius: 0.625vw;
  border: 0.052vw solid #e5e5e5;
  background: #fff;
  margin-right: 0.208vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.home5 .you .sec2 .number-control {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.home5 .you .sec2 .number-control .btn {
  width: 1.562vw;
  height: 1.562vw;
  border-radius: 0.312vw;
  border: 0.052vw solid #e5e5e5;
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.home5 .you .sec2 .number-control .btn img {
  width: 0.625vw;
}

.home5 .you .sec2 .C-btn3 {
  flex: 1;
  min-width: 0;
  margin-left: 0.312vw;
}

.home5 .you .t20 {
  margin-top: 0.625vw;
}

.home6 .sec1 {
  padding: 7.656vw 3.229vw 5.208vw 12.5vw;
}
.home6 .swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
  -moz-transition-timing-function: linear !important;
  -ms-transition-timing-function: linear !important;
  -o-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}
.home6 .sec1 .t1 {
  width: 32.916vw;
  letter-spacing: 0.026vw;
}

.home6 .sec1 .t2 {
  width: 38.854vw;
  margin: 1.041vw 0 2.395vw;
}

.home6 .swiper-slide {
  width: 18.437vw;
  height: 26.25vw;
  position: relative;
}

.home6 .swiper-slide .poster {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.home6 .swiper-slide.play .poster {
  display: none;
}

.home6 .swiper-slide .pay-btn {
  position: absolute;
  right: 1.197vw;
  bottom: 1.354vw;
  width: 2.083vw;
  height: 2.083vw;
  z-index: 3;
  background: url("/img/home6-i1.svg") no-repeat center/contain;
}

.home6 .swiper-slide:hover .pay-btn {
  background: url("/img/home6-i2.svg") no-repeat center/contain;
}

.home6 .swiper-slide .product-link {
  position: absolute;
  bottom: 1.822vw;
  left: 1.406vw;
  /* width: 3.854vw; */
  height: 3.854vw;
  border-radius: 0.52vw;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  transition: all ease 0.6s;
  display: flex;
  align-items: center;
  gap: 1.0417vw;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.17);
  width: fit-content;
  padding: 0.3125vw 1.0417vw;
}

.home6 .swiper-slide .product-link img {
  width: 3.854vw;
  height: 3.854vw;
  border-radius: 0.52vw;
}

.home6 .swiper-slide .product-link p {
  color: #fff;
}

.home6 .swiper-slide:hover .product-link {
  opacity: 1;
  pointer-events: visible;
}

.bg video {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.home7 {
  padding: 7.291vw 0 8.125vw;
  position: relative;
}

.home7 .zhuangshi {
  position: absolute;
  left: 0;
  top: 0;
  transform: translateY(-50%);
  width: 30.729vw;
  pointer-events: none;
}

.home7 .sec1 .t1 {
  letter-spacing: 0.026vw;
}

.home7 .swiper-father {
  padding: 4.843vw 8.333vw 0;
}

.home7 .swiper-slide {
  width: 16.041vw;
  position: relative;
}

/* .home7 .swiper-slide .icon {
  width: 4.687vw;
  margin: 0 auto;
} */
.home7 .swiper-slide .icon {
  width: 4.687vw;
  margin: 0 auto;
  height: 6.9792vw;
  display: flex;
  align-items: flex-end;
}

.home7 .swiper-slide .t2 {
  margin: 1.25vw 0 0.833vw;
}

.home7 .swiper-slide .t3 {
  letter-spacing: 0.02vw;
}

.home7 .C-control {
  margin-top: 4.479vw;
}

.C-control .swiper-pagination {
  position: static;
  width: 28.281vw;
  height: 0.104vw;
  margin-right: 1.302vw;
  background: #e3eaec;
}

.C-control .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #414042;
}

.C-control .swiper-pagination-lock+.play {
  display: none;
}

.C-control .play {
  width: 1.666vw;
  height: 1.666vw;
  border-radius: 100%;
  border: 0.052vw solid #000;
  background-image: url("/img/home7-i3.svg");
  background-size: 1.041vw;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #000;
}

.C-control .play.on {
  background-image: url("/img/home7-i4.svg");
}

.C-control .sbtn-group {
  margin-left: 2.5vw;
}

.sbtn-group {
  gap: 0.52vw;
}

.sbtn1 {
  width: 1.406vw;
  cursor: pointer;
}

.home8 .sec1 {
  padding: 0 8.02vw 3.229vw 12.5vw;
}

.home8 .sec1 .t1 {
  letter-spacing: -0.087vw;
}

.home8 .sec1 .t2 {
  margin-top: auto;
}

.home8 .swiper-slide {
  width: 30.52vw;
}

.home8 .swiper-slide .bg {
  border-radius: 0.208vw;
  overflow: hidden;
  height: 16.302vw;
}

.home8 .swiper-slide .n1 {
  margin: 0.833vw 0 0.781vw;
  border-radius: 5.208vw;
  border: 0.052vw solid #dadada;
  padding: 0.312vw 0.625vw;
  display: inline-block;
}

.home8 .swiper-slide .n2 {
  letter-spacing: -0.031vw;
  width: 25.52vw;
}

.home8 .swiper-slide .n3 {
  margin-top: 0.625vw;
}

.home8 .swiper-slide .n3 .icon {
  width: 0.729vw;
}

.home8 .sec3 {
  padding: 1.041vw 13.802vw 4.687vw;
}

/* -----------------------------------------注释-------------------------------------- */
.news1 {
  position: relative;
}

.news1 .main {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 5.677vw 8.541vw;
  align-items: flex-start;
  color: #fff;
}

.news1 .main .t1 {
  letter-spacing: 0.026vw;
}

.news1 .main .t2 {
  margin-top: 1.25vw;
  width: 40.885vw;
  line-height: 1.22;
}

.news1 .main .t3 {
  margin-top: 1.354vw;
  width: 33.125vw;
}

.news1 .main .C-btn {
  margin-top: 1.979vw;
}

.news2 {
  padding: 4.479vw 0 0;
}

.news2 .tabs {
  gap: 8.75vw;
}

.news2 .tabs .tab {
  opacity: 0.7;
}

.news2 .tabs .tab.on {
  opacity: 1;
}

.news2 .tabs .tab:hover {
  opacity: 1;
}

.news2 .news-list {
  margin-top: 4.479vw;
}

.news2 .C-paging {
  margin-top: 2.5vw;
}

.news-list {
  gap: 2.083vw 1.041vw;
}

.news-list .item {
  background: #fff;
}

.news-list .item .bg {
  height: 16.302vw;
}

.news-list .item .intr {
  padding: 1.25vw;
  gap: 0.572vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.news-list .item .intr .n1 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.52vw;
}

.news-list .item .intr .n1 span {
  padding: 0.26vw 0.833vw;
  border-radius: 5.208vw;
  border: 0.052vw solid #dadada;
}

.news-list .item .intr .n3-box {
  width: 100%;
}

.news-list .item .intr .n3 {
  color: #666;
  letter-spacing: 0.026vw;
}

.C-more {
  position: relative;
  cursor: pointer;
  width: max-content;
}

.C-more .icon {
  width: 0.729vw;
  margin-left: 0.208vw;
}

.C-more::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.052vw;
  transition: all ease 0.3s;
  background: #000;
  transform: scale(0);
  transform-origin: left;
}

.C-more:hover::after {
  transform: scale(1);
}

.C-more.theme2::after {
  color: #fff;
  background: #fff;
}

.C-paging {
  gap: 1.875vw;
}

.C-paging .pages {
  gap: 1.875vw;
}

.C-paging .pages a:not(.on):hover {
  transform: scale(1.1);
}

.C-paging a {
  border-radius: 0.416vw;
  display: flex;
  justify-content: center;
  align-items: center;
}

.C-paging a img {
  width: 0.364vw;
}

.C-paging a.on {
  width: 2.083vw;
  height: 2.083vw;
  background: #ffe7c0;
}

.C-paging a.btn {
  width: 2.083vw;
  height: 2.083vw;
  background: #ffe7c0;
}

.news3 {
  padding: 8.229vw 0 9.895vw;
}

.news3 .t1 {
  width: 62.395vw;
  margin: 0 auto;
  line-height: 1.5;
}

.page-bg {
  background-position: left top;
  background-repeat: repeat;
  background-size: 100% auto;
}

.page-news-info {
  background: #f2f2f2;
}

.news4 {
  padding: 12.916vw 4.687vw;
  position: relative;
}

.news4 .zuo {
  margin-top: 7.604vw;
  width: 16.145vw;
  border-radius: 0.208vw;
  background: #fff;
  box-shadow: 0 0.208vw 1.541vw 0.52vw rgba(0, 0, 0, 0.04);
  padding: 1.562vw 1.041vw;
  height: 100%;
  position: sticky;
  left: 0;
  top: var(--head);
}

.news4 .zuo .ul {
  margin-top: 1.041vw;
  color: #666;
}

.news4 .zuo .ul .li {
  margin-bottom: 1.406vw;
  display: flex;
  flex-wrap: wrap;
  cursor: pointer;
}

.news4 .zuo .ul .li.on {
  color: #a76700;
}

.news4 .zuo .ul .li span {
  margin-right: 0.5em;
}

.news4 .zuo .ul .li p {
  flex: 1;
  min-width: 0;
}

.news4 .zhong {
  width: 50vw;
}

.news4 .zhong .title .t1 {
  width: 40.885vw;
  line-height: 1.22;
}

.news4 .zhong .title .t2box {
  margin-top: 2.5vw;
  padding-bottom: 0.885vw;
  border-bottom: 0.052vw solid rgba(0, 0, 0, 0.8);
}

.news4 .zhong .title .t2 {
  color: #666;
}

.news4 .zhong .title .share {
  width: 1.25vw;
}

.news4 .zhong .empty {
  padding: 3.541vw 0 4.062vw;
  line-height: 2;
}

.news4 .zhong .empty * {
  white-space: wrap !important;
}

.news4 .zhong .empty img {
  max-width: 100%;
  margin: 2.5vw 0;
}

.news4 .zhong .empty .block-section {
  margin-bottom: 1.875vw;
}

.news4 .zhong .empty .block-section .e1 {
  margin-bottom: 1.875vw;
}

.news4 .zhong .shares .ul {
  gap: 0.625vw;
}

.news4 .zhong .shares .li {
  width: 2.5vw;
}

.news4 .zhong .fenye {
  margin-top: 1.666vw;
}

.news4 .zhong .fenye .fenye-l {
  width: 24.114vw;
}

.news4 .zhong .fenye .fenye-l a:nth-last-child(n+2) {
  margin-bottom: 0.833vw;
}

.news4 .zhong .fenye .fenye-l a:hover {
  color: var(--color);
}

.news4 .zhong .fenye .fenye-r .icon {
  width: 1.875vw;
  margin-right: 0.833vw;
}

.news4 .you {
  margin-top: 7.604vw;
  width: 16.145vw;
  padding: 0.625vw 1.25vw;
  border-radius: 0.208vw;
  background: #fff;
  box-shadow: 0 0.208vw 1.541vw 0.52vw rgba(0, 0, 0, 0.04);
  height: 100%;
  position: sticky;
  left: 0;
  top: var(--head);
}

.news4 .you .ul {
  margin-top: 0.833vw;
}

.news4 .you .ul .li {
  margin-bottom: 1.041vw;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  cursor: pointer;
}

.news4 .you .ul .li .bg {
  width: 3.854vw;
  height: 2.916vw;
}

.news4 .you .ul .li .t2 {
  flex: 1;
  min-width: 0;
  margin-left: 1.25vw;
}

.news4 .you .ul .li:hover .t2 {
  color: var(--color);
}

.news5 {
  padding: 0 6.25vw;
}

.news5 .t1 {
  letter-spacing: -0.087vw;
  margin-bottom: 2.395vw;
}

.news6 {
  padding: 12.76vw 0;
  overflow: hidden;
}

.news6 .t2 {
  margin-top: 1.875vw;
}

.news6 .zs {
  width: 77.864vw;
  height: 77.864vw;
  transform: rotate(-80deg);
  background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(212, 180, 133, 0.27) 0%, rgba(212, 180, 133, 0.22) 15%, rgba(212, 180, 133, 0.11) 30%, rgba(212, 180, 133, 0) 60%);
  position: absolute;
  bottom: -30%;
  right: -30%;
  pointer-events: none;
  z-index: -1;
}

.sbtn2 {
  width: 1.666vw;
  height: 1.666vw;
  background: url("/img/zj1-2.svg") no-repeat center/contain;
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  z-index: 5;
  transition: all ease 0.3s;
}

.sbtn2:hover {
  background: url("/img/zj1-2-h.svg") no-repeat center/contain;
}

.sbtn2.next {
  left: auto;
  right: 0;
  transform: rotateY(180deg) translate(0, -50%);
}

.C-banner {
  position: relative;
}

.C-banner .bg {
  height: 100vh;
}

.C-banner.autoHeight .bg {
  height: auto;
}

.C-banner .swiper-slide {
  position: relative;
}

.C-banner .swiper-slide .intr {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 7.812vw 0;
  color: #fff;
}

.C-banner .swiper-slide .intr .t1 {
  line-height: 1.22;
}

.C-banner .swiper-slide .intr .t2 {
  margin-top: 0.729vw;
}

.C-banner .swiper-slide .intr .C-btn {
  margin-top: 1.354vw;
}

.C-banner .sbtn2 {
  margin: 0 2.083vw;
}

.C-banner .swiper-pagination {
  bottom: 2.604vw;
  --swiper-pagination-bullet-size: 0.833vw;
  --swiper-pagination-bullet-inactive-color: rgba(255, 231, 192, 0.5);
  --swiper-pagination-bullet-horizontal-gap: 0.26vw;
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-color: #ffe7c0;
}

.zj2 {
  padding: 12.916vw 0 11.718vw;
}

.zj2 .t1 {
  width: 27.291vw;
  line-height: 1.22;
}

.zj2 .t2 {
  width: 42.5vw;
}

.zj2 .pic {
  margin: 3.541vw 0 1.25vw;
}

.zj3 {
  padding: 0 0 15.416vw;
}

.zj3 .t1 {
  width: 30.729vw;
  line-height: 1.22;
}

.zj3 .t2 {
  width: 42.5vw;
}

.zj3 .swiper {
  margin: 4.479vw 0 3.281vw;
}

.zj3 .swiper .swiper-slide {
  position: relative;
  width: 17.916vw;
  cursor: default;
}

.zj3 .swiper .swiper-slide .bg {
  height: 26.875vw;
}

.zj3 .swiper .swiper-slide .intr {
  padding: 0.781vw 0 0;
}

.zj3 .swiper .swiper-slide .intr .flex-xb-yc {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.zj3 .swiper .swiper-slide .intr .t3 {
  height: 4.375vw;
}

.zj3 .swiper .swiper-slide .intr .t4 {
  padding: 0.26vw 0.625vw;
  border-radius: 1.041vw;
  border: 0.052vw solid #dadada;
}

.zj3 .swiper .swiper-slide .intr .t5 {
  margin-top: 0.312vw;
}

.zj3 .swiper .swiper-slide::after {
  content: "";
  display: block;
  position: absolute;
  left: 100%;
  top: 0;
  margin-left: 1.25vw;
  width: 0.052vw;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}

.zj4 {
  position: relative;
}

.zj4 .main {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  padding: 5.781vw 0 0;
}

.zj4 .main .t2 {
  margin-top: 0.729vw;
}

.zj4 .point-list .item {
  position: absolute;
}

.zj4 .point-list .item .point {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1.145vw;
  height: 1.145vw;
  border-radius: 100%;
  background: #ae874f;
}

.zj4 .point-list .item .point::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 2.5vw;
  height: 2.5vw;
  border-radius: 1.25vw;
  background: rgba(174, 135, 79, 0.5);
  animation: ripple 2s cubic-bezier(0, 0, 0.2, 1) infinite;
}

.zj4 .point-list .item span {
  color: #fff;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 1.77vw;
}

.zj4 .swiper {
  position: absolute;
  right: 10.416vw;
  bottom: 10.416vw;
  height: 18.229vw;
  color: #fff;
  user-select: none;
}

.zj4 .swiper .swiper-slide {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  height: -moz-fit-content;
  height: fit-content;
  gap: 0.312vw;
}

.zj4 .swiper .swiper-slide .icon {
  width: 1.875vw;
}

@keyframes ripple {
  0% {
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 0.6;
  }

  100% {
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 0;
  }
}

.zj5 {
  position: relative;
}

.zj5 .swiper {
  height: 100vh;
}

.zj5 .main {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  z-index: 5;
  padding: 4.01vw 0;
  /* background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0) 36.13%, #000 100%); */
}

.zj5 .t2 {
  margin-top: 1.25vw;
  width: 36.458vw;
  color: rgba(255, 255, 255, 0.6);
}

.zj5 .ul {
  margin-top: 4.322vw;
  gap: 5.052vw;
}

.zj5 .ul .li {
  opacity: 0.5;
  padding: 0 0 2.291vw;
  border-bottom: 0.052vw solid #fff;
  transition: all ease 0.3s;
}

.zj5 .ul .li.on {
  opacity: 1;
}

.zj5 .ul .li .t4 {
  margin-top: 0.208vw;
}

.zj6 {
  padding: 12.916vw 0 10vw;
  position: relative;
}

.zj6 .zuo {
  width: 30.885vw;
  padding-top: 8.333vw;
}

.zj6 .zuo .t1 {
  line-height: 1.22;
}

.zj6 .zuo .t2 {
  margin-top: 2.5vw;
}

.zj6 .you {
  width: 42.604vw;
}

.zj6 .zs {
  position: absolute;
  left: -25%;
  bottom: -10%;
  width: 91.406vw;
  height: 91.406vw;
  background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(212, 180, 133, 0.2) 0%, rgba(212, 180, 133, 0.16) 15%, rgba(212, 180, 133, 0.08) 30%, rgba(212, 180, 133, 0) 60%);
  pointer-events: none;
  z-index: -1;
}

.C-form .form-body {
  display: flex;
  flex-direction: column;
  gap: 2.083vw;
}

.C-form .form-row {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25vw;
}

.C-form .form-item {
  display: flex;
  flex-direction: column;
  gap: 0.208vw;
  flex: 1;
  min-width: 0;
}

.C-form .form-item.w50 {
  flex: 0 0 calc(50% - 0.625vw);
}

.C-form .form-item.full {
  flex: 0 0 100%;
}

.C-form .form-label {
  line-height: 1.5;
  color: #000;
}

.C-form .form-input,
.C-form .form-select-wrap,
.C-form .form-textarea {
  border: 0.052vw solid #727171;
  border-radius: 0.208vw;
  background: #fff;
  transition: all ease 0.3s;
}

.C-form .form-input:focus-within,
.C-form .form-select-wrap:focus-within,
.C-form .form-textarea:focus-within {
  border-color: #a76700;
}

.C-form .form-input.error,
.C-form .form-select-wrap.error,
.C-form .form-textarea.error {
  border-color: #e60012;
}

.C-form .form-input input {
  width: 100%;
  height: 3.125vw;
  line-height: 1.5;
  color: #000;
  padding: 0.625vw 0.989vw;
  background: none;
}

.C-form .form-input input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.C-form .form-input input::placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.C-form .form-select-wrap {
  height: 3.125vw;
  padding: 0 0.989vw;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
  cursor: pointer;
}

.C-form .form-select-wrap .form-select-display {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 0.52vw;
}

.C-form .form-select-wrap .form-select-display span {
  flex: 1;
  min-width: 0;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.5);
}

.C-form .form-select-wrap .form-select-display span.selected {
  color: #000;
}

.C-form .form-select-wrap .form-select-display .arrow {
  width: 1.666vw;
  height: 1.666vw;
  transition: all ease 0.3s;
}

.C-form .form-select-wrap.open .form-select-display .arrow {
  transform: rotate(180deg);
}

.C-form .form-select-wrap .form-select-options {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  max-height: 10.416vw;
  overflow-y: auto;
  background: #fff;
  border: 0.052vw solid #727171;
  border-radius: 0.208vw;
  margin-top: 0.208vw;
  z-index: 10;
  display: none;
}

.C-form .form-select-wrap .form-select-options .option {
  padding: 0.625vw 0.989vw;
  line-height: 1.5;
  cursor: pointer;
  transition: all ease 0.3s;
}

.C-form .form-select-wrap .form-select-options .option:hover {
  background: #f5f5f5;
}

.C-form .form-select-wrap .form-select-options .option.selected {
  background: #ffe7c0;
}

.C-form .form-select-wrap.open .form-select-options {
  display: block;
}

.C-form .form-textarea {
  padding: 0.781vw 0.937vw;
  border-radius: 0.625vw;
}

.C-form .form-textarea textarea {
  width: 100%;
  min-height: 6.77vw;
  line-height: 1.5;
  color: #000;
}

.C-form .form-textarea textarea::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.C-form .form-textarea textarea::placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.C-form .form-checkbox-group {
  display: flex;
  flex-direction: column;
  gap: 1.25vw;
}

.C-form .form-checkbox-group .checkbox-title {
  line-height: 1.5;
  color: #000;
}

.C-form .form-checkbox-group .checkbox-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1.25vw 4.635vw;
}

.C-form .form-checkbox-group .checkbox-col {
  display: flex;
  flex-direction: column;
  gap: 1.25vw;
}

.C-form .form-checkbox-group .checkbox-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.625vw;
  cursor: pointer;
}

.C-form .form-checkbox-group .checkbox-item .checkbox-box {
  width: 1.666vw;
  height: 1.666vw;
  border: 0.052vw solid #999;
  border-radius: 0.208vw;
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  transition: all ease 0.3s;
}

.C-form .form-checkbox-group .checkbox-item .checkbox-box img {
  width: 1.041vw;
  opacity: 0;
  transition: all ease 0.3s;
}

.C-form .form-checkbox-group .checkbox-item input {
  display: none;
}

.C-form .form-checkbox-group .checkbox-item input:checked+.checkbox-box {
  background: #ffe7c0;
  border-color: #c09555;
}

.C-form .form-checkbox-group .checkbox-item input:checked+.checkbox-box img {
  opacity: 1;
}

.C-form .form-checkbox-group .checkbox-item .checkbox-label {
  flex: 1;
  min-width: 0;
  line-height: 1.5;
  color: #000;
}

.C-form .form-submit {
  margin-top: 2.5vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.C-form .form-submit button {
  width: 26.51vw;
  height: 4.843vw;
  border: none;
  border-radius: 0.885vw;
  border-radius: 0.885vw;
  background: linear-gradient(103deg, #fff3df 9.51%, #d4b485 35.66%);
  cursor: pointer;
  text-transform: uppercase;
  line-height: 1.2;
  color: #000;
  transition: all ease 0.3s;
}

.C-form .form-submit button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

.C-form .form-error {
  color: #e60012;
  margin-top: 0.208vw;
  display: none;
}

.C-form .form-input-password {
  display: flex;
  align-items: center;
  padding-right: 0.989vw;
}

.C-form .form-input-password .password-toggle {
  width: 1.041vw;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.C-form .form-input-password .password-toggle img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.C-form .form-input-password .password-toggle .icon-hide {
  display: none;
}

.C-form .form-input-password.show-password .password-toggle .icon-show {
  display: none;
}

.C-form .form-input-password.show-password .password-toggle .icon-hide {
  display: block;
}

.C-form .form-input-date {
  display: flex;
  align-items: center;
  padding-right: 0.989vw;
  cursor: pointer;
}

.C-form .form-input-date .date-icon {
  width: 0.937vw;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.C-form .form-input-date .date-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.C-form-btn1 {
  min-width: 17.5vw;
  height: auto;
  padding: 1.25vw 3.541vw;
  border-radius: 0.625vw;
  background: transparent;
  cursor: pointer;
  text-transform: uppercase;
  line-height: 1.2;
  color: #000;
  transition: all ease 0.3s;
  position: relative;
  border: none;
  text-align: center;
}

.C-form-btn1::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 0.052vw solid #000;
  border-radius: 0.625vw;
  transition: all ease .3s;
}

.C-form-btn1:hover::after {
  border-color: transparent;
}

.C-form-btn1:hover {
  background: linear-gradient(103deg, #fff3df 9.51%, #d4b485 35.66%);
}

.C-form-btn1:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

input:-webkit-autofill {
  box-shadow: 0 0 0 52.083vw transparent inset !important;
}

input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #333 !important;
  transition: background-color 500000s ease-in-out 0s !important;
}

.yhpj2 {
  padding: 10.416vw 0 10.625vw;
}

.yhpj2 .t1 {
  line-height: 1.2;
}

.yhpj2 .t2 {
  margin-top: 1.25vw;
}

.yhpj2 .list {
  margin-top: 4.479vw;
  gap: 1.666vw;
}

.yhpj2 .list .item {
  border-radius: 0.416vw;
  position: relative;
  overflow: hidden;
}

.yhpj2 .list .item .poster {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: all ease 0.3s;
}

.yhpj2 .list .item.play .poster {
  opacity: 0;
}

.yhpj2 .list .item .pay-btn {
  position: absolute;
  right: 1.197vw;
  bottom: 1.354vw;
  width: 2.083vw;
  height: 2.083vw;
  z-index: 3;
  background: url("/img/home6-i1.svg") no-repeat center/contain;
}

.yhpj2 .list .item:hover .pay-btn {
  background: url("/img/home6-i2.svg") no-repeat center/contain;
}

.yhpj3 {
  position: relative;
}

.yhpj3 .main {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #fff;
}

.yhpj3 .main .t1 {
  width: 32.812vw;
}

.yhpj3 .main .t2 {
  width: 23.229vw;
  margin-top: 1.875vw;
  line-height: 1.7;
}

.yhpj4 {
  padding: 10.416vw 0;
}

.yhpj4 .zuo {
  width: 21.614vw;
}

.yhpj4 .zuo .t1 {
  letter-spacing: -0.087vw;
  line-height: 1.2;
}

.yhpj4 .zuo .pd-tuijian {
  margin-top: auto;
}

.yhpj4 .zuo .pd-tuijian a {
  display: none;
  width: -moz-max-content;
  width: max-content;
  height: 4.583vw;
  padding: 0 1.041vw 0 0.52vw;
  border-radius: 0.208vw;
  background: #f7f7f7;
}

.yhpj4 .zuo .pd-tuijian a.on {
  display: flex;
  animation: fadeInUp 0.3s forwards;
}

.yhpj4 .zuo .pd-tuijian .bg {
  width: 3.541vw;
  height: 3.541vw;
}

.yhpj4 .zuo .pd-tuijian .txt {
  flex: 1;
  min-width: 0;
  margin-right: 1.041vw;
}

.yhpj4 .zuo .pd-tuijian .txt .d2 {
  color: #001c38;
}

.yhpj4 .zuo .pd-tuijian .icon {
  width: 1.25vw;
  margin-bottom: 4em;
}

.yhpj4 .you {
  flex: 1;
  min-width: 0;
  margin-left: 2.5vw;
}

.yhpj4 .you .swiper-slide {
  width: 18.437vw;
  border-radius: 0.416vw;
  position: relative;
  overflow: hidden;
  cursor: none;
}

.yhpj4 .you .swiper-slide .poster {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: all ease 0.3s;
}

.yhpj4 .you .swiper-slide.play .poster {
  opacity: 0;
}

.yhpj4 .you .swiper-slide .pay-btn {
  position: absolute;
  right: 1.197vw;
  bottom: 1.354vw;
  width: 2.083vw;
  height: 2.083vw;
  z-index: 3;
  background: url("/img/home6-i1.svg") no-repeat center/contain;
  transition: all ease 0.3s;
}

.yhpj4 .you .swiper-slide:hover .pay-btn {
  opacity: 0;
}

.yhpj4 .yhpj4-cur {
  width: 10.416vw;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  pointer-events: none;
  z-index: 5;
}

.yhpj6 {
  padding: 10.416vw 0;
}

.yhpj6 .title .t1 {
  letter-spacing: -0.065vw;
  margin-bottom: 0.416vw;
}

.yhpj6 .sbtn-group {
  margin-top: auto;
}

.yhpj6 .swiper {
  margin-top: 3.541vw;
}

.yhpj6 .swiper .swiper-slide {
  position: relative;
  width: 19.27vw;
}

.yhpj6 .swiper .swiper-slide .bg {
  position: relative;
  overflow: hidden;
  border-radius: 0.416vw;
  height: auto;
}

.yhpj6 .swiper .swiper-slide .poster {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: all ease 0.3s;
}

.yhpj6 .swiper .swiper-slide.play .poster {
  opacity: 0;
}

.yhpj6 .swiper .swiper-slide .pay-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 3.02vw;
  height: 3.02vw;
  z-index: 3;
  background: url("/img/yhpj6-2.svg") no-repeat center/contain;
  transition: all ease 0.3s;
}

.yhpj6 .swiper .swiper-slide:hover .pay-btn {
  opacity: 0;
}

.yhpj6 .swiper .swiper-slide .intr {
  padding: 1.666vw 0 0;
}

.yhpj6 .swiper .swiper-slide .intr .starts {
  display: flex;
  flex-wrap: wrap;
  margin-right: 1.562vw;
}

.yhpj6 .swiper .swiper-slide .intr .starts img {
  width: 1.145vw;
}

.yhpj6 .swiper .swiper-slide .intr .t4 {
  margin-top: 0.625vw;
}

.yhpj7 {
  position: relative;
}

.yhpj7 .main {
  position: absolute;
  left: 15.625vw;
  top: 17.031vw;
  color: #fff;
}

.yhpj7 .main .t1 {
  margin-bottom: 2.5vw;
}

.about2 {
  padding: 12.916vw 0;
}

.about2 .t1 {
  width: 27.291vw;
}

.about2 .t2 {
  width: 42.5vw;
}

.about2 .list {
  margin-top: 7.708vw;
}

.about2 .list .item {
  width: 10.416vw;
}

.about2 .list .item .t3 {
  font-size: 5vw;
  font-weight: 500;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: center;
  line-height: 1;
}

.about2 .list .item .t4 {
  color: #666;
}

.about2 .list .fenge {
  width: 0.052vw;
  height: 3.02vw;
  background: #dcdcdc;
}

.about3 {
  padding: 0 0 12.916vw;
}

.about3 .zuo {
  width: 39.739vw;
}

.about3 .zuo .t2 {
  margin-top: 4.479vw;
}

.about3 .zuo .ul {
  margin-top: 4.479vw;
}

.about3 .zuo .ul .li {
  position: relative;
  margin-bottom: 0.885vw;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.about3 .zuo .ul .li::before {
  content: "";
  display: block;
  width: 0.625vw;
  height: 0.625vw;
  margin-right: 0.52vw;
  background: #ccc;
  border-radius: 100%;
}

.about3 .zuo .ul .li p {
  flex: 1;
  min-width: 0;
}

.about3 .zuo .t3 {
  margin-top: 4.479vw;
}

.about3 .you {
  width: 30.468vw;
}

.about5 {
  padding: 7.5vw 0 12.916vw;
}

.about5 .t1 {
  letter-spacing: -0.087vw;
}

.about5 .main {
  margin-top: 3.541vw;
}

.about5 .zuo {
  width: 36.666vw;
}

.about5 .zuo .item {
  display: none;
}

.about5 .zuo .item.on {
  display: block;
  animation: fadeIn 1s ease forwards;
}

.about5 .zuo .t2 {
  font-weight: 700;
}

.about5 .zuo .t3 {
  margin-top: 0.781vw;
}

.about5 .zuo .pic {
  margin-top: 2.5vw;
}

.about5 .you {
  width: 38.02vw;
}

.about5 .you .swiper {
  height: 47.812vw;
}

.about5 .you .swiper::after {
  content: "";
  display: block;
  width: 0.052vw;
  height: 100%;
  position: absolute;
  left: 0.26vw;
  top: 0.833vw;
  z-index: 0;
  background: #dcdcdc;
}

.about5 .you .swiper-slide {
  position: relative;
  padding-left: 1.875vw;
  opacity: 0.6;
  cursor: pointer;
  z-index: 2;
}

.about5 .you .swiper-slide::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0.625vw;
  width: 0.52vw;
  height: 0.52vw;
  z-index: 2;
  background: #dcdcdc;
  border-radius: 100%;
}

.about5 .you .swiper-slide-active {
  opacity: 1;
}

.about5 .you .swiper-slide-active::after {
  background: #000;
}

.about5 .you .t6 {
  margin-top: 0.625vw;
}

.about6 {
  padding: 0 0 6.25vw;
}

.about6 .C-btn2 {
  padding: 0.729vw 2.5vw;
}

.about6 .news-list {
  margin-top: 4.166vw;
}

.about7 {
  padding: 6.25vw 0 12.916vw;
}

.about7 .swiper-father {
  padding: 4.479vw 3.125vw 0;
}

.about7 .swiper-slide {
  width: 16.041vw;
  position: relative;
}

.about7 .swiper-slide .icon {
  width: 4.687vw;
  height: 4.687vw;
  margin: 0 auto;
}
.about7 .swiper-slide .icon img{
  width: auto;
  height: 100%;
  max-width: 100%;
}

.about7 .swiper-slide .t2 {
  margin: 1.25vw 0 0.833vw;
}

.about7 .swiper-slide .t3 {
  letter-spacing: 0.02vw;
}

.about7 .C-control {
  margin-top: 4.479vw;
}

.kexue2 {
  padding: 12.916vw 0;
  position: relative;
  overflow: hidden;
}

.kexue2 .sec1 {
  align-items: flex-end;
}

.kexue2 .t1 {
  letter-spacing: -0.087vw;
}

.kexue2 .swiper {
  margin-top: 4.479vw;
}

.kexue2 .swiper-slide {
  width: 25.104vw;
  height: auto;
  display: flex;
  flex-direction: column;
}
.kexue2 .swiper-slide .intr{
  flex: 1;
  display: flex;
  flex-direction: column;
}
.kexue2 .swiper-slide .t2 {
  padding: 2.187vw 0 0.833vw;
  margin-bottom: auto;
}

.kexue2 .swiper-slide .t4 {
  padding: 0.156vw 0.52vw;
  border-radius: 5.208vw;
  border: 0.052vw solid #dadada;
  margin-left: 0.625vw;
}

.kexue2 .swiper-slide .t5 {
  margin-top: 0.26vw;
}

.kexue2 .zs {
  background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(212, 180, 133, 0.24) 0%, rgba(212, 180, 133, 0.19) 15%, rgba(212, 180, 133, 0.1) 30%, rgba(212, 180, 133, 0) 60%);
  position: absolute;
  right: -30%;
  top: -30%;
  width: 68.958vw;
  height: 68.958vw;
  pointer-events: none;
}

.kexue3 {
  background: url("/img/kexue3-bg.jpg") no-repeat center/cover;
  padding: 10.416vw 13.02vw 6.25vw 9.895vw;
}

.kexue3 .zuo {
  width: 26.51vw;
}

.kexue3 .zuo .t1 {
  background-image: linear-gradient(92deg, #fff3df 2.37%, #d4b485 51.24%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1.06;
}

.kexue3 .zuo .t2 {
  margin-top: 3.541vw;
  margin-bottom: 2.3958vw;
  color: #fff;
  line-height: 1.6;
  letter-spacing: 0.026vw;
}

.kexue3 .you {
  width: 38.072vw;
}

.kexue4 {
  padding: 0 10.937vw 0 0;
}

.kexue4 .zuo {
  width: 56.041vw;
}

.kexue4 .you {
  padding: 2.083vw 0;
  flex: 1;
  min-width: 0;
}

.kexue4 .you .Ecollapse {
  border-top: 0.052vw solid #d9dddb;
  margin-top: 3.541vw;
}

.kexue4 .you .Ecollapse-item {
  padding: 0.937vw 0.52vw 0.937vw 0;
  position: relative;
  transition: all ease 0.3s;
  border-bottom: 0.052vw solid #d9dddb;
}

.kexue4 .you .Ecollapse-item:nth-last-child(n+2) {
  margin-bottom: 1.041vw;
}

.kexue4 .you .Ecollapse-item .Ecollapse-name {
  cursor: pointer;
}

.kexue4 .you .Ecollapse-item .Ecollapse-name .icon {
  width: 1.354vw;
  height: 1.354vw;
  background: url("/img/kexue4-i1.svg") no-repeat center/contain;
}

.kexue4 .you .Ecollapse-item.on .Ecollapse-name .icon {
  background: url("/img/kexue4-i2.svg") no-repeat center/contain;
}

.kexue4 .you .Ecollapse-name-col {
  flex: 1;
  min-width: 0;
  padding-right: 1em;
}

.kexue4 .you .Ecollapse-content {
  display: none;
}

.kexue4 .you .Ecollapse-content .t5 {
  margin-top: 1.25vw;
  line-height: 1.8;
}

.kexue5 {
  position: relative;
}

.kexue5 .main {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.kexue5 .main .zuo {
  width: 35.156vw;
}

.kexue5 .main .t1 {
  background-image: linear-gradient(91deg, #f1dfc2 3.15%, #d4b485 66.32%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.kexue5 .main .t2 {
  background-image: linear-gradient(92deg, #fff3df 2.37%, #d4b485 51.24%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-top: 1.562vw;
  line-height: 1.06;
}

.kexue5 .main .C-btn {
  margin-top: 9.687vw;
}

.kexue6 {
  padding: 12.916vw 0;
}

.kexue6 .sec1 {
  align-items: flex-end;
}

.kexue6 .swiper {
  margin: 4.479vw 0 3.541vw;
}

.kexue6 .swiper .swiper-slide {
  width: 38.437vw;
}

.kexue6 .swiper .swiper-slide .pic {
  width: 11.458vw;
  margin-right: 1.875vw;
}

.kexue6 .swiper .swiper-slide .intr {
  flex: 1;
  min-width: 0;
}

.kexue6 .swiper .swiper-slide .intr .t2 {
  margin-bottom: 1.875vw;
}

.kexue7 {
  padding: 0 0 12.916vw;
}

.kexue7 .list {
  gap: 5.625vw;
  margin-top: 4.531vw;
}

.kexue7 .list .item .intr {
  padding-top: 2.5vw;
  gap: 0.677vw;
}

.kexue7 .list .item .intr .n1 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.52vw;
}

.kexue7 .list .item .intr .n1 span {
  padding: 0.156vw 0.468vw;
  border-radius: 1.041vw;
  border: 0.052vw solid #dadada;
}

.kexue7 .list .item:hover .n2 {
  color: var(--color);
  font-weight: 600;
}

.C-title {
  letter-spacing: -0.087vw;
}

.pd2 {
  padding: 2.395vw 8.333vw 6.77vw 3.541vw;
}

.pd2 .zuo {
  width: 11.718vw;
  margin-right: 1.979vw;
  position: sticky;
  left: 0;
  top: var(--head);
  height: 100%;
}

.pd2 .zuo .ul {
  margin-top: 1.562vw;
}

.pd2 .zuo .ul .li {
  margin-bottom: 1.562vw;
}

.pd2 .zuo .ul .li .name {
  padding: 1.25vw 0;
  font-style: italic;
  cursor: pointer;
}

.pd2 .zuo .ul .li .name span {
  flex: 1;
  min-width: 0;
}

.pd2 .zuo .ul .li .name .icon {
  width: 0.937vw;
  height: 0.937vw;
  background: url("/img/pd3-i1.svg") no-repeat center/contain;
}

.pd2 .zuo .ul .li.on .name .icon {
  background-image: url("/img/pd3-i1-h.svg");
}

.pd2 .zuo .ul .li .down {
  display: none;
}

.pd2 .zuo .ul .li .down .down-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  cursor: pointer;
}

.pd2 .zuo .ul .li .down .down-item:nth-last-child(n+2) {
  margin-bottom: 1.666vw;
}

.pd2 .zuo .ul .li .down .down-item .icon {
  width: 0.75vw;
  height: 0.75vw;
  margin-right: 0.325vw;
  background: url("/img/pd3-i2.svg") no-repeat center/contain;
}

.pd2 .zuo .ul .li .down .down-item.on .icon {
  background-image: url("/img/pd3-i2-h.svg");
}

.pd2 .zuo .ul .li .down .down-item span {
  flex: 1;
  min-width: 0;
}

.pd2 .you {
  flex: 1;
  min-width: 0;
}

.pd2 .you .pd-list {
  margin-top: 3.489vw;
}

.pd2 .you .C-paging {
  margin-top: 2.5vw;
}

.pd2 .sec1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.pd2 .sec1 .product-info {
  width: 54.791vw;
  /* padding: 1.979vw 1.562vw; */
  background: url("/img/kexue3-bg.jpg") no-repeat center/cover;
}

.pd2 .sec1 .product-info .swiper-slide {
  padding: 1.979vw 1.562vw;
}

.pd2 .sec1 .product-info .pic {
  width: 20.104vw;
}

.pd2 .sec1 .product-info .intr {
  padding-left: 1.25vw;
  flex: 1;
  min-width: 0;
  color: #fff;
}

.pd2 .sec1 .product-info .intr .t1 {
  letter-spacing: -0.017vw;
}

.pd2 .sec1 .product-info .intr .t2 {
  line-height: 1;
}

.pd2 .sec1 .product-info .intr .t3 {
  margin-top: 1.25vw;
}

.pd2 .sec1 .product-info .intr .t4-box {
  margin-top: 1.927vw;
  margin-bottom: 1.77vw;
  letter-spacing: -0.02vw;
}

.pd2 .sec1 .product-info .intr .t5 {
  margin-left: 0.781vw;
  opacity: 0.3;
}

.pd2 .sec1 .product-info .intr .C-more {
  margin-right: 1.562vw;
}

.pd2 .sec1 .product-info .intr .t6 {
  opacity: 0.4;
  margin-top: 1.25vw;
  letter-spacing: -0.017vw;
}

.pd2 .sec1 .bg {
  width: 17.968vw;
  height: auto;
}

.pd-list {
  gap: 1.458vw 1.041vw;
}

.pd-list .pd-item {
  background: #fff;
  padding: 2.447vw 1.562vw;
  align-items: center;
}

.pd-list .pd-item .pic {
  width: 16.458vw;
}

.pd-list .pd-item .intr {
  padding-left: 2.395vw;
  flex: 1;
  min-width: 0;
  color: #000;
}

.pd-list .pd-item .intr .t1 {
  letter-spacing: -0.017vw;
}

.pd-list .pd-item .intr .t2 {
  line-height: 1;
}

.pd-list .pd-item .intr .t3 {
  margin-top: 1.25vw;
}

.pd-list .pd-item .intr .t4-box {
  margin-top: 1.562vw;
  margin-bottom: 1.406vw;
  letter-spacing: -0.02vw;
}

.pd-list .pd-item .intr .t5 {
  margin-left: 0.781vw;
  opacity: 0.3;
}

.pd-list .pd-item .intr .C-more {
  margin-right: 1.562vw;
}

.pd5 {
  padding: 3.645vw 0;
  position: relative;
}

.pd5 .mbx {
  padding: 0 0.312vw;
}

.pd5 .mbx a {
  color: #707170;
  margin-left: 0.729vw;
}

.pd5 .mbx span {
  color: #3d3d3d;
}

.pd5 .main {
  margin-top: 1.406vw;
}

.pd5 .zuo {
  width: 40.52vw;
  height: 100%;
}
.pd5 .zuo .firPic{
  width: 100%;
}
.pd5 .zuo .pic-list .gdnr{
  gap: 1.25vw;
  margin-top: 1.25vw;
}
.pd5 .you {
  width: 34.375vw;
}

.pd5 .you .t1 {
  color: #666;
}

.pd5 .you .t2 {
  margin: 0.816vw 0 0.729vw;
}

.pd5 .you .starts {
  display: flex;
  flex-wrap: wrap;
}

.pd5 .you .starts img {
  width: 1.041vw;
}

.pd5 .you .t3 {
  color: #999;
  margin-left: 0.833vw;
}

.pd5 .you .t4 {
  margin-top: 2.604vw;
  color: #666;
}

.pd5 .sec2 {
  margin-top: 1.25vw;
  border-top: 0.052vw solid #dcdcdc;
  border-bottom: 0.052vw solid #dcdcdc;
  padding: 1.25vw 0;
  display: flex;
  align-items: center;
  gap: 2.6042vw;
}

.pd5 .sec2 .size-list {
  /* margin-top: 0.833vw; */
  gap: 1.25vw;
}

.pd5 .sec2 .size-list .size-item {
  padding: 0.625vw;
  border-radius: 0.208vw;
  border: 0.052vw solid #dcdcdc;
  cursor: pointer;
}

.pd5 .sec2 .size-list .size-item.on {
  background: #ffe7c0;
  border: 0.052vw solid #ffe7c0;
}

.pd5 .sec3 {
  margin-top: 2.5vw;
}

.pd5 .sec3 .option-list {
  margin-top: 0.833vw;
}

.pd5 .sec3 .option-list .option-item {
  border: 0.052vw solid #dcdcdc;
  padding: 1.25vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  cursor: pointer;
  margin-top: -0.052vw;
}

.pd5 .sec3 .option-list .option-item .icon {
  width: 1.25vw;
  height: 1.25vw;
  background: url("/img/home5-2-h.svg") no-repeat center/contain;
}

.pd5 .sec3 .option-list .option-item span {
  margin-left: 0.416vw;
}

.pd5 .sec3 .option-list .option-item .zhekou {
  border-radius: 0.104vw;
  background: #ffe7c0;
  padding: 0.208vw 0.625vw;
  margin-left: 0.625vw;
}

.pd5 .sec3 .option-list .option-item .op1 {
  color: #1f2937;
}

.pd5 .sec3 .option-list .option-item .op2 {
  text-align: right;
  color: #2d2d2d;
  opacity: 0.5;
}

.pd5 .sec3 .option-list .option-item.on .icon {
  background: url("/img/home5-2.svg") no-repeat center/contain;
}

.pd5 .sec4 {
  height: 5.208vw;
  margin-top: 2.5vw;
}

.pd5 .sec4 .number {
  width: 4.843vw;
  height: 100%;
  border-radius: 0.208vw;
  border: 0.104vw solid #e5e5e5;
  background: #fff;
  margin-right: 0.416vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pd5 .sec4 .number-control {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pd5 .sec4 .number-control .btn {
  width: 2.395vw;
  height: 2.395vw;
  border-radius: 0.208vw;
  border: 0.104vw solid #e5e5e5;
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.pd5 .sec4 .number-control .btn img {
  width: 0.937vw;
}

.pd5 .sec4 .C-btn3 {
  flex: 1;
  min-width: 0;
  margin-left: 0.312vw;
}

.pd5 .baoyou {
  color: #666;
  margin-top: 0.833vw;
  padding-left: 8.072vw;
  text-align: center;
}

.pd5 .sec5 {
  margin-top: 3.541vw;
}

.pd5 .sec5 .Ecollapse-item {
  border-top: 0.052vw solid #dcdcdc;
  padding: 1.25vw;
  position: relative;
  transition: all ease 0.3s;
}

.pd5 .sec5 .Ecollapse-item .Ecollapse-name {
  cursor: pointer;
}

.pd5 .sec5 .Ecollapse-item .Ecollapse-name .icon {
  width: 0.937vw;
  height: 0.937vw;
  background: url("/img/pd3-i1.svg") no-repeat center/contain;
}

.pd5 .sec5 .Ecollapse-item.on .Ecollapse-name .icon {
  background: url("/img/pd3-i1-h.svg") no-repeat center/contain;
}

.pd5 .sec5 .Ecollapse-content {
  display: none;
  padding-left: 0.52vw;
}

.pd5 .sec5 .Ecollapse-content .ul .li {
  margin-top: 0.833vw;
  color: #666;
}

.pd6 {
  padding: 5.208vw 0 12.916vw;
  position: relative;
}

.pd6 .title .t2 {
  color: #666;
}

.pd6 .main {
  margin-top: 3.541vw;
}

.pd6 .zuo {
  width: 40.364vw;
}

.pd6 .you {
  padding: 2.083vw 0;
  flex: 1;
  min-width: 0;
}

.pd6 .you .Ecollapse {
  border-top: 0.052vw solid #d9dddb;
  margin-top: 3.541vw;
}

.pd6 .you .Ecollapse-item {
  padding: 1.25vw;
  position: relative;
  transition: all ease 0.3s;
  border-bottom: 0.052vw solid #d9dddb;
}

.pd6 .you .Ecollapse-item .Ecollapse-name {
  cursor: pointer;
}

.pd6 .you .Ecollapse-item .Ecollapse-name .icon {
  width: 1.666vw;
  height: 1.666vw;
  background: url("/img/kexue4-i1.svg") no-repeat center/contain;
}

.pd6 .you .Ecollapse-item.on .Ecollapse-name .icon {
  background: url("/img/pd3-i1-h.svg") no-repeat center/contain;
}

.pd6 .you .Ecollapse-name-col {
  flex: 1;
  min-width: 0;
  padding-right: 1em;
}

.pd6 .you .Ecollapse-content {
  display: none;
  color: #666;
}

.pd6 .you .Ecollapse-content .t5 {
  margin-top: 0.625vw;
  line-height: 1.5;
  padding-left: 0.52vw;
}

.pd6 .you .Ecollapse-content .t5 p {
  margin-bottom: 0.416vw;
}

.pd6 .you .beizhu {
  padding: 0 1.25vw;
  color: #666;
}

.pd7 {
  position: relative;
}

.pd7 .main {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #fff;
}

.pd7 .main .C-title {
  width: 34.895vw;
}

.pd7 .main .list {
  margin-top: 15.885vw;
}

.pd7 .main .list .item .icon {
  width: 3.541vw;
  margin: 0 auto;
}

.pd7 .main .list .item .t2 {
  margin-top: 1.25vw;
}

.pd8 {
  padding: 12.916vw 0 6.458vw;
}

.pd8 .title .t2 {
  color: #666;
}

.pd8 .main {
  margin-top: 3.541vw;
}

.pd8 .main .zuo {
  width: 44.583vw;
}

.pd8 .main .zuo .li {
  padding-bottom: 2.083vw;
  position: relative;
  padding-left: 1.302vw;
}

.pd8 .main .zuo .li .point {
  position: absolute;
  left: 0;
  top: 0.677vw;
  width: 0.468vw;
  height: 0.468vw;
  border-radius: 100%;
  background: #c6913a;
}

.pd8 .main .zuo .li .line {
  position: absolute;
  left: 0.208vw;
  top: 0.677vw;
  width: 0.052vw;
  height: 100%;
  background: #e3c89d;
}

.pd8 .main .zuo .li:last-child .line {
  display: none;
}

.pd8 .main .zuo .li .t3 {
  padding: 0.52vw 1.041vw;
  border-radius: 1.302vw;
  background: #c6913a;
  line-height: 1;
  color: #fff;
}

.pd8 .main .zuo .li .t4 {
  margin-left: 0.625vw;
}

.pd8 .main .zuo .li .dl {
  margin-top: 1.041vw;
  color: #666;
}

.pd8 .main .zuo .li .dl .dd {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 0.625vw;
}

.pd8 .main .zuo .li .dl .dd::before {
  content: "";
  display: block;
  width: 0.312vw;
  height: 0.312vw;
  border-radius: 100%;
  background: #e3c89d;
  margin-right: 1.666vw;
  margin-left: 0.625vw;
}

.pd8 .main .zuo .li .dl .dd p {
  flex: 1;
  min-width: 0;
}

.pd8 .main .zuo .sec2 {
  padding: 0.885vw 1.25vw;
  background: rgba(255, 231, 192, 0.3);
}

.pd8 .main .zuo .sec2 .pic {
  width: 4.479vw;
}

.pd8 .main .zuo .sec2 .txt {
  flex: 1;
  min-width: 0;
  margin-left: 0.833vw;
}

.pd8 .main .zuo .sec2 .t6 {
  margin-bottom: 0.312vw;
}

.pd8 .main .zuo .sec2 .t7 {
  color: rgba(0, 0, 0, 0.8);
}

.pd8 .main .you {
  width: 30vw;
}

.pd9 {
  padding: 6.458vw 0;
}

.pd9 .main {
  margin-top: 2.5vw;
}

.pd9 .zuo {
  flex: 1;
  min-width: 0;
  margin-right: 0.833vw;
  padding: 3.02vw 7.708vw 3.02vw 1.572vw;
  background: url("/img/kexue3-bg.jpg") no-repeat center/cover;
}

.pd9 .zuo .pd-img {
  width: 19.822vw;
}

.pd9 .zuo .list {
  width: 33.333vw;
  margin-top: 1.562vw;
  background: #444343;
  border-radius: 0.416vw;
}

.pd9 .zuo .list .item {
  padding: 1.25vw 2.5vw;
  position: relative;
  transition: all ease 0.6s;
}

.pd9 .zuo .list .item::after {
  content: "";
  display: block;
  position: absolute;
  left: 2.5vw;
  bottom: 0;
  width: calc(100% - 5vw);
  height: 0.052vw;
  border-bottom: 0.052vw solid #fff3df;
}

.pd9 .zuo .list .item:last-child::after {
  display: none;
}

.pd9 .zuo .list .item .t4 {
  padding: 0.52vw 1.041vw;
  border-radius: 1.302vw;
  background: linear-gradient(90deg, #fff3df 0.4%, #d4b485 66.32%);
  position: absolute;
  left: 2.5vw;
  bottom: 100%;
  transform: translateY(50%);
  color: #000;
  line-height: 1;
  opacity: 0;
  transition: all ease 0.3s;
}

.pd9 .zuo .list .item .t6 {
  opacity: 0.6;
  margin: 0.208vw 0;
}

.pd9 .zuo .list .item .btn {
  width: 2.5vw;
  height: 2.5vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  border-radius: 0.625vw;
  background: linear-gradient(90deg, #fff3df 0.4%, #d4b485 66.32%);
}

.pd9 .zuo .list .item .btn .icon {
  width: 0.937vw;
}

.pd9 .zuo .list .item.on {
  padding: 1.875vw 2.5vw;
  border-radius: 0.416vw;
  border: 0.104vw solid #fff3df;
  background: url("/img/pd9-bg.jpg") no-repeat center/cover;
  box-shadow: 0 0.208vw 1.875vw 0 rgba(0, 0, 0, 0.4);
}

.pd9 .zuo .list .item.on .t4 {
  opacity: 1;
}

.pd9 .zuo .list .item.on::after {
  opacity: 0;
}

.pd9 .you {
  width: 14.322vw;
  height: auto;
}

.pd10 {
  padding: 6.458vw 0;
}

.pd10 .main {
  margin-top: 2.5vw;
}

.pd10 .pic {
  width: 40.364vw;
}

.pd10 .Ecollapse {
  width: 34.375vw;
}

.pd10 .Ecollapse-item {
  padding: 1.25vw;
  position: relative;
  transition: all ease 0.3s;
  border-top: 0.052vw solid #dcdcdc;
}

.pd10 .Ecollapse-item .Ecollapse-name {
  cursor: pointer;
}

.pd10 .Ecollapse-item .Ecollapse-name .icon {
  width: 1.562vw;
  height: 1.562vw;
  background: url("/img/kexue4-i1.svg") no-repeat center/contain;
}

.pd10 .Ecollapse-item.on .Ecollapse-name .icon {
  background: url("/img/pd3-i1-h.svg") no-repeat center/contain;
}

.pd10 .Ecollapse-name-col {
  flex: 1;
  min-width: 0;
  padding-right: 1em;
}

.pd10 .Ecollapse-content {
  padding: 0.781vw 0 0;
  display: none;
  color: #666;
}

.pd10 .Ecollapse-content p {
  margin-bottom: 0.781vw;
}

.pd11 {
  padding: 6.458vw 0;
}

.pd11 .swiper {
  margin: 4.479vw 0 3.541vw;
}

.pd11 .swiper-slide {
  width: 25.104vw;
}

.pd11 .swiper-slide .intr {
  padding: 2.187vw 0 0;
}

.pd11 .swiper-slide .intr .t3 {
  padding: 0.156vw 0.468vw;
  border-radius: 5.208vw;
  margin-left: 0.625vw;
  border: 0.052vw solid #dadada;
}

.pd11 .swiper-slide .intr .t4 {
  margin-top: 0.26vw;
}

.pd12 {
  padding: 6.458vw 0;
}

.pd12 .list {
  margin-top: 3.541vw;
}

.pd12 .list .item {
  border-top: 0.052vw solid #dcdcdc;
  border-bottom: 0.052vw solid #dcdcdc;
  padding: 1.875vw 2.5vw;
  color: #212121;
}

.pd12 .list .item .line1 {
  width: 100%;
  height: 0.052vw;
  background: #dcdcdc;
}

.pd12 .list .item .line2 {
  width: 0.052vw;
  height: 7.708vw;
  background: #dcdcdc;
}

.pd12 .list .item .zuo {
  width: 16.666vw;
}

.pd12 .list .item .zuo .sec1 {
  align-items: center;
}

.pd12 .list .item .zuo .bg {
  width: 4.479vw;
  height: 4.479vw;
  border-radius: 100%;
  overflow: hidden;
}

.pd12 .list .item .zuo .txt {
  flex: 1;
  min-width: 0;
  margin-left: 1.25vw;
}

.pd12 .list .item .zuo .txt .t1 {
  margin-bottom: 0.833vw;
  line-height: 1;
}

.pd12 .list .item .zuo .txt .t2 {
  opacity: 0.75;
}

.pd12 .list .item .zuo .txt .icon {
  width: 0.833vw;
  margin-left: 0.208vw;
}

.pd12 .list .item .zuo .sec2 {
  margin: 1.041vw 0 0.937vw;
}

.pd12 .list .item .zuo .sec3 {
  margin-top: 0.937vw;
}

.pd12 .list .item .you {
  width: 48.75vw;
}

.pd12 .list .item .you .t11 {
  margin-top: 0.937vw;
  color: #666;
}

.pd13 {
  padding: 6.458vw 0 13.229vw;
  overflow: hidden;
}

.pd13 .C-title {
  width: 37.604vw;
}

.pd13 .swiper {
  margin: 3.541vw 0 2.812vw;
  overflow: visible;
}

.pd13 .swiper-slide {
  width: 22.604vw;
  border-radius: 0.208vw;
  background: #fff;
  padding: 1.145vw 1.666vw;
}

.pd13 .swiper-slide .starts img {
  width: 2.083vw;
}

.pd13 .swiper-slide .t1 {
  margin-top: 1.25vw;
}

.pd13 .swiper-slide .t2 {
  margin-top: 1.041vw;
  height: 13.125vw;
}

.pd13 .swiper-slide .t3 {
  margin-top: 1.25vw;
  color: #595959;
}

.terms1 {
  padding: 9.895vw 25vw 11.458vw;
}

.terms1 .t1 {
  margin-bottom: 2.812vw;
}

.terms1 .empty * {
  white-space: inherit !important;
}

/* -----------------------------------------注释-------------------------------------- */
.orders1 {
  margin: 0 auto;
  padding: 8.229vw 0 13.02vw;
}

.C-back {
  gap: 0.677vw;
  cursor: pointer;
}

.C-back img {
  width: 1.25vw;
}

.orders1-header {
  margin-top: 3.645vw;
}

.orders1-header h1 {
  line-height: 1.416;
}

.orders1-tabs {
  margin-top: 3.541vw;
  gap: 1.145vw;
}

.orders1-tabs .tab-item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 10.833vw;
  padding: 0.729vw 1.041vw;
  border-radius: 1.666vw;
  box-shadow: inset 0vw 0vw 0vw 0.052vw rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
  line-height: 1.41;
  transition: all ease 0.3s;
}

.orders1-tabs .tab-item:hover {
  background: rgba(0, 0, 0, 0.05);
}

.orders1-tabs .tab-item.active {
  background: linear-gradient(106deg, rgba(255, 243, 223, 1) 0%, rgba(212, 180, 133, 1) 66%);
  box-shadow: none;
}

.orders1-list {
  margin-top: 2.5vw;
}

.orders1 .orders-ev {
  padding: 2.5vw;
  border-radius: 1.25vw;
  border: 0.052vw solid #000;
  margin-bottom: 5vw;
}

.order-item {
  padding: 1.875vw 1.25vw;
}

.order-left {
  gap: 3.541vw;
}

.order-img {
  width: 11.197vw;
  height: 11.25vw;
  border-radius: 1.636vw;
  background: rgba(255, 255, 255, 0.17);
  overflow: hidden;
}

.order-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.order-info {
  display: flex;
  flex-direction: column;
  gap: 1.25vw;
}

.order-title h2 {
  line-height: 1.5;
}

.order-title p {
  line-height: 1.5;
}

.order-details {
  display: flex;
  flex-direction: column;
  gap: 0.416vw;
}

.order-details .detail-row {
  gap: 0.833vw;
}

.order-details .label {
  width: 5vw;
  color: #666;
  line-height: 1.5;
}

.order-details .value {
  line-height: 1.5;
}

.order-right {
  gap: 3.541vw;
  text-align: right;
}

.order-right .qty {
  line-height: 1.177;
}

.order-right .price {
  line-height: 1.177;
}

.orders1-status {
  margin-top: 3.125vw;
  margin-left: 15.989vw;
  width: 63.385vw;
}

.orders1-status .status-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.104vw;
  width: max-content;
}

.orders1-status .status-title span {
  line-height: 1.5;
  text-transform: capitalize;
}

.orders1-status .status-line {
  width: 100%;
  height: 0.052vw;
  background: #000;
}

.orders1-status .address {
  margin-top: 0.833vw;
  color: #666;
  line-height: 1.5;
}

.orders1-divider {
  width: 100%;
  height: 0.052vw;
  background: #000;
  margin: 1.666vw 0;
}

.orders1-summary {
  display: flex;
  flex-direction: column;
  gap: 0.833vw;
  margin-left: 1.406vw;
}

.orders1-summary .summary-row .label {
  color: #666;
  line-height: 1.5;
}

.orders1-summary .summary-row .value {
  line-height: 1.5;
}

.orders1-total {
  padding: 0 1.25vw;
}

.orders1-total .label {
  line-height: 1.5;
}

.orders1-total .value {
  line-height: 1.5;
}


/* -----------------------------------------注释-------------------------------------- */
.login1 {
  padding: 8.75vw 0;
}

.login1 .C-wrap2 {
  gap: 6.458vw;
}

.login1-register,
.login1-signin {
  flex: 1;
  min-width: 0;
}

.login1 .form-title1 {
  display: flex;
  flex-direction: column;
  gap: 1.25vw;
  margin-bottom: 2.5vw;
}

.login1 .form-title1 h2 {
  line-height: 1.08;
  letter-spacing: -0.032em;
  color: #000;
}

.login1 .form-title1 .title-line {
  width: 100%;
  height: 0.052vw;
  background: #000;
}

.login1 .form-desc {
  line-height: 1.5;
  color: #000;
}

.login1 .form-section-title {
  line-height: 1.5;
  color: #000;
}

.login1 .form-row {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25vw;
}

.login1 .form-item {
  display: flex;
  flex-direction: column;
  gap: 0.208vw;
  flex: 1;
  min-width: 0;
}

.login1 .form-item.w50 {
  flex: 0 0 calc(50% - 0.625vw);
}

.login1 .form-item.full {
  flex: 0 0 100%;
}

.login1 .form-label {
  line-height: 1.5;
  color: #000;
}

.login1 .form-input {
  border: 0.052vw solid #727171;
  border-radius: 0.208vw;
  background: #fff;
  transition: all ease 0.3s;
  display: flex;
  align-items: center;
}

.login1 .form-input:focus-within {
  border-color: #a76700;
}

.login1 .form-input.error {
  border-color: #e60012;
}

.login1 .form-input input {
  flex: 1;
  min-width: 0;
  height: 2.5vw;
  line-height: 1.5;
  color: #000;
  padding: 0.625vw 0.989vw;
  background: none;
  border: none;
}

.login1 .form-input input::placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.login1 .form-select-wrap {
  height: 2.5vw;
  padding: 0 0.989vw;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
  cursor: pointer;
  border: 0.052vw solid #727171;
  border-radius: 0.208vw;
  background: #fff;
  transition: all ease 0.3s;
}

.login1 .form-select-wrap:focus-within {
  border-color: #a76700;
}

.login1 .form-select-wrap.error {
  border-color: #e60012;
}

.login1 .form-select-wrap .form-select-display {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 0.52vw;
}

.login1 .form-select-wrap .form-select-display span {
  flex: 1;
  min-width: 0;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.5);
}

.login1 .form-select-wrap .form-select-display span.selected {
  color: #000;
}

.login1 .form-select-wrap .form-select-display .arrow {
  width: 0.833vw;
  height: 0.833vw;
  transition: all ease 0.3s;
}

.login1 .form-select-wrap .form-select-display .arrow img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.login1 .form-select-wrap.open .form-select-display .arrow {
  transform: rotate(180deg);
}

.login1 .form-select-wrap .form-select-options {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  max-height: 10.416vw;
  overflow-y: auto;
  background: #fff;
  border: 0.052vw solid #727171;
  border-radius: 0.208vw;
  margin-top: 0.208vw;
  z-index: 10;
  display: none;
}

.login1 .form-select-wrap .form-select-options .option {
  padding: 0.625vw 0.989vw;
  line-height: 1.5;
  cursor: pointer;
  transition: all ease 0.3s;
}

.login1 .form-select-wrap .form-select-options .option:hover {
  background: #f5f5f5;
}

.login1 .form-select-wrap .form-select-options .option.selected {
  background: #ffe7c0;
}

.login1 .form-select-wrap.open .form-select-options {
  display: block;
}

.login1 .google-signin {
  gap: 0.52vw;
  cursor: pointer;
  margin-bottom: 1.041vw;
}

.login1 .google-signin .google-icon {
  width: 1.25vw;
  height: 1.25vw;
  object-fit: contain;
}

.login1 .google-signin span {
  line-height: 1.5;
  color: #000;
  text-transform: capitalize;
}

.login1 .C-form-btn1 {
  margin: 3.958vw 0 0 auto;
}

.user1 {
  padding: 5.916vw 0 8.75vw;
}

.user1-title {
  width: 100%;
  line-height: 1.08;
  letter-spacing: -0.032em;
}

.user1-main {
  width: 100%;
  margin-top: 4.479vw;
  justify-content: space-between;
}

.user1-left {
  width: 37.343vw;
  display: flex;
  flex-direction: column;
  gap: 9.479vw;
}

.user1-right {
  width: 35.416vw;
  display: flex;
  flex-direction: column;
  gap: 3.541vw;
}

.plan-box {
  display: flex;
  flex-direction: column;
  gap: 1.666vw;
}

.plan-name {
  display: flex;
  flex-direction: column;
  gap: 1.25vw;
  cursor: pointer;
}

.plan-name-inner {
  width: 100%;
}

.plan-name-inner span {
  line-height: 1.5;
}

.plan-arrow {
  width: 0.833vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.plan-arrow img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.plan-arrow .arrow-close {
  display: none;
}

.plan-box.closed .plan-arrow .arrow-open {
  display: none;
}

.plan-box.closed .plan-arrow .arrow-close {
  display: block;
}

.plan-line {
  width: 100%;
  height: 0.052vw;
  background: #000;
}

.plan-content {
  display: flex;
  flex-direction: column;
  gap: 2.5vw;
}

.plan-content-inner {
  display: flex;
  flex-direction: column;
  gap: 2.5vw;
}

.user1 .form-desc {
  line-height: 1.5;
  color: #000;
}

.user1 .C-form .form-body {
  gap: 1.25vw;
}

.user1 .C-form .form-row {
  gap: 1.25vw;
}

.user1 .C-form .form-item {
  flex: 1;
  min-width: 0;
}

.user1 .C-form .form-item.w50 {
  flex: 0 0 calc(50% - 0.625vw);
}

.user1 .C-form .form-item.full {
  flex: 0 0 100%;
}

.user1 .form-input {
  border: 0.052vw solid #727171;
  border-radius: 0.208vw;
  background: #fff;
  transition: all ease 0.3s;
  display: flex;
  align-items: center;
}

.user1 .form-input:focus-within {
  border-color: #a76700;
}

.user1 .form-input.error {
  border-color: #e60012;
}

.user1 .form-input input {
  flex: 1;
  min-width: 0;
  height: 2.5vw;
  line-height: 1.5;
  color: #000;
  padding: 0.625vw 0.989vw;
  background: none;
  border: none;
}

.user1 .form-input input::placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.user1 .form-select-wrap {
  height: 2.5vw;
  padding: 0 0.989vw;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
  cursor: pointer;
  border: 0.052vw solid #727171;
  border-radius: 0.208vw;
  background: #fff;
  transition: all ease 0.3s;
}

.user1 .form-select-wrap:focus-within {
  border-color: #a76700;
}

.user1 .form-select-wrap.error {
  border-color: #e60012;
}

.user1 .form-select-wrap .form-select-display {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 0.52vw;
}

.user1 .form-select-wrap .form-select-display span {
  flex: 1;
  min-width: 0;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.5);
}

.user1 .form-select-wrap .form-select-display span.selected {
  color: #000;
}

.user1 .form-select-wrap .form-select-display .arrow {
  width: 0.833vw;
  height: 0.833vw;
  transition: all ease 0.3s;
}

.user1 .form-select-wrap .form-select-display .arrow img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.user1 .form-select-wrap.open .form-select-display .arrow {
  transform: rotate(180deg);
}

.user1 .form-select-wrap .form-select-options {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  max-height: 10.416vw;
  overflow-y: auto;
  background: #fff;
  border: 0.052vw solid #727171;
  border-radius: 0.208vw;
  margin-top: 0.208vw;
  z-index: 10;
  display: none;
}

.user1 .form-select-wrap .form-select-options .option {
  padding: 0.625vw 0.989vw;
  line-height: 1.5;
  cursor: pointer;
  transition: all ease 0.3s;
}

.user1 .form-select-wrap .form-select-options .option:hover {
  background: #f5f5f5;
}

.user1 .form-select-wrap .form-select-options .option.selected {
  background: #ffe7c0;
}

.user1 .form-select-wrap.open .form-select-options {
  display: block;
}

.form-input-phone {
  display: flex;
  align-items: center;
  border: 0.052vw solid #727171;
  border-radius: 0.208vw;
  background: #fff;
  transition: all ease 0.3s;
  height: 2.5vw;
  padding: 0 0.989vw;
}

.form-input-phone:focus-within {
  border-color: #a76700;
}

.form-input-phone.error {
  border-color: #e60012;
}

.phone-country-select {
  position: relative;
  cursor: pointer;
}

.phone-country-display {
  gap: 0.416vw;
}

.phone-country-display .country-flag {
  width: 1.25vw;
  height: 0.937vw;
  object-fit: cover;
}

.phone-country-display .country-code {
  color: rgba(0, 0, 0, 0.5);
  line-height: 1.5;
}

.phone-country-display .country-arrow {
  width: 0.625vw;
  height: 0.625vw;
  transition: all ease 0.3s;
}

.phone-country-select.open .country-arrow {
  transform: rotate(180deg);
}

.phone-country-options {
  position: absolute;
  left: 0;
  top: 100%;
  width: 6.25vw;
  max-height: 10.416vw;
  overflow-y: auto;
  background: #fff;
  border: 0.052vw solid #727171;
  border-radius: 0.208vw;
  margin-top: 0.416vw;
  z-index: 10;
  display: none;
}

.phone-country-select.open .phone-country-options {
  display: block;
}

.phone-country-options .option {
  padding: 0.416vw 0.625vw;
  display: flex;
  align-items: center;
  gap: 0.416vw;
  cursor: pointer;
  transition: all ease 0.3s;
}

.phone-country-options .option:hover {
  background: #f5f5f5;
}

.phone-country-options .option.selected {
  background: #ffe7c0;
}

.phone-country-options .option img {
  width: 1.25vw;
  height: 0.937vw;
  object-fit: cover;
}

.phone-divider {
  width: 0.052vw;
  height: 1.25vw;
  background: rgba(153, 153, 153, 0.5);
  margin: 0 0.833vw;
}

.phone-input {
  flex: 1;
  min-width: 0;
  height: 100%;
  border: none;
  background: none;
  color: #000;
  line-height: 1.5;
}

.phone-input::placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.type-checkbox2 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.625vw;
  cursor: pointer;
}

.type-checkbox2 input {
  display: none;
}

.type-checkbox2 .checkbox-box {
  width: 1.041vw;
  height: 1.041vw;
  border: 0.052vw solid #999;
  border-radius: 0.208vw;
  background: #fff;
  position: relative;
  transition: all ease 0.3s;
}

.type-checkbox2 .checkbox-box::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 45%;
  width: 0.312vw;
  height: 0.52vw;
  border: 0.104vw solid #000;
  border-top: none;
  border-left: none;
  transform: translate(-50%, -50%) rotate(45deg);
  opacity: 0;
  transition: all ease 0.3s;
}

.type-checkbox2 input:checked+.checkbox-box {
  background: #ffe7c0;
  border-color: #c09555;
}

.type-checkbox2 input:checked+.checkbox-box::after {
  opacity: 1;
}

.type-checkbox2 .checkbox-label {
  color: #666;
  line-height: 1.5;
  flex: 1;
  min-width: 0;
}

.prefer-desc {
  line-height: 1.5;
  color: #000;
}

.prefer-switches {
  margin-top: 1.25vw;
  display: flex;
  gap: 2.5vw;
}

.switch-group {
  display: flex;
  flex-direction: column;
  gap: 0.833vw;
  width: 100%;
}

.type-switch {
  display: flex;
  align-items: center;
  gap: 0.833vw;
  cursor: pointer;
}

.type-switch .switch-track {
  width: 2.5vw;
  height: 1.25vw;
  border-radius: 1.25vw;
  background: #c9cdd4;
  padding: 0.208vw;
  display: flex;
  align-items: center;
  transition: all ease 0.3s;
}

.type-switch.on .switch-track {
  background: #c6913a;
  justify-content: flex-end;
}

.type-switch .switch-dot {
  width: 0.833vw;
  height: 0.833vw;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0.052vw 0.156vw rgba(0, 0, 0, 0.1);
  transition: all ease 0.3s;
}

.type-switch .switch-label {
  color: #333;
  line-height: 1.5;
}

#personalInfoForm .C-form-btn1,
#changePasswordForm .C-form-btn1 {
  margin-top: 2.5vw;
}

.subscribe-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 599;
  display: none;
}

.subscribe-popup.active {
  display: block;
}

.subscribe-popup .popup-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}

.subscribe-popup .popup-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #FDFAF3;
  padding: 4.687vw 2.864vw 2.5vw;
  max-width: 55.104vw;
  max-height: 85vh;
  width: 90%;
  overflow: hidden;
}

.subscribe-popup .popup-decor {
  position: absolute;
  width: 40.156vw;
  height: 40.156vw;
  border-radius: 100%;
  background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(212, 180, 133, 0.20) 0%, rgba(212, 180, 133, 0.16) 15%, rgba(212, 180, 133, 0.08) 30%, rgba(212, 180, 133, 0.00) 60%);
  pointer-events: none;
}

.subscribe-popup .popup-decor1 {
  right: -12.083vw;
  top: -11.822vw;
}

.subscribe-popup .popup-decor2 {
  left: -15vw;

  bottom: -9.479vw;
}

.subscribe-popup .popup-close {
  position: absolute;
  top: 2.5vw;
  right: 2.5vw;
  width: 1.666vw;
  cursor: pointer;
  z-index: 10;
  transition: opacity 0.3s ease;
}

.subscribe-popup .popup-close:hover {
  opacity: 0.7;
}

.subscribe-popup .popup-close img {
  width: 100%;
  height: 100%;
}

.subscribe-popup .popup-content {
  gap: 2.5vw;
}

.subscribe-popup .popup-left {
  position: relative;
  flex-shrink: 0;
}

.subscribe-popup .popup-img {
  width: 20.729vw;
  border-radius: 0.208vw;
  overflow: hidden;
}

.subscribe-popup .popup-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.subscribe-popup .popup-tag {
  position: absolute;
  top: 0.625vw;
  left: 0.625vw;
  background: linear-gradient(90deg, #FFF3DF 0%, #D4B485 100%);
  border-radius: 1.979vw;
  padding: 0.208vw 0.625vw;
  gap: 0.208vw;
}

.subscribe-popup .popup-tag-dot {
  width: 0.416vw;
  height: 0.416vw;
  border-radius: 50%;
  background: #000;
}

.subscribe-popup .popup-right {
  width: 26.041vw;
  flex-shrink: 0;
}

.subscribe-popup .popup-title-wrap {
  margin-bottom: 2.5vw;
}

.subscribe-popup .popup-title {
  line-height: 1.56;
  letter-spacing: -0.047em;
  margin-bottom: 0.625vw;
}

.subscribe-popup .popup-subtitle {
  line-height: 1.25;
  color: #000;
}

.subscribe-popup .popup-form {
  margin-bottom: 2.5vw;
}

.subscribe-popup .popup-checkbox-group {
  margin-bottom: 1.25vw;
}

.subscribe-popup .popup-checkbox-group>p {
  margin-bottom: 1.25vw;
  line-height: 1.5;
}

.subscribe-popup .popup-checkbox-list {
  display: flex;
  justify-content: space-between;
  gap: 1.666vw;
}

.subscribe-popup .popup-checkbox-col {
  display: flex;
  flex-direction: column;
  gap: 1.25vw;
  max-width: 33%;
}

.subscribe-popup .popup-checkbox-item {
  display: flex;
  align-items: center;
  gap: 0.416vw;
  cursor: pointer;
}

.subscribe-popup .popup-checkbox-item input {
  display: none;
}

.subscribe-popup .popup-checkbox-box {
  width: 0.937vw;
  height: 0.937vw;
  border: 0.039vw solid #999;
  border-radius: 0.156vw;
  background: #fff;
  flex-shrink: 0;
  position: relative;
  transition: all 0.2s ease;
}

.subscribe-popup .popup-checkbox-item input:checked+.popup-checkbox-box,
.subscribe-popup .popup-agree-item input:checked+.popup-checkbox-box {
  background: #FFE7C0;
  border-color: #C09555;
}

.subscribe-popup .popup-checkbox-item input:checked+.popup-checkbox-box::after,
.subscribe-popup .popup-agree-item input:checked+.popup-checkbox-box::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.625vw;
  height: 0.625vw;
  background: url('/img/popup-check.svg') no-repeat center center;
  background-size: contain;
}

.subscribe-popup .popup-email-wrap {
  background: #fff;
  border: 0.039vw solid #999;
  border-radius: 0.208vw;
  padding: 0.625vw 0.833vw;
  margin: 1.25vw 0;
}

.subscribe-popup .popup-email-input {
  flex: 1;
  border: none;
  background: transparent;
  outline: none;
  line-height: 1.16;
  color: #000;
}

.subscribe-popup .popup-email-input::placeholder {
  color: #666;
}

.subscribe-popup .popup-email-btn {
  /* width: 1.25vw;
  height: 1.25vw;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  flex-shrink: 0; */
}

.subscribe-popup .popup-email-btn img {
  /* width: 100%;
  height: 100%; */
}

.subscribe-popup .popup-agree-wrap {
  gap: 0.916vw;
}

.subscribe-popup .popup-agree-item {
  gap: 0.416vw;
  cursor: pointer;
}

.subscribe-popup .popup-agree-item input {
  display: none;
}

.subscribe-popup .popup-disclaimer {
  line-height: 1.5;
  color: #666;
}

.subscribe-popup .popup-email-wrap.error {
  border-color: #e74c3c;
}

/* -----------------------------------------注释-------------------------------------- */
.cart1 {
  padding: 8.75vw 0;
}

.cart1-header {
  margin-bottom: 3.541vw;
}

.cart1-header .title {
  line-height: 1.5;
}

.cart1-main {
  gap: 4.479vw;
}

.cart1-left {
  width: 46.458vw;
  flex-shrink: 0;
}

.cart1-left .C-more {
  opacity: 0.5;
}

.cart1-left .product-list {
  width: 100%;
}

.cart1-left .product-item {
  padding: 0.416vw 1.875vw;
  border-bottom: 0.026vw solid #bababa;
}

.cart1-left .product-item:first-child {
  border-top: 0.026vw solid #bababa;
}

.cart1-left .product-item-gift {
  border-bottom: 0.026vw solid #bababa;
}

.cart1-left .product-info {
  gap: 1.25vw;
}

.cart1-left .product-img {
  width: 9.635vw;
  height: 9.687vw;
  border-radius: 1.406vw;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.17);
}

.cart1-left .product-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cart1-left .product-detail {
  width: 10.416vw;
}

.cart1-left .detail-top {
  margin-bottom: 0.625vw;
}

.cart1-left .detail-top .name {
  line-height: 1.5;
}

.cart1-left .detail-top .spec,
.cart1-left .detail-top .delivery {
  color: #666;
  line-height: 1.5;
}

.cart1-left .product-action {
  gap: 6.77vw;
}

.cart1-left .number-control {
  border-radius: 0.208vw;
  overflow: hidden;
}

.cart1-left .number-control .btn {
  width: 1.77vw;
  height: 1.77vw;
  border: 0.052vw solid #666;
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  transition: background 0.3s;
}

.cart1-left .number-control .btn:hover {
  background: #f5f5f5;
}

.cart1-left .number-control .btn img {
  width: 0.729vw;
  opacity: 0.6;
}

.cart1-left .number-control .minus {
  border-radius: 0.208vw 0 0 0.208vw;
  border-right: none;
}

.cart1-left .number-control .plus {
  border-radius: 0 0.208vw 0.208vw 0;
  border-left: none;
}

.cart1-left .number-control .input-wrap {
  width: 3.541vw;
  height: 1.77vw;
  border-top: 0.052vw solid #666;
  border-bottom: 0.052vw solid #666;
}

.cart1-left .number-control .input-wrap input {
  width: 100%;
  height: 100%;
  border: none;
  text-align: center;
  background: transparent;
  outline: none;
}

.cart1-left .price {
  min-width: 4.166vw;
  text-align: center;
  line-height: 1.18;
}

.cart1-right {
  flex: 1;
  min-width: 0;
}

.cart1-right .checkout-box {
  margin-bottom: 1.666vw;
}

.cart1-right .checkout-info {
  padding: 1.25vw;
  border-top: 0.052vw solid #bababa;
  border-bottom: 0.052vw solid #bababa;
}

.cart1-right .checkout-row {
  margin-bottom: 0.833vw;
}

.cart1-right .checkout-row:last-child {
  margin-bottom: 0;
}

.cart1-right .checkout-row .label {
  color: #666;
  line-height: 1.5;
}

.cart1-right .checkout-row .value {
  line-height: 1.5;
}

.cart1-right .checkout-total {
  padding: 0 1.25vw;
  margin-top: 0.52vw;
}

.cart1-right .checkout-total .label {
  line-height: 1.5;
}

.cart1-right .checkout-total .value {
  line-height: 1.5;
}

.cart1-right .checkout-actions {
  margin-bottom: 2.5vw;
}

.cart1-right .checkout-actions .C-form-btn1 {
  width: 100%;
  min-width: auto;
  padding: 1.614vw 3.177vw;
  border-radius: 0.885vw;
  text-transform: uppercase;
}

.cart1-right .checkout-actions .continue-link {
  display: block;
  margin-top: 0.625vw;
  color: #000;
  text-decoration: none;
  transition: opacity 0.3s;
}

.cart1-right .checkout-actions .continue-link:hover {
  opacity: 0.7;
}

.cart1-right .Ecollapse-item {
  border-top: 0.052vw solid #dcdcdc;
  padding: 1.25vw;
  transition: all ease 0.3s;
}

.cart1-right .Ecollapse-item:last-child {
  border-bottom: 0.052vw solid #dcdcdc;
}

.cart1-right .Ecollapse-name {
  cursor: pointer;
}

.cart1-right .Ecollapse-name-col {
  flex: 1;
  min-width: 0;
  padding-right: 1em;
}

.cart1-right .Ecollapse-title {
  line-height: 1.5;
  text-transform: capitalize;
}

.cart1-right .Ecollapse-desc {
  color: rgba(0, 0, 0, 0.8);
  line-height: 1.16;
  margin-top: 0.416vw;
}

.cart1-right .Ecollapse-name .icon {
  width: 1.25vw;
  height: 1.25vw;
  background: url("/img/kexue4-i1.svg") no-repeat center/contain;
  flex-shrink: 0;
  transition: all ease .3s;
}

.cart1-right .Ecollapse-item.on .Ecollapse-name .icon {
  transform: rotate(135deg);
}

.cart1-right .Ecollapse-content {
  display: none;
  padding-top: 1.25vw;
}

.cart1-right .Ecollapse-item.on .Ecollapse-content {
  display: block;
}

.cart1-right .content-text {
  color: #666;
  line-height: 1.5;
}

.account1 {
  padding: 4.687vw 0 17.968vw;
}

.account1-main {
  gap: 5.052vw;
  margin-top: 2.916vw;
}

.account1-left {
  flex: 1;
  min-width: 0;
}

.account1-right {
  width: 28.229vw;
  flex-shrink: 0;
}

.step-box {
  margin-bottom: 4.479vw;
}

.step-box:last-child {
  margin-bottom: 0;
}

.step-box.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.step-box.disabled .step-header .step-line {
  background: #787774;
}

.step-header {
  margin-bottom: 2.5vw;
}

.step-header .step-title {
  line-height: 1.5;
  margin-bottom: 1.25vw;
}

.step-header .step-line {
  height: 0.052vw;
  background: #787774;
}

.step-form {
  display: flex;
  flex-direction: column;
  gap: 2.5vw;
}

.login-option {
  display: flex;
  flex-direction: column;
  gap: 1.25vw;
}

.login-option .login-title {
  line-height: 1.5;
}

.login-option .login-desc {
  color: #666;
  line-height: 1.5;
  margin-top: 0.625vw;
}

.login-option.login-option1 .C-form-btn1 {
  min-width: 0;
}

.login-option .C-form-btn1 {
  align-self: flex-end;
}

.login-option .C-form {
  width: 100%;
}

.login-option .C-form .form-body {
  gap: 1.25vw;
}

.login-option .C-form .login-title {
  margin-bottom: 0.416vw;
}

.step-done {
  padding: 1.25vw 0;
}

.step-done .done-info {
  gap: 1.25vw;
}

.step-done .done-text {
  color: #666;
  line-height: 1.5;
  flex: 1;
  min-width: 0;
}

.step-done .done-label {
  color: #000;
}

.step-done .edit-btn {
  color: #999;
  flex-shrink: 0;
}

.step-done .edit-btn .icon {
  width: 0.52vw;
  height: 0.52vw;
  margin-left: 0.364vw;
}

.step-done .edit-btn .icon img {
  filter: grayscale(1) opacity(0.6);
}

.step-done .edit-btn:hover {
  color: #000;
}

.step-done .edit-btn:hover .icon img {
  filter: none;
}

.account1 .C-form .form-body {
  gap: 1.25vw;
}

.account1 .C-form .form-row {
  gap: 1.25vw;
}

.account1 .C-form .form-item {
  flex: 1;
  min-width: 0;
}

.account1 .C-form .form-item.w50 {
  flex: 0 0 calc(50% - 0.625vw);
}

.account1 .C-form .form-item.full {
  flex: 0 0 100%;
}

.account1 .C-form .form-desc {
  line-height: 1.5;
  margin-bottom: 1.25vw;
}

.account1 .form-input {
  border: 0.052vw solid #727171;
  border-radius: 0.208vw;
  background: #fff;
  transition: all ease 0.3s;
}

.account1 .form-input:focus-within {
  border-color: #a76700;
}

.account1 .form-input.error {
  border-color: #e60012;
}

.account1 .form-input input {
  width: 100%;
  line-height: 1.5;
  color: #000;
}

.account1 .form-input input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.account1 .form-input input::placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.account1 .form-textarea {
  border: 0.052vw solid #727171;
  border-radius: 0.625vw;
  background: #fff;
  padding: 0.781vw 0.937vw;
  transition: all ease 0.3s;
}

.account1 .form-textarea:focus-within {
  border-color: #a76700;
}

.account1 .form-textarea.error {
  border-color: #e60012;
}

.account1 .form-textarea textarea {
  width: 100%;
  min-height: 6.77vw;
  line-height: 1.5;
  color: #000;
}

.account1 .form-textarea textarea::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.account1 .form-textarea textarea::placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.account1 .form-input-phone {
  display: flex;
  align-items: center;
  border: 0.052vw solid #727171;
  border-radius: 0.208vw;
  background: #fff;
  height: 3.125vw;
  transition: all ease 0.3s;
}

.account1 .form-input-phone:focus-within {
  border-color: #a76700;
}

.account1 .form-input-phone.error {
  border-color: #e60012;
}

.account1 .phone-country-select {
  position: relative;
  padding: 0 0.625vw;
  cursor: pointer;
}

.account1 .phone-country-display {
  gap: 0.416vw;
}

.account1 .phone-country-display .country-flag {
  width: 1.25vw;
  height: 0.833vw;
  object-fit: cover;
  border-radius: 0.104vw;
}

.account1 .phone-country-display .country-code {
  color: #000;
}

.account1 .phone-country-display .country-arrow {
  width: 0.625vw;
  height: 0.625vw;
  transition: all ease 0.3s;
}

.account1 .phone-country-select.open .country-arrow {
  transform: rotate(180deg);
}

.account1 .phone-country-options {
  position: absolute;
  left: 0;
  top: 100%;
  min-width: 6.25vw;
  background: #fff;
  border: 0.052vw solid #dcdcdc;
  border-radius: 0.208vw;
  box-shadow: 0 0.208vw 0.625vw rgba(0, 0, 0, 0.1);
  z-index: 10;
  display: none;
}

.account1 .phone-country-select.open .phone-country-options {
  display: block;
}

.account1 .phone-country-options .option {
  display: flex;
  align-items: center;
  gap: 0.416vw;
  padding: 0.52vw 0.625vw;
  cursor: pointer;
  transition: all ease 0.3s;
}

.account1 .phone-country-options .option:hover {
  background: #f5f5f5;
}

.account1 .phone-country-options .option.selected {
  background: #ffe7c0;
}

.account1 .phone-country-options .option img {
  width: 1.25vw;
  height: 0.833vw;
  object-fit: cover;
  border-radius: 0.104vw;
}

.account1 .phone-divider {
  width: 0.052vw;
  height: 1.25vw;
  background: #dcdcdc;
}

.account1 .phone-input {
  flex: 1;
  min-width: 0;
  height: 100%;
  padding: 0 0.989vw;
  color: #000;
}

.account1 .phone-input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.account1 .phone-input::placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.account1 .C-form .flex-xend {
  margin-top: 2.5vw;
}

.payment-options {
  display: flex;
  flex-direction: column;
}

.payment-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.25vw 0;
  border-bottom: 0.052vw solid #000;
  transition: all ease 0.3s;
}

.payment-option:hover {
  border-color: #a76700;
}

.payment-option .payment-name {
  line-height: 1.5;
  color: #1F2937;
}

.payment-btn {
  gap: 0.625vw;
  padding: 0 1.25vw;
  height: 1.875vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  border: 0.052vw solid #000;
  border-radius: 0.208vw;
  transition: all ease 0.3s;
}

.payment-btn:hover {
  background: #000;
  color: #fff;
}

.payment-btn img {
  width: 2.5vw;
}

.payment-card-icons img {
  height: 0.989vw;
  width: auto;
}

.card-info-section {
  margin-bottom: 2.5vw;
}

.billing-address-section {
  padding-top: 2.083vw;
}

.billing-address-section .section-title {
  line-height: 1.5;
  margin-bottom: 1.25vw;
}

.cart-summary {
  margin-bottom: 4.322vw;
}

.cart-summary-title {
  line-height: 1.5;
  padding-bottom: 4.479vw;
  border-bottom: 0.052vw solid #dcdcdc;
}

.cart-summary-list {
  border-bottom: 0.052vw solid #dcdcdc;
}

.cart-item {
  padding: 1.25vw 1.875vw;
  border-bottom: 0.052vw solid #f0f0f0;
}

.cart-item:last-child {
  border-bottom: none;
}

.cart-item-left {
  gap: 1.25vw;
}

.cart-item-img {
  width: 5.208vw;
  height: 5.208vw;
  border-radius: 0.416vw;
  overflow: hidden;
}

.cart-item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cart-item-info .name {
  line-height: 1.5;
  margin-bottom: 0.208vw;
}

.cart-item-info .price {
  color: #666;
  line-height: 1.5;
}

.cart-item-qty {
  color: #000;
}

.cart-summary-calc {
  padding: 1.25vw;
  border-bottom: 0.052vw solid #dcdcdc;
}

.cart-summary-calc .calc-row {
  margin-bottom: 0.625vw;
}

.cart-summary-calc .calc-row:last-child {
  margin-bottom: 0;
}

.cart-summary-calc .label {
  color: #666;
}

.cart-summary-calc .value {
  color: #000;
}

.cart-summary-total {
  padding: 0.625vw 1.25vw;
}

.cart-summary-total .label {
  color: #000;
}

.cart-summary-total .value {
  color: #000;
}

.cart-summary-actions {
  padding-top: 1.25vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.833vw;
}

.cart-summary-actions .C-form-btn1 {
  width: 100%;
  min-width: auto;
  min-height: 4.791vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  text-transform: uppercase;
}

.cart-summary-actions .continue-link {
  color: #000;
  transition: all ease 0.3s;
}

.cart-summary-actions .continue-link:hover {
  color: #000;
}

.account1-right .Ecollapse-item {
  border-top: 0.052vw solid #dcdcdc;
  padding: 1.25vw;
  transition: all ease 0.3s;
}

.account1-right .Ecollapse-item:last-child {
  border-bottom: 0.052vw solid #dcdcdc;
}

.account1-right .Ecollapse-name {
  cursor: pointer;
}

.account1-right .Ecollapse-name-col {
  flex: 1;
  min-width: 0;
  padding-right: 1em;
}

.account1-right .Ecollapse-title {
  line-height: 1.5;
  text-transform: capitalize;
}

.account1-right .Ecollapse-desc {
  color: rgba(0, 0, 0, 0.8);
  line-height: 1.16;
  margin-top: 0.416vw;
}

.account1-right .Ecollapse-name .icon {
  width: 1.25vw;
  height: 1.25vw;
  background: url("/img/kexue4-i1.svg") no-repeat center/contain;
  flex-shrink: 0;
  transition: all ease .3s;
}

.account1-right .Ecollapse-item.on .Ecollapse-name .icon {
  transform: rotate(135deg);
}

.account1-right .Ecollapse-content {
  display: none;
  padding-top: 1.25vw;
}

.account1-right .Ecollapse-item.on .Ecollapse-content {
  display: block;
}

.account1-right .content-text {
  color: #666;
  line-height: 1.5;
}

.home4 .swiper .item .pic img {
  transition: all ease 0.6s;
}

.home4 .swiper .item:hover .pic img {
  transform: scale(1.1);
}

.home4 .swiper .item:hover .pic .icon img {
  transform: scale(1);
}


@media screen and (max-width:768px) {
  .pd2 .sec1 .product-info .swiper-slide {
    padding: 10px 35px;
  }
}

.pd-list .pd-item .pic {
  position: relative;
  overflow: hidden;
  width: 16.458vw;
  height: 100%;
}

.pd-list .pd-item .pic img {
  transition: all 0.6s ease;
  position: absolute;
  top: 0; 
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; 
}

.pd-list .pd-item .pic img:nth-child(1) {
  opacity: 1;
  z-index: 1;
}

.pd-list .pd-item .pic img:nth-child(2) {
  opacity: 0;
  z-index: 2;
}

.pd-list .pd-item .pic:hover img:nth-child(1) {
  opacity: 0;
}
.pd-list .pd-item .pic:hover img:nth-child(2) {
  opacity: 1;
}