@charset "UTF-8";
/* 头部达人 */
.expert-container {
  background: url("https://pic6.zhuanstatic.com/zhuanzh/a0c22ea0-776b-47df-ada3-fc253ccc2a50.jpg?t=5") no-repeat center center;
  background-size: cover; }
  .expert-container .expert-content {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 auto;
    margin-top: 2vw;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 36vw; }
    .expert-container .expert-content .expert-swiper {
      width: 90vw;
      position: relative;
      overflow: hidden;
      height: 100%; }
      .expert-container .expert-content .expert-swiper .swiper-wrapper {
        width: 100%;
        -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
                transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        position: relative;
        z-index: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        will-change: transform;
        -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
                transform-style: preserve-3d;
        cursor: -webkit-grabbing;
        cursor: grabbing; }
        .expert-container .expert-content .expert-swiper .swiper-wrapper .swiper-slide {
          width: 22vw;
          -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease;
          -webkit-transform-origin: center bottom;
                  transform-origin: center bottom;
          position: relative;
          z-index: 1;
          -webkit-transform: scale(0.9);
                  transform: scale(0.9); }
          .expert-container .expert-content .expert-swiper .swiper-wrapper .swiper-slide img {
            width: 100%; }
          .expert-container .expert-content .expert-swiper .swiper-wrapper .swiper-slide:hover {
            -webkit-transform: scale(1);
                    transform: scale(1); }
    .expert-container .expert-content .swiper-button {
      position: absolute;
      top: calc(50% - 4.5vw);
      width: 6vw;
      cursor: pointer;
      z-index: 2; }
      .expert-container .expert-content .swiper-button img {
        width: 100%; }
    .expert-container .expert-content .expert-prev-button {
      left: 0; }
    .expert-container .expert-content .expert-next-button {
      right: 0; }

/* 优质达人 */
.quality-container {
  background: url("https://pic1.zhuanstatic.com/zhuanzh/11acd05b-77d5-4848-bd50-23ca8ec1c150.gif?t=5") no-repeat center center;
  background-size: cover;
  padding-bottom: 6vw; }
  .quality-container .quality-content {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 auto;
    margin-top: 2vw;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .quality-container .quality-content .quality-swiper {
      width: 90vw;
      position: relative;
      overflow: hidden; }
      .quality-container .quality-content .quality-swiper .swiper-wrapper {
        width: 100%;
        position: relative;
        z-index: 1;
        cursor: -webkit-grabbing;
        cursor: grabbing; }
        .quality-container .quality-content .quality-swiper .swiper-wrapper .swiper-slide {
          width: 21vw;
          -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease;
          /* transform-origin: left center; */
          position: relative;
          z-index: 1;
          -webkit-transform: scale(0.9);
                  transform: scale(0.9); }
          .quality-container .quality-content .quality-swiper .swiper-wrapper .swiper-slide img {
            width: 100%; }
    .quality-container .quality-content .swiper-button {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      width: 6vw;
      cursor: pointer;
      z-index: 2; }
      .quality-container .quality-content .swiper-button img {
        width: 100%; }
    .quality-container .quality-content .quality-prev-button {
      left: 0; }
    .quality-container .quality-content .quality-next-button {
      right: 0; }

/* 优秀商业案例 */
.excellent-container {
  background: url("https://pic4.zhuanstatic.com/zhuanzh/dfa6cd30-3721-4783-a504-900986ed6c50.gif?t=5") no-repeat center center;
  background-size: cover;
  padding-top: 0 !important; }
  .excellent-container .excellent-content {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 auto;
    margin-top: 2vw;
    margin-bottom: 4vw;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .excellent-container .excellent-content .excellent-swiper {
      width: 90vw;
      position: relative;
      overflow: hidden; }
      .excellent-container .excellent-content .excellent-swiper .swiper-wrapper {
        width: 100%;
        position: relative;
        z-index: 1;
        cursor: -webkit-grabbing;
        cursor: grabbing; }
        .excellent-container .excellent-content .excellent-swiper .swiper-wrapper .swiper-slide {
          width: 21vw;
          -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease;
          -webkit-transform-origin: left center;
                  transform-origin: left center;
          position: relative;
          z-index: 1;
          -webkit-transform: scale(0.9);
                  transform: scale(0.9);
          cursor: pointer;
          /* 偶数项 */
          /* 悬浮效果 */
          /* 点击效果 */ }
          .excellent-container .excellent-content .excellent-swiper .swiper-wrapper .swiper-slide:nth-child(even) {
            margin-top: 2vw; }
          .excellent-container .excellent-content .excellent-swiper .swiper-wrapper .swiper-slide img {
            width: 100%;
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease; }
          .excellent-container .excellent-content .excellent-swiper .swiper-wrapper .swiper-slide:hover {
            -webkit-transform: scale(1);
                    transform: scale(1); }
            .excellent-container .excellent-content .excellent-swiper .swiper-wrapper .swiper-slide:hover img {
              -webkit-filter: brightness(1.1);
                      filter: brightness(1.1); }
          .excellent-container .excellent-content .excellent-swiper .swiper-wrapper .swiper-slide:active {
            -webkit-transform: scale(1);
                    transform: scale(1); }
    .excellent-container .excellent-content .swiper-button {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      width: 6vw;
      cursor: pointer;
      z-index: 2; }
      .excellent-container .excellent-content .swiper-button img {
        width: 100%; }
    .excellent-container .excellent-content .excellent-prev-button {
      left: 0; }
    .excellent-container .excellent-content .excellent-next-button {
      right: 0; }

/* 视频蒙层样式 */
.excellent-video-mc {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /* 禁止滚动 */
  overflow: hidden;
  /* 禁止触摸滑动 */
  -ms-touch-action: none;
      touch-action: none;
  /* 禁止选择文本 */
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  /* 禁止拖拽 */
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  /* 防止页面滚动 */
  -webkit-overflow-scrolling: touch;
  /* 固定定位，确保不随页面滚动 */
  position: fixed !important;
  /* 隐藏蒙层时的样式 */
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  /* 显示蒙层时的样式 */
  /* 关闭按钮 */ }
  .excellent-video-mc.show {
    opacity: 1;
    visibility: visible; }
  .excellent-video-mc .video-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    max-width: 1200px; }
  .excellent-video-mc .video-title {
    color: white;
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    z-index: 10001; }
  .excellent-video-mc .excellent-video {
    width: 80vw;
    max-width: 1200px;
    height: auto;
    max-height: 70vh;
    -o-object-fit: contain;
       object-fit: contain;
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
    /* 防止视频被拖拽 */
    pointer-events: auto; }
  .excellent-video-mc .close-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.2);
    border: none;
    border-radius: 50%;
    color: white;
    font-size: 24px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    z-index: 10000; }
    .excellent-video-mc .close-btn:hover {
      background: rgba(255, 255, 255, 0.3); }
    .excellent-video-mc .close-btn::before {
      content: '×';
      font-weight: bold; }

