@charset "UTF-8";
:root {
  --main-txt-bg:#171717;
  --white-color:#fff;
  --bg-color:#ececec;
  --sub-color:#6086B6; }

@font-face {
  font-family: OPENSANS;
  src: url("https://cdn.shopify.com/s/files/1/0564/9652/1403/files/OPENSANS-REGULAR.woff2?v=1730366039"); }
@font-face {
  font-family: OPENSANS-Blod;
  src: url("https://cdn.shopify.com/s/files/1/0564/9652/1403/files/OPENSANS-SEMIBOLD.woff2?v=1730366034"); }
.sect .f-s-54 {
  font-size: 2.8125vw; }
.sect .f-s-42 {
  font-size: 2.1875vw; }
.sect .f-s-22 {
  font-size: 1.1458333333vw; }
.sect .f-s-16 {
  font-size: 0.8333333333vw; }
.sect .w-63p {
  width: 63%; }
.sect .w-66p {
  width: 66%; }
.sect .w-73p {
  width: 73%; }
.sect .w-56p {
  width: 56%; }
.sect .w-50p {
  width: 50%; }
.sect .w-85p {
  width: 85%; }

.xy-center {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }

#PowerMax1200 {
  color: #1B1B1B;
  font-family: OPENSANS; }
  #PowerMax1200 .sect {
    position: relative; }
  #PowerMax1200 .pt-90 {
    padding-top: 4.6875vw; }
  #PowerMax1200 .main-color {
    color: #6086B6; }
  #PowerMax1200 .sub-color {
    color: #282828; }
  #PowerMax1200 .sub-title-color {
    color: #0D0D0D; }
  #PowerMax1200 .gradient-title {
    background: linear-gradient(0deg, #F9CC40 0%, #F9CC40 0%, #DA8607 99.12109375%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  #PowerMax1200 .bg-black {
    background: #000102;
    color: #fff; }
  #PowerMax1200 .f-bold {
    font-family: OPENSANS-Blod; }
  #PowerMax1200 .pt-15 {
    padding-top: 0.78125vw; }
  #PowerMax1200 .pt-25 {
    padding-top: 1.3020833333vw; }
  #PowerMax1200 .pt-50 {
    padding-top: 2.6041666667vw; }
  #PowerMax1200 .pt-30 {
    padding-top: 1.5625vw; }
  #PowerMax1200 .pt-60 {
    padding-top: 3.125vw; }
  #PowerMax1200 .pt-120 {
    padding-top: 6.25vw; }
  #PowerMax1200 .white-color {
    color: #fff; }
  #PowerMax1200 .p-title span {
    display: inline-block;
    padding: 0.2604166667vw 2.6041666667vw;
    background: #000;
    color: #fff; }

#PowerMax1200 .sect1 .sect-txt {
  width: 85%;
  top: 10%; }
#PowerMax1200 .sect2 {
  background: #000; }
  #PowerMax1200 .sect2 .sect-content {
    padding: 5.2083333333vw 0; }
#PowerMax1200 .sect3 {
  padding-top: 5.2083333333vw; }
  #PowerMax1200 .sect3 .sect-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 1.0416666667vw; }
#PowerMax1200 .sect4 {
  padding-top: 7.6041666667vw; }
  #PowerMax1200 .sect4 .swiper {
    padding-top: 2.0833333333vw;
    height: 41vw; }
  #PowerMax1200 .sect4 .swiper-slide {
    text-align: center;
    font-size: 18px;
    transition: all .3s ease-in-out; }
  #PowerMax1200 .sect4 .gaming-pagination {
    left: 50%;
    transform: translateX(-50%);
    bottom: 1.5%;
    width: 80%;
    display: flex;
    column-gap: 4.1666666667vw; }
    #PowerMax1200 .sect4 .gaming-pagination .swiper-pagination-bullet {
      display: block;
      position: relative;
      flex: 1;
      width: 20%;
      height: auto;
      margin: 0 !important;
      border-radius: 0;
      background: rgba(255, 255, 255, 0.2);
      opacity: 1;
      font-size: 1.0416666667vw; }
    #PowerMax1200 .sect4 .gaming-pagination .swiper-pagination-bullet-active {
      width: auto; }
      #PowerMax1200 .sect4 .gaming-pagination .swiper-pagination-bullet-active::after {
        content: "";
        width: 100%;
        height: 2px;
        background: linear-gradient(90deg, #29F19C, #02A1F9);
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%); }
  #PowerMax1200 .sect4 .inner-box {
    width: 80%;
    left: 50%;
    transform: translateX(-50%);
    bottom: 2.5%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    text-align: center;
    column-gap: 4.1666666667vw;
    z-index: 1; }
    #PowerMax1200 .sect4 .inner-box p {
      color: #1A1A1A; }
