@charset "utf-8";

/* 公共样式 - start */

body,
input,
textarea {
  font-family: "PingFang SC", "Microsoft YaHei" !important;
}

/* wow弹窗字体引入 */

.altumcode {
  --fontFamily: "PingFang SC", "Microsoft YaHei" !important;
}

html {
  font-size: 100px;
}

/* a[href=""],a[href='']{
    cursor:default
} */

.mod-form input:-webkit-autofill,
.mod-form input:-webkit-autofill:hover,
.mod-form input:-webkit-autofill:focus,
.mod-form input:-webkit-autofill:active {
  -webkit-text-fill-color: #333 !important;
}

:root {
  /* 字号 */
  --font100: 1rem;
  --font98: 0.98rem;
  --font96: 0.96rem;
  --font94: 0.94rem;
  --font92: 0.92rem;
  --font90: 0.9rem;
  --font88: 0.88rem;
  --font86: 0.86rem;
  --font84: 0.84rem;
  --font82: 0.82rem;
  --font80: 0.8rem;
  --font78: 0.78rem;
  --font76: 0.76rem;
  --font74: 0.74rem;
  --font72: 0.72rem;
  --font70: 0.7rem;
  --font68: 0.68rem;
  --font66: 0.66rem;
  --font64: 0.64rem;
  --font62: 0.62rem;
  --font60: 0.6rem;
  --font58: 0.58rem;
  --font56: 0.56rem;
  --font54: 0.54rem;
  --font52: 0.52rem;
  --font50: 0.5rem;
  --font48: 0.48rem;
  --font46: 0.46rem;
  --font44: 0.44rem;
  --font42: 0.42rem;
  --font40: 0.4rem;
  --font38: 0.38rem;
  --font36: 0.36rem;
  --font34: 0.34rem;
  --font32: 0.32rem;
  --font30: 0.3rem;
  --font28: 0.28rem;
  --font26: 0.26rem;
  --font24: 0.24rem;
  --font22: 0.22rem;
  --font20: 0.2rem;
  --font18: 0.18rem;
  --font16: 0.16rem;
  --font14: 0.14rem;
  --font12: 0.12rem;
  /* 间距 */
  --space250: 2.5rem;
  --space240: 2.4rem;
  --space230: 2.3rem;
  --space220: 2.2rem;
  --space210: 2.1rem;
  --space200: 2rem;
  --space190: 1.9rem;
  --space180: 1.8rem;
  --space170: 1.7rem;
  --space160: 1.6rem;
  --space150: 1.5rem;
  --space140: 1.4rem;
  --space130: 1.3rem;
  --space120: 1.2rem;
  --space110: 1.1rem;
  --space100: 1rem;
  --space90: 0.9rem;
  --space80: 0.8rem;
  --space70: 0.7rem;
  --space60: 0.6rem;
  --space32: 0.32rem;
  --space24: 0.24rem;
  --space16: 0.16rem;
}

:root {
  /* 行高 */
  --line12: 1.2;
  --line13: 1.3;
  --line14: 1.4;
  --line15: 1.5;
  --line16: 1.6;
  --line165: 1.65;
  --line175: 1.75;
  --line18: 1.8;
  /* 导航-高度 */
  --headh: 80px;
  /* 颜色 */
  --color333: #333;
  --color666: #666;
  --color999: #999;
  --colorfff: #fff;
  --colormain: #a8182c;
  --colormain1: #d6181d;
  --colorvi: #17b2b2;
  --colorvi1: #15a1a1;
  --colorbj: #f8f8f8;
  --colorB78: #b78353;
  --colorF9F5: #f9f5f2;
  --colorF5EB: #f5ebe2;
  --colorE8F4: #e8f4f6;
  --colortext: #110000;
  --colortext1: #020612;
  --color7B: #7b7b7b;
  --DBD: #dbd9d9;
  /* 板块间距 */
  --space40: 0.4rem;
  /* 段落间距 */
  --parpspace16: 0.16rem;
  --parpspace12: 0.12rem;
  --parpspace10: 0.1rem;
  /* 特殊字体或粗细 */
  --bold: "";
  --transition: all 0.4s ease;
  --transition1: all 0.8s var(--bezier1);
  --transition2:
    transform 1.5s var(--bezier2), -webkit-transform 1.5s var(--bezier2),
    opacity 1.2s var(--bezier2), color 0.3s var(--bezier2);
  --shadow: 0 8px 15px 3px rgba(0, 0, 0, 0.03);
  /* 等于gsap的sine.out */
  --bezier1: cubic-bezier(0.39, 0.575, 0.565, 1);
  /* 等于gsap的expo.inOut */
  --bezier2: cubic-bezier(0.38, 0, 0, 1);
  --radius8: 8px;
  --radius10: 10px;
  --radius12: 0.12rem;
  --radius16: 0.16rem;
  --radius20: 0.2rem;
}

/* .std-font64,
.std-font64 p {
    font-size: var(--font64);
    color: var(--color333);
    line-height: var(--line15);
}
.std-font48,
.std-font48 p,
.yxedr-active h2 {
    font-size: var(--font48);
    color: var(--color333);
    line-height: var(--line15);
} */

.std-font44,
.std-font44 p {
  font-size: var(--font44);
  color: var(--colortext);
  line-height: var(--line12);
}

.std-font40,
.std-font40 p,
.yxedr-active h2 {
  font-size: var(--font40);
  color: var(--colortext);
  line-height: var(--line12);
}

.std-font32,
.std-font32 p,
.yxedr-active h3 {
  font-size: var(--font32);
  color: var(--colortext);
  line-height: var(--line15);
}

.std-font24,
.std-font24 p,
.yxedr-active h4 {
  font-size: var(--font24);
  color: var(--colortext);
  line-height: var(--line15);
}

.std-font20,
.std-font20 p,
.yxedr-active h5 {
  font-size: var(--font20);
  color: var(--colortext);
  line-height: var(--line16);
}

.std-text18,
.std-text18 p {
  font-size: var(--font18);
  color: var(--colortext);
  line-height: var(--line165);
}

.std-text16,
.std-text16 p {
  font-size: var(--font16);
  color: var(--colortext);
  line-height: var(--line165);
}

.std-text14,
.std-text14 p {
  font-size: var(--font14);
  color: var(--colortext);
  line-height: var(--line165);
}

.yxedr-active,
.yxedr-active p {
  font-size: var(--font16);
  color: var(--color666);
  line-height: var(--line165);
}

.yxedr-active p {
  margin-bottom: 0.75em;
}

.yxedr-active>p:last-child {
  margin-bottom: 0;
}

.std-padd {
  padding: var(--space120) 0;
}

.std-padd1 {
  padding-top: var(--space120);
}

.std-padd2 {
  padding-bottom: var(--space120);
}

.std-padd110 {
  padding: var(--space110) 0;
}

.std-padd100 {
  padding: var(--space100) 0;
}

.std-padding100t {
  padding-top: var(--space100);
}

.std-padding100 {
  padding-bottom: var(--space100);
}

.std-margin40 {
  margin-bottom: var(--space40);
}

.std-padding40 {
  padding-bottom: var(--space40);
}

.std-margin32 {
  margin-bottom: var(--space32);
}

.std-margin24 {
  margin-bottom: var(--space24);
}

.std-margin16 {
  margin-bottom: var(--space16);
}

.yxedr-active h2,
.yxedr-active h3 {
  margin-bottom: var(--parpspace16);
}

.yxedr-active h4 {
  margin-bottom: var(--parpspace12);
}

.yxedr-active h5 {
  margin-bottom: var(--parpspace10);
}

.search-main {
  --colormain1: var(--colormain) !important;
}

/*分享翻译*/

.ys-wechat-cont-parga p::before {
  content: "分享到 - 微信";
  /* content: 'Share the - WeChat'; */
}

/* yongsy样式 */

a[href="https://www.yongsy.com"] {
  color: rgba(255, 255, 255, 0.2) !important;
  white-space: nowrap;
}

/*导航默认选中*/

.yxnav-active1 {}

.yxnav-active2 {}

/* 轮播溢出隐藏 */

.ys-ban-li:not(:first-child) {
  display: none;
}

/* 省略号 */

.line-clamp {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* 侧边锚点隐藏 */

.mod-anchor {
  opacity: 0;
  transform: translateX(-50%);
  transition: all 0.4s ease;
  position: fixed;
  z-index: 20;
}

.mod-anchor.on1 {
  opacity: 1;
  transform: translateX(0%);
}

.mod-anchor ul {
  transition: all 0.4s ease;
}

.mod-anchor:not(.act) ul {
  opacity: 1;
  transform: translateX(0%);
}

.mod-anchor.act ul {
  opacity: 0;
  transform: translateX(-50%);
}

/* 轮播箭头 */

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled,
.slick-arrow.slick-disabled {
  pointer-events: none !important;
  opacity: 0.5 !important;
}

.mod-arrows1 .swiper-button-next,
.mod-arrows1 .swiper-button-prev,
.mod-arrows1 .slick-prev,
.mod-arrows1 .slick-next {}

/* 载入 */

.ys-upfade1 {
  opacity: 0;
  transform-origin: 0% 50%;
  -webkit-transform: translate3d(0, 60px, 0);
  transform: translate3d(0, 60px, 0);
  transition: var(--transition2);
  will-change: transform, opacity;
}

.ys-upfade1.ys-fade-true {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0px, 0);
}

/* 首页banner载入 */

.ys-ban-li.act .ys-ban-title {
  animation: ysfadeInUp 0.8s ease-in-out both;
}

.ys-ban-slick.ys-slick-act .ys-ban-li.act .ys-ban-title {
  animation-delay: 0.4s;
}

/* 公共样式 - end */

/*鼠标效果*/

@media screen and (min-width: 1200px) {}

/* kaffi-start */

/* 内容区 */

.ys-cont1520 {
  width: 85vw;
  max-width: 1520px;
  margin: auto;
  --place: calc(50vw - 780px);
  --cont: 1520px;
}

@media screen and (max-width: 1835px) {
  .ys-cont1520 {
    --place: 7.5vw;
    --cont: 85vw;
  }
}

@media screen and (max-width: 767px) {
  .ys-cont1520 {
    padding: 0 20px;
    width: 100%;
    max-width: 100%;
    --place: 20px;
    --cont: calc(100vw - 40px);
  }
}

.ys-cont1620 {
  width: 85vw;
  max-width: 1620px;
  margin: auto;
  --place: calc(50vw - 810px);
  --cont: 1620px;
}

@media screen and (max-width: 1882px) {
  .ys-cont1620 {
    --place: 7.5vw;
    --cont: 85vw;
  }
}

@media screen and (max-width: 1694px) {
  .ys-cont1480 {
    --place: 7.5vw;
    --cont: 85vw;
  }
}

.ys-cont1480 {
  width: 85vw;
  max-width: 1480px;
  margin: auto;
  --place: calc(50vw - 740px);
  --cont: 1480px;
}

@media screen and (max-width: 767px) {

  .ys-cont1620,
  .ys-cont1520,
  .ys-cont1480 {
    padding: 0 20px;
    width: 100%;
    max-width: 100%;
    --place: 20px;
    --cont: calc(100vw - 40px);
  }
}

/* 内容区end */

.ys-bread-list a {
  opacity: 0.4;
  line-height: var(--line16);
  color: var(--colortext);
}

.ys-bread-list::before {
  color: var(--colortext);
  opacity: 0.4;
}

.ys-bread-list:last-child a {
  opacity: 0.6;
}

.ys-bread-list:last-child::before {
  opacity: 0.6;
}

.footer-code {
  display: none;
}

.ys-phnav-logo {
  width: 48px;
}

.head-logo {
  width: var(--logo);
}

.head-nav-item-title {
  font-size: var(--font16);
  font-weight: 300;
  white-space: nowrap;
}

.ys-hd-pc.has-search .head-nav-item-title,
.ys-hd-pc.isfixed .head-nav-item-title,
.ys-hd-pc.ishover .head-nav-item-title,
.ys-page-wrap.act .ys-hd-pc .head-nav-item-title {
  color: var(--colortext);
}

.head-nav {
  --gap2: 0.42rem;
  /* justify-content: space-between; */
}

.data-head-shop {
  position: relative;
  margin-right: 0.4rem;
}

.data-head-shop-link {
  width: 0.24rem;
}

.data-head-shop-link .ys-imgbox-cover {
  width: 100%;
}

.data-head-shop-link .ys-imgbox-cover img:nth-child(2) {
  opacity: 0;
}

.ys-hd-pc.has-search .data-head-shop-link .ys-imgbox-cover img:nth-child(2),
.ys-hd-pc.isfixed .data-head-shop-link .ys-imgbox-cover img:nth-child(2),
.ys-hd-pc.ishover .data-head-shop-link .ys-imgbox-cover img:nth-child(2),
.ys-page-wrap.act .data-head-shop-link .ys-imgbox-cover img:nth-child(2) {
  opacity: 1;
}

.ys-hd-pc.has-search .data-head-shop-link .ys-imgbox-cover img:nth-child(1),
.ys-hd-pc.isfixed .data-head-shop-link .ys-imgbox-cover img:nth-child(1),
.ys-hd-pc.ishover .data-head-shop-link .ys-imgbox-cover img:nth-child(1),
.ys-page-wrap.act .data-head-shop-link .ys-imgbox-cover img:nth-child(1) {
  opacity: 0;
}

.ys-hd-pc-core {
  --logo: 72px;
  --width1: calc((100% - var(--logo) - 0.64rem * 2) / 2);
  padding: 0 1rem;
  max-width: 1920px;
  left: 50%;
  transform: translateX(-50%);
  position: relative;
}

.head-nav-box {
  width: var(--width1);
  position: relative;
}

.head-other {
  width: var(--width1);
  /* position: relative; */
}

.head-search-btn .ys-imgbox-cover:nth-child(1) img {
  transition: var(--transition);
}

.head-search-btn .ys-imgbox-cover:nth-child(1) img:nth-child(2) {
  opacity: 0;
}

.ys-hd-pc.has-search .head-search-btn .ys-imgbox-cover:nth-child(1) img:nth-child(2),
.ys-hd-pc.isfixed .head-search-btn .ys-imgbox-cover:nth-child(1) img:nth-child(2),
.ys-hd-pc.ishover .head-search-btn .ys-imgbox-cover:nth-child(1) img:nth-child(2),
.ys-page-wrap.act .head-search-btn .ys-imgbox-cover:nth-child(1) img:nth-child(2) {
  opacity: 1;
}

.ys-hd-pc.has-search .head-search-btn .ys-imgbox-cover:nth-child(1) img:nth-child(1),
.ys-hd-pc.isfixed .head-search-btn .ys-imgbox-cover:nth-child(1) img:nth-child(1),
.ys-hd-pc.ishover .head-search-btn .ys-imgbox-cover:nth-child(1) img:nth-child(1),
.ys-page-wrap.act .head-search-btn .ys-imgbox-cover:nth-child(1) img:nth-child(1) {
  opacity: 0;
}