/* 达人签约合作 */
.daren-coop-container {
  background: url("https://pic2.zhuanstatic.com/zhuanzh/b6a9967c-2c32-4edd-9e57-c6f25a25460b.jpg?t=5") no-repeat center center;
  background-size: cover; }
  .daren-coop-container .daren-coop-content {
    position: relative;
    margin-bottom: 4vw; }
    .daren-coop-container .daren-coop-content .daren-message-form {
      width: 64vw;
      max-width: 64vw;
      margin: 0 auto 6.4vw;
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: auto auto auto;
      gap: 1.6vw;
      margin-top: 2vw; }
      .daren-coop-container .daren-coop-content .daren-message-form input[type="text"] {
        width: 100%;
        height: 4.8vw;
        border: none;
        border-radius: 1.2vw;
        background: #dcebfe;
        padding: 0 0.96vw;
        font-family: 'aliMedium';
        font-size: 1.12vw;
        font-weight: 500;
        color: #333;
        outline: none;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
        .daren-coop-container .daren-coop-content .daren-message-form input[type="text"]::-webkit-input-placeholder {
          color: white;
          font-family: 'aliMedium';
          font-size: 1.12vw;
          font-weight: bold; }
        .daren-coop-container .daren-coop-content .daren-message-form input[type="text"]::-moz-placeholder {
          color: white;
          font-family: 'aliMedium';
          font-size: 1.12vw;
          font-weight: bold; }
        .daren-coop-container .daren-coop-content .daren-message-form input[type="text"]:-ms-input-placeholder {
          color: white;
          font-family: 'aliMedium';
          font-size: 1.12vw;
          font-weight: bold; }
        .daren-coop-container .daren-coop-content .daren-message-form input[type="text"]::-ms-input-placeholder {
          color: white;
          font-family: 'aliMedium';
          font-size: 1.12vw;
          font-weight: bold; }
        .daren-coop-container .daren-coop-content .daren-message-form input[type="text"]::placeholder {
          color: white;
          font-family: 'aliMedium';
          font-size: 1.12vw;
          font-weight: bold; }
        .daren-coop-container .daren-coop-content .daren-message-form input[type="text"]:focus {
          background: #dcebfe;
          -webkit-box-shadow: 0 0 0 0.16vw rgba(97, 156, 237, 0.2);
                  box-shadow: 0 0 0 0.16vw rgba(97, 156, 237, 0.2); }
      .daren-coop-container .daren-coop-content .daren-message-form input[type="text"]:nth-child(7) {
        grid-column: 1 / -1; }
      .daren-coop-container .daren-coop-content .daren-message-form .daren-submit {
        grid-column: 1 / -1;
        width: 16vw;
        height: 4vw;
        margin: 1.6vw auto 0;
        border: none;
        border-radius: 2vw;
        background: url("https://pic1.zhuanstatic.com/zhuanzh/b5ff920a-a394-43be-906b-9c5950f22fec.png?t=5") no-repeat center center;
        background-size: contain;
        cursor: pointer;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        outline: none;
        color: transparent;
        font-size: 0; }
        .daren-coop-container .daren-coop-content .daren-message-form .daren-submit:hover {
          -webkit-transform: translateY(-0.16vw);
                  transform: translateY(-0.16vw);
          -webkit-filter: brightness(1.1);
                  filter: brightness(1.1); }
        .daren-coop-container .daren-coop-content .daren-message-form .daren-submit:active {
          -webkit-transform: translateY(0);
                  transform: translateY(0);
          -webkit-filter: brightness(0.95);
                  filter: brightness(0.95); }
    .daren-coop-container .daren-coop-content .daren-qrcode-wrap {
      margin: 0 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      position: relative; }
      .daren-coop-container .daren-coop-content .daren-qrcode-wrap .daren-qrcode-title {
        width: 40vw;
        margin-right: 4vw; }
      .daren-coop-container .daren-coop-content .daren-qrcode-wrap .daren-qrcode-img {
        width: 16vw; }
      .daren-coop-container .daren-coop-content .daren-qrcode-wrap .daren-stars {
        position: absolute;
        left: -15vw;
        width: 90vw; }

.coop-success-modal {
  width: 16vw;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  top: 16%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%); }
  .coop-success-modal .success-tip {
    width: 100%; }
  .coop-success-modal.show {
    opacity: 1;
    visibility: visible; }
  .coop-success-modal .close-icon {
    width: 1vw !important;
    height: auto !important;
    position: absolute;
    top: 1vw;
    right: 1vw;
    cursor: pointer; }