@charset "utf-8";

/* 响应式原则：调大看小 */

@media screen and (max-width: 1919px) {
  /* kaffi-start */
  .story-subs-box-ri {
    width: 14%;
  }

  .story-tips-box {
    width: 52%;
  }

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

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

  .drbi-le-wrap {
    width: 100%;
  }

  .drbi-le {
    width: 40%;
  }

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

  .dwbm-wrap-slide.swiper-slide.swiper-slide-active {
    width: 830px;
  }
  .data-wine-box-middle {
    min-height: 5.8rem;
  }
  /* kaffi-4.23-start */
  .tonic-page h1 {
    width: 28.5%;
  }
  /* .gold-gist-le-box {
    top: 7%;
  } */
  .data-wine-box .mod-switch {
    margin-top: -0.3rem;
  }
  .dwbm-swiper {
    width: 9.4rem;
  }
  /* kaffi-4.23-end */
  /* kaffi-end */
  /* 1919end */
}

@media screen and (max-width: 1680px) {
  html {
    font-size: 86px;
  }

  :root {
    /* 间距 */
    --space250: 2rem;
    --space240: 1.95rem;
    --space230: 1.9rem;
    --space220: 1.85rem;
    --space210: 1.8rem;
    --space200: 1.75rem;
    --space190: 1.7rem;
    --space180: 1.65rem;
    --space170: 1.6rem;
    --space160: 1.55rem;
  }

  /* kaffi-start */
  .data-auth-middle .ys-horse {
    --width1: 2.2rem;
  }

  .damb-text {
    width: 78%;
  }

  .footer-logo {
    width: 76px;
  }

  .story-search-input {
    height: 42px;
  }

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

  .dwbm-wrap-slide.swiper-slide {
    width: 616px;
  }
  /* kaffi-4.23-start */
  .tonic-cont-top-le {
    width: 45%;
  }
  .tonic-cont-top .story-search {
    width: 40%;
  }
  .tonic-cont-top .story-search {
    --height: 46px;
  }
  /* kaffi-4.23-end */
  /* kaffi-end */
  /* 1680end */
}

@media screen and (max-width: 1440px) {
  .ys-modal-content {
    max-height: 650px;
  }

  html {
    font-size: 62px;
  }

  :root {
    --font28: 0.3rem;
    --font26: 0.28rem;
    --font24: 0.28rem;
    --font22: 0.26rem;
    --font20: 0.26rem;
    --font18: 0.24rem;
    --font16: 0.22rem;
    --font14: 0.2rem;
    --font12: 0.16rem;
  }

  /* kaffi-start */
  .dbwl-box-le {
    width: 0.32rem;
    margin-top: 2px;
  }

  .data-auth-middle .ys-horse {
    --width1: 2.6rem;
  }

  .drbi-le {
    width: 42%;
  }

  .drbi-le-wrap {
    width: 95%;
  }

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

  .dsit-le-icon {
    width: 0.32rem;
    margin-top: 3px;
  }

  .dsit-ri {
    --wh: 0.26rem;
  }

  .footer-logo {
    width: 66px;
  }

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

  .dkbs-item-link-text {
    padding: 0.3rem 0.25rem 0.3rem;
  }

  .story-search-icon {
    width: 0.24rem;
  }

  .story-search-input {
    padding-left: 0.48rem;
    height: 40px;
  }

  .story-tips-box {
    width: 60%;
  }

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

  .pc-fenye li {
    width: 32px;
    height: 32px;
    line-height: 32px;
  }

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

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

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

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

  .data-wine-box-middle {
    min-height: 7rem;
  }
  /* kaffi-4.23-start */
  .tonic-cont-top .story-search {
    --height: 42px;
  }
  /* .gold-gist-le-box {
    top: 15%;
  } */

  /* kaffi-4.23-end */
  /* kaffi-end */
  /* 1440end */
}