.mod-head-line {
  position: relative;
}

.mod-head-line::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 45vw;
  height: 1px;
  content: "";
  opacity: 0.5;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
  z-index: 1;
  transition: var(--transition);
}

.mod-head-line::after {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 45vw;
  height: 1px;
  content: "";
  opacity: 0.5;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
  z-index: 1;
  transition: var(--transition);
}

.ys-hd-pc.has-search .mod-head-line::before,
.ys-hd-pc.isfixed .mod-head-line::before,
.ys-hd-pc.ishover .mod-head-line::before,
.ys-page-wrap.act .mod-head-line::before {
  opacity: 0.1;
  background: linear-gradient(90deg, rgba(34, 0, 0, 0) 0%, #200 100%);
}

.ys-hd-pc.has-search .mod-head-line::after,
.ys-hd-pc.isfixed .mod-head-line::after,
.ys-hd-pc.ishover .mod-head-line::after,
.ys-page-wrap.act .mod-head-line::after {
  opacity: 0.1;
  background: linear-gradient(270deg, rgba(34, 0, 0, 0) 0%, #200 100%);
}

.ys-hd-pc::before {
  width: 100vw;
  left: 50%;
  transform: translateX(-50%);
}

/* 底部 */

.ys-footer {
  --sapceft1: 1rem;
  --sapceft2: 1.08rem;
  background: transparent;
}

.footer-top {
  flex-direction: column;
  align-items: center;
  padding-bottom: 0;
  margin-bottom: var(--sapceft2);
  position: relative;
  width: 100vw;
  left: 50%;
  transform: translateX(-50%);
  height: 1px;
}

.footer-logo {
  width: 94px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
}

.footer-top::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 45vw;
  height: 1px;
  content: "";
  background: linear-gradient(90deg, rgba(168, 24, 44, 0) 0%, #a8182c 100%);
  z-index: 1;
}

.footer-top::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 45vw;
  height: 1px;
  content: "";
  background: linear-gradient(181deg, rgba(168, 24, 44, 0) 0%, #a8182c 100%);
  z-index: 1;
}

.footer-nav {
  width: auto;
  --gap2: 0.2rem;
  margin-bottom: 0.88rem;
}

.footer-nav>li {
  width: 100%;
}

.footer-nav>li>a {
  padding-left: 0.12rem;
  position: relative;
  color: var(--colortext);
  line-height: var(--line16);
  font-size: var(--font20);
}

.footer-nav>li>a::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 62.5%;
  width: 2px;
  content: "";
  background: var(--colormain);
  left: 0;
}

.footer-nav ul a {
  font-size: var(--font18);
  line-height: var(--line16);
  color: var(--colortext);
  opacity: 0.5;
}

.footer-nav>li>ul {
  display: flex;
}

.footer-nav>li>ul>li {
  flex-grow: 1;
}

.footer-nav>li:last-child {
  width: auto;
  flex: none;
}

.foot-link {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 0.2rem;
  align-items: flex-end;
}

.foot-link-le-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 2px -0.16rem -0.32rem;
}

.fllw-item {
  padding: 0 0.16rem 0.32rem;
}

.foot-link-le {
  display: flex;
  align-items: flex-start;
}

.footer-share {
  flex: none;
  --gap1: 0.16rem;
  --width1: 0.4rem;
}

.foot-link-le .std-text16 {
  padding-right: 0.16rem;
}

.foot-link-le .std-text14 {
  opacity: 0.5;
  transition: var(--transition);
}

.footer-share-code {
  top: auto;
  bottom: calc(100% + 10px);
}

.footer-share-code::before {
  bottom: -8px;
  top: auto;
  transform: translateX(-50%) rotate(180deg);
}

.footer-bot {
  border-top: none;
  position: relative;
  padding: 0.2rem 0;
}

.footer-bot::after {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  background: rgba(17, 0, 0, 0.1);
  width: 100vw;
  height: 1px;
}

.footer-privacy a {
  color: var(--colortext);
  line-height: var(--line16);
  opacity: 0.4;
}

.footer-privacy {
  --gap1: 0.16rem;
}

.footer-text p a,
.footer-text p span {
  color: rgba(17, 0, 0, 0.5);
  line-height: var(--line16);
  font-size: var(--font14);
}

.footer-text img {
  width: 14px;
  flex: none;
}

.footer-text {
  display: flex;
  flex-wrap: wrap;
}

/* 底部-end */

/* 分页 */

.pc-fenye li {
  border-radius: 4px;
  border: 1px solid var(--DBD);
  background: var(--colorfff);
  font-size: var(--font16);
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: var(--color7B);
  margin: 0 5px;
}

/* 分页-end */

.mod-bread .ys-bread-list::before {
  content: "/";
}

.mod-bread1 .ys-cont1440 .ys-bread {
  justify-content: center;
}

.mod-bread {
  position: absolute;
  top: 1.54rem;
  left: 50%;
  transform: translateX(-50%);
}

.mod-btn-link,
.mod-line-link {
  transition: var(--transition);
  cursor: pointer;
  padding: 0.1rem 0.23rem;
  text-align: center;
  /* font-weight: 350; */
}

.mod-btn-link {
  color: var(--colorfff);
  background: var(--colormain);
  border: 1px solid var(--colormain);
}

.mod-btn.on .mod-btn-link {
  color: var(--colormain);
  background: var(--colorfff);
  border: 1px solid var(--colorfff);
}

.green-main .mod-btn-link {
  background: var(--colorvi);
  border: 1px solid var(--colorvi);
}

.green-main .mod-btn.on .mod-btn-link {
  color: var(--colorvi);
}

.mod-line-link {
  color: var(--colortext);
  border: 1px solid var(--colortext);
}

.mod-line.on .mod-line-link {
  color: var(--colorfff);
  border: 1px solid var(--colorfff);
}

.mod-switch {
  --wh: 0.64rem;
  transition: var(--transition);
}

.mod-switch-btn {
  width: var(--wh);
  height: var(--wh);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: rgba(17, 0, 0, 0.15);
  transition: var(--transition);
  cursor: pointer;
}

.mod-switch-btn .ys-imgbox-cover {
  width: 0.24rem;
}

.mod-switch-btn.swiper-button-disabled {
  pointer-events: none !important;
  opacity: 0.5 !important;
}

.mod-switch-btn .ys-imgbox-cover img:nth-child(1) {
  opacity: 0;
}

.mod-switch.on .mod-switch-btn {
  background: transparent;
  border: 1px solid #7b7b7b;
}

.mod-more {
  display: flex;
}

.mod-more-link span {
  color: var(--colormain);
  display: block;
  font-size: var(--font16);
  line-height: var(--line165);
  padding-right: 0.13rem;
  transition: var(--transition);
}

.mod-more-link {
  display: flex;
  align-items: center;
}

.mod-more-link .ys-imgbox-cover {
  width: 0.2rem;
}

.mod-more-link .ys-imgbox-cover img {
  transform: scale(1) !important;
}

.mod-more-link .ys-imgbox-cover img:nth-child(1) {
  opacity: 0;
}

.data-cont {
  overflow: visible;
  /* padding-top: var(--space160); */
  padding-top: var(--space80);
  padding-bottom: var(--space70);
  background: var(--colorbj);
  min-height: 100vh;
}

.data-cont-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}

.data-cont-box-le {
  position: sticky;
  top: calc(var(--headh) + 0.3rem);
  width: 48%;
}

.data-cont-box-ri {
  width: 43%;
}

.gold-gist .data-cont-box-ri {
  width: 47%;
}

.data-cont-box-le .mod-switch-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.data-cont-box-le .mod-switch-le {
  left: 0;
}

.data-cont-box-le .mod-switch-ri {
  right: 0;
}

.data-cont-box-ri {
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.06);
  padding: 0.34rem 0.5rem;
}

.dcbr-top-tit {
  display: flex;
  margin-bottom: 8px;
}

.mod-tip {
  display: inline-flex;
  position: relative;
}

.mod-tip-img {
  position: absolute;
  width: 100%;
  height: 100%;
}

.mod-tip-img img {
  width: 100%;
}

.mod-tip .std-text18 {
  color: var(--colorfff);
  position: relative;
  z-index: 3;
  white-space: nowrap;
  padding: 6px 0.2rem 0 0.15rem;
}

.dbwl-box-ri .std-text18 {
  margin-bottom: 0.1rem;
}

.dbwl-box {
  display: flex;
  align-items: flex-start;
  background: var(--colorbj);
  padding: 0.2rem;
  border-radius: 10px;
}

.dbwl-box-le {
  width: 0.2rem;
  flex: none;
  margin-top: 6px;
}

.dbwl-box-ri .std-text16,
.dbwl-box-ri .std-text16 p {
  color: var(--color7B);
  /* font-weight: 350; */
}

.dcbr-top-tit-icon {
  width: 0.34rem;
  flex: none;
  margin-top: 0.15rem;
}

.dcbr-top-tit-icon img {
  width: 100%;
}

.dcbr-top-tit .std-font44 {
  font-weight: 500;
  padding-right: 8px;
}

.dcbr-top-text,
.dcbr-top-text p {
  font-weight: 300;
  line-height: var(--line12);
  color: rgba(17, 0, 0, 0.6);
}

.dcbr-top-text {
  margin-bottom: 0.2rem;
}

.dbwl-box-ri {
  padding-left: 8px;
}

.dcbr-bot-wrap-list {
  margin-bottom: 10px;
}

.dcbr-bot-wrap-list:last-child {
  margin-bottom: 0;
}

.dcbr-bot-bot {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -8px -16px;
}

.dcbr-bot-bot-list {
  width: 50%;
  padding: 0 8px 16px;
}

.dcbr-bot-bot-list .mod-btn,
.dcbr-bot-bot-list .mod-line {
  width: 100%;
}

.dcbr-bot-bot-list .mod-btn-link,
.dcbr-bot-bot-list .mod-line-link {
  width: 100%;
  height: 100%;
}

.dbwl-box-ri .std-text16 p span {
  color: var(--colormain);
}

.green-main .dbwl-box-ri .std-text16 p span {
  color: var(--colorvi);
}

.data-page .std-font20,
.data-page .std-font20 p {
  color: var(--color7B);
}

/* .data-page {
  background: #fbf9f7;
} */

.data-info-box-slick .ys-imgbox-cover img {
  object-fit: cover;
}

