@charset "UTF-8";
@media screen and (max-width: 320px) {
  /*320px显示屏样式 苹果4/4S/5C/5S黑莓Z30 */
  html {
    font-size: 12px !important; } }
@media (min-width: 321px) and (max-width: 375px) {
  /*360px显示屏样式 索尼Z1*/
  html {
    font-size: 14px !important; } }
@media (min-width: 376px) and (max-width: 414px) {
  /*414px显示屏样式 苹果6plus*/
  html {
    font-size: 15.5px !important; } }
@media (min-width: 415px) and (max-width: 768px) {
  /*414px之上的*/
  html {
    font-size: 18px !important; } }
.review-tabs {
  margin-top: 49px;
  margin-bottom: 70px; }
  .review-tabs .tab_head {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center; }
    .review-tabs .tab_head ._lab {
      padding: 25px 53px;
      margin-top: 31px;
      font-size: 16px;
      line-height: 18px;
      font-weight: 400;
      border-bottom: 2px solid transparent;
      cursor: pointer; }
      .review-tabs .tab_head ._lab.on {
        color: #0054ff;
        border-color: #0054ff; }
      .review-tabs .tab_head ._lab:hover {
        background-color: #f2f6ff; }
  .review-tabs .tab_cnt {
    margin-top: 15px;
    min-height: 280px; }
    .review-tabs .tab_cnt .component-fade-enter-active,
    .review-tabs .tab_cnt .component-fade-leave-active {
      transition: opacity 0.3s ease; }
    .review-tabs .tab_cnt .component-fade-enter,
    .review-tabs .tab_cnt .component-fade-leave-to {
      opacity: 0; }
    .review-tabs .tab_cnt .mob {
      display: none !important; }
    .review-tabs .tab_cnt ._tech {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: flex-start;
      min-height: 280px;
      column-gap: 8px; }
      .review-tabs .tab_cnt ._tech .tech_tab {
        width: 604px;
        height: 280px;
        border: 1px solid #e2e0eb;
        padding: 49px 60px 38px 60px;
        border-radius: 4px; }
        .review-tabs .tab_cnt ._tech .tech_tab p {
          font-size: 14px;
          line-height: 25px;
          color: #1e1c2c;
          margin-top: 20px; }
    .review-tabs .tab_cnt .user {
      position: relative;
      padding: 0 90px;
      min-height: 280px; }
      .review-tabs .tab_cnt .user.swiper {
        height: 280px; }
        .review-tabs .tab_cnt .user.swiper .swiper-wrapper .swiper-slide .user_txt {
          width: 340px;
          height: 280px;
          border: 1px solid #e2e0eb;
          margin-right: 8px;
          border-radius: 4px;
          padding: 44px 34px; }
          .review-tabs .tab_cnt .user.swiper .swiper-wrapper .swiper-slide .user_txt .title {
            font-size: 14px;
            line-height: 16px;
            font-weight: 700;
            color: #1e1c2c; }
          .review-tabs .tab_cnt .user.swiper .swiper-wrapper .swiper-slide .user_txt .subtitle {
            margin-top: 20px;
            font-size: 12px;
            line-height: 23px;
            color: #1e1c2c; }
        .review-tabs .tab_cnt .user.swiper .swiper-pagination {
          display: none;
          bottom: -5px; }
        .review-tabs .tab_cnt .user.swiper .swiper-button-prev,
        .review-tabs .tab_cnt .user.swiper .swiper-button-next {
          position: absolute;
          top: 140px;
          width: 16px;
          height: 28px;
          background-image: url("../images/review/angle-right.svg"); }
          .review-tabs .tab_cnt .user.swiper .swiper-button-prev:hover,
          .review-tabs .tab_cnt .user.swiper .swiper-button-next:hover {
            opacity: 0.8; }
          .review-tabs .tab_cnt .user.swiper .swiper-button-prev::after,
          .review-tabs .tab_cnt .user.swiper .swiper-button-next::after {
            display: none !important; }
        .review-tabs .tab_cnt .user.swiper .swiper-button-prev {
          left: 0;
          transform: rotate(180deg); }
        .review-tabs .tab_cnt .user.swiper .swiper-button-next {
          right: 0;
          transform: rotate(0deg); }
    .review-tabs .tab_cnt ._list {
      position: relative;
      z-index: -9999;
      opacity: 0;
      min-height: 0 !important;
      height: 0 !important;
      visibility: hidden;
      transition: opacity 0.3s ease; }
      .review-tabs .tab_cnt ._list.on {
        z-index: 1;
        height: 280px !important;
        opacity: 1;
        visibility: visible;
        transition: opacity 0.3s ease; }

.review-dots,
.swiper-pagination {
  display: none !important; }

/* moblie */
@media (max-width: 768px) {
  .review-tabs .tab_head ._lab {
    padding: 1rem 2.3571428571rem;
    margin-top: 1.2857142857rem;
    font-size: 1.1428571429rem;
    line-height: 1.2857142857rem;
    border-bottom: 0.1428571429rem solid transparent; }
  .review-tabs .tab_cnt {
    position: relative;
    overflow: hidden;
    margin-top: 0.7142857143rem;
    min-height: 25rem; }
    .review-tabs .tab_cnt .mob {
      display: block !important; }
    .review-tabs .tab_cnt ._tech {
      position: relative;
      display: block !important;
      min-height: 25rem; }
      .review-tabs .tab_cnt ._tech .tech_tab {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        width: 100%;
        height: 25rem;
        border: 0.0357142857rem solid #e2e0eb;
        padding: 3.1428571429rem 1.8571428571rem;
        border-radius: 0.1428571429rem;
        background: #fff;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease; }
        .review-tabs .tab_cnt ._tech .tech_tab.on {
          z-index: 1;
          opacity: 1;
          visibility: visible;
          transition: opacity 0.3s ease; }
        .review-tabs .tab_cnt ._tech .tech_tab:nth-child(1) {
          margin-right: 0; }
        .review-tabs .tab_cnt ._tech .tech_tab p {
          font-size: 1rem;
          line-height: 2rem;
          margin-top: 2.1428571429rem; }
    .review-tabs .tab_cnt .user {
      position: relative;
      padding: 0 1.8571428571rem;
      min-height: 25rem; }
      .review-tabs .tab_cnt .user.swiper {
        height: 25rem; }
        .review-tabs .tab_cnt .user.swiper .swiper-wrapper .swiper-slide .user_txt {
          width: 90%;
          height: 25rem;
          border: 0.0714285714rem solid #e2e0eb;
          margin-right: 0;
          border-radius: 0.1428571429rem;
          padding: 3.1428571429rem 1.8571428571rem; }
          .review-tabs .tab_cnt .user.swiper .swiper-wrapper .swiper-slide .user_txt .title {
            font-size: 1rem;
            line-height: 1.1428571429rem; }
          .review-tabs .tab_cnt .user.swiper .swiper-wrapper .swiper-slide .user_txt .subtitle {
            font-size: 1rem;
            line-height: 2rem;
            margin-top: 2.1428571429rem; }
        .review-tabs .tab_cnt .user.swiper .swiper-pagination {
          bottom: -0.3571428571rem; }
        .review-tabs .tab_cnt .user.swiper .swiper-button-prev,
        .review-tabs .tab_cnt .user.swiper .swiper-button-next {
          position: absolute;
          top: 10rem; }
    .review-tabs .tab_cnt ._list {
      position: relative;
      z-index: -9999;
      opacity: 0;
      min-height: 0 !important;
      height: 0 !important;
      visibility: hidden;
      transition: opacity 0.3s ease; }
      .review-tabs .tab_cnt ._list.on {
        z-index: 1;
        height: 25rem !important;
        opacity: 1;
        visibility: visible;
        transition: opacity 0.3s ease; }

  .review-dots,
  .swiper-pagination {
    display: flex !important;
    position: absolute;
    left: 50%;
    bottom: -1.5714285714rem;
    z-index: 1;
    transform: translate(-50%, 0);
    align-items: center;
    justify-content: center; }
    .review-dots.on,
    .swiper-pagination.on {
      display: none !important; }
    .review-dots .swiper-pagination-bullet,
    .swiper-pagination .swiper-pagination-bullet {
      opacity: 1; }
    .review-dots .swiper-pagination-bullet,
    .review-dots span,
    .swiper-pagination .swiper-pagination-bullet,
    .swiper-pagination span {
      display: block;
      margin: 0 0.3571428571rem;
      width: 0.8571428571rem;
      height: 0.8571428571rem;
      border-radius: 0.8571428571rem;
      background: #e2e0eb; }
      .review-dots .swiper-pagination-bullet.swiper-pagination-bullet-active, .review-dots .swiper-pagination-bullet.on,
      .review-dots span.swiper-pagination-bullet-active,
      .review-dots span.on,
      .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
      .swiper-pagination .swiper-pagination-bullet.on,
      .swiper-pagination span.swiper-pagination-bullet-active,
      .swiper-pagination span.on {
        background: #0054ff; }

  .swiper-pagination {
    bottom: 0;
    display: none !important; }
    .swiper-pagination.on {
      display: none !important; } }
body {
  overflow-x: hidden; }

.purchase-step ._list {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 0px;
  margin-top: 44px; }
  .purchase-step ._list li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 400px;
    height: 305px;
    background-color: #ffffff;
    margin-bottom: 8px;
    padding: 0 35px; }
    .purchase-step ._list li img {
      margin-top: 40px; }
    .purchase-step ._list li ._t {
      font-size: 16px;
      line-height: 18px;
      margin-top: 15px;
      font-weight: 700; }
    .purchase-step ._list li ._v {
      display: inline-block;
      width: 100%;
      margin-top: 23px;
      font-size: 14px;
      font-weight: 500;
      line-height: 18px;
      text-align: center; }

.purchaseseo {
  background-color: #fff; }
  .purchaseseo .footer,
  .purchaseseo .footer-mobile {
    display: none !important; }
  .purchaseseo .header-nav .logo-box-pc,
  .purchaseseo .header-nav .logo-box-mob {
    display: none !important; }
  .purchaseseo .header-nav .header-wrapper {
    width: 100%;
    display: flex;
    justify-content: space-between; }
  .purchaseseo .header-nav.on {
    position: relative !important; }
    .purchaseseo .header-nav.on .nav-left .nav-logo {
      background: url(../../images/common/logo.svg) no-repeat;
      background-size: 114px; }
    .purchaseseo .header-nav.on .nav-btns a {
      color: #1e1c2c; }
  .purchaseseo .header-nav .nav-left .nav-logo {
    width: 115px;
    background: url(../../images/common/logo_white.svg) no-repeat;
    background-size: 115px; }
  .purchaseseo .header-nav .nav-menu {
    display: none; }
  .purchaseseo .header-nav .nav-btns .button-link {
    display: none; }
  .purchaseseo .header-nav .nav-btns a {
    color: #fff; }
  .purchaseseo .header-nav .nav-btns .nav-help:last-child {
    display: none; }

.review-tabs .tab_cnt .user.swiper .swiper-button-prev,
.review-tabs .tab_cnt .user.swiper .swiper-button-next {
  background: url(../../images/review/angle-right.svg); }

.seo-banner {
  display: block;
  position: relative;
  min-height: 820px;
  background: #f9f6f2;
  background-image: url("../../images/purchaseb/newyear/new-year-bg.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover; }
  .seo-banner .title {
    width: 100%;
    height: 264px;
    background: url("../../images/purchaseb/newyear/title.png") bottom center no-repeat;
    overflow: hidden; }
    .seo-banner .title h1 {
      display: none; }
  .seo-banner .desc {
    position: relative;
    padding-right: 50px;
    margin: -53px auto 0;
    text-align: center;
    color: #875B56;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 600;
    font-family: "Spartan", Arial, "Microsoft Yahei", sans-serif !important; }
    .seo-banner .desc span {
      font: inherit;
      color: #4167FF;
      font-size: 14px;
      font-weight: 800; }
  .seo-banner .purchase-list {
    width: 1064px !important;
    margin-top: 0px;
    display: flex;
    justify-content: center;
    height: auto;
    gap: 30px;
    align-items: center; }
    .seo-banner .purchase-list .box {
      background-color: #fff;
      border-radius: 4px;
      text-align: center;
      cursor: pointer;
      transition: all 0.3s;
      height: auto;
      padding: 26px 44px;
      width: 33.33%;
      max-width: 333px;
      min-height: 386px;
      transform: translate(0, 0) scale(1) !important; }
      .seo-banner .purchase-list .box h3 {
        font-size: 28px;
        height: auto;
        line-height: 1.2;
        height: auto;
        margin-top: 30px;
        margin-bottom: 36px; }
        .seo-banner .purchase-list .box h3 b {
          margin-bottom: 4px;
          font-size: inherit;
          font-weight: 500;
          line-height: 1.2; }
        .seo-banner .purchase-list .box h3 span {
          font-weight: 500; }
      .seo-banner .purchase-list .box strong {
        font-size: 24px;
        color: #333333;
        font-weight: bold; }
        .seo-banner .purchase-list .box strong b {
          font-size: 40px; }
      .seo-banner .purchase-list .box .price {
        margin-bottom: 25px;
        height: 80px; }
        .seo-banner .purchase-list .box .price p {
          margin-top: 10px;
          color: #8a8a8a; }
          .seo-banner .purchase-list .box .price p del {
            color: #ff0000; }
      .seo-banner .purchase-list .box p.last {
        margin-top: 9px;
        color: #8a8a8a;
        font-weight: 400;
        font-size: 14px;
        width: 110%;
        margin-left: -5%;
        margin-right: -5%; }
      .seo-banner .purchase-list .box.product-onemon {
        transform: translateX(-724px) scale(1);
        order: 1; }
        .seo-banner .purchase-list .box.product-onemon h3 {
          margin-bottom: 86px; }
      .seo-banner .purchase-list .box.product-sixmon {
        transform: translateX(341px) scale(1);
        order: 3; }
        .seo-banner .purchase-list .box.product-sixmon h3 {
          font-size: 28px;
          height: auto;
          margin-top: 16px; }
      .seo-banner .purchase-list .box.product-year {
        position: relative;
        width: 360px;
        height: 445px;
        margin: 0px 25px;
        z-index: 5;
        box-shadow: 0px 10px 31px #9c9ca0;
        border: 3px solid #ff3a3a;
        transform: translateX(331px) scale(1);
        order: 2;
        max-width: 360px;
        box-shadow: 0px 10px 20px rgba(196, 117, 117, 0.5); }
        .seo-banner .purchase-list .box.product-year .good {
          position: absolute;
          width: 240px;
          height: 87px;
          top: -49px;
          left: 60px;
          color: #fff;
          text-align: center;
          font-size: 18px;
          text-indent: 44px;
          line-height: 110px;
          background: url(../../images/purchase/v2/good.svg); }
        .seo-banner .purchase-list .box.product-year h3 {
          font-size: 28px;
          height: auto;
          margin-top: 50px; }
          .seo-banner .purchase-list .box.product-year h3 b {
            display: inline-block;
            margin-bottom: 25px;
            color: #1DB500;
            font-size: 28px; }
          .seo-banner .purchase-list .box.product-year h3 span {
            display: inline-block;
            height: 22px;
            padding: 0px 18px;
            line-height: 22px;
            border-radius: 11px;
            background: #fcdada;
            font-size: 18px;
            color: #ff0000; }
      .seo-banner .purchase-list .box:hover {
        box-shadow: 0px 10px 31px #fb6868;
        transform: scale(1.1);
        transform: translate(0, 0) scale(1.1) !important;
        box-shadow: 0px 10px 31px #fb6868; }
        .seo-banner .purchase-list .box:hover.product-onemon {
          transform: translateX(-724px) scale(1.1); }
        .seo-banner .purchase-list .box:hover.product-sixmon {
          transform: translateX(341px) scale(1.1); }
    .seo-banner .purchase-list .button-link {
      margin-top: 20px;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 242px;
      height: 53px;
      margin: 0px auto;
      font-size: 16px;
      line-height: 28px;
      background: #fff;
      border: 2px solid #707070;
      border-radius: 4px;
      color: #1c1c2c;
      transition: all 0.3s; }
      .seo-banner .purchase-list .button-link.yellow-btn {
        background-color: #feb130;
        border: 2px solid #feb130; }
      .seo-banner .purchase-list .button-link:hover {
        background: #feda57;
        border: 2px solid transparent;
        transition: all 0.3s; }
    .seo-banner .purchase-list .pro-comparisonTable {
      display: flex;
      flex-direction: column;
      margin-top: 20px; }
      .seo-banner .purchase-list .pro-comparisonTable > li {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        font-size: 14px;
        line-height: 28px;
        color: #1e1c2c;
        margin-left: 8px; }
        .seo-banner .purchase-list .pro-comparisonTable > li.gray {
          color: #cfced4; }
        .seo-banner .purchase-list .pro-comparisonTable > li span {
          display: block;
          max-width: 248px; }
        .seo-banner .purchase-list .pro-comparisonTable > li .icon {
          margin-left: 8px;
          width: 13px;
          height: 12px;
          margin-top: 10px;
          background: url(../../images/purchase/v2/check-circle2.svg) no-repeat; }
          .seo-banner .purchase-list .pro-comparisonTable > li .icon.fork {
            background: url(../../images/purchase/v2/check-circle.svg) no-repeat; }
        .seo-banner .purchase-list .pro-comparisonTable > li del {
          text-decoration: none; }
        .seo-banner .purchase-list .pro-comparisonTable > li ._del {
          position: relative;
          display: flex;
          align-items: center;
          justify-content: flex-start;
          color: #cfced4 !important; }
  .seo-banner .safe {
    width: 1280px;
    margin: 0px auto;
    display: flex;
    color: #4A4747;
    justify-content: space-around;
    font-size: 16px;
    line-height: 26px;
    margin-top: 60px; }
    .seo-banner .safe li {
      padding-left: 35px;
      height: 26px;
      color: #BB9264;
      background: url("../../images/2023summersale/check-verified.svg") left center no-repeat; }

.unlock {
  position: relative;
  box-sizing: border-box;
  padding-top: 0px;
  margin-top: 120px; }
  .unlock .title {
    font-size: 40px;
    font-weight: 800;
    color: #000;
    text-align: center;
    margin: 0 auto; }
  .unlock .ul1 {
    margin: 80px auto 0;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .unlock .ul1 li {
      text-align: center;
      max-width: 356px; }
      .unlock .ul1 li h3 {
        color: #000;
        font-weight: 600;
        font-size: 20px; }
      .unlock .ul1 li .big {
        font-size: 54px;
        font-weight: 800;
        color: #02B95D;
        margin: 26px 0 15px; }
      .unlock .ul1 li p {
        font-size: 16px;
        font-weight: 400;
        color: #4E4E4E; }
  .unlock .cont {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin: 90px auto 0; }
    .unlock .cont .left {
      width: 552px; }
      .unlock .cont .left .item {
        width: 100%;
        display: flex;
        box-sizing: border-box;
        padding: 15px 13px;
        margin-bottom: 5px;
        position: relative; }
        .unlock .cont .left .item:nth-of-type(odd) {
          background: transparent linear-gradient(90deg, #FFECEC 0%, #FFF8F8 100%) 0% 0% no-repeat padding-box; }
        .unlock .cont .left .item .text_wrap {
          margin-left: 25px; }
          .unlock .cont .left .item .text_wrap .p1 {
            color: #000;
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 13px; }
          .unlock .cont .left .item .text_wrap .p2 {
            color: #4E4E4E;
            font-size: 16px;
            font-weight: 400;
            line-height: 20px; }
        .unlock .cont .left .item .flag {
          position: absolute;
          top: 0;
          right: 0;
          display: flex;
          justify-content: center;
          align-items: center;
          width: 85px;
          height: 18px;
          background: #FF2E2E;
          color: #fff;
          font-size: 12px;
          font-weight: 400;
          padding-top: 4px; }

.bfsale-buy {
  width: 1170px !important;
  max-width: none;
  margin: 30px auto 0;
  padding: 0 64px 0 44px;
  height: 128px;
  background: url("../../images/purchaseb/newyear/img_mid_banner_bg.png") center center no-repeat;
  align-items: center;
  display: flex; }
  .bfsale-buy .buy-list {
    flex-shrink: 0; }
    .bfsale-buy .buy-list li {
      display: flex;
      align-items: center;
      margin: 12px 0; }
      .bfsale-buy .buy-list li .checkbox-icon {
        display: block;
        margin: 0 14px 0 0;
        width: 11px;
        height: 9px;
        fill: #880219; }
      .bfsale-buy .buy-list li p {
        color: #880219;
        font-weight: 700;
        line-height: 12px;
        font-size: 12px; }
  .bfsale-buy .bfsale-box {
    flex: 1;
    display: flex;
    align-items: flex-end;
    position: relative;
    justify-content: flex-end; }
    .bfsale-buy .bfsale-box .sale-price {
      text-align: center;
      display: flex;
      align-items: center; }
    .bfsale-buy .bfsale-box .price strong {
      font-weight: 700;
      display: inline-block;
      margin-right: 12px;
      font-size: 18px;
      color: #880219; }
      .bfsale-buy .bfsale-box .price strong big {
        font-size: 28px;
        font-weight: 700; }
    .bfsale-buy .bfsale-box .price del {
      color: #880219;
      font-size: 12px;
      display: inline-block;
      font-weight: 500; }
    .bfsale-buy .bfsale-box .button-link {
      border-radius: 22px;
      margin: 0;
      margin-left: 30px;
      width: 240px;
      height: 44px;
      background: linear-gradient(277deg, #ff6b6b 0%, red 100%);
      justify-content: center;
      color: #fff;
      font-size: 14px;
      font-weight: 700;
      transition: 0s;
      overflow: visible;
      position: relative;
      display: flex;
      cursor: pointer;
      align-items: center;
      flex-direction: row; }
      .bfsale-buy .bfsale-box .button-link:hover {
        background: #ff3f3f; }

.purchasespecial .seo-banner .purchase-list {
  width: 1364px !important;
  height: 450px;
  margin-top: 100px !important;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .purchasespecial .seo-banner .purchase-list .box {
    width: 310px;
    height: 380px;
    background-color: #fff;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    transform: scale(1);
    transition: all 0.3s; }
    .purchasespecial .seo-banner .purchase-list .box h3 {
      margin-top: 50px;
      height: 110px;
      font-size: 28px;
      line-height: 30px; }
    .purchasespecial .seo-banner .purchase-list .box strong {
      font-size: 24px;
      color: #333333;
      font-weight: bold; }
      .purchasespecial .seo-banner .purchase-list .box strong b {
        font-size: 40px; }
    .purchasespecial .seo-banner .purchase-list .box .price {
      margin-bottom: 25px;
      height: 80px; }
      .purchasespecial .seo-banner .purchase-list .box .price p {
        margin-top: 10px;
        color: #8a8a8a; }
        .purchasespecial .seo-banner .purchase-list .box .price p del {
          color: #ff0000; }
    .purchasespecial .seo-banner .purchase-list .box p.last {
      margin-top: 9px;
      color: #8a8a8a; }
    .purchasespecial .seo-banner .purchase-list .box.product-onemon {
      transform: scale(1); }
    .purchasespecial .seo-banner .purchase-list .box.product-sixmon {
      transform: scale(1); }
    .purchasespecial .seo-banner .purchase-list .box.product-year {
      margin: 0;
      width: 310px;
      height: 380px;
      background-color: #fff;
      border-radius: 4px;
      text-align: center;
      cursor: pointer;
      transform: scale(1);
      border: none;
      box-shadow: none; }
      .purchasespecial .seo-banner .purchase-list .box.product-year h3 b {
        display: block;
        font-size: 16px;
        color: #1db500; }
      .purchasespecial .seo-banner .purchase-list .box.product-year h3 span {
        display: inline-block;
        height: 22px;
        padding: 0px 10px;
        line-height: 22px;
        border-radius: 11px;
        background: #fcdada;
        font-size: 14px;
        color: #ff0000; }
    .purchasespecial .seo-banner .purchase-list .box.product-twoyear {
      position: relative;
      width: 360px;
      height: 445px;
      margin: 0;
      z-index: 5;
      box-shadow: 0px 10px 31px #9c9ca0;
      border: 3px solid #ff3a3a;
      transform: scale(1); }
      .purchasespecial .seo-banner .purchase-list .box.product-twoyear .good {
        position: absolute;
        width: 240px;
        height: 87px;
        top: -49px;
        left: 60px;
        color: #fff;
        text-align: center;
        font-size: 18px;
        text-indent: 44px;
        line-height: 110px;
        background: url(../../images/purchase/v2/good.svg); }
      .purchasespecial .seo-banner .purchase-list .box.product-twoyear h3 {
        margin-top: 75px; }
        .purchasespecial .seo-banner .purchase-list .box.product-twoyear h3 b {
          display: block;
          font-size: 16px;
          color: #1db500; }
        .purchasespecial .seo-banner .purchase-list .box.product-twoyear h3 span {
          display: inline-block;
          height: 22px;
          padding: 0px 10px;
          line-height: 22px;
          border-radius: 11px;
          background: #fcdada;
          font-size: 14px;
          color: #ff0000; }
    .purchasespecial .seo-banner .purchase-list .box:hover {
      box-shadow: 0px 10px 31px #fb6868;
      transform: scale(1.1); }

.purchase-enjoy {
  padding-top: 80px;
  width: 100% !important;
  background: #f9f6f2; }
  .purchase-enjoy .wrapper {
    width: 1216px !important; }
  .purchase-enjoy ._title {
    padding-top: 0; }

@media (max-width: 768px) {
  .purchaseseo .header-nav .nav-left .nav-logo {
    width: 5.3571428571rem;
    height: 1.5714285714rem;
    background: url(../../images/common/logo.svg) no-repeat;
    background-size: 5.3571428571rem; }
  .purchaseseo .header-nav .nav-menu {
    display: block; }
  .purchaseseo .header-nav .nav-btns .button-link {
    display: flex; } }
.pop-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.82);
  left: 0;
  top: 0;
  opacity: 0;
  transition: all ease 0.3s;
  z-index: -99999;
  display: block !important; }
  .pop-bg.on {
    opacity: 1;
    z-index: 99999; }

.newyear-pop {
  width: 846px;
  height: 527px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -100000;
  margin: auto;
  transition: all ease 0.3s;
  opacity: 0;
  transform: scale(0.1);
  display: block !important;
  text-align: center;
  background: url(../../images/purchaseb/newyear/pop_bg_ny.png) no-repeat; }
  .newyear-pop.on {
    z-index: 100000;
    opacity: 1;
    transform: scale(1); }
  .newyear-pop .pop-close {
    position: absolute;
    top: 30%;
    right: 42px;
    z-index: 9;
    width: 24px;
    height: 24px;
    cursor: pointer;
    opacity: 0.8; }
    .newyear-pop .pop-close svg {
      display: block;
      pointer-events: none;
      width: inherit;
      height: inherit;
      fill: #fff; }
    .newyear-pop .pop-close:hover {
      opacity: 1; }
  .newyear-pop .popup-solgon {
    display: block;
    margin: 130px auto 10px;
    width: 335px;
    height: 94px;
    text-align: center;
    text-indent: -9999px;
    background: url(../../images/purchaseb/newyear/pop_title_ny.png) center center no-repeat; }
  .newyear-pop .popup-subtitle {
    text-align: center;
    color: #6D2E27;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
    font-family: "Lexend Deca", Arial, "Microsoft Yahei", sans-serif !important; }
  .newyear-pop .popup-off {
    margin: 10px auto 16px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #FF1111;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 800;
    min-width: 130px;
    max-width: 80%;
    height: 28px;
    border-radius: 9999px;
    font-family: "Lexend Deca", Arial, "Microsoft Yahei", sans-serif !important;
    background: linear-gradient(280deg, #FFDC50 0%, #FFF5CB 100%); }
  .newyear-pop .popup-price {
    font-family: "Lexend Deca", Arial, "Microsoft Yahei", sans-serif !important; }
    .newyear-pop .popup-price strong {
      color: #6D2E27;
      font-size: 18px;
      line-height: 1;
      font-weight: 700; }
      .newyear-pop .popup-price strong big {
        font: inherit;
        color: inherit;
        font-size: 48px; }
    .newyear-pop .popup-price p {
      padding-top: 5px;
      color: #CB8B85;
      font-size: 12px;
      line-height: 1;
      font-weight: 700; }
      .newyear-pop .popup-price p del {
        font-weight: 700; }
  .newyear-pop .pop-btn {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 12px auto;
    min-width: 240px;
    max-width: 80%;
    height: 44px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    border-radius: 9999px;
    box-shadow: 0px 6px 29px #FFFFFF87;
    background: linear-gradient(277deg, #FF6A6A 0%, red 100%);
    font-family: "Lexend Deca", Arial, "Microsoft Yahei", sans-serif !important; }
    .newyear-pop .pop-btn span,
    .newyear-pop .pop-btn em {
      pointer-events: none;
      color: inherit;
      font-size: 12px;
      font-weight: 700;
      font-style: normal; }
    .newyear-pop .pop-btn:hover {
      background: linear-gradient(277deg, red 0%, red 100%); }

@media (max-width: 768px) {
  ._pc {
    display: none !important; }

  .purchase2022easter .header-wrapper {
    margin-top: 0 !important; } }

/*# sourceMappingURL=purchasesseo.css.map */