@media screen and (max-width: 1199px) {
  :root {
    --headh: 56px;
  }

  html {
    font-size: 58px;
  }

  :root {
    /* 字号82-100 0.66rem 38px */
    --fontr1: 0.66rem;
    --font100: var(--fontr1);
    --font98: var(--fontr1);
    --font96: var(--fontr1);
    --font94: var(--fontr1);
    --font92: var(--fontr1);
    --font90: var(--fontr1);
    --font88: var(--fontr1);
    --font86: var(--fontr1);
    --font86: var(--fontr1);
    --font84: var(--fontr1);
    --font82: var(--fontr1);
    /* 字号72-80 0.59rem 34px */
    --fontr2: 0.59rem;
    --font80: var(--fontr2);
    --font78: var(--fontr2);
    --font76: var(--fontr2);
    --font74: var(--fontr2);
    --font72: var(--fontr2);
    /* 字号62-70 0.55rem 32px */
    --fontr3: 0.55rem;
    --font70: var(--fontr3);
    --font68: var(--fontr3);
    --font66: var(--fontr3);
    --font64: var(--fontr3);
    --font62: var(--fontr3);
    /* 字号52-60 0.52rem 30px */
    --fontr4: 0.52rem;
    --font60: var(--fontr4);
    --font58: var(--fontr4);
    --font56: var(--fontr4);
    --font54: var(--fontr4);
    --font52: var(--fontr4);
    /* 间距 */
    --space250: 1.425rem;
    --space240: 1.4rem;
    --space230: 1.375rem;
    --space220: 1.35rem;
    --space210: 1.325rem;
    --space200: 1.3rem;
    --space190: 1.275rem;
    --space180: 1.25rem;
    --space170: 1.225rem;
    --space160: 1.2rem;
    --space150: 1.175rem;
    --space140: 1.15rem;
    --space130: 1.125rem;
    --space120: 1.1rem;
    --space110: 1rem;
    --space100: 0.95rem;
  }

  /* 移动端-副导航 - start */
  .footer-nav {
    flex-direction: column;
    --gap1: 0px;
    --gap2: 0px;
    border-top: 1px solid rgba(102, 102, 102, 0.5);
  }

  .footer-nav > li {
    position: relative;
    border-bottom: 1px solid rgba(102, 102, 102, 0.5);
  }

  .footer-nav > li > a {
    padding: 6px 0;
  }

  .footer-nav > li::before,
  .footer-nav > li::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 1px;
    background: rgba(51, 51, 51, 0.5);
    right: 2px;
    top: calc(0.875em + 6px);
    transition: all 0.4s ease;
  }

  .footer-nav > li::after {
    transform: rotate(90deg);
  }

  .footer-nav ul {
    display: none;
  }

  .footer-nav > li.act::after {
    transform: rotate(0deg);
  }

  .footer-nav > li.no-nav::before,
  .footer-nav > li.no-nav::after {
    display: none;
  }

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

  /* 移动端-副导航 - end */
  /* kaffi-start */
  .footer-code {
    display: block;
    width: 100%;
  }

  .footer-code ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.42rem -0.42rem;
  }

  .footer-code ul li {
    width: 33.333333%;
    padding: 0 0.42rem;
    margin-bottom: 0.42rem;
  }

  .footer-nav > li::after,
  .footer-nav > li::before {
    display: none;
  }

  .footer-nav > li > ul {
    display: none !important;
  }

  .data-head-shop-link {
    width: 24px;
  }

  .ys-phnav-menubtn span {
    width: 60%;
  }

  .ys-phnav-menubtn::after {
    width: 40%;
  }

  .ys-phnav-menubtn::before {
    width: 100%;
  }

  .ys-phnav-menubtn.on::after {
    width: 100%;
  }

  .data-cont-box-le {
    width: 40%;
  }

  .data-cont-box-ri {
    width: 55%;
    padding: 0.3rem 0.4rem;
  }

  .dibs-wrap {
    transform: scale(1);
  }

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

  .data-cate-box {
    padding: var(--space60) 0;
  }

  .dbii-box-img {
    width: 0.6rem;
  }

  .dcbc-top .std-font44 {
    margin-bottom: 0.3rem;
  }

  .dbii-box .std-text18 {
    font-size: 12px;
  }

  .data-cate-box-cont {
    width: 46%;
  }

  .data-road-box-item {
    display: flex;
    flex-direction: column-reverse;
  }

  .data-road {
    overflow: visible;
  }

  .data-road-box-item {
    position: sticky;
    top: 0;
  }

  .drbi-le {
    width: 100%;
    top: auto;
    bottom: 0;
    left: 0;
    height: auto;
  }

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

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

  .data-keep .std-font20 {
    width: 100%;
  }

  .slick-dots li {
    width: 6px;
    height: 6px;
    position: relative;
    /* margin-top: 0.4rem; */
  }

  .dpcw-item-box-top {
    width: 50%;
    margin: 0 auto;
    margin-bottom: 0.5rem;
  }

  .footer-nav {
    border: none;
    align-items: center;
  }

  .footer-nav > li {
    border: none;
    text-align: center;
    padding-bottom: 0.12rem;
    margin-bottom: 0.2rem;
  }

  .footer-nav > li > a::after {
    top: auto;
    width: 20px;
    height: 2px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
  }

  .footer-share {
    display: none;
  }

  .foot-link-le {
    flex-wrap: wrap;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 0.8rem;
  }

  .foot-link-le .std-text16 {
    padding-right: 0;
    width: 100%;
    text-align: center;
    position: relative;
    padding-bottom: 0.12rem;
    margin-bottom: 0.32rem;
    font-size: var(--font20);
  }

  .foot-link-le .std-text16::after {
    position: absolute;
    bottom: 0;
    content: "";
    background: var(--colormain);
    width: 20px;
    height: 2px;
    left: 50%;
    transform: translateX(-50%);
  }

  .footer-nav {
    margin-bottom: 0.4rem;
  }

  .foot-link-le .std-text14 {
    text-decoration: underline;
  }

  .foot-link-le-wrap {
    justify-content: center;
  }

  .footer-code-box-text,
  .footer-code-box-text p {
    color: var(--color7B);
    text-align: center;
  }

  .footer-code ul li {
    width: 160px;
  }

  .footer-code ul {
    justify-content: center;
  }

  .foot-link {
    margin-bottom: 0.8rem;
  }

  .footer-bot {
    flex-wrap: wrap;
    justify-content: center;
  }

  .footer-text,
  .footer-text a,
  .footer-text p {
    text-align: center;
  }

  .footer-text {
    justify-content: center;
  }

  .footer-text p {
    width: 100%;
    text-align: center;
  }

  .footer-top::before {
    width: 32vw;
  }

  .footer-top::after {
    width: 32vw;
  }

  .footer-code ul li {
    width: 33.333333%;
  }

  .drbi-le {
    background: var(--colorfff);
  }

  .dkbs-item {
    width: 50%;
  }

  .mod-tip .std-text18 {
    padding: 3px 0.2rem 0 0.15rem;
  }

  .dpfn-box-cont {
    opacity: 1;
  }

  .dpfn-box {
    width: 100vw;
    height: 100vh;
  }

  .dpfn-box-text.std-font24 {
    opacity: 0;
  }

  .green-main .slick-dots li.slick-active {
    background: var(--colorvi);
  }

  .dpfn-box-cont {
    padding: 0.8rem;
  }

  .data-pure-fold-nub {
    border: none;
  }

  .story-tips-box {
    width: auto;
  }

  .story-search {
    width: 60%;
  }

  .scbw-item {
    width: 50%;
  }

  .story-search-input {
    height: 38px;
  }

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

  .info-cont-box-le {
    width: 22%;
  }

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

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

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

  .gold-sound-cont-ri {
    width: 38%;
  }

  .gcsw-box {
    padding-left: var(--space120);
  }

  /* .dwsb-text {
        display: flex;
        flex-wrap: wrap;
    } */
  .dwbm-wrap-slide.swiper-slide.swiper-slide-active {
    width: 480px;
  }

  .dwbm-wrap-slide.swiper-slide {
    width: 328px;
  }
  /* kaffi-4.23-start */
  .sour-cont-wrap-nub {
    width: 50%;
  }
  .sour-page .data-bot-box {
    padding: 0;
  }
  .tcbi-nub {
    width: 50%;
  }
  .tcbi-nub-link-bot {
    opacity: 1;
  }
  .tcbi-nub-link {
    padding: 0.4rem 0.4rem 0.6rem;
  }
  .tonic-cont-top .story-search {
    --height: 38px;
  }
  .tonic-page h1 {
    width: 37%;
  }
  .tonic-cont-top {
    margin-bottom: var(--space60);
  }
  .tonic-cont-bot-info {
    margin: 0 -0.22rem 0.2rem;
  }
  .gold-gist-le-box {
    height: auto;
  }
  .gold-gist-le-box {
    top: 20%;
  }
  .gctb-le .std-font44 {
    padding-right: 0;
  }
  .gcsl-tit {
    width: 100%;
  }
  .gold-sound-cont-ri {
    width: 23%;
  }
  .gswi-box {
    padding: 0rem 0.2rem;
  }

  /* kaffi-4.23-end */
  /* kaffi-5.22-start */
  .brand-cont-wine-item {
    width: 30%;
  }
  .bcwi-img {
    width: 0.8rem;
    margin: auto;
    margin-bottom: 0.1rem;
  }
  .brand-cont-wine-item:nth-child(3) {
    left: 0.6rem;
  }
  .brand-cont-wine-item:nth-child(4) {
    right: 0.6rem;
  }
  .brand-cont-img-text {
    bottom: 0.3rem;
  }
  .brand-drink .brand-cont-tit {
    position: relative;
    top: auto;
  }
  .brand-drink-box-cont {
    position: relative;
    top: auto;
  }
  .brand-drink-box-info {
    flex-wrap: wrap;
  }
  .brand-drink-box-info {
    width: 100%;
  }
  .biwr-bg {
    width: 60%;
  }
  .brand-drink {
    padding-bottom: var(--space120);
  }
  .brand-back-info {
    width: 50%;
  }
  .gswi-box {
    padding: 0.12rem;
  }
  .gold-sound-wrap-item {
    padding: 0 0.2rem;
  }
  .gold-sound-wrap {
    margin: 0 -0.2rem 0.25rem;
  }
  .brand-method .drbi-ri img:nth-child(1) {
    display: block;
  }
  .brand-method .data-road-box-item {
    position: relative;
    top: auto;
    flex-direction: row;
  }
  .brand-cate .data-cate-box {
    position: relative;
    left: auto;
    transform: translateX(0);
  }
  .brand-cate .data-cate-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .brand-cate .data-cate-bg-img,
  .brand-cate .data-cate-bg-img img {
    height: 100%;
  }
  .brand-cont-img-text img {
    width: 0.44rem;
  }
  .data-road-box-item:not(:last-child) {
    margin-bottom: 0.7rem;
  }
  .brand-method .data-road-box-item:nth-child(2n-1) {
    flex-direction: row-reverse;
  }
  .brand-drink-box-cont {
    height: auto;
  }
  .gold-sound-wrap-item {
    width: 50%;
  }
  .brand-cont-wine-item.on {
    top: 1.65rem;
}
  /* kaffi-5.22-end */
  /* kaffi-end */
  /* 1199end */
}