.data-info-box .mod-switch-btn {
  background: rgba(17, 0, 0, 0.2);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.data-info-box {
  position: relative;
}

.data-info-box .mod-switch-le {
  left: 0.3rem;
}

.data-info-box .mod-switch-ri {
  right: 0.3rem;
}

.dibs-wrap {
  transition: var(--transition);
  transform: none;
  transform-origin: center center;
  transform: scale(2);
}

.data-cate {
  position: relative;
}

.data-cate-box-cont {
  width: 41%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.dbii-box-img {
  width: 0.8rem;
  margin-bottom: 0.2rem;
}

.dbii-box {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.data-cate-bg {
  /* position: absolute;
    top: 0;
    left: 0; */
  position: relative;
  width: 100%;
  z-index: 1;
}

.data-cate-box {
  position: absolute;
  top: 0;
  padding-top: var(--space160);
  padding-bottom: var(--space90);
  height: 100%;
  z-index: 2;
  left: 50%;
  transform: translateX(-50%);
}

.data-cate-bg img {
  width: 100%;
}

.dcbc-bot-info {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.4rem -0.4rem;
}

.dcbc-bot-info-item {
  padding: 0 0.4rem 0.4rem;
}

.dbii-box .std-text18 {
  color: var(--colorfff);
}

.dcbc-top .std-font44 {
  color: var(--colorfff);
  font-weight: 500;
}

.dcbc-top .std-font20,
.dcbc-top .std-font20 p {
  color: var(--colorfff);
  line-height: var(--line16);
}

.red-main .data-auth,
.red-main .data-info,
.red-main .data-wine,
.red-main .data-merit {
  background: #fbf9f7;
}

.data-auth-box-bg {
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.data-auth-box-bg img {
  width: 100%;
}

.data-auth-box .std-font44 {
  font-weight: 500;
}

.data-auth-box .std-font20,
.data-auth-box .std-font20 p {
  color: var(--color7B);
}

.data-auth-box {
  margin-bottom: 0.2rem;
}

.damb-text,
.damb-text p {
  color: var(--color7B);
  line-height: var(--line165);
  font-size: var(--font12);
  text-align: center;
}

.damb-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.data-auth-middle-box {
  position: relative;
}

.data-auth-middle .ys-horse {
  --gap1: 0.24rem;
  --width1: 2.04rem;
}

.damb-text {
  width: 85%;
}

.data-auth-middle {
  margin-top: 0.36rem;
  position: relative;
}

.data-auth-middle::before {
  position: absolute;
  content: "";
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #fff 69.23%);
  bottom: 0;
  height: 100%;
  left: 0;
  width: 10%;
  z-index: 2;
  pointer-events: none;
  opacity: 0.6;
}

.data-auth-middle::after {
  position: absolute;
  content: "";
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 69.23%);
  bottom: 0;
  height: 100%;
  width: 10%;
  right: 0;
  z-index: 2;
  pointer-events: none;
  opacity: 0.6;
}

.data-wine-box-top .std-font44 {
  font-weight: 500;
}

.dwbm-wrap-slide.swiper-slide {
  width: 740px;
  transition-property: all !important;
  transition: var(--transition);
}

.dwbm-wrap-slide.swiper-slide.swiper-slide-active {
  width: 960px;
}

/* .dwbm-wrap-slide.swiper-slide.swiper-slide-active {
    width: 960px;
} */

.data-wine-box-top {
  margin-bottom: 0.5rem;
}

.data-wine-box-middle {
  min-height: 6.5rem;
  overflow: visible !important;
  margin-bottom: 0.5rem;
}

.dwsb-text .std-font24 {
  font-weight: 500;
  transition: var(--transition);
}

.dwbm-wrap-slide.swiper-slide .dwsb-text .std-text16,
.dwbm-wrap-slide.swiper-slide .dwsb-text .std-text16 p {
  color: var(--color7B);
  line-height: var(--line165);
  transition: var(--transition);
}

.dwbm-wrap-slide.swiper-slide.swiper-slide-active .dwsb-text .std-text16,
.dwbm-wrap-slide.swiper-slide.swiper-slide-active .dwsb-text .std-text16 p {
  font-size: var(--font18);
}

.dwbm-wrap-slide.swiper-slide.swiper-slide-active .dwsb-text .std-font24 {
  padding-right: 0.2rem;
  font-size: var(--font32);
  margin-bottom: 0;
}

.dwsb-text {
  transition: var(--transition);
}

.dwbm-wrap-slide.swiper-slide.swiper-slide-active .dwsb-text {
  display: flex;
  justify-content: space-between;
}

.data-wine-box .mod-switch {
  display: flex;
  --wh: 0.48rem;
}

.data-wine-box .mod-switch .mod-switch-le {
  margin-right: 0.2rem;
}

.data-road-ri {
  width: 61%;
}

.data-road-box-item {
  width: 100%;
}

.drbi-ri {
  width: 100%;
}

.drbi-ri img {
  min-height: calc(100vh - var(--headh));
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.drbi-le {
  width: 38%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  -o-backdrop-filter: blur(40px);
  -ms-backdrop-filter: blur(40px);
  -moz-backdrop-filter: blur(40px);
  padding: var(--space100) var(--space80) var(--space130);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
}

.data-road-box-item {
  position: relative;
}

.drbi-le-wrap {
  width: 76%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.dlbi-box-img {
  width: 0.6rem;
  margin-bottom: 0.1rem;
}

.drbi-le-bot {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.2rem -0.2rem;
}

.drbi-le-bot-item {
  padding: 0 0.2rem 0.2rem;
  width: 33.333333%;
}

.drbi-le-box-icon {
  width: 0.8rem;
  margin-bottom: 5px;
}

.drbi-le-box-icon img {
  width: 100%;
}

.drbi-le-box .std-font24,
.drbi-le-box .std-font24 p {
  color: var(--colormain);
  font-weight: 500;
}

.drbi-le-box .std-font24 {
  margin-bottom: 0.1rem;
}

.drbi-le-box .std-font44 {
  font-weight: 500;
}

/* .drbi-le-box-text ul,
.drbi-le-box-text ul li {
  list-style-type: disc;
}
.drbi-le-box-text ul li::marker {
  font-size: 12px;
  margin-top: -2px;
} */
.drbi-le-box-text ul li {
  list-style: none;
  position: relative;
}

.drbi-le-box-text ul li::after {
  position: absolute;
  top: 12px;
  left: -16px;
  content: "";
  width: 4px;
  height: 4px;
  background: var(--color7B);
  border-radius: 50%;
}

.drbi-le-box .std-font44 span {
  color: var(--colormain);
}

.drbi-le {
  justify-content: flex-end;
}

.data-road-box-item.on .drbi-le {
  justify-content: space-between;
}

.data-road-box-item:nth-child(2n) .drbi-le {
  left: auto;
  right: 0;
  align-items: flex-start;
}

.data-road-box-item.on .drbi-le-wrap {
  justify-content: space-between;
}

.data-road-box-item.on .drbi-le-box {
  margin-bottom: 0.4rem;
}

.dmbl-item .std-font24 {
  transition: var(--transition);
  margin-bottom: 0.2rem;
  position: relative;
  color: rgba(17, 0, 0, 0.5);
}

.dmbl-item.slick-current .std-font24 {
  color: var(--colormain);
}

.green-main .dmbl-item.slick-current .std-font24 {
  color: var(--colorvi);
}

.dmbl-item-line {
  position: relative;
  margin-bottom: 0.2rem;
  height: 1px;
  width: 100%;
}

.dmbl-item .dmbl-item-line::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  content: "";
  border-radius: 20px;
  background: var(--DBD);
}

.dmbl-item .dmbl-item-line::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  content: "";
  border-radius: 20px;
  background: var(--colormain);
  z-index: 3;
}

.green-main .dmbl-item .dmbl-item-line::after {
  background: var(--colorvi);
}

.data-merit-box .std-font44 {
  margin-bottom: 0.5rem;
  font-weight: 500;
}

.data-merit-box .std-font44 span {
  color: var(--colormain);
}

.green-main .data-merit-box .std-font44 span {
  color: var(--colorvi);
}

.data-merit .ys-ban-imgbox {
  width: 100%;
  height: 100%;
}

.data-merit-box .dmbl-item.slick-current .dmbl-item-line::after {
  animation: linedots 4s linear both;
}

@keyframes linedots {
  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

@-webkit-keyframes linedots {
  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

.dmbl-item {
  padding: 0 0.2rem;
}

.data-merit-box-line {
  margin: 0 -0.2rem;
}

.dmbl-item .ys-slick-item-cont {
  cursor: pointer;
}

.dmbl-item .std-text14,
.dmbl-item .std-text14 p {
  color: var(--color7B);
}

.dmbl-item.slick-current {
  opacity: 1;
}

.data-treat-box-le {
  width: 39.5%;
  background: #f5ebe2;
}

.green-main .data-treat-box-le {
  background: var(--colorbj);
}

.data-treat-box-ri {
  width: 60.5%;
  position: relative;
}

.data-treat-box-ri img {
  width: 100%;
  object-fit: cover;
}

.dtbr-cont-icon {
  width: 0.48rem;
  position: absolute;
  z-index: 5;
  right: 0.4rem;
  bottom: 0.4rem;
}

.dtbr-cont-icon img {
  width: 100%;
}

.data-treat-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.data-treat-box {
  position: relative;
}

.data-treat-box .ys-cont1680 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.dtbl-box {
  width: 30.5%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.dtbl-box .std-font32,
.dtbl-box .std-font32 p {
  line-height: var(--line14);
  color: var(--colormain);
}

.dtbr-cont-video {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  object-fit: cover;
}

.green-main .dtbl-box .std-font32 {
  color: var(--colorvi);
}

.data-treat-box-ri .ys-video-btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.data-tech-box img {
  width: 100%;
  object-fit: cover;
}

.data-tech {
  min-height: 100vh;
  overflow: hidden;
}

.data-tech-box {
  height: calc(100vh - var(--headh));
  position: sticky;
  top: var(--headh);
}

.data-tech-box img {
  width: 100%;
  height: calc(100vh - var(--headh));
}

.data-keep {
  background: #f5ebe2;
}

.green-main .data-keep {
  background: var(--colorbj);
}

.data-keep .std-font44 {
  text-align: center;
  font-weight: 500;
}

.data-keep .std-font20 {
  width: 67%;
  margin: 0 auto;
}

.data-keep .std-font20,
.data-keep .std-font20 p {
  text-align: center;
}

.data-keep-box-top {
  margin-bottom: 0.5rem;
}

.dkbs-item {
  width: 25%;
}

.dkbs-item-link {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: var(--radius16);
  overflow: hidden;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  background: #a6c5c6;
}

.dkbs-item-link-text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.3rem 0.27rem 0.3rem 0.3rem;
  z-index: 2;
}

.dkbs-item-link-text,
.dkbs-item-link-text p {
  color: var(--colorfff);
  font-weight: 500;
}

.data-keep-box-swiper.swiper-container {
  margin: 0 -0.12rem 0.5rem;
}

.dkbs-item {
  padding: 0 0.12rem;
}

.dkbs-item-link .ys-imgbox-cover {
  position: relative;
  z-index: 1;
}

.dkbs-item-link .ys-imgbox-cover::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 28%;
  content: "";
  opacity: 0.6;
  background: linear-gradient(0deg, #1b1915 0%, rgba(27, 25, 21, 0) 100%);
}

.green-main .dkbs-item-link .ys-imgbox-cover::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 18%;
  content: "";
  opacity: 0.6;
  background: linear-gradient(0deg, #002422 0%, rgba(25, 99, 95, 0) 100%);
  z-index: 2;
}

.data-keep .mod-line {
  display: flex;
  justify-content: center;
}

.data-keep .mod-line-link {
  padding: 0.08rem 0.48rem;
}

.data-prod .std-font44 {
  font-weight: 500;
  text-align: center;
}

.data-prod {
  background: #fbf9f7;
}

.data-issue {
  background: #fbf9f7;
}

.data-issue-box-le .std-font44 {
  font-weight: 500;
}

.data-issue-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.data-issue-box-le {
  width: 35%;
}

.data-issue-box-ri {
  width: 58%;
}

.dsit-le {
  padding-right: 0.4rem;
  display: flex;
}

.dsit-le-icon {
  width: 0.2rem;
  flex: none;
  margin-top: 5px;
}

.dsit-le-icon img {
  width: 100%;
}

.dsit-le .std-text18 {
  padding-left: 0.08rem;
}

.dibr-slide-item {
  border-radius: 10px;
  background: #f5ebe2;
  margin-bottom: 0.2rem;
}

.green-main .dibr-slide-item {
  background: #e8f4f6;
}

.dibr-slide-item-top {
  padding: 0.2rem;
  flex-wrap: nowrap;
}

.dibr-slide-item-bot {
  padding: 0 0.2rem 0.32rem 0.46rem;
}

.dsit-ri {
  flex: none;
  --wh: 0.24rem;
  width: var(--wh);
  height: var(--wh);
  margin-top: 3px;
  transition: var(--transition);
}

.dsit-ri::before,
.dsit-ri::after {
  display: none;
}

.dsit-ri img {
  width: 100%;
  transition: var(--transition);
}

.dibr-slide-item.on .dsit-ri img {
  transform: rotate(180deg);
}

.dibr-slide-item-bot,
.dibr-slide-item-bot p {
  color: var(--color7B);
  /* font-weight: 350; */
}

.data-bot {
  position: relative;
}

.data-bot-box {
  width: 44.8%;
}

.data-bot-box-wrap {
  display: flex;
  flex-wrap: wrap;
}

.data-bot-box-wrap {
  margin: 0 -0.08rem;
}

.dbbw-item {
  padding: 0 0.08rem;
}

.data-bot-box .std-font44 {
  margin-bottom: 0.3rem;
  color: var(--colorfff);
  font-weight: 500;
}

.data-bot-box .std-font20,
.data-bot-box .std-font20 p {
  color: var(--colorfff);
}

.data-bot-box .mod-btn-link,
.data-bot-box .mod-line-link {
  padding: 0.1rem 0.49rem;
}

.data-bot-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.data-bot-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.data-bot .ys-cont1520 {
  position: relative;
  z-index: 3;
}

.data-pure-fold {
  min-height: 100vh;
  position: relative;
  z-index: 3;
}

.dpfn-box-cont {
  padding: 0.5rem 0.8rem;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.data-pure-slick-cont {
  width: 100vw;
  height: 100vh;
}

.data-pure-slick-cont img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.data-pure {
  position: relative;
}

.data-pure-slick {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}

.dpfn-box {
  width: 100%;
  height: 100%;
  position: relative;
}

.dpfn-box-cont .std-font44 {
  background: linear-gradient(93deg,
      #80fbff 0.72%,
      #a5edfe 19.16%,
      #fff 84.54%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.data-pure-fold-nub {
  width: 13.5%;
  border-right: 2px solid rgba(255, 255, 255, 0.2);
  padding: 0;
}

.data-pure-fold-nub.on {
  width: 59.5%;
  opacity: 1;
}

.dpfn-box-cont-text ul {}

.dpfn-box-cont-text li {
  position: relative;
  list-style: none;
  padding-left: 0.16rem;
}

.dpfn-box-cont-text li::after {
  position: absolute;
  top: 12px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  content: "";
  background: var(--colorfff);
}

.dpfn-box-cont-text.std-font20,
.dpfn-box-cont-text.std-font20 p {
  color: var(--colorfff);
}

.dpfn-box-cont {
  transition: var(--transition);
  opacity: 0;
}

.data-pure-fold-nub.on .dpfn-box-cont {
  opacity: 1;
  transition-delay: 0.4s;
}

.dpfn-box-text.std-font24 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.5rem 0.21rem;
  color: var(--colorfff);
  text-align: center;
}

.data-pure-fold-nub.on .dpfn-box-text {
  opacity: 0;
}

.story-banner {
  background: #f5ebe2;
  padding-top: var(--space110);
  padding-bottom: var(--space100);
}

.story-search-input {
  height: 42px;
  padding-left: 0.4rem;
  padding-right: calc(12.5% + 0.24rem);
  flex: none;
  width: 100%;
  font-size: var(--font14);
  line-height: var(--line16);
  border: 1px solid var(--DBD);
  background: var(--colorbj);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  border-radius: 8px;
}

.story-search {
  position: relative;
  width: 41.6%;
  margin: 0 auto;
  align-items: center;
  margin-bottom: 0.2rem;
}

.story-search-icon {
  flex: none;
  width: 0.16rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.16rem;
  cursor: pointer;
}

.story-search-icon img {
  width: 100%;
}

.story-search .std-text16 {
  border-radius: 8px;
  background: var(--colormain);
  color: var(--colorfff);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.04rem 0.1rem;
  flex: none;
  width: 12.5%;
  text-align: center;
  transition: var(--transition);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 4px;
  z-index: 5;
  cursor: pointer;
}

.story-banner-tips-item .std-text14 {
  padding: 4px 0.12rem;
  border-radius: 20px;
  background: #fbf9f7;
  cursor: pointer;
  white-space: nowrap;
}

.story-banner-tips-item .std-text14,
.story-banner-tips-item .std-text14 span {
  color: var(--color7B);
  line-height: var(--line165);
  display: block;
  font-size: var(--font14);
  text-align: center;
  transition: var(--transition);
}

.story-banner-tips-item .std-text14:hover,
.story-banner-tips-item .std-text14:hover span {
  color: var(--colortext);
}

.story-banner-tips {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 -4px -0.16rem;
}

.story-banner .std-font44 {
  text-align: center;
  font-weight: 500;
}

.story-tips-box {
  width: 48.4%;
  margin: 0 auto;
}

.story-banner-tips-item {
  width: 12.5%;
  padding: 0 4px 0.16rem;
}

.story-page {
  background: #fcfaf8;
}

.scbw-item-link-top {
  position: relative;
}

.scbw-item-link-top .ys-imgbox-cover img {
  object-fit: cover;
}

.silt-tips {
  position: absolute;
  top: 0.16rem;
  left: 0.16rem;
  background: var(--colorfff);
  padding: 2px 0.1rem;
  color: var(--colormain);
  font-size: var(--font14);
  line-height: var(--line165);
  border-radius: 800px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.scbw-item-link {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  border-radius: var(--radius16);
  border: 1px solid #f3f4f6;
  background: var(--colorfff);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  overflow: hidden;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
}

.scbw-item-link-bot {
  flex-grow: 1;
  padding: 0.19rem 0.23rem 0.24rem;
  display: flex;
  flex-direction: column;
}

.story-cont-box-wrap {
  display: flex;
  flex-wrap: wrap;
  --gap1: 0.19rem;
  margin: 0 calc(-1 * var(--gap1)) 0.1rem;
}

.scbw-item {
  width: 33.333333%;
  padding: 0 var(--gap1) 0.5rem;
}

.silb-btm {
  padding-top: 0.16rem;
  border-top: 1px solid var(--DBD);
}

.silb-btm-le-img {
  width: 0.24rem;
  border-radius: 50%;
}

.silb-btm {
  display: flex;
  justify-content: space-between;
}

.silb-btm-le {
  display: flex;
  padding-right: 0.2rem;
}

.silb-btm-ri {
  display: flex;
}

.silb-text-tips,
.silb-text-tips span {
  color: var(--colormain);
  display: block;
  line-height: var(--line165);
  font-size: var(--font14);
}

.silb-text-tips {
  margin-bottom: 8px;
}

.silb-text .std-font20 {
  font-weight: 500;
  margin-bottom: 8px;
  transition: var(--transition);
}

.silb-text .std-text14,
.silb-text .std-text14 p {
  color: var(--color7B);
  max-height: 3.3em;
  overflow: hidden;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.silb-text {
  margin-bottom: 0.27rem;
  flex-grow: 1;
}

.silb-btm-le-name {
  padding-left: 8px;
}

.silb-btm-le-name,
.silb-btm-ri-date,
.silb-btm-ri-time,
.silb-btm-ri-circle {
  font-size: var(--font12);
  line-height: 1.333;
  color: var(--color7B);
  margin-top: 4px;
}

.silb-btm-ri-circle {
  padding: 0 0.12rem;
}

.story-subs-box-le .std-font32 {
  color: var(--colorfff);
  font-weight: 500;
}

.story-subs-box-le .std-text16,
.story-subs-box-le .std-text16 p {
  color: var(--colorbj);
}

.story-subs .ys-cont1440 {
  background: url(../images/d1_img10.jpg) no-repeat center center;
  box-shadow:
    0 20px 25px -5px rgba(0, 0, 0, 0.1),
    0 8px 10px -6px rgba(0, 0, 0, 0.1);
}

.story-subs-box {
  padding: 0.6rem 1rem;
}

.story-subs-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.story-subs-box-ri {
  width: 12%;
}

.story-subs-box-le {
  width: 47%;
}

.story-subs-box-ri ul li p {
  color: var(--colorfff);
  font-weight: 300;
}

.story-subs-box-ri ul li {
  margin-bottom: 0.1rem;
}

.story-subs-box-le .mod-btn-link {
  padding: 0.1rem 0.32rem;
  box-shadow:
    0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -4px rgba(0, 0, 0, 0.1);
}

.sour-page h1 {
  font-size: var(--font74);
  font-weight: 500;
  line-height: var(--line12);
  margin-bottom: 0.1rem;
  text-align: center;
}

.sour-page .ys-nyban-title p {
  text-align: center;
  font-weight: 500;
  line-height: var(--line16);
  font-size: var(--font18);
}

.sour-page .ys-nyban-img {
  height: 100vh;
}

.sour-page .ys-nyban-img img {
  height: 100%;
}

.scbi-wrap {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.scbi-wrap-le {
  width: 48%;
  position: relative;
}

.scbi-wrap-le-img {
  border-radius: var(--radius16);
  background: #f4f4f5;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.scbi-wrap-le-map {
  position: absolute;
  width: 63%;
  right: -15%;
  bottom: -19%;
}

.scbi-wrap-ri {
  width: 43%;
  position: relative;
  padding-top: 0.24rem;
}

.scbi-wrap-ri::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.4rem;
  content: "";
  height: 2px;
  background: var(--colormain);
}

.scbi-wrap-ri .std-text16 {
  color: rgba(17, 0, 0, 0.5);
  font-weight: 300;
  line-height: var(--line16);
  margin-bottom: 6px;
}

.scbi-wrap-ri-text {
  font-size: var(--font36);
  line-height: var(--line12);
  font-weight: 500;
  color: var(--colortext);
}

.scbi-wrap-ri .std-text18,
.scbi-wrap-ri .std-text18 p {
  color: rgba(17, 0, 0, 0.5);
  line-height: var(--line165);
}

.sour-cont-box-item:nth-child(2n) {
  background: var(--colorbj);
}

.sour-cont-box-item:nth-child(2n) .scbi-wrap {
  flex-direction: row-reverse;
}

.sour-cont-box-item:nth-child(2n) .scbi-wrap-le-map {
  position: absolute;
  width: 63%;
  left: -15%;
  right: auto;
  bottom: -19%;
}

.info-page {
  background: #fcfaf8;
}

.info-cont {
  overflow: visible;
  position: relative;
}

.info-cont-box {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}

.info-cont-box-le {
  width: 16.666666%;
  position: sticky;
  top: var(--space120);
}

.info-cont-box-ri {
  width: 80%;
  border-radius: 12px;
  background: var(--color-white-solid, #fff);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  padding: 0.48rem;
}

.info-page .ys-hd-pc::before {
  background: #fcfaf8;
}

.story-page .ys-hd-pc::before {
  background: #f5ebe2;
}

.info-page .mod-bread {
  top: 0.2rem;
}

.info-cont-box-le .std-text18 {
  font-weight: bold;
}

.info-cont-box-le .ys-share-img {
  width: 0.36rem;
}

.info-cont-box-le .ys-share-img img {
  width: 100%;
}

.info-cont-box-le .ys-share {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.1rem -0.2rem;
}

.info-cont-box-le .ys-share-list {
  padding: 0 0.1rem;
  margin-bottom: 0.2rem;
}

.info-cont-box-ri .silt-tips {
  position: relative;
  top: auto;
  left: auto;
  border-radius: 9999px;
  background: rgba(168, 24, 44, 0.05);
  display: inline-block;
}

.info-cont-box-ri .std-font32 {
  font-weight: 500;
}

.info-cont-box-ri .std-text18,
.info-cont-box-ri .std-text18 p {
  color: var(--color7B);
}

.icwi-box-img {
  width: 0.18rem;
}

.icwi-box {
  display: flex;
}

.icbr-cont-wrap {
  display: flex;
  flex-wrap: wrap;
}

.icbr-cont-wrap {
  margin: 0 -0.12rem -0.24rem;
}

.icbr-cont-wrap-item {
  padding: 0 0.12rem 0.24rem;
}

.icwi-box .std-text14 {
  padding-left: 8px;
}

.icwi-box .std-text14,
.icwi-box .std-text14 p {
  color: var(--color7B);
}

.icbr-cont {
  display: flex;
  padding: 0.16rem 0;
  border-top: var(--stroke-weight-1, 1px) solid var(--DBD);
  border-bottom: var(--stroke-weight-1, 1px) solid var(--DBD);
}

.icbr-tip {
  border-left: 2px solid var(--colormain);
  background: rgba(168, 24, 44, 0.05);
  padding: 0.16rem;
}

.icbr-tip .std-text14 {
  color: var(--colormain);
}

.icbr-tip span {
  font-weight: bold;
  color: var(--colortext);
}

.icbr-info {
  background: url(../images/d2_bg01.jpg) no-repeat center center;
  background-size: cover;
  padding: 0.4rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  box-shadow:
    0 20px 25px -5px rgba(0, 0, 0, 0.1),
    0 8px 10px -6px rgba(0, 0, 0, 0.1);
}

.icbr-box h4 {
  color: var(--colortext);
  font-weight: 500;
  margin-bottom: 10px;
}

.icbr-box p {
  margin-bottom: 12px;
}

.icbr-box,
.icbr-box p {
  color: var(--color7B);
  line-height: var(--line165);
  font-size: var(--font18);
}

.icbr-box p span {
  color: var(--colormain);
  font-weight: bold;
}

.icbr-box p:last-child {
  margin-bottom: 0;
}

.icbr-box.yxedr-active ul li {
  list-style: none;
  position: relative;
}

.icbr-box.yxedr-active ul li::after {
  position: absolute;
  top: 12px;
  left: -0.14rem;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--colortext);
  content: "";
}

.icbr-box.yxedr-active ul li p span {
  color: var(--colortext);
}

.icbr-box.yxedr-active ul {
  padding-inline-start: 0;
  padding-left: 0.26rem;
  margin: 0;
}

.icbr-info-le {
  width: 48.5%;
  padding-right: 0.2rem;
}

.icbr-info-le-top {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}

.icbr-info-le-top span {
  color: var(--colorfff);
  font-weight: 500;
  line-height: var(--line165);
  font-size: var(--font16);
  padding-left: 0.16rem;
}

.iilt-icon {
  width: 0.24rem;
  flex: none;
}

.iilt-icon img {
  width: 100%;
}

.icbr-info-le .std-font24 {
  color: var(--colorfff);
  line-height: var(--line15);
  font-weight: 500;
  margin-bottom: 0.12rem;
}

.icbr-info-le .std-text16,
.icbr-info-le .std-text16 p {
  color: var(--colorbj);
}

.icbr-info-ri .mod-btn-link {
  padding: 0.1rem 0.32rem;
}

.icbr-issue {
  padding-top: 0.64rem;
  border-top: var(--stroke-weight-1, 1px) solid var(--DBD);
}

.icbr-issue .std-font24 {
  font-weight: 500;
}

.dsit-le .std-text18,
.dsit-le .std-text18 p {
  color: var(--colortext);
}

.icbr-issue .dibr-slide-item {
  background: var(--colorbj);
}

.icbr-tech-img {
  width: 0.64rem;
  border-radius: 50%;
  border: 1px solid var(--colormain);
  flex: none;
}

.icbr-tech {
  display: flex;
  align-items: flex-start;
  border-radius: 10px;
  border: var(--stroke-weight-1, 1px) solid var(--DBD);
  background: #fff;
  padding: 0.24rem;
}

.icbr-tech-text {
  padding-left: 0.24rem;
}

.icbr-tech-text .std-text14 {
  margin-bottom: 0.12rem;
}

.icbr-tech-text .std-text14,
.icbr-tech-text .std-text14 p {
  color: var(--colormain);
}

.icbr-tech-text-cont,
.icbr-tech-text-cont p {
  color: var(--color7B);
}

.icbr-tech-text-cont {
  margin-bottom: 0.2rem;
}

.icbr-tech .ys-share-img {
  width: 18px;
}

.icbr-tech .ys-share-img img {
  width: 100%;
}

.icbr-tech .ys-share-list {
  padding: 0 0.1rem;
}

.icbr-tech .ys-share {
  margin: 0 -0.1rem;
}

.info-rela .std-font32 {
  font-weight: 500;
  padding-right: 0.2rem;
}

.info-rela .mod-switch {
  --wh: 0.48rem;
  display: flex;
  justify-content: space-between;
}

.info-rela .mod-switch-le {
  margin-right: 0.2rem;
}

.info-rela .mod-top-case {
  margin-bottom: 0.5rem;
}

.mod-top-case {
  padding-left: 0.2rem;
  position: relative;
  display: flex;
  justify-content: space-between;
}

.mod-top-case::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  content: "";
  background: var(--colormain);
  height: 100%;
}

.icbl-wrap-info-list.act .std-text14 {
  color: var(--colormain);
}

.icbl-wrap-info-list .std-text14 {
  transition: var(--transition);
  color: var(--color7B);
  cursor: pointer;
}

.icbl-wrap-info {
  border-left: 1px solid var(--DBD);
}

.icbl-wrap-info-list {
  transition: var(--transition);
  padding-left: 0.16rem;
  border-left: 2px solid transparent;
  margin-bottom: 0.12rem;
}

.icbl-wrap-info-list:last-child {
  margin-bottom: 0;
}

.icbl-wrap-info-list.act {
  /* border-left: 2px solid var(--colormain); */
}

.icbl-wrap-info-list {
  position: relative;
}

.icbl-wrap-info-list::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -2px;
  width: 2px;
  height: 100%;
  background: var(--colormain);
  content: "";
  transition: var(--transition);
  opacity: 0;
}

.icbl-wrap-info-list.act::after {
  opacity: 1;
}

.icbl-wrap {
  margin-bottom: 0.16rem;
}

.info-rela .story-cont-box-wrap {
  margin-bottom: 0;
}

.info-rela .scbw-item {
  padding-bottom: 0;
}

.gold-gist {
  overflow: visible;
  position: relative;
}

.gold-gist-img {
  width: 32.7%;
}

.gold-gist-le-box {
  position: sticky;
  top: 16%;
}

.gold-gist-le {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 5;
}

.gold-gist .data-cont-box {
  justify-content: flex-end;
}

.ggbc-list-box .std-text18 {
  color: var(--colorfff);
  margin-bottom: 8px;
}

.ggbc-list {
  padding: 0 0.2rem;
  margin-bottom: 0.32rem;
  width: 50%;
}

.gold-gist-bonus-cont {
  margin: 0 -0.2rem;
  margin-bottom: 0.08rem;
  display: flex;
  flex-wrap: wrap;
}

.gold-gist-bonus-box,
.gold-gist-honor-box {
  width: 39.2%;
}

.gold-gist-bonus-box .std-font44 {
  font-weight: 500;
  margin-bottom: 0.6rem;
  color: var(--colorfff);
}

.gold-gist-bonus {
  background: #b78353;
}

.gold-gist-bonus .ys-cont1480,
.gold-gist-honor .ys-cont1480 {
  display: flex;
  justify-content: flex-end;
}

.ggbc-list-box .std-text14,
.ggbc-list-box .std-text14 p {
  color: rgba(255, 255, 255, 0.7);
}

.ggbb-wrap-item {
  padding: 0 0.2rem;
}

.ggbb-wrap {
  margin: 0 -0.2rem;
}

.gold-gist-honor {
  padding: var(--space230) 0;
  background: #f5ebe2;
}

.gold-gist-honor .std-text18,
.gold-gist-honor .std-text18 p {
  color: var(--color7B);
}

.gghb-top {
  margin-bottom: var(--space80);
}

.gghb-top .std-font44 {
  font-weight: 500;
}

.gghb-bot-item {
  padding: 0 0.45rem;
  margin-bottom: 0.48rem;
  width: 50%;
}

.gghb-bot {
  margin: 0 -0.45rem -0.48rem;
  display: flex;
  flex-wrap: wrap;
}

.gbib-bot .std-text16 {
  text-align: center;
}

.gbib-bot .std-text14,
.gbib-bot .std-text14 p {
  color: var(--color7B);
  text-align: center;
}

.gbib-img {
  -webkit-box-reflect: below -24px -webkit-linear-gradient(transparent,
      transparent 75%,
      rgba(255, 255, 255, 0.3));
}

.gold-sound .std-font44 {
  margin-bottom: 0.6rem;
  font-weight: 500;
  text-align: center;
}

.gold-sound-img {
  width: 100%;
  margin-bottom: 0.6rem;
}

.gold-sound-img img {
  width: 100%;
  object-fit: cover;
}

.gold-sound-wrap-box {
  padding: 0 0.5rem;
  margin-bottom: 0.5rem;
}

.gold-sound-wrap-item {
  width: 33.333333%;
  padding: 0 0.4rem;
  border-right: 1px solid rgba(17, 0, 0, 0.1);
}

.gold-sound-wrap-item:nth-child(3n) {
  border-right: none;
}

.gold-sound-wrap-item:last-child {
  border-right: none;
}

.gswi-box-tit {
  margin-bottom: 0.16rem;
  font-weight: 500;
  color: var(--colormain);
  text-align: center;
}

.gswi-box-text,
.gswi-box-text p {
  text-align: center;
  font-weight: 300;
}

.gold-sound-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.gswi-box {
  padding: 0.2rem 0.32rem;
}

.gscl-top-wrap-item {
  padding: 0 0.2rem 0.2rem;
}

.gscl-top-wrap {
  margin: 0 -0.2rem 0.2rem;
}

.gtwi-img {
  width: 0.86rem;
}

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

.gscl-top-wrap {
  display: flex;
  flex-wrap: wrap;
}

.gold-sound-cont {
  padding: 0 0.6rem;
}

.gold-sound-cont-le {
  width: 51%;
}

.gtmw-item-box {
  position: relative;
  display: flex;
  align-items: center;
}

.gtmw-item-box-pop {
  transition: var(--transition);
  opacity: 0;
  pointer-events: none;
  position: absolute;
  bottom: 100%;
  padding-bottom: 0.04rem;
  width: 68%;
}

.gibp-link {
  padding: 0.24rem;
  border-radius: var(--radius10);
  background: var(--colorfff);
  box-shadow:
    0 0 4px 0 rgba(0, 0, 0, 0.04),
    0 4px 8px 0 rgba(0, 0, 0, 0.06);
}

.gtmw-item-box:hover .gtmw-item-box-pop {
  opacity: 1;
  pointer-events: all;
}

.gtmw-item-box-tit {
  writing-mode: vertical-lr;
  position: relative;
  padding-right: 0.24rem;
  margin-right: 0.24rem;
  text-align: center;
  line-height: var(--line12);
  font-weight: 500;
  color: var(--colormain);
}

.gtmw-item-box-tit::after {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  content: "";
  width: 1px;
  height: 100%;
  background: rgba(17, 0, 0, 0.1);
}

.gtmw-item-box {
  padding: 0.1rem 0;
}

.gtmw-item {
  border-bottom: 1px solid rgba(17, 0, 0, 0.1);
}

.gtmw-item:last-child {
  border-bottom: none;
}

.gtmw-item-box-text,
.gtmw-item-box-text p {
  color: var(--color7B);
}

.gtmw-item-box-text span {
  padding: 0 4px;
  border-radius: 4px;
  background: rgba(117, 8, 11, 0.05);
}

.gibp-link-tit {
  font-weight: 500;
  line-height: var(--line15);
}

.gibp-link-more span {
  color: var(--colormain);
  text-decoration: underline;
}

.gibp-link-text,
.gibp-link-text p {
  color: rgba(17, 0, 0, 0.7);
}

.gold-sound-cont-le .mod-btn-link {
  min-width: 2.8rem;
}

.gscl-top-middle {
  margin-bottom: 0.4rem;
}

.gold-sound-cont {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
}

.gold-sound-cont-ri {
  position: absolute;
  right: 0;
  bottom: 0.95rem;
  width: 22.5%;
}

.gold-sound-cont-ri .ys-imgbox-cover {
  -webkit-box-reflect: below -96px -webkit-linear-gradient(transparent,
      transparent 70%,
      rgba(255, 255, 255, 0.3));
  /* -webkit-box-reflect: below -65px -webkit-linear-gradient(
      transparent,
      transparent 100%,
      rgba(255, 255, 255, 0.3)
    ); */
}

.gcct-tit {
  font-size: var(--font56);
  line-height: var(--line12);
  font-weight: 500;
  background: linear-gradient(91deg, #ffbf80 0.62%, #ffdc8f 22.3%, #fff 99.19%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gold-cont-chain-box {
  position: relative;
  height: 100%;
  width: 100vw;
}

.gold-cont-chain-box .ys-ban-imgbox {
  height: 100%;
  width: 100%;
}

.gold-cont-chain-text {
  position: absolute;
  width: 100%;
  bottom: 1.36rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
}

.gold-cont-sour {
  display: flex;
  align-items: center;
  padding-left: var(--space210);
}

.gcsl-tit {
  font-weight: 500;
  margin-bottom: 0.5rem;
  width: 88%;
}

.gcsl-text,
.gcsl-text p {
  color: var(--color7B);
  line-height: var(--line16);
}

.gcsl-text p span,
.gcct-text p span {
  padding: 0 4px;
  border-radius: 4px;
  background: rgba(117, 8, 11, 0.05);
}

.gold-cont-sour-le {
  width: 22vw;
  padding-right: 0.4rem;
}

.gcsb-img {
  width: 51vw;
  z-index: 2;
  position: relative;
}

.gold-cont-sour-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  /* transform: translateX(21vw); */
}

.gcsb-scroll {
  display: flex;
  position: relative;
}

.gcsb-icon {
  position: absolute;
  bottom: 0.94rem;
  left: calc(100% - 0.65rem);
  z-index: 1;
  width: 3rem;
}

.gcsb-icon img {
  width: 100%;
  object-fit: contain;
}

.gold-cont-sour-wrap {
  background: #f5ebe2;
  height: 100%;
  min-width: 107vw;
  /* transform: translateX(-21vw); */
  margin-left: -21vw;
  padding: 0.6rem 0;
  padding-left: 21vw;
  padding-right: var(--space110);
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.gcsw-box {
  height: 100%;
}

.gcsw-box-le .std-font44 {
  font-weight: 500;
  margin-bottom: 0.4rem;
}

.gcsw-box-le {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 26.9vw;
  padding-right: var(--space90);
}

.gold-cont-le {
  height: calc(100vh - var(--headh));
  width: 100vw;
}

.gold-cont-chain {
  height: 100%;
  width: 100vw;
}

.gold-space {
  height: 500vh;
}

.gold-cont-time-box {
  display: flex;
  align-items: center;
  height: 100%;
  width: 69.5%;
}

.gcsw-box {
  display: flex;
}

.gold-cont-chain-text .std-text20 {
  color: var(--colorfff);
}

.gcct-title {
  font-size: var(--font56);
  line-height: var(--line12);
  color: var(--colorfff);
  margin-bottom: 0.3rem;
  text-align: center;
}

.gold-cont-chain-cont {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
}

.gccc-box {
  width: 42.5%;
  margin: 0 auto;
}

.gccc-box .std-font20,
.gccc-box .std-font20 p {
  color: var(--colorfff);
  text-align: center;
}

.gold-cont-time {
  background: #f5ebe2;
  height: calc(100vh - var(--headh));
  /* height: 100%; */
  width: 100vw;
}

.gctb-le-bot-tit {
  color: var(--colormain);
  margin-bottom: 0.12rem;
  font-weight: 500;
}

.gctb-le-bot-text,
.gctb-le-bot-text p {
  color: var(--color7B);
}

.gctb-le-img {
  width: 40%;
}

.gctb-le-img img {
  width: 100%;
}

.gctb-le .std-font44 {
  color: var(--colortext);
  font-weight: 500;
  margin-bottom: 0.5rem;
  padding-right: 0.56rem;
}

.gctb-le {
  width: 51.5%;
  padding-right: 0.7rem;
}

.gold-scroll {
  overflow: hidden;
}

.gold-cont-time-ri {
  width: 31.5%;
}

.gold-cont-time-wrap {
  display: flex;
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
  padding-left: var(--space180);
  padding-right: var(--space130);
  height: 100vh;
  display: flex;
  align-items: flex-start;
}

.gold-kind-text .std-font44 {
  color: var(--colormain);
  font-weight: 500;
  margin-bottom: 0.2rem;
  text-align: center;
}

.gold-kind-text .std-font20,
.gold-kind-text .std-font20 p {
  color: var(--color7B);
  text-align: center;
}

.gold-kind .ys-ban-imgbox {
  margin-bottom: 0.5rem;
}

.gold-brew-box-le {
  width: 50%;
}

.gold-brew-box-le img {
  width: 100%;
  object-fit: cover;
}

.gold-brew-box-ri {
  width: 50%;
  background: url(../images/p3_img14.jpg) no-repeat center center/cover;
  background-size: cover;
}

.gbbr-top .std-font44 {
  margin-bottom: 0.5rem;
  color: var(--colorfff);
}

.gbbr-top .std-font20,
.gbbr-top .std-font20 p {
  color: rgba(255, 255, 255, 0.8);
}

.gold-brew-box {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

.gold-brew-box-ri .ys-cont1520 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: flex-end;
}

.gbbr-box {
  width: 38.5%;
}

.gbbr-top {
  margin-bottom: 0.7rem;
}

.gold-page .mod-line-link {
  border-color: var(--colormain);
  color: var(--colormain);
}

.data-info-box-slick {
  margin: 0 -0.1rem;
}

.data-info-box-slick .ys-slick-item {
  padding: 0 0.1rem;
}

.data-tech {
  overflow: visible;
  height: 300vh;
  position: relative;
}

.data-tech-text {
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 4;
}

.data-tech-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.data-tech-text-cont {
  font-size: var(--font44);
  font-weight: 500;
  line-height: var(--line12);
  /* line-height: 2.8; */
  height: 1.2em;
  overflow: visible;
}

.rese-stan .std-font50 span {
  position: relative;
  color: transparent;
  background: linear-gradient(90deg, #46cfa9 0%, #2890fb 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.dttw-item {
  text-align: center;
  font-size: var(--font44);
  font-weight: 500;
  line-height: var(--line12);
  /* line-height: 2.8; */
  color: var(--colorbj);
}

.dttw-item::before,
.dttw-item::before,
.dttw-item::before,
.dttw-item::before {
  display: none;
}

.data-tech-cont {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100vh;
}

.data-tech.start .data-tech-cont {
  position: fixed;
  left: 0;
  top: var(--headh);
}

.data-tech.end .data-tech-cont {
  position: absolute;
  left: 0;
  top: auto;
  bottom: 0;
}

.mod-deta-link-img {
  width: 0.2rem;
}

.mod-deta-link {
  display: flex;
  align-items: center;
}

.mod-deta-link-img img {
  transform: scale(1) !important;
}

.mod-deta-link-img img:nth-child(2) {
  opacity: 0;
}

.mod-deta-link span {
  display: block;
  font-size: var(--font14);
  line-height: var(--line16);
  color: var(--colormain);
}

.dibt-tit {
  font-weight: 500;
  margin-bottom: 0.12rem;
  color: var(--colortext) !important;
}

.dibt-text,
.dibt-text p {
  color: rgba(17, 0, 0, 0.6);
}

.dibt-text {
  margin-bottom: 0.2rem;
}

.dpcw-item-box-top {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0.5rem;
}

.dpcw-item-box-top .mod-btn-link {
  min-width: 2rem;
}

.dibb-wrap li p {
  text-align: center;
  color: var(--color7B);
  line-height: var(--line16);
  font-size: var(--font20);
}

.dpcw-item-box-bot .dibb-wrap li {
  padding: 0.16rem;
  /* border-radius: 5px; */
  background: #f5ebe2;
  display: flex;
  justify-content: center;
  align-items: center;
}

.green-main .dpcw-item-box-bot .dibb-wrap li {
  background: #e8f4f6;
}

.dpcw-item-box-bot .dibb-wrap li:nth-child(2n) {
  background: rgba(249, 244, 241, 1);
  border-radius: 0px;
  border-bottom: 1px solid var(--DBD);
}

.green-main .dpcw-item-box-bot li:nth-child(2n) {
  background: transparent;
}

.green-main .mod-deta-link span {
  color: var(--colorvi);
}

.gold-page .data-cont-box-ri {
  box-shadow: none;
  border-radius: 0;
  background: transparent;
}

.gold-page .data-cont {
  position: relative;
  background: transparent;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.06);
}

.gold-page .dbwl-box {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.06);
}

.dbwl-box-ri .std-text16 ul {
  display: flex;
  margin: 0 !important;
  padding: 0 !important;
}

.dbwl-box-ri .std-text16 ul li {
  width: 50%;
}

.dbwl-box-ri {
  width: 100%;
}

.gold-gist .mod-line-link {
  border: 1px solid var(--colortext);
  color: var(--colortext);
}

.data-prod-cont.swiper-container-horizontal>.swiper-pagination-progressbar {
  top: auto;
  position: relative;
  width: 60%;
  margin: 0 auto;
  margin-top: 0.4rem;
}

.data-cont-box-ph {
  position: relative;
  /* background: var(--colormain); */
  /* width: 100vw;
    left: 50%;
    transform: translateX(-50%); */
  padding: 0.4rem 0rem;
  width: 100%;
  /* background: url(../images/p1_cust_img7.png)no-repeat center center/cover; */
}

.data-cont-box-ph::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  background: url(../images/p1_cust_img7.png) no-repeat center center/cover;
  z-index: 1;
}

.green-main .data-cont-box-ph::after {
  background: url(../images/p1_cust_img7-1.png) no-repeat center center/cover;
}

.dcbp-wrap {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 3;
}

.dcbp-box {
  width: 100%;
}

.dcbp-wrap-list-img {
  position: relative;
  background: var(--colormain);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.green-main .dcbp-wrap-list-img {
  background: var(--colorvi);
}

.dcbp-wrap-list {
  position: relative;
  opacity: 0.6;
}

.dcbp-wrap-list.act {
  opacity: 1;
}

.dcbp-wrap-list.act::after {
  opacity: 1;
}

.dcbp-wrap-list.on {
  opacity: 1;
  top: -0.5rem;
}

/* .dcbp-wrap-list.on::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--colormain);
    border-radius: 50%;
} */

.mod-ph {
  display: none;
}

.data-keep .mod-line.mod-ph {
  display: none;
}

.gold-kind .ys-ban-imgbox {
  position: relative;
}

.gold-kind .ys-ban-imgbox::after {
  z-index: 5;
  width: 110%;
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  height: 15.6%;
  content: "";
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
}

.data-issue-box-le .std-font20,
.data-issue-box-le .std-font20 p {
  color: var(--color7B);
}

.green-main .data-prod {
  background: var(--colorfff);
}

.green-main .data-issue {
  background: var(--colorfff);
}

.dwsb-img img {
  object-fit: cover;
}

.gold-scroll-item {
  float: left;
  width: 100vw;
}

/* 横屏效果 */

.gold-cont {
  position: absolute;
  left: 0;
  top: 0;
  height: calc(100vh - var(--headh));
  display: flex;
}

.gold-cont.c_fixed {
  position: fixed;
  top: var(--headh);
}

.gold-cont.c_bot {
  top: auto;
  bottom: 0;
}

.gold-scroll {
  overflow: visible;
  position: relative;
  padding-bottom: calc(100vh - var(--headh));
}

/* 横屏效果end */

.data-info-box .mod-switch {
  opacity: 0;
}

.gcsw-box-le-bot {
  position: relative;
}

/* .gblb-pop {
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 80%;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 4px 8px 0 rgba(0, 0, 0, 0.06);
} */

/* .dttw-item {
  font-family: "Noto Serif SC";
}

.dtbl-box .std-font32,
.dtbl-box .std-font32 p {
  font-family: "Noto Serif SC";
}

.gold-kind-text .std-font44 {
  font-family: "Noto Serif SC";
} */

.drbi-ri img:nth-child(2) {
  display: none;
}

.data-keep-box-swiper.swiper-container-horizontal>.swiper-pagination-progressbar {
  position: relative;
  bottom: auto;
  margin: 0 auto;
  margin-top: 0.4rem;
  width: 60%;
  border-radius: 12px;
  overflow: hidden;
}

.swiper-pagination-progressbar {
  background: var(--DBD);
}

.green-main {
  background: var(--colorfff);
}

.green-main .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--colorvi);
}

.gold-cont-video .ys-ban-imgbox img {
  height: 100%;
}

.gold-cont-time {
  padding: var(--space40) 0;
}

.footer-code-box .ys-imgbox-cover {
  margin-bottom: 0.2rem;
}

.drbi-le {
  align-items: center;
}

.data-road-box-item:nth-child(2n) .drbi-le {
  align-items: center;
}

/* .dwbm-wrap-slide.swiper-slide:last-child {
    width: auto;
} */

.data-info .mod-switch {
  --wh: 0.48rem;
}

.red-main .data-prod,
.red-main .data-issue,
.red-main .ys-footer {
  background: #fbf9f7;
}

.gold-gist-le-box {
  top: 7%;
}

/*鼠标效果*/

@media screen and (min-width: 1200px) {
  .mod-switch-btn:hover {
    background: var(--colormain);
  }

  .mod-switch.on .mod-switch-btn:hover {
    border: 1px solid var(--colormain);
    background: var(--colormain);
  }

  .green-main .mod-switch-btn:hover {
    background: var(--colorvi);
  }

  .green-main .mod-switch.on .mod-switch-btn:hover {
    border: 1px solid var(--colorvi);
    background: var(--colorvi);
  }

  .mod-switch.on .mod-switch-btn:hover .ys-imgbox-cover img:nth-child(1) {
    opacity: 1;
  }

  .mod-switch.on .mod-switch-btn:hover .ys-imgbox-cover img:nth-child(2) {
    opacity: 0;
  }

  .mod-switch-btn .ys-imgbox-cover img {
    transform: rotate(0);
  }

  .mod-btn-link:hover {
    background: var(--colormain1);
    border: 1px solid var(--colormain1);
  }

  a:hover .mod-btn-link {
    background: var(--colormain1);
    border: 1px solid var(--colormain1);
  }

  .mod-line-link:hover {
    border: 1px solid var(--colormain1);
    color: var(--colormain1);
  }

  a:hover .mod-line-link {
    border: 1px solid var(--colormain1);
    color: var(--colormain1);
  }

  .mod-btn.on .mod-btn-link:hover {
    color: var(--colorfff);
    background: var(--colormain1);
    border: 1px solid var(--colormain1);
  }

  a:hover .mod-btn.on .mod-btn-link {
    color: var(--colorfff);
    background: var(--colormain1);
  }

  .mod-line.on .mod-line-link:hover {
    color: var(--colorfff);
    background: var(--colormain1);
    border: 1px solid var(--colormain1);
  }

  a:hover .mod-line.on .mod-line-link {
    color: var(--colorfff);
    background: var(--colormain1);
  }

  .foot-link-le .std-text14:hover {
    color: var(--colormain);
    opacity: 1;
  }

  .green-main .mod-btn-link:hover {
    background: var(--colorvi1);
    border: 1px solid var(--colorvi1);
  }

  .green-main a:hover .mod-btn-link {
    background: var(--colorvi1);
    border: 1px solid var(--colorvi1);
  }

  .green-main .mod-line-link:hover {
    border: 1px solid var(--colorvi1);
    color: var(--colorvi1);
  }

  .green-main a:hover .mod-line-link {
    border: 1px solid var(--colorvi1);
    color: var(--colorvi1);
  }

  .green-main .mod-btn.on .mod-btn-link:hover {
    background: var(--colorvi1);
    border: 1px solid var(--colorvi1);
  }

  .green-main a:hover .mod-btn.on .mod-btn-link {
    background: var(--colorvi1);
  }

  .green-main .mod-line.on .mod-line-link:hover {
    background: var(--colorvi1);
    border: 1px solid var(--colorvi1);
  }

  .green-main a:hover .mod-line.on .mod-line-link {
    background: var(--colorvi1);
  }

  .green-main .foot-link-le .std-text14:hover {
    color: var(--colorvi1);
  }

  .story-search .std-text16:hover {
    background: var(--colormain1);
  }

  .scbw-item-link:hover .silb-text .std-font20 {
    color: var(--colormain);
  }

  .mod-more-link:hover .ys-imgbox-cover img:nth-child(1) {
    opacity: 1;
  }

  .mod-more-link:hover .ys-imgbox-cover img:nth-child(2) {
    opacity: 0;
  }

  a:hover .mod-more-link .ys-imgbox-cover img:nth-child(1) {
    opacity: 1;
  }

  a:hover .mod-more-link .ys-imgbox-cover img:nth-child(2) {
    opacity: 0;
  }

  .mod-more-link:hover span {
    color: var(--colormain1);
  }

  a:hover .mod-more-link span {
    color: var(--colormain1);
  }

  .mod-deta-link:hover .mod-deta-link-img img:nth-child(1) {
    opacity: 0;
  }

  .mod-deta-link:hover .mod-deta-link-img img:nth-child(2) {
    opacity: 1;
  }

  .mod-deta-link:hover span {
    color: var(--colormain1);
  }

  .green-main .mod-deta-link:hover span {
    color: var(--colorvi1);
  }

  .gcsw-box-le-bot:hover .gtmw-item-box-pop {
    opacity: 1;
    pointer-events: all;
  }
}

/* kaffi-end */
/* 左滑效果 */
.gold-scroll {
  padding-bottom: 0;
}

.gold-cont {
  position: sticky;
  top: var(--headh);
  overflow: hidden;
  transition: var(--transition1);
  display: block;
}

.gold-cont-add {
  display: flex;
  align-items: center;
  width: 500vw;
  transition: var(--transition1);
  will-change: transform;
  height: 100%;
}

.gold-cont-sour {
  width: 200vw;
  height: 100%;
  justify-content: flex-end;
}

.gold-space {
  pointer-events: none;
  height: auto;
}

.gold-more {
  height: 300vh;
}

/* .gold-space {
    height: 800vh;
} */
.gold-cont-sour-le {
  width: 23%;
}

.gold-cont-time-wrap {
  height: 100%;
}

.gcsb-icon {
  left: auto;
  right: 0;
  transition: all 1.2s var(--bezier1);
}

.gcsb-scroll.on .gcsb-icon {
  transform: translateX(90%);
}

/* .gold-cont-sour-box {
    transform: translateX(21vw);
} */
.gcsb-scroll .gcsb-img {
  transform: translateX(10vw);
  transition: all 1.2s var(--bezier1);
}

.gcsb-scroll.on .gcsb-img {
  transform: translateX(0);
}

.gold-cont-sour-box {
  transform: translateX(10vw);
}

.gcsw-box-le {
  padding-top: var(--space90);
  padding-bottom: 0.2rem;
}

.gcsw-box-ri {
  width: 40%;
  overflow: hidden;
}

.gcsw-box-ri img {
  width: 100%;
}

.gcsw-box {
  width: 100%;
  justify-content: flex-end;
}

.gcsw-box-le {
  width: 32.9%;
}

.gold-cont-time-box {
  height: auto;
}

.gold-cont-time-wrap {
  align-items: center;
}

.gold-cont-time-ri {
  position: relative;
  top: -25%;
}

/* kaffi-4.17-start */
.dwbm-swiper {
  width: 9.6rem;
}

/* .data-wine-box-middle {
  min-height: none !important;
} */
.dwbm-wrap-slide.swiper-slide {
  transition: var(--transition);
  /* transform: scale(0.75); */
  transform-origin: left;
}

.dwbm-wrap-slide.swiper-slide-active {
  transform: scale(1);
}

.dwbm-wrap-slide:not(.swiper-slide-active) {
  /* transform: scale(0.9); */
  /* width: 740px !important; */
}

.dpcw-item {
  height: auto !important;
}

.dpcw-item-box {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* .dpcw-item-box-top {
  flex-grow: 1;
} */

.footer-top {
  opacity: 0;
}

.data-prod-cont .swiper-slide {
  flex-grow: 1;
}

.gold-page .data-cont-box-ri {
  padding: 0;
}

.gold-gist-le-box {
  top: 0;
}

.gold-gist-le-box {
  width: 50%;
  display: flex;
  justify-content: center;
}

.gold-gist-img {
  width: 50%;
}

.dbii-box-img {
  flex: none;
}

.dwbm-wrap-slide.swiper-slide:not(.swiper-slide-active) {
  width: 100%;
  transform: scale(0.85);
  transform-origin: left top;
}

.dwbm-wrap-slide.swiper-slide-prev {
  transform-origin: center top !important;
}

.dwbm-wrap-slide.swiper-slide.swiper-slide-active {
  width: 100%;
  padding-right: 0.8rem;
}

.dwbm-swiper {
  width: 10.2rem;
}

.data-wine-box-middle {
  min-height: auto !important;
}

/* kaffi-4.17-end */
/* kaffi-4.22新增-start */
/* p0-tonic-page*/
.std-padd80-top {
  padding-top: var(--space80);
}

.mod-bread3 {
  top: auto;
  bottom: 0.2rem;
}

.mod-bread3 .ys-bread-list a {
  color: rgba(255, 255, 255, 0.7);
  opacity: 1;
}

.mod-bread3 .ys-bread-list:last-child a {
  color: rgba(255, 255, 255, 1);
}

.mod-bread3 .ys-bread-list::before {
  color: var(--colorfff);
}

.tonic-page h1 {
  width: 25.5%;
  font-size: var(--font44);
}

.trtn-link {
  padding: 0.24rem 0.44rem;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}

.trtn-link::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  transition: var(--transition);
  height: 1px;
  content: "";
  background: var(--colormain);
}

.trtn-link .std-font20 {
  padding-left: 0.16rem;
  transition: var(--transition);
  line-height: var(--line15);
  white-space: nowrap;
}

.trtn-link-icon {
  width: 0.36rem;
}

.trtn-link-icon img {
  width: 100%;
}

.tonic-roof-top-nub {
  padding: 0 0.2rem;
  min-width: calc(0.2rem * 2 + 2rem);
}

.tonic-roof-top {
  display: flex;
  margin: 0 -0.2rem;
  justify-content: center;
}

.tonic-roof-top-nub.act .trtn-link::after {
  width: 100%;
}

.tonic-roof-top-nub.act .std-font20 {
  color: var(--colormain);
}

.tonic-roof {
  border-bottom: 1px solid var(--DBD);
}

.tctl-wrap-item-link {
  transition: var(--transition);
  border-radius: 8px;
  border: 1px solid var(--DBD);
  color: var(--color7B);
  padding: 0.12rem 0.36rem;
  white-space: nowrap;
}

.tctl-wrap-item.act .tctl-wrap-item-link {
  color: var(--colorfff);
  background: var(--colormain);
  border-color: var(--colormain);
}

.tctl-wrap {
  display: flex;
  margin: 0 -0.1rem;
}

.tctl-wrap-item {
  padding: 0 0.1rem;
}

.tonic-cont-top-le {
  width: 40%;
  display: flex;
}

.tonic-cont-top {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: var(--space80);
}

.tnlt-icon {
  width: 0.18rem;
}

.tnlt-icon img {
  width: 100%;
}

.tcbi-nub-link {
  width: 100%;
  height: 100%;
  border-radius: 0.12rem;
  border: 1px solid #e5e5e5;
  padding: 0.4rem;
  position: relative;
  transition: var(--transition);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.tnlt-text {
  display: flex;
  align-items: flex-start;
  margin-bottom: 0.08rem;
}

.tnlt-text .std-font24 {
  font-weight: 500;
}

.tcbi-nub-link .std-text16,
.tcbi-nub-link .std-text16 p {
  color: rgba(17, 0, 0, 0.6);
}

.tonic-page {
  background: #fcfaf8;
}

.tonic-cont-bot-info {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.22rem 0.36rem;
}

.tcbi-nub {
  width: 33.333333%;
  padding: 0 0.22rem;
  margin-bottom: 0.44rem;
}

.tcbi-nub-link-img {
  padding: 0 0.27rem;
}

.tcbi-nub-link-img img {
  object-fit: cover;
}

.tnlb-shop-link {
  padding: 0.14rem;
}

.tnlb-cont-link-icon {
  width: 0.2rem;
  background: var(--colormain);
}

.tnlb-cont-link-icon img {
  width: 0.2rem;
}

.sour-page h1 {
  font-size: var(--font44);
}

.info-main .info-cont-box-ri {
  width: 100%;
}

.info-cont-box-ri a {
  text-decoration: underline;
  color: var(--color7B);
}

.tnlb-shop-link {
  display: flex;
}

.tcbi-nub-link-bot {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  padding: 0.2rem;
  position: absolute;
  bottom: 0;
  right: 0;
  transition: var(--transition);
  opacity: 0;
}

.tnlb-cont-link {
  /* background: var(--colormain); */
  display: flex;
  align-items: center;
  transition: var(--transition);
  /* padding: 0.1rem 0.32rem;
  padding: 0.14rem; */
  height: 48px;
}

.tnlb-cont-link .std-text16 {
  color: var(--colorfff);
  /* margin-right: 0.12rem; */
  transition: var(--transition);
  white-space: nowrap;
  opacity: 0;
  width: 0;
  height: 0;
  transform: translateX(100%);
  position: relative;
  background: var(--colormain);
}

.tnlb-cont-link-icon {
  width: 0.2rem;
  flex: none;
}

.tnlb-cont-link-icon img {
  width: 100%;
}

.tonic-cont-top .story-search {
  width: 32%;
  --height: 52px;
  margin: 0;
}

.tonic-page .story-search-input {
  height: var(--height);
  background: transparent;
  padding-left: 0.16rem;
  padding-right: calc(19.5% + 0.24rem);
}

.tonic-page .story-search .std-text16 {
  width: 19.5%;
  height: calc(var(--height) - 6px);
}

.tnlb-box {
  display: flex;
}

.tonic-roof-box {
  display: flex;
  justify-content: center;
}

.tcbi-nub-link-top {
  width: 77%;
}

/* p0-end*/
/* c1 */
.sour-page {
  background: #fcfaf8;
}

.sour-page .ys-nyban-img img {
  object-fit: cover;
}

.sour-cont-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}

.sour-cont-wrap-nub {
  width: 33.333333%;
  padding: 0 10px;
  margin-bottom: 0.6rem;
}

.scwn-link-top .std-font32 {
  margin-bottom: 0.1rem;
  transition: var(--transition);
}

.scwn-link-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -2.5px 5px;
}

.scwn-link-wrap-item {
  padding: 0 2.5px;
  margin-bottom: 5px;
}

.scwn-link-wrap-item .std-text14 {
  color: var(--colormain);
  border-radius: 9999px;
  background: rgba(168, 24, 44, 0.05);
  padding: 2px 0.1rem;
}

.scwn-link-top .std-text18,
.scwn-link-top .std-text18 p {
  color: var(--color7B);
  max-height: 4.95em;
  min-height: 4.95em;
  overflow: hidden;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.scwn-link-top {
  margin-bottom: 0.2rem;
}

.scwn-link-bot {
  padding-top: 0.1rem;
  border-top: 1px solid var(--DBD);
}

.scwn-link-bot .std-text16 {
  color: var(--color7B);
}

.scwn-link {
  padding: 0.24rem;
  border-radius: 0.12rem;
  border: 1px solid var(--DBD);
  background: var(--colorfff);
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.info-rela .sour-cont-wrap-nub {
  margin-bottom: 0;
}

.sour-page .data-bot-box {
  width: 100%;
  padding: 0 0.2rem;
}

.sour-page .data-bot-bg {
  position: relative;
}

.sour-page .data-bot .ys-cont1360 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
}

.mod-btn.act .mod-btn-link,
.mod-line.act .mod-line-link {
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--colormain);
  padding: 0.08rem 0.24rem;
}

.mod-btn-link-icon {
  width: 0.24rem;
  flex: none;
}

.mod-line-link-icon {
  width: 0.24rem;
  flex: none;
}

.mod-btn-link-icon img,
.mod-line-link-icon img {
  width: 100%;
}

.mod-line.act .mod-line-link span {
  color: var(--colormain);
  display: block;
  line-height: var(--line175);
  padding-right: 0.12rem;
}

.mod-btn.act .mod-btn-link span {
  display: block;
  line-height: var(--line175);
  color: var(--colorfff);
  padding-right: 0.12rem;
}

.tnlb-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.05rem;
  margin-bottom: -0.1rem;
}

.tnlb-wrap-item {
  padding: 0 0.05rem;
  margin-bottom: 0.1rem;
}

/* c1-end */
/* b4 */
.comp-page {
  background: #fbf9f7;
}

.mod-btn.act.reverse .mod-btn-link span {
  padding-right: 0;
  font-weight: 400;
  padding-left: 0.12rem;
}

.comp-cont {
  padding-top: var(--space210);
  overflow: visible;
}

.ccbt-le {
  width: 22%;
}

.ccbt-wrap-top {
  background: var(--colorfff);
  position: relative;
  display: block;
  padding: 0.42rem 0.4rem;
  margin-bottom: 0.1rem;
  border-radius: 5px;
}

.comp-cont-box-th {
  padding: 0 0.1rem 0.6rem;
}

.ccbt-wrap-bot .ys-select-hd {
  border-radius: 6px;
  border: 1px solid #e5e5e5;
  padding: 0.14rem 0.2rem;
  transition: var(--transition);
}

.ccbt-wrap-bot .ys-select-hd input,
.ccbt-wrap-bot .ys-select-hd input::placeholder {
  transition: var(--transition);
}

.ccbt-wrap-bot .ys-select-hd.on {
  background: var(--colorfff);
  box-shadow: 0 4px 9px 0 rgba(6, 87, 162, 0.1);
  border-color: var(--colorfff);
}

.ccbt-wrap-bot .ys-select-hd.on input,
.ccbt-wrap-bot .ys-select-hd.on input::placeholder {
  color: var(--colormain);
}

.ccbt-wrap-bot .ys-select-hd input {
  font-size: var(--font24);
  font-weight: 500;
  line-height: var(--line15);
  color: var(--colortext);
  padding-right: 24px;
}

.ccbt-wrap-bot .ys-select-xtbbox {
  right: 0.2rem;
}

.ccbt-wrap-bot .icon-arrow-down:before {
  color: var(--colormain);
}

.comp-cont-box table tbody td {
  padding: 0.18rem 0.1rem;
  padding-right: 0.4rem;
  font-size: var(--font20);
  line-height: var(--line16);
}

.comp-cont-box table th,
.comp-cont-box table td {
  width: 20%;
  position: relative;
}

.comp-cont-box-le {
  height: 100%;
  text-align: left;
}

.comp-cont-box table tr td:nth-child(1) {
  color: var(--color7B);
  font-size: var(--font20);
  line-height: var(--line15);
  padding-left: 0.2rem;
}

.comp-cont-box table tbody tr:nth-child(2n-1) {
  border-radius: 5px;
  background: #f5ebe2;
}

.comp-cont-box thead {
  margin-bottom: var(--space60);
}

.ccbl-top {
  margin-bottom: 0.4rem;
}

.ccbl-top .std-font48 {
  margin-bottom: 0.2rem;
}

.ccbl-top .std-font24 {
  margin-bottom: 0.5rem;
}

.ccbl-top .std-font24,
.ccbl-top .std-font24 p {
  color: var(--color7B);
  line-height: var(--line15);
}

.ccbl-top .std-font24 span {
  color: var(--colormain);
  font-weight: 500;
  font-size: var(--font40);
  padding: 0 0.1rem;
}

.comp-cont-box-th .ys-select-bd {
  margin-top: 0.1rem;
  border-radius: 6px;
  background: var(--colorfff);
  box-shadow: 0 4px 9px 0 rgba(6, 87, 162, 0.1);
  padding: 0.2rem;
}

.comp-cont-box-th .ys-select-bd .ys-select-li {
  text-align: left;
  color: var(--color7B);
  line-height: var(--line165);
  margin-bottom: 0.18rem;
  position: relative;
  display: flex;
}

.comp-cont-box-th .ys-select-bd .ys-select-li:last-child {
  margin-bottom: 0;
}

.comp-cont-box-th .ys-select-bd .ys-select-li p {
  color: var(--color7B);
  line-height: var(--line165);
  font-size: var(--font18);
  position: relative;
}

/* .comp-cont-box-th .ys-select-bd .ys-select-li::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 0.2rem;
  height: 0.2rem;
  content: "";
  background: url(../images/c1_img02.jpg);
} */
/* 只有带 has-icon 类的才显示图标 */
.comp-cont-box-th .ys-select-li.has-icon p::after {
  content: "";
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url(../images/p1_logo02.png) no-repeat;
  background-size: contain;
}

.ccbt-wrap-bot-le {
  display: flex;
}

.cwbl-text {
  position: relative;
}

.cwbl-text-icon {
  width: 0.2rem;
  opacity: 0;
  /* transition: var(--transition); */
  position: absolute;
  left: calc(var(--width2) + 0.2rem);
}

.comp-cont-box-th .ys-select-hd.has-icon1 .cwbl-text-icon {
  opacity: 1;
}

.ccbl-top-diff {
  display: flex;
  position: relative;
  align-items: center;
}

.ccbl-top-diff-icon {
  position: relative;
  width: 48px;
  height: 22px;
  flex-shrink: 0;
  cursor: pointer;
  transition: var(--transition);
  border-radius: 580px;
  background: var(--DBD);
}

.ccbl-top-diff-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 2px;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--colormain);
  z-index: 6;
  transition: var(--transition);
}