#PowerMax1200 .sect5 {
  padding-top: 7.6041666667vw; }
  #PowerMax1200 .sect5 .table {
    margin-top: 1.5625vw;
    display: grid;
    grid-template-columns: repeat(3, 1fr); }
  #PowerMax1200 .sect5 .left {
    background: #D2D2D7; }
  #PowerMax1200 .sect5 .yes {
    color: green;
    font-size: 1.875vw; }
  #PowerMax1200 .sect5 .no {
    color: #f44336; }
  #PowerMax1200 .sect5 .table {
    border: 1px solid #000; }
  #PowerMax1200 .sect5 .sect-item {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    min-height: 5.3125vw;
    display: flex;
    align-items: center;
    padding-left: 1.0416666667vw; }
#PowerMax1200 .sect6 .sect-txt-box {
  display: flex;
  justify-content: space-between; }
#PowerMax1200 .sect6 .right {
  width: 23%; }
#PowerMax1200 .sect6 .inner-box {
  display: flex;
  justify-content: flex-start;
  column-gap: 1.0416666667vw;
  align-items: center; }
  #PowerMax1200 .sect6 .inner-box img {
    height: 2.5vw; }
#PowerMax1200 .sect7 .sect-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 1.0416666667vw; }
#PowerMax1200 .sect9 .title-1 {
  background: #EAEAEC;
  color: #000;
  cursor: pointer; }
#PowerMax1200 .sect9 .active {
  background: #000;
  color: #fff; }
#PowerMax1200 .sect9 .inner-item-1 .sect-txt {
  width: 35%;
  left: 2.6041666667vw; }
#PowerMax1200 .sect9 .inner-item-1 .params-box {
  width: 15%;
  right: 3.125vw; }
#PowerMax1200 .sect9 .inner-item {
  display: none; }
#PowerMax1200 .sect9 .inner-item-2 .params-box {
  width: 15%;
  left: 3.125vw;
  bottom: 20%;
  display: flex;
  column-gap: 5.2083333333vw; }
#PowerMax1200 .sect9 .inner-item-3 .params-box {
  width: 35%;
  left: 2%;
  bottom: 20%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5625vw 4.1666666667vw; }
#PowerMax1200 .sect9 .inner-item-active {
  display: block; }
#PowerMax1200 .sect9 .notice {
  font-size: 0.7291666667vw;
  padding-top: 1.3020833333vw; }
#PowerMax1200 .sect10 .left {
  background: #E8E8EB;
  display: grid;
  grid-template-columns: 10% auto;
  align-items: center; }
#PowerMax1200 .sect10 .line-box {
  width: 0.2083333333vw;
  height: 6.5104166667vw;
  background: #B5B5B5;
  margin-left: 2.6041666667vw; }
  #PowerMax1200 .sect10 .line-box .active {
    background: #1A1C21; }
#PowerMax1200 .sect10 .line-item {
  width: 100%;
  height: 50%; }
#PowerMax1200 .sect10 .sect-txt-box {
  margin-left: 1.5625vw; }
#PowerMax1200 .sect10 .sect-inner {
  display: grid;
  grid-template-columns: repeat(2, 1fr); }
#PowerMax1200 .sect10 .sect-item {
  display: none; }
#PowerMax1200 .sect10 .sect-txt-box .active {
  display: block; }
#PowerMax1200 .sect10 .right .img-box {
  display: none; }
#PowerMax1200 .sect10 .right .active {
  display: block; }
#PowerMax1200 .sect11 .sect-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 1.0416666667vw; }
#PowerMax1200 .sect13 .sect-txt {
  width: 50%;
  left: 5%;
  top: 20%; }
#PowerMax1200 .sect16 .sect-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 1.0416666667vw; }
#PowerMax1200 .sect18 span {
  background: #fff;
  color: #5A8FC6; }
#PowerMax1200 .sect18 .sect-txt {
  left: 4%; }
#PowerMax1200 .sect19 .sect-txt {
  width: 40%;
  top: 20%;
  left: 10%; }