@media screen and (max-width: 767px) {
  .ys-ban-pc,
  .ys-nyban-pc {
    display: none !important;
  }

  .ys-ban-video {
    display: none !important;
  }

  .ys-ban-ph,
  .ys-nyban-ph {
    display: block !important;
  }

  .ys-table-swipe {
    display: flex;
  }

  .ys-modal-content {
    max-height: 550px;
    padding: 50px 20px;
  }

  html {
    font-size: 56px;
  }

  :root {
    /* 字号82-100 0.60rem 34px */
    --fontr1: 0.6rem;
    /* 字号72-80 0.57rem 32px */
    --fontr2: 0.57rem;
    /* 字号62-70 0.54rem 30px */
    --fontr3: 0.54rem;
    /* 字号52-60 0.50rem 28px */
    --fontr4: 0.5rem;
    /* 下 */
    --font36: 0.38rem;
    --font34: 0.36rem;
    --font32: 0.36rem;
    --font30: 0.34rem;
    --font28: 0.34rem;
    --font26: 0.32rem;
    --font24: 0.3rem;
    --font22: 0.28rem;
    --font20: 0.26rem;
    --font18: 0.26rem;
    --font16: 0.25rem;
    --font14: 0.24rem;
    --font12: 0.18rem;
    /* 间距 */
    --space250: 1rem;
    --space240: 0.99rem;
    --space230: 0.97rem;
    --space220: 0.95rem;
    --space210: 0.93rem;
    --space200: 0.91rem;
    --space190: 0.89rem;
    --space180: 0.87rem;
    --space170: 0.85rem;
    --space160: 0.83rem;
    --space150: 0.81rem;
    --space140: 0.79rem;
    --space130: 0.77rem;
    --space120: 0.75rem;
    --space110: 0.73rem;
    --space100: 0.71rem;
    --space90: 0.69rem;
    --space80: 0.67rem;
    --space70: 0.65rem;
    --space60: 0.6rem;
  }

  /* kaffi-start */
  .mod-ph {
    display: flex;
  }

  .mod-pc {
    display: none;
  }

  /* p1手机端特殊部分 */
  .dcbr-top.mod-ph {
    display: block;
  }

  .data-cont-box-le {
    width: 100%;
  }

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

  .data-cont-box-le {
    position: relative;
  }

  /* p1手机端特殊部分-end */
  .data-cont-box-le {
    margin-bottom: 0.6rem;
    top: auto;
  }

  .mod-tip .std-text18 {
    padding: 3px 0.2rem 0 0.15rem;
  }

  .dcbr-top-tit-icon {
    margin-top: 0rem;
  }

  .dcbp-wrap-list-img {
    width: 0.52rem;
  }

  .data-cont-box-ph {
    margin-bottom: 0.7rem;
  }

  .data-cont-box-ri {
    padding: 0;
    background: transparent;
    box-shadow: none;
  }

  .dbwl-box {
    background: var(--colorfff);
  }

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

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

  .data-cate-box {
    position: relative;
    padding: 0 20px;
    left: auto;
    transform: translateX(0);
  }

  .data-cate-box-cont {
    width: 100%;
  }

  .dcbc-top .std-font44 {
    color: var(--colortext);
  }

  .dcbc-top .std-font20,
  .dcbc-top .std-font20 p {
    color: var(--color7B);
  }

  .dcbc-bot {
    position: absolute;
    top: 0.8rem;
    left: 0;
    padding: 0 20px;
  }

  .drbi-ri img {
    min-height: auto;
  }

  .drbi-le {
    position: relative;
  }

  .data-merit-box-line {
    width: 60%;
    margin: 0 auto;
  }

  .data-treat-box-le {
    width: 100%;
  }

  .data-treat-box .ys-cont1680 {
    position: relative;
    top: auto;
    left: auto;
    transform: translateX(0);
  }

  .dtbl-box {
    width: 100%;
    margin-bottom: var(--space80);
  }

  .data-treat {
    padding: 0 20px var(--space100);
  }

  .data-treat-box {
    border-radius: var(--radius8);
    background: #f5ebe2;
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    padding: 0.8rem 0.32rem 0.36rem;
  }

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

  .data-treat-box-ri {
    width: 100%;
    border-radius: var(--radius10);
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }

  .data-treat-box-le .ys-cont1680 {
    padding: 0;
  }

  .dmbs-box .std-font24 {
    margin-bottom: 0.2rem;
    font-weight: 500;
  }

  .dmbs-box .std-text14 {
    margin-top: 0.2rem;
  }

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

  .data-keep-box-swiper.swiper-container {
    /* width: 80%;
        margin-left: 0;
        margin-right: 0; */
    overflow: visible;
  }

  .data-prod .std-font44 {
    text-align: left;
  }

  .dkbs-item.swiper-slide {
    width: 80%;
  }

  .dpcw-item.swiper-slide {
    width: 70%;
  }

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

  .data-issue-box {
    border-radius: var(--radius20);
    background: #f5ebe2;
    padding: 0.5rem 0.32rem;
  }

  .data-issue-box-le {
    width: 100%;
    margin-bottom: 0.45rem;
  }

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

  .dibr-slide-item {
    background: var(--colorfff);
  }

  .data-issue-box-le .std-font20,
  .data-issue-box-le .std-font20 p {
    text-align: center;
  }

  .data-issue-box-le .std-font44 {
    text-align: center;
  }

  .data-bot-bg {
    position: relative;
    top: auto;
    left: auto;
  }

  .data-bot .ys-cont1520 {
    position: absolute;
    top: var(--space100);
  }

  .data-bot {
    padding: 0;
  }

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

  .dbbw-item {
    width: 100%;
    margin-bottom: 0.2rem;
  }

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

  .data-bot-box .mod-btn-link,
  .data-bot-box .mod-line-link {
    width: 100%;
  }

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

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

  .data-keep-box-swiper.swiper-container {
    margin-bottom: 0;
  }

  .green-main .data-issue-box {
    background: #e8f4f6;
  }

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

  .story-banner-tips-item {
    width: 33.333333%;
  }

  .story-search {
    width: 100%;
  }

  .story-search .std-text16 {
    width: 18.5%;
  }

  .story-search-input {
    padding-right: calc(18.5% + 0.24rem);
    height: 36px;
  }

  .scbw-item {
    width: 100%;
  }

  .pc-fenye li {
    width: 28px;
    height: 28px;
    line-height: 28px;
    margin: 0 3px;
    font-size: 12px;
  }

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

  .story-subs-box-le {
    width: 100%;
    margin-bottom: 0.5rem;
  }

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

  .info-cont-box-le {
    position: relative;
    width: 100%;
    top: auto;
    margin-bottom: 0.4rem;
  }

  .info-cont-box-ri {
    width: 100%;
    padding: 0.32rem;
  }

  .icbr-info-le {
    width: 100%;
    padding-right: 0;
    margin-bottom: 0.4rem;
  }

  .icbr-info-ri {
    width: 100%;
  }

  .icbr-info-le-top span {
    margin-top: 3px;
  }

  .footer-logo {
    width: 48px;
  }

  .gold-gist-le {
    position: relative;
  }

  .gold-gist-img {
    margin: 0 auto;
  }

  .gold-page .data-cont-box-ri {
    width: 100%;
  }

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

  .gold-sound-wrap-box {
    padding: 0;
  }

  .gold-sound-wrap-item {
    width: 100%;
    border-right: none;
  }

  .gswi-box {
    padding: 0rem 0.32rem;
    margin-bottom: 0.16rem;
  }

  .gswi-box-tit {
    margin-bottom: 0rem;
  }

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

  /* .gold-sound-cont-ri {
    position: relative;
    width: 43%;
    bottom: auto;
  } */

  .gold-sound-cont {
    justify-content: flex-end;
  }

  .gold-scroll-item {
    float: none;
  }

  .gold-cont {
    display: block;
  }

  .gold-space {
    display: none;
  }

  .gold-cont {
    height: auto;
  }

  .gold-cont-sour {
    padding: var(--space120) 20px;
    flex-wrap: wrap;
  }

  .gold-cont-sour-le {
    width: 100%;
    padding-right: 0;
    margin-bottom: 0.4rem;
  }

  .gold-cont-sour-wrap {
    min-width: auto;
    margin-left: auto;
    padding: 0;
  }

  .gcsb-img {
    width: 100%;
  }

  .gcsb-icon {
    opacity: 0;
  }

  .gold-cont-sour-box {
    margin-bottom: 0.6rem;
  }

  .gold-scroll-item {
    height: auto;
  }

  .gold-scroll {
    padding-bottom: 0;
  }

  .gold-cont {
    position: relative;
    top: auto;
    left: auto;
  }

  .gcsw-box {
    padding: var(--space120) 0.32rem;
  }

  .gcsw-box-le {
    width: 100%;
    padding-right: 0;
    margin-bottom: 0.4rem;
  }

  .gcsw-box {
    flex-wrap: wrap;
  }

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

  .gccc-box {
    width: 100%;
  }

  .gold-cont-time-box {
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: 0.4rem;
  }

  .gctb-le {
    width: 100%;
    padding-right: 0;
    margin-bottom: 0.4rem;
  }

  .gold-cont-time-wrap {
    flex-wrap: wrap;
    padding: 0 20px;
    height: auto;
  }

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

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

  .gold-brew-box-ri {
    width: 100%;
  }

  .gold-brew-box-ri .ys-cont1520 {
    position: relative;
  }

  .gbbr-box {
    width: 100%;
    padding: 0.4rem 0;
  }

  .data-keep .std-font44 {
    text-align: left;
  }

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

  /* .dwbm-wrap-slide:nth-child(1) .dwbm-wrap-slide-box {
        display: flex;
        justify-content: flex-end;
    }

    .dwbm-wrap-slide:nth-child(1) .dwsb-img {
        margin-right: 0.2rem;
    } */

  /* .data-wine-box .mod-switch {
    display: none;
  } */

  .dwbm-wrap-slide {
    margin-bottom: 0.5rem;
  }
  .dwsb-text {
    flex-direction: column;
  }
  .dwsb-text .std-font24 {
    padding-right: 0 !important;
  }
  .data-wine-box-middle {
    min-height: auto;
    margin-bottom: 0;
  }
  /* .dwbm-wrap-slide:last-child {
    display: none;
  } */
  .data-cont {
    min-height: auto;
  }
  /* .dwbm-wrap-slide.swiper-slide {
    width: 100% !important;
  } */
  .gold-cont-add {
    display: block;
    width: 100%;
  }
  .gold-cont-sour {
    width: 100%;
  }
  .gold-cont-sour-box {
    transform: translateX(0) !important;
  }
  .gcsw-box-ri {
    width: 100%;
  }
  .gold-space,
  .gold-more {
    display: none;
  }
  .gcsb-scroll .gcsb-img {
    transform: translateX(0) !important;
  }
  .gcsw-box-le {
    padding-top: 0;
  }
  .data-wine-box-middle {
    min-height: auto;
  }
  .dwbm-wrap-slide.swiper-slide:not(.swiper-slide-active) {
    transform: scale(1);
  }
  .dwbm-wrap-slide.swiper-slide.swiper-slide-active {
    padding-right: 20px;
  }
  .dwbm-wrap-slide {
    padding: 0 20px;
  }
  .data-wine-box-middle.swiper-container {
    margin: 0 -20px;
  }
  .dwbm-swiper {
    width: 100%;
  }
  .dwbm-wrap-slide-box {
    width: 100%;
    height: 100%;
  }
  .dwbm-wrap-slide.swiper-slide {
    height: auto;
  }
  .dwsb-text {
    display: block;
  }
  .dwbm-wrap-slide.swiper-slide.swiper-slide-active .dwsb-text .std-font24 {
    font-size: var(--font24);
    margin-bottom: 0.16rem;
  }
  .dwbm-wrap-slide.swiper-slide .dwsb-text .std-font24 {
    margin-bottom: 0.16rem;
  }
  .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(--font16);
  } /* kaffi-4.23-start */
  .sour-cont-wrap-nub {
    width: 100%;
  }
  .scwn-link {
    padding: 0.3rem;
  }
  .sour-cont-wrap-nub {
    margin-bottom: 0.4rem;
  }
  .tcbi-nub {
    width: 100%;
  }
  .tonic-cont-top-le {
    width: 100%;
    margin-bottom: 0.3rem;
  }
  .tonic-cont-top .story-search {
    width: 100%;
  }
  .tctl-wrap-item-link {
    padding: 0.12rem 0.3rem;
  }
  .tcbi-nub-link-bot {
    padding: 0.3rem 0.2rem;
  }
  .tonic-page .data-bot-box {
    width: 70%;
  }
  /* kaffi-4.23-end */
  /* kaffi-4.24-start */
  .comp-cont-box table th,
  .comp-cont-box table td {
    min-width: 2.6rem;
  }
  .ccbt-wrap-bot .ys-select-hd {
    padding: 0.1rem 0.2rem;
  }
  .ccbt-wrap-top {
    padding: 0.2rem;
  }
  .ccbt-wrap-bot .iconfont {
    font-size: 12px;
  }
  .ccbt-wrap-bot .ys-select-hd input {
    font-size: var(--font20);
  }
  .gold-gist-le-box {
    width: 66%;
    margin: 0 auto;
  }
  .gold-sound-cont {
    padding: 0;
  }
  .ggbb-wrap .slick-dots li {
    width: 6px;
    height: 6px;
  }
  .gswi-box {
    padding: 0;
  }
  .gold-sound-wrap-item {
    width: 33.333333%;
    padding: 0 2px;
  }
  .gswi-box-text,
  .gswi-box-text p {
    font-size: 12px;
  }
  .gtmw-item-box-pop {
    width: 90%;
  }
  .ys-footer .ys-cont1600::before {
    opacity: 1;
  }
  .data-bot-box {
    width: 100%;
  }
  .data-bot-box-wrap {
    width: 60%;
  }
  .gold-sound-wrap-item {
    position: relative;
  }
  .gold-sound-wrap-item::after {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    content: "";
    background: rgba(17, 0, 0, 0.1);
    width: 1px;
    height: 50%;
    opacity: 0;
  }
  .gold-sound-wrap-item:last-child:after {
    opacity: 0;
  }
  .data-cate-bg {
    padding: 0 20px;
  }
  .dcbc-bot {
    width: 100%;
    padding: 0 40px;
  }
  .data-cate {
    padding-top: var(--space70);
  }
  .dcbl-slick .ys-imgbox-cover {
    transform: translateX(10px);
  }
  /* kaffi-4.24-end */
  /* kaffi-5.22-start */
  .brand-keep .brand-cont-tit {
    width: 100%;
  }
  .bdbi-item-wrap-le {
    width: 100%;
  }
  .bdbi-item-wrap-ri {
    width: 100%;
  }
  /* .gold-sound-wrap-item {
    width: 100%;
  } */
  .brand-cont-box {
    width: 100%;
  }
  .gold-sound-wrap {
    margin: 0 auto;
    width: 100%;
  }
  .brand-method .drbi-le {
    width: 100%;
  }
  .brand-method .drbi-ri {
    width: 100%;
  }
  .brand-cate .data-cate-box {
    padding: 45px 20px;
  }
  .brand-cont-wine-item {
    position: relative;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: 50%;
    width: 100%;
    margin-bottom: 0.4rem;
  }
  .brand-cont-img-text {
    position: relative;
    width: 100%;
    justify-content: center;
  }
  .brand-cont-img-box {
    width: 75%;
  }
  .brand-cont-wine {
    display: flex;
    flex-wrap: wrap;
  }
  .brand-back-info {
    width: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .brand-method .brand-cont-tit .std-font40 {
    margin-bottom: 0.4rem;
  }
  .drbi-le-box .std-font44 {
    margin-bottom: 0.25rem;
  }
  .data-road-box-item:not(:last-child) {
    margin-bottom: 0.6rem;
  }
  .drbi-le-wrap {
    margin-bottom: 0.4rem;
  }
  .data-cate-bg-img img {
    object-fit: cover;
  }
  .brand-cate .mod-tip-le span {
    color: var(--colortext);
  }
  .brand-cate .mod-tip-le span::after {
    background: linear-gradient(270deg, rgba(51, 51, 51, 0) 0%, #333 100%);
  }
  .brand-cate .std-font40 {
    color: var(--colortext);
  }
  .brand-cate .std-text16,
  .brand-cate .std-text16 p {
    color: var(--colortext);
  }
  .brand-cate .damb-text,
  .brand-cate .damb-text p {
    color: var(--colortext);
  }
  .brand-cate .data-cate-bg {
    position: relative;
    padding: 0;
  }
  .bbbi-img,
  .brand-back-box-info {
    min-height: 100vh;
  }

  .bbbi-img img {
    min-height: 100vh;
    object-fit: cover;
  }
  .brand-cont-wrap .mod-switch {
    position: relative;
    bottom: 0;
    right: auto;
    left: 50%;
    display: flex;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    margin-top: 0.4rem;
  }
  .brand-drink-box-cont {
    height: auto;
  }
  .ys-cont1300 {
    padding: 0 20px;
    width: 100%;
    max-width: 100%;
    --place: 20px;
    --cont: calc(100vw - 40px);
  }
  .brand-back-info {
    position: relative;
    width: 100%;
    order: 1;
    left: 0;
    transform: translate(0);
    max-width: 100%;
    max-height: none;
    top: auto;
  }
  .brand-back-box-info {
    order: 2;
  }
  .bbbi-img,
  .brand-back-box-info,
  .bbbi-img img {
    min-height: auto;
  }
  .brand-back-box-info,
  .brand-back-bg,
  .brand-back-bg-item,
  .brand-back-bg .slick-list,
  .brand-back-bg .slick-track {
    height: auto;
  }
  .brand-back-info-box {
    padding: 0.7rem 20px 0.4rem;
    border-radius: 0;
  }
  .brand-back-box {
    display: flex;
    flex-direction: column;
  }
  .brand-advan .gold-sound-wrap-item::after {
    opacity: 0;
  }
  .brand-back-box .mod-switch {
    display: none;
  }
  .gold-sound-wrap-item {
    width: 100%;
  }
  /* kaffi-5.22-end */
  /* kaffi-end */
  /* 767end */
}