.ccbl-top-diff.on .ccbl-top-diff-icon::after {
  left: auto;
  right: 3px;
}

.comp-cont-box table td:nth-child(1) {
  z-index: 4;
  text-align: left;
  position: sticky;
  left: 0;
  top: 0;
  /* width: 30%; */
  box-sizing: content-box;
  background: #fbf9f7;
}

.comp-cont-box table th:nth-child(1) {
  z-index: 10;
  text-align: left;
  position: sticky;
  left: 0;
  top: 0;
  /* width: 30%; */
  box-sizing: content-box;
  background: #fbf9f7;
}

.comp-cont-box table tr:nth-child(2n-1) td:nth-child(1) {
  background: #f5ebe2;
}

/* .comp-cont-box table tbody td {
  white-space: nowrap;
} */
.comp-cont-box {
  overflow: visible;
  overflow-x: auto;
}

.comp-cont-box-le {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 0.72rem;
}

.comp-cont-box-le .mod-btn.act .mod-btn-link {
  padding: 0.11rem 0.24rem;
}

.comp-cont-box-th .ys-select-inof {
  max-height: 2rem;
}

.comp-cont-box-th .ys-select-li.on p {
  color: var(--colormain);
}

.ccbl-top-diff-text {
  color: #787878;
  font-weight: 400;
  padding-left: 8px;
}