#PowerMax1200 .sect20 {
  padding-bottom: 6.25vw; }
  #PowerMax1200 .sect20 .p-title {
    padding-bottom: 4.6875vw; }
  #PowerMax1200 .sect20 tbody {
    border-collapse: collapse;
    display: block; }
  #PowerMax1200 .sect20 table {
    border: 1px solid #000; }
  #PowerMax1200 .sect20 .td-bg {
    background: #f8f8f8;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000; }
  #PowerMax1200 .sect20 tr {
    display: table-row;
    border-spacing: 0;
    /* 补充属性 */ }
    #PowerMax1200 .sect20 tr td:last-child {
      border-right: none; }
  #PowerMax1200 .sect20 tr:last-child td {
    border-bottom: none; }
  #PowerMax1200 .sect20 td, #PowerMax1200 .sect20 th {
    padding: 0.9375vw; }

@media screen and (max-width: 1201px) and (min-width: 200px) {
  .sect .w-73p, .sect .w-63p, .sect .w-56p, .sect .w-85p {
    width: 95%; }
  .sect .app-w-95p {
    width: 95%; }
  .sect .f-s-72 {
    font-size: 4.8vw; }
  .sect .f-s-60 {
    font-size: 4.8vw; }
  .sect .f-s-54 {
    font-size: 4.8vw; }
  .sect .f-s-52 {
    font-size: 4vw; }
  .sect .f-s-48 {
    font-size: 3.7333333333vw; }
  .sect .f-s-42 {
    font-size: 3.7333333333vw; }
  .sect .f-s-40 {
    font-size: 4.2666666667vw; }
  .sect .f-s-36 {
    font-size: 3.7333333333vw; }
  .sect .f-s-32 {
    font-size: 4.2666666667vw; }
  .sect .f-s-30 {
    font-size: 3.2vw; }
  .sect .f-s-26 {
    font-size: 2.9333333333vw; }
  .sect .f-s-24 {
    font-size: 3.2vw; }
  .sect .f-s-22 {
    font-size: 2.9333333333vw; }
  .sect .f-s-20 {
    font-size: 2.6666666667vw; }
  .sect .f-s-18 {
    font-size: 2.4vw; }
  .sect .f-s-16 {
    font-size: 2.1333333333vw; }

  #PowerMax1200 .sect .w-73p, #PowerMax1200 .sect .w-63p, #PowerMax1200 .sect .w-56p {
    width: 99%; }
  #PowerMax1200 .sect .app-w-95p {
    width: 95%; }
  #PowerMax1200 .sect .f-s-20 {
    font-size: 2.6666666667vw; }
  #PowerMax1200 .sect .main-order {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    /* optional */
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: center;
    align-items: center; }
  #PowerMax1200 .sect .main-order .my-order-2 {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2; }
  #PowerMax1200 .sect .main-order .my-order-1 {
    margin-left: unset;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1; }

  .sect {
    border: none;
    margin: 0; }

  #PowerMax1200 .w-50p {
    width: 95%; }
  #PowerMax1200 .w-66p {
    width: 95%; }
  #PowerMax1200 .sect .app-w-95p {
    width: 95%; }
  #PowerMax1200 .sect .desc {
    display: none; }
  #PowerMax1200 .sect1 .desc {
    display: flex; }
  #PowerMax1200 .sect4 .swiper {
    height: 54vw; }
  #PowerMax1200 .sect4 .inner-box {
    width: 100%; }
  #PowerMax1200 .sect4 .gaming-pagination {
    width: 100%; }
    #PowerMax1200 .sect4 .gaming-pagination .swiper-pagination-bullet {
      font-size: 2.6666666667vw;
      line-height: 1.2; }
  #PowerMax1200 .sect5 .sect-item {
    min-height: 18vw; }
  #PowerMax1200 .sect10 .p2 {
    display: none; }
  #PowerMax1200 .sect10 .line-box {
    height: 20vw; }
  #PowerMax1200 .sect29 table {
    width: 95%;
    margin: 0 auto; }
  #PowerMax1200 .sect29 td {
    word-break: break-all;
    /* 强制换行（适合长单词/URL） */
    /* word-break: break-word; 更友好但兼容性稍差 */
    white-space: normal;
    /* 确保允许换行（默认值） */ }
  #PowerMax1200 .sect29 tr {
    border-spacing: 0;
    /* 补充属性 */ } }

/*# sourceMappingURL=powerMax1200-1920.css.map */