:root {
    --main-color: rgba(255, 255, 255, 1);
  }
  
  *,
  p,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-weight: bold;
  }
  
  html {
    font-size: 62.5%;
  }
  
  body {
    font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.5rem;
  }
  
  body.fixed-posi {
    overflow: hidden;
  }
  
  table {
    border-collapse: collapse;
  }
  
  a {
    text-decoration: none;
    color: #ccc;
  }
  
  img {
    border: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
  }
  
  ol,
  ul,
  li {
    list-style: none;
  }
  
  .clearfix {
    *zoom: 1;
  }
  
  .clearfix::after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  
  html,
  body,
  #app {
    height: 100%;
  }
  
  body {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#75a7f7), to(#bed6f2));
    background-image: linear-gradient(to bottom, #75a7f7 0%, #bed6f2 100%);
  }
  
  .tw-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    max-width: 1920px;
    max-height: 1080px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
  }
  
  .tw-wrapper .w-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    aspect-ratio: 750 / 1334;
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
  }
  
  .tw-wrapper .w-wrap > img,
  .tw-wrapper .w-wrap > svg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 100%;
    max-height: 100%;
  }
  
  .tw-wrapper .w-wrap > img.pc,
  .tw-wrapper .w-wrap > svg.pc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  .tw-wrapper .w-wrap > img.wap,
  .tw-wrapper .w-wrap > svg.wap {
    display: none;
  }
  
  .tw-wrapper .w-wrap > svg {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
  }
  
  .tw-wrapper .w-wrap .w-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  
  .tw-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    position: relative;
  }
  
  .tw-content.hasScroll {
    overflow-y: auto;
  }
  
  .tw-content.hasScroll::-webkit-scrollbar {
    display: none;
  }
  
  .tw-content .btns {
    position: absolute;
    top: calc(1062 / 1334 * 100%);
    width: calc(630 / 750 * 100%);
  }
  
  .tw-content .w-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    margin: auto;
    z-index: 2;
  }
  
  .tw-content .w-item > img {
    position: absolute;
    margin: auto;
    display: block;
    max-width: 100%;
    max-height: 100%;
  }
  
  .tw-content .w-item.item-img-wrap {
    width: calc(var(--w) / 750 * 100%);
    aspect-ratio: var(--w)/var(--h);
    top: calc(var(--top) / 1334 * 100%);
  }
  
  .tw-content .w-item.title-h1 {
    --w: 455;
    --h: 111;
    --top: 206;
  }
  
  .tw-content .w-item.main-img, .tw-content .w-item.main-img-1 {
    --w: 605;
    --h: 508;
    --top: 380;
    z-index: 1;
    -webkit-animation: img-ani-pulse-x 2.5s linear 1.35s infinite both;
    animation: img-ani-pulse-x 2.5s linear 1.35s infinite both;
  }
  
  @keyframes img-ani-pulse-x {
    0%,
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    50% {
      -webkit-transform: scale(0.975);
              transform: scale(0.975);
    }
  }
  
  @-webkit-keyframes img-ani-pulse-x {
    0%,
    100% {
      -webkit-transform: scale(1);
    }
    50% {
      -webkit-transform: scale(0.975);
    }
  }
  
  .tw-content .w-item.logo {
    --w: 422;
    --h: 86;
    --top: 89;
  }
  
  .tw-content .w-item.title-h2 {
    --w: 346;
    --h: 99;
    --top: 878;
  }
  
  .tw-content .w-item.btn-3, .tw-content .w-item.btn-4 {
    outline: none;
    border: none;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    -webkit-transition: all linear 0.3s;
    transition: all linear 0.3s;
    border-radius: clamp(1.95rem, 2.95vh, 2.95rem);
    overflow: hidden;
  }
  
  .tw-content .w-item.btn-3:hover, .tw-content .w-item.btn-4:hover {
    -webkit-filter: brightness(1.1);
            filter: brightness(1.1);
    -webkit-box-shadow: #777777 0 2px 5px 0;
            box-shadow: #777777 0 2px 5px 0;
  }
  
  .tw-content .w-item.btn-3:active, .tw-content .w-item.btn-4:active {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  
  .tw-content .w-item.btn-3 {
    left: 0;
    width: calc(309 / 630 * 100%);
    aspect-ratio: 309 / 76;
  }
  
  .tw-content .w-item.btn-4 {
    right: 0;
    width: calc(309 / 630 * 100%);
    aspect-ratio: 309 / 76;
  }
  
  .tw-content .w-item.bottom-text, .tw-content .w-item.bottom-text-1 {
    top: 79.5%;
    width: 95%;
    min-height: 4.8%;
    font-size: clamp(0.5rem, 1.5vh, 1.5rem);
    color: #777777;
  }
  
  .tw-content .w-item.bottom-text-1 {
    top: calc(1221 / 1334 * 100%);
  }
  
  @media screen and (max-width: 1080px) {
    .tw-wrapper {
      max-width: 750px;
      max-height: 1334px;
    }
    .tw-wrapper .w-wrap > img.pc,
    .tw-wrapper .w-wrap > svg.pc {
      display: none;
    }
    .tw-wrapper .w-wrap > img.wap,
    .tw-wrapper .w-wrap > svg.wap {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
  }
  /*# sourceMappingURL=style.css.map */