.ccbl-top-tit {
  font-size: var(--font48);
  margin-bottom: 0.24rem;
  font-weight: 500;
  color: var(--colortext);
  line-height: var(--line12);
}

.ccbt-wrap-top-icon {
  background: var(--colormain);
  position: absolute;
  bottom: 0.16rem;
  right: 0.16rem;
}

.ccbt-wrap-top-icon.mod-btn.act .mod-btn-link span {
  display: none;
}

.ccbt-wrap-top-icon.mod-btn.act .mod-btn-link {
  padding: 0.08rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ccbt-wrap-top-icon img {
  width: 100%;
}

.comp-cont-box-le .mod-btn-link {
  padding: 0.1rem 0.24rem;
}

.mod-btn.act .mod-btn-link span {
  flex: none;
}

.comp-page .ys-hd-pc::before {
  background: #fbf9f7;
}

/* b4-end */

/* .gold-gist-img{
  height: calc(100vh - var(--headh));
} */
/* .gold-gist-img img{
  object-fit: cover;
} */
/* .gold-gist-le-box {
  top: 5%;
} */
.gtmw-item.on .gtmw-item-box-pop {
  opacity: 1;
  pointer-events: all;
}

.gold-gist-le-box {
  height: calc(100vh - var(--headh));
}

.gold-gist-le-box {
  display: flex;
  align-items: center;
}

.gold-gist-le-box {
  top: var(--headh);
}

.ggbb-wrap .slick-dots li {
  width: 8px;
  height: 8px;
}

.ggbb-wrap .slick-dots {
  position: relative;
  bottom: auto;
  margin-top: 0.15rem;
}

.ys-footer .ys-cont1600 {
  position: relative;
}

.ys-footer .ys-cont1600::before {
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  left: 50%;
  width: 100vw;
  height: 1px;
  content: "";
  background: linear-gradient(90deg,
      rgba(168, 24, 44, 0) 0%,
      #a8182c 50%,
      rgba(168, 24, 44, 0) 100%);
  z-index: 1;
  opacity: 0;
}

.gold-sound-box {
  position: relative;
}

.gold-sound-cont-ri {
  bottom: -0.95rem;
}

.data-wine-box-middle {
  margin-bottom: 0;
}

.dmbs-box .ys-ban-imgbox img {
  object-fit: cover;
}

.gctr-wrap-nub {
  margin-bottom: 0.3rem;
}

.gctr-wrap-nub:last-child {
  margin-bottom: 0;
}

.gold-cont-time-ri {
  top: auto;
  bottom: 25%;
}

.comp-cont-box-th.empty .ccbt-wrap-top {
  pointer-events: none;
}

.comp-cont-box-th.empty .ccbt-wrap-top-icon {
  opacity: 0;
}

.comp-cont-box-th.empty .ccbt-wrap-top .ys-imgbox-cover img:nth-child(2) {
  opacity: 0;
}

/* .comp-cont-box-th.empty {
  padding-bottom: 2.3rem;
} */
.comp-cont-box {
  transition: var(--transition);
  padding-bottom: 2.1rem;
}

.ys-ban-video {
  background: #f5ebe2;
  object-fit: contain;
}

.gold-scroll {
  background: #f5ebe2;
}

.gold-cont-sour-wrap {
  transform: translateX(2px);
  position: relative;
  z-index: 2;
}

.gold-cont-time {
  position: relative;
  z-index: 2;
  transform: translateX(-2px);
}

.footer-text span {
  line-height: var(--line15);
}

.ccbt-wrap-top>.ys-imgbox-cover img {
  object-fit: cover;
}

.icbr-box h5 {
  margin-bottom: 2px;
}

.icbr-box p {
  margin-bottom: 16px;
}

/* kaffi-4.22新增-end */
/*鼠标效果*/
@media screen and (min-width: 1200px) {
  .tonic-roof-top-nub .trtn-link:hover::after {
    width: 100%;
  }

  .tonic-roof-top-nub .trtn-link:hover .std-font20 {
    color: var(--colormain);
  }

  .tctl-wrap-item .tctl-wrap-item-link:hover {
    color: var(--colorfff);
    background: var(--colormain);
    border-color: var(--colormain);
  }

  .tcbi-nub-link:hover {
    border-radius: 12px;
    background: var(--colorfff);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.08);
  }

  .tnlb-cont-link:hover .std-text16 {
    width: auto;
    height: auto;
    transform: translateX(0);
    opacity: 1;
  }

  .mod-line.act .mod-line-link:hover span {
    color: var(--colormain1);
  }

  .mod-line.act .mod-line-link:hover {
    border-color: var(--colormain1);
  }

  .tcbi-nub-link:hover .tcbi-nub-link-bot {
    opacity: 1;
  }

  .scwn-link:hover .scwn-link-top .std-font32 {
    color: var(--colormain);
  }

  .tonic-roof-top-nub .trtn-link:hover::after {
    width: 100%;
  }

  .tonic-roof-top-nub .trtn-link:hover .std-font20 {
    color: var(--colormain);
  }

  .tctl-wrap-item .tctl-wrap-item-link:hover {
    color: var(--colorfff);
    background: var(--colormain);
    border-color: var(--colormain);
  }

  .tcbi-nub-link:hover {
    border-radius: 12px;
    background: var(--colorfff);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.08);
  }

  .tnlb-cont-link:hover .std-text16 {
    width: auto;
    height: auto;
    transform: translateX(0);
    opacity: 1;
  }

  .mod-line.act .mod-line-link:hover span {
    color: var(--colormain1);
  }

  .mod-line.act .mod-line-link:hover {
    border-color: var(--colormain1);
  }

  .tcbi-nub-link:hover .tcbi-nub-link-bot {
    opacity: 1;
  }

  .scwn-link:hover .scwn-link-top .std-font32 {
    color: var(--colormain);
  }

  .mod-btn.act .mod-btn-link:hover,
  .mod-line.act .mod-line-link:hover {
    border-color: var(--colormain);
  }

  .comp-cont-box-th .ys-select-li:hover p {
    color: var(--colormain);
  }
}

/* kaffi-4.22新增-end */
/* kaffi-5.22-start */
.text-cener {
  text-align: center;
}

.brand-cont {
  position: relative;
  background: #f9f4f0;
  padding-bottom: 0.47rem;
}

.brand-cont-img {
  position: relative;
}

.brand-cont-tit-text,
.brand-cont-tit-text span {
  position: relative;
  text-align: center;
  color: var(--colormain);
}

.brand-cont-tit-text span::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc(100% + 0.24rem);
  width: 100px;
  height: 1px;
  content: "";
  background: linear-gradient(90deg, rgba(168, 24, 44, 0) 0%, #a8182c 100%);
  z-index: 1;
}

.brand-cont-tit-text span::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: calc(100% + 0.24rem);
  width: 100px;
  height: 1px;
  content: "";
  background: linear-gradient(181deg, rgba(168, 24, 44, 0) 0%, #a8182c 100%);
  z-index: 1;
}

.brand-cont-tit .std-font40 {
  margin-bottom: 0.2rem;
}

.brand-cont-tit.text-center .std-font40 {
  text-align: center;
}

.brand-cont-tit-text {
  margin-bottom: 0.1rem;
}

.brand-cont-tit .std-text18,
.brand-cont-tit .std-text18 p {
  color: var(--color7B);
}

.brand-cont-tit.text-center .std-text18,
.brand-cont-tit.text-center .std-text18 p {
  text-align: center;
}

.brand-cont-tit .std-text18 {
  margin-bottom: 0.11rem;
}

.brand-cont-img-box {
  width: 44.7%;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

.brand-cont-img-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 49%;
}

.brand-cont-img-bg img {
  width: 100%;
}

.brand-cont-img-text {
  position: absolute;
  bottom: 0.6rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  display: flex;
  flex-wrap: wrap;
}

.brand-cont-img-text img {
  width: 0.32rem;
  flex: none;
}

.brand-cont-img-text p {
  color: var(--color7B);
}

.brand-cont-wine-item {
  width: 18.4%;
  position: absolute;
  top: 0.8rem;
  left: 0;
}

.brand-cont-wine-item:nth-child(2) {
  left: auto;
  right: 0;
  top: 0.65rem;
}

.brand-cont-wine-item:nth-child(3) {
  top: auto;
  bottom: 0.65rem;
  left: 1.4rem;
}

.brand-cont-wine-item:nth-child(4) {
  left: auto;
  right: 1.4rem;
  top: auto;
  bottom: 0.65rem;
}

.bcwi-img {
  width: 54%;
  margin: auto;
  margin-bottom: 0.1rem;
}

.brand-cont-wine-item .std-text18,
.brand-cont-wine-item .std-text16,
.brand-cont-wine-item .std-text16 p {
  text-align: center;
}

.brand-cont-wine-item .std-text18 {
  font-weight: 500;
  margin-bottom: 0.12rem;
}

.brand-cont .ys-cont1520 {
  position: relative;
  z-index: 2;
}

.brand-cont-wine-item .std-text16,
.brand-cont-wine-item .std-text16 p {
  color: var(--color7B);
}

.brand-cont .brand-cont-tit {
  margin-bottom: 0.12rem;
}

.brand-drink .brand-cont-tit {
  margin-bottom: 0.7rem;
  /* position: sticky;
  top: calc(var(--headh) + 0.8rem); */
}

.brand-drink {
  background: #f5ebe2;
}

.biwl-cont {
  margin-bottom: var(--space40);
}

.biwl-cont,
.biwl-cont p {
  color: var(--colortext);
}

.biwl-icon {
  width: 0.8rem;
  margin-bottom: 0.2rem;
}

.bdbi-item-wrap-le .std-font32 {
  color: var(--colortext);
  font-weight: 500;
  margin-bottom: 0.2rem;
}

.biwl-cont,
.biwl-cont li,
.biwl-cont p {
  color: var(--colortext);
  font-size: var(--font18);
  line-height: var(--line165);
}

.biwl-cont li:not(:last-child) {
  margin-bottom: 0.16rem;
}

.biwl-cont span {
  color: var(--color7B);
}

.mod-tip-le {
  position: relative;
  display: flex;
}

.mod-tip-le span {
  position: relative;
  line-height: var(--line165);
  color: var(--colormain);
}

.mod-tip-le span::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: calc(100% + 0.24rem);
  width: 1rem;
  height: 1px;
  content: "";
  background: linear-gradient(181deg, rgba(168, 24, 44, 0) 0%, #a8182c 100%);
  z-index: 1;
}

.bdbi-item-wrap-le {
  width: 35%;
}

.bdbi-item-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.bdbi-item-wrap-ri {
  position: relative;
  width: 60.25%;
}

.biwr-bg {
  position: absolute;
  top: 0.1rem;
  left: 0;
  z-index: 1;
  width: 70%;
  transition: all 0.6s ease;
  transition-delay: 0.5s;
}

.bdbi-item {
  flex: none;
  width: 100vw;
}

.brand-drink-box-info {
  display: flex;
}

.brand-drink {
  overflow: visible;
}

.brand-drink-box-cont {
  left: 0;
  display: flex;
  position: sticky;
  top: 3.5rem;
  top: 0;
  height: 100vh;
  overflow: hidden;
  transition: var(--transition1);
  display: block;
}

/* .brand-drink.is-end .brand-cont-tit {
  height: calc(100vh - 1.2rem - 0.7rem);
} */
.brand-back {
  overflow: visible;
  position: relative;
}

.brand-back-info {
  position: absolute;
  z-index: 3;
  top: 50%;
  transform: translateY(-50%);
  left: 0.5rem;
  width: 33.5%;
  height: 90%;

  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width: 6.44rem;
  max-height: 8.5rem;
}

.mod-tip-ri {
  display: flex;
  justify-content: flex-end;
}

.mod-tip-ri span {
  position: relative;
  line-height: var(--line165);
  color: var(--colormain);
}

.mod-tip-ri span::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc(100% + 0.24rem);
  width: 1rem;
  height: 1px;
  content: "";
  background: linear-gradient(1deg, rgba(168, 24, 44, 0) 0%, #a8182c 100%);
  z-index: 1;
}

.bbis-nub-cont-text {
  font-weight: 500;
  margin-bottom: 0.32rem;
}

.brand-back-info .mod-switch {
  display: flex;
}

.brand-back-info .mod-switch-le {
  margin-right: 0.3rem;
}

.bdbi-item-wrap-bg {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}

.bdbi-item .ys-cont1600 {
  position: relative;
}

.bdbi-item-wrap-le,
.bdbi-item-wrap-ri {
  position: relative;
  z-index: 3;
}

.ys-cont1300 {
  width: 85vw;
  max-width: 1300px;
  margin: auto;
  --place: calc(50vw - 650px);
  --cont: 1300px;
}

@media screen and (max-width: 1600px) {
  .ys-cont1300 {
    --place: 7.5vw;
    --cont: 85vw;
  }
}

.brand-cont-box {
  display: flex;
  flex-wrap: wrap;
}

.bcwt-item-img {
  border-radius: 0.2rem;
}

.brand-cont-wrap {
  position: relative;
  z-index: 2;
}

.brand-cont-wrap .mod-switch {
  position: absolute;
  bottom: 0.2rem;
  right: 0.2rem;
  display: flex;
}

.brand-cont-wrap .mod-switch-le {
  margin-right: 0.3rem;
}

.gold-sound-wrap {
  margin: 0 -0.4rem 0.25rem;
}

.brand-advan {
  background: #f9f4f0;
}

.brand-advan .ys-cont1600 {
  position: relative;
}

.brand-cont-bg {
  position: absolute;
  width: 1.4rem;
}

.brand-cont-bg img {
  width: 100%;
}

.brand-cont-bg-le {
  right: 98%;
  z-index: 3;
  top: 0.5rem;
}

.brand-cont-bg-ri {
  left: 100%;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
}

.brand-cont-wrap-top {
  margin: 0 -0.2rem;
}

.bcwt-item {
  padding: 0 0.2rem;
}

.brand-cont-box .gswi-box-text,
.brand-cont-box .gswi-box-text p {
  color: var(--color7B);
  transition: var(--transition);
}

.gold-sound-wrap-item.act .gswi-box-text,
.gold-sound-wrap-item.act .gswi-box-text p {
  color: var(--colortext);
}

.brand-method {
  background: #f5ebe2;
}

.brand-method .brand-cont-tit .std-font40 {
  text-align: left;
}

.brand-method .drbi-ri {
  width: 46%;
}

.brand-method .drbi-le {
  width: 39%;
  position: relative;
  padding: 0;
  background: transparent;
}

.brand-method .data-road-box-item {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.brand-method .drbi-le-wrap {
  width: 100%;
}

.brand-method .drbi-ri img:nth-child(2) {
  display: block;
}

.brand-method .drbi-ri img {
  min-height: auto;
  height: auto;
}

.drbi-ri-img {
  border-radius: 0.2rem;
}

.data-road-box-item:nth-child(2n-1) {
  flex-direction: row-reverse;
}

.data-road-box-item:nth-child(2n) {
  align-items: flex-end;
}

.brand-method .brand-cont-tit .std-font40 {
  margin-bottom: 0.6rem;
}

.brand-cate .mod-tip-le span {
  color: var(--colorfff);
}

.brand-cate .mod-tip-le span::after {
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
}

.brand-cate .mod-tip-le {
  margin-bottom: 0.3rem;
}

.brand-cate .std-font40 {
  color: var(--colorfff);
  margin-bottom: 0.4rem;
}

.brand-cate .std-text16,
.brand-cate .std-text16 p {
  color: rgba(255, 255, 255, 0.8);
}

.brand-cate .damb-text,
.brand-cate .damb-text p {
  color: var(--colorfff);
}

.data-auth-middle::before {
  display: none;
}

.data-auth-middle::after {
  display: none;
}

.brand-keep .std-font20 {
  margin: 0;
  width: 100%;
}

.brand-keep .std-font20,
.brand-keep .std-font20 p {
  text-align: left;
}

.brand-keep .mod-switch {
  display: flex;
  justify-content: center;
}

.brand-keep .mod-switch-le {
  margin-right: 0.2rem;
}

.brand-keep .scbw-item-link {
  background: transparent;
  border-radius: 0.12rem;
  border: 1px solid #b78353;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.brand-keep .data-keep-box-swiper.swiper-container {
  overflow: visible;
  margin: 0 -0.18rem;
}

.brand-keep .scbw-item.swiper-slide {
  height: auto;
  padding: 0 0.18rem;
}

.brand-keep .silb-btm {
  border-top: 1px solid #b78353;
}

.brand-keep .mod-switch {
  margin-top: 0.5rem;
  --wh: 0.48rem;
}

.brand-keep .brand-cont-tit {
  width: 74%;
  margin: 0 auto;
  margin-bottom: 0.6rem;
}

.brand-keep .scbw-item {
  opacity: 0.2;
  transition: var(--transition);
}

.brand-keep .scbw-item.swiper-slide-active,
.scbw-item.swiper-slide-prev,
.scbw-item.swiper-slide-next {
  opacity: 1;
}

/* .brand-back-box {
  height: 100vh;
  position: sticky;
  top: 0;
  width: 100%;
  margin: auto;
} */
.brand-back-box-info {
  position: relative;
  z-index: 3;
}

.brand-back-box-info,
.brand-back-bg,
.brand-back-bg-item,
.brand-back-bg .slick-list,
.brand-back-bg .slick-track {
  height: 100%;
}

.brand-back-bg-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bbbm-item {
  height: 200vh;
  pointer-events: none;
}

.brand-back-box-more {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  pointer-events: none;
}

.bbsb-cont {
  width: 100%;
  margin-bottom: 0.4rem;
}

.bbis-nub {
  padding: 0 0.2rem;
}

.brand-back-swiper-box {
  margin: 0 -0.2rem;
}

.brand-cont-wine-item:nth-child(3) {
  animation-delay: 0.3s;
}

.brand-cont-wine-item:nth-child(4) {
  animation-delay: 0.3s;
}

.brand-cont-img-text {
  text-align: center;
}

.brand-method .drbi-le,
.brand-method .drbi-ri {
  transition: var(--transition);
}

.brand-method .drbi-le-box-text ul li::after {
  display: none;
}

.brand-back-info .mod-tip-le {
  margin-bottom: 0.2rem;
}

.brand-back-bg-item {
  opacity: 1 !important;
}

.bbbi-img {
  width: 100%;
  overflow: hidden;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  transition: all 1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.brand-back-box-info.right .brand-back-bg-item.mcslick-prev {
  z-index: 9999 !important;
}

.brand-back-box-info.left .brand-back-bg-item.mcslick-prev {
  z-index: 9999 !important;
}

.brand-back-box-info.left .brand-back-bg-item.mcslick-next {
  z-index: 999 !important;
}

.brand-back-box-info.left .brand-back-bg-item.slick-current {
  z-index: 1000 !important;
}

.brand-back-box-info.right .brand-back-bg-item.mcslick-prev .bbbi-img {
  clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}

.brand-back-box-info.left .brand-back-bg-item.mcslick-prev .bbbi-img {
  clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
}

.brand-back-box-info.left .brand-back-bg-item.slick-active .bbbi-img {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

.brand-back-box-info.left .brand-back-bg-item.mcslick-next .bbbi-img {
  transition: inherit;
}

.brand-back-box-info.left .brand-back-bg-item.mcslick-prev .bbbi-img {
  transition: inherit;
}

.brand-drink-box.gold-scroll {
  background: transparent;
}

.mod-head-line::after,
.mod-head-line::before {
  bottom: -0.5px;
}

.brand-page .ys-hd-pc::before {
  background: #faf6f2;
  box-shadow: none;
}

.brand-back-info-box {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 0.2rem;
  background: rgba(249, 244, 241, 0.8);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  -o-backdrop-filter: blur(20px);
  -ms-backdrop-filter: blur(20px);
  -moz-backdrop-filter: blur(20px);
  padding: 0.6rem 0.5rem;
}

.brand-advan .gold-sound-wrap-item {
  border-right: none;
  position: relative;
}

.brand-advan .gold-sound-wrap-item::after {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  content: "";
  background: var(--colortext);
  opacity: 0.1;
  width: 1px;
  height: 54%;
}

.brand-advan .gold-sound-wrap-item:nth-child(3n)::after {
  opacity: 0;
}

.biwr-img {
  -webkit-mask-image: url(../images/zz_01.png);
  mask-image: url(../images/zz_01.png);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
  -webkit-mask-size: 100%;
}

.bdbi-item:nth-child(3n-1) .biwr-img {
  -webkit-mask-image: url(../images/zz_02.png);
  mask-image: url(../images/zz_02.png);
}

.bdbi-item:nth-child(3n) .biwr-img {
  -webkit-mask-image: url(../images/zz_03.png);
  mask-image: url(../images/zz_03.png);
}

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

.brand-back-box .mod-switch {
  margin-top: 0.4rem;
}

.bbsb-cont {
  margin-bottom: 0;
}

.brand-cont-box .gswi-box-text,
.brand-cont-box .gswi-box-text p {
  color: var(--colortext);
}

.brand-cont-box {
  width: 100%;
}

.brand-cont-wine-item.on {
  top: 2.65rem;
}

.brand-back-bg-item .ys-ban-video {
  object-fit: cover;
}

.brand-back-bg-item {
  height: auto;
}

.bbbi-img {
  height: 100%;
}

.bbbi-img-icon {
  position: absolute;
  width: 0.4rem;
  height: 0.4rem;
  bottom: 0.4rem;
  right: 0.4rem;
  cursor: pointer;
}

.bbbi-img-icon img {
  width: 100%;
}

/* kaffi-5.22-end */