/* CSS Document */
* {
  margin: 0;
  padding: 0; }

body {
  min-width: 1100px;
  font-size: 14px;
  line-height: 1.4;
  color: #1E1C2C;
  font-weight: 400;
  font-family: "Lexend", Arial, Helvetica, sans-serif;
  outline: 0;
  vertical-align: baseline; }

.pricebox span.reduce {
  display: block;
  position: absolute;
  top: 22px;
  right: 80px;
  width: 23px;
  height: 34px;
  font-size: 18px;
  line-height: 34px;
  color: red;
  background: url("../images/reduce.png") center no-repeat;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-animation: reduce 1s ease-out 1;
  animation: reduce 1s ease-out 1; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  color: #1E1C2C;
  outline: none;
  text-decoration: none;
  cursor: pointer; }

a:hover {
  text-decoration: none; }

del {
  text-decoration: line-through; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

ul,
ul li {
  list-style-type: none; }

img {
  border: none; }

.clearfix:after {
  clear: both;
  display: block;
  height: 0;
  font-size: 0;
  content: "";
  visibility: hidden; }

.wrapper {
  width: 1210px;
  margin: 0px auto; }

.buybtn {
  position: relative;
  display: flex;
  width: 240px;
  height: 46px;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  font: normal normal 500 16px/23px Lexend;
  color: #fff;
  background-image: url(../images/ban_btn.png);
  background-position: 0 0; }
  .buybtn:hover {
    background-position: 0 -54px; }
    .buybtn:hover::after {
      opacity: 1; }

.btn {
  position: relative;
  width: 240px;
  height: 46px;
  margin: 0px auto;
  margin-top: 20px; }
  .btn .buybtn {
    position: relative;
    z-index: 5; }
  .btn:hover::after {
    opacity: 1; }

.tab_check {
  width: 320px;
  height: 48px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border-radius: 24px;
  display: flex;
  justify-content: center;
  margin: 28px auto 0;
  padding: 4px;
  box-sizing: border-box; }
  .tab_check li {
    width: 50%;
    height: 100%;
    box-sizing: border-box;
    padding: 0 16px;
    position: relative;
    border-radius: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3px;
    cursor: pointer; }
    .tab_check li p {
      color: #000;
      font-size: 16px;
      font-weight: 400;
      display: flex;
      align-items: center; }
    .tab_check li.spec:after {
      content: '';
      display: block;
      width: 199px;
      height: 37px;
      background: url(../images/tab_txt.png) no-repeat center/cover;
      position: absolute;
      right: -183px;
      top: 0px;
      pointer-events: none; }
    .tab_check li.on {
      background: #FF9318 0% 0% no-repeat padding-box; }
      .tab_check li.on p {
        color: #fff; }

.part {
  opacity: 0;
  transform: translateY(40px); }

.fadein {
  animation: upup 1s linear forwards; }

@keyframes upup {
  0% {
    transform: translateY(40px);
    opacity: 0; }
  100% {
    transform: translateY(0px);
    opacity: 1; } }
.pb_titme {
  display: flex;
  align-items: center;
  height: 14px;
  position: relative;
  top: 0;
  color: #C9C9C9;
  margin-top: 8px; }

.pb_titme p {
  font-size: 14px;
  font-weight: 400;
  color: #000; }

.pb_titme .br-numGhost {
  left: 8%;
  top: -15px; }

.countdown {
  position: relative;
  display: flex;
  vertical-align: bottom;
  height: 14px;
  top: -2px;
  line-height: 18px;
  overflow: hidden;
  padding: 0px 5px;
  text-align: center; }

.countdown .scroll-tick strong,
.countdown .scroll-tick span {
  font-size: 14px;
  display: block;
  font-weight: 600;
  color: #FF3E20; }

.br-numGhost {
  position: absolute;
  top: -6px;
  left: 0px;
  z-index: 4;
  display: inline-block;
  text-align: center;
  font-weight: 700;
  font-style: italic;
  color: #ff0000;
  font-size: 32px;
  text-shadow: 0 1px 0 #fff; }

.br-reduce {
  position: absolute;
  display: block;
  width: 50px;
  height: 50px;
  top: 0px;
  left: 20px; }

.br-reduce.reduce1 .br-num {
  background-position: 0 0; }

.br-reduce.reduce2 .br-num {
  background-position: 0 -30px; }

.br-reduce .br-num {
  z-index: 22;
  display: inline-block;
  position: absolute;
  left: 30px;
  top: 0;
  margin-top: -35px;
  width: 22px;
  height: 34px;
  font-size: 18px;
  line-height: 34px;
  color: #ffcf41;
  font-weight: 500;
  text-align: center;
  background: transparent linear-gradient(180deg, #ffcf4100 0%, #ff002c 46%, #ffcf4100 100%) 0% 0% no-repeat padding-box;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-animation: reduce 1s ease-out 1;
  animation: reduce 1s ease-out 1; }

.reduce {
  display: block;
  position: absolute;
  top: 0px;
  right: 120px;
  margin-top: -15px;
  width: 22px;
  height: 34px;
  font-size: 18px;
  line-height: 34px;
  color: #ffcf41;
  font-weight: 500;
  text-align: center;
  background: transparent linear-gradient(180deg, #ffcf4100 0%, #ff002c 46%, #ffcf4100 100%) 0% 0% no-repeat padding-box;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-animation: reduce 1s ease-out 1;
  animation: reduce 1s ease-out 1; }

@keyframes reduce {
  from {
    top: 0px;
    opacity: 1;
    filter: alpha(opacity=100); }
  to {
    top: -20px;
    opacity: 0;
    filter: alpha(opacity=0); } }
@keyframes shark-wrap {
  to {
    transform: translateX(100%); } }
.pointer {
  position: absolute;
  top: 220px;
  left: 582px;
  transform-origin: 37px 68px;
  transform: rotate(-80deg);
  transition: all ease-out 1s; }

.full_box {
  width: 132px;
  height: 64px;
  position: absolute;
  top: 213px;
  left: 547px;
  overflow: hidden;
  transform-origin: center bottom;
  transition: all ease-out 1s;
  transform: rotate(-30deg); }

.wrap2 .item .full_box img {
  position: absolute;
  transform-origin: center bottom;
  transform: rotate(-180deg);
  transition: all ease-out 1s; }

.img5 {
  position: absolute;
  top: 204px;
  left: 521px; }

.wrap2 .item.on .pointer {
  transform: rotate(75deg); }
.wrap2 .item.on .full_box img {
  transform: rotate(0deg); }
.wrap2 .item.on .img5 {
  animation: anzoom 1.6s ease-in-out forwards; }

@keyframes anzoom {
  0% {
    transform: scale(0);
    opacity: 0; }
  20% {
    transform: scale(1);
    opacity: 1; }
  40% {
    transform: scale(0.8);
    opacity: 1; }
  60% {
    transform: scale(1);
    opacity: 1; }
  80% {
    transform: scale(0.8);
    opacity: 1; }
  100% {
    transform: scale(1);
    opacity: 1; } }
.banner {
  height: 2115px;
  background: url(../images/img_banner_bg.jpg) no-repeat center top;
  box-sizing: border-box;
  padding-top: 20px; }
  .banner .banner_title {
    height: 115px;
    text-indent: -9999px;
    background: url(../images/title.png) no-repeat center; }
  .banner .ban_wrap .box {
    display: none; }
    .banner .ban_wrap .box.on {
      display: flex; }
  .banner .box {
    display: flex;
    align-items: center;
    margin-top: 18px; }
    .banner .box .left-message {
      display: flex;
      width: 730px;
      justify-content: space-between;
      height: 467px;
      border-right: none;
      border-radius: 25px;
      border-top-right-radius: 0px;
      border-bottom-right-radius: 0px;
      background: #F0F5FA 0% 0% no-repeat padding-box;
      box-shadow: 0px 3px 10px #91B9F6;
      padding-right: 10px; }
      .banner .box .left-message .img-box {
        width: 290px;
        text-align: center;
        position: relative; }
        .banner .box .left-message .img-box:hover .hint1 {
          opacity: 1; }
        .banner .box .left-message .img-box .hint1 {
          width: 334px;
          height: 72px;
          background: #FFFFFF 0% 0% no-repeat padding-box;
          border: 1px solid #1ED20047;
          border-radius: 6px;
          opacity: 1;
          position: absolute;
          margin: -20px 0 0 -20px;
          z-index: 2;
          text-align: left;
          padding: 8px 11px;
          transition: all 0.3s;
          opacity: 0; }
          .banner .box .left-message .img-box .hint1 dt {
            font: normal normal bold 12px/15px Lexend;
            color: #19191D;
            margin-left: 10px; }
            .banner .box .left-message .img-box .hint1 dt::before {
              content: "";
              width: 10px;
              height: 8px;
              position: absolute;
              background: url(../images/greencheck.png);
              margin: 5px 0 0 -10px; }
          .banner .box .left-message .img-box .hint1 dd {
            font: normal normal normal 12px/15px Lexend;
            color: #505050; }
          .banner .box .left-message .img-box .hint1 dt:nth-of-type(2) {
            padding: 10px 0 0 0; }
        .banner .box .left-message .img-box img {
          margin-top: 140px; }
        .banner .box .left-message .img-box .price {
          text-align: center;
          margin: 23px 0 0 0; }
          .banner .box .left-message .img-box .price strong {
            font: normal normal bold 40px/50px Lexend; }
          .banner .box .left-message .img-box .price del {
            display: block;
            color: #505050;
            font: normal normal medium 20px/25px Lexend; }
        .banner .box .left-message .img-box .name1 {
          width: 225px;
          height: 36px;
          position: absolute;
          top: 68px;
          left: 48px;
          background: url(../images/name1.png) no-repeat center/cover;
          box-sizing: border-box;
          padding: 12px 0px 0 26px;
          font: normal normal normal 14px/1 Lexend;
          color: #000000; }
        .banner .box .left-message .img-box .add1 {
          position: absolute;
          top: 80px;
          left: 268px; }
      .banner .box .left-message .middle {
        width: 364px; }
        .banner .box .left-message .middle.soldout:after {
          content: "";
          display: block;
          z-index: 999;
          position: absolute;
          top: 107px;
          left: 82px;
          width: 123px;
          height: 117px;
          background: url(../images/soldout-big.png) center no-repeat;
          -webkit-animation: show 0.3s ease 1;
          animation: show 0.3s ease 1; }
        .banner .box .left-message .middle h3 {
          height: 40px;
          font-size: 14px;
          font-weight: 500;
          text-align: center;
          line-height: 40px;
          margin-top: 12px; }
        .banner .box .left-message .middle .productbox {
          width: 89px;
          height: 108px;
          margin-left: -40px; }
        .banner .box .left-message .middle ul {
          display: flex;
          flex-direction: column;
          gap: 10px; }
        .banner .box .left-message .middle ul li {
          display: flex;
          justify-content: space-between;
          align-items: center;
          width: 356px;
          height: 124px;
          box-sizing: border-box;
          padding: 10px 50px 10px 20px;
          position: relative;
          background: #FFFFFF 0% 0% no-repeat padding-box;
          border: 1px solid #C0E0FF;
          border-radius: 12px;
          cursor: pointer; }
          .banner .box .left-message .middle ul li:hover .hint {
            opacity: 1; }
          .banner .box .left-message .middle ul li:nth-of-type(1) {
            margin-top: 4px; }
            .banner .box .left-message .middle ul li:nth-of-type(1) .hint {
              left: 5px; }
          .banner .box .left-message .middle ul li:nth-of-type(2) .hint {
            left: 5px; }
          .banner .box .left-message .middle ul li:nth-of-type(3) .hint {
            left: 5px; }
          .banner .box .left-message .middle ul li .choosebtn {
            width: 26px;
            height: 26px;
            border-radius: 50%;
            border: 1px solid #9CC2B9; }
          .banner .box .left-message .middle ul li.soldout::before {
            position: absolute;
            content: "";
            width: 100%;
            height: 100%;
            z-index: 9;
            background-color: rgba(255, 255, 255, 0.44);
            margin: 0px 0 0 -50px;
            border-radius: 12px; }
          .banner .box .left-message .middle ul li.soldout::after {
            position: absolute;
            content: "";
            width: 123px;
            height: 47px;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto;
            z-index: 10;
            background: url(../images/soldout.png); }
          .banner .box .left-message .middle ul li.soldout .pricebox .num {
            opacity: 0; }
          .banner .box .left-message .middle ul li.soldout .pricebox strong {
            color: #888888; }
          .banner .box .left-message .middle ul li .pricebox {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            width: 95px;
            margin: 0px 0 0 0; }
            .banner .box .left-message .middle ul li .pricebox .ascnum {
              font-size: 14px; }
            .banner .box .left-message .middle ul li .pricebox .num {
              font-size: 14px; }
            .banner .box .left-message .middle ul li .pricebox .isunum {
              font-size: 14px; }
            .banner .box .left-message .middle ul li .pricebox .iunum {
              font-size: 14px; }
            .banner .box .left-message .middle ul li .pricebox strong {
              font-size: 14px;
              font-weight: bold; }
            .banner .box .left-message .middle ul li .pricebox > strong {
              font-size: 26px;
              font-weight: bold; }
            .banner .box .left-message .middle ul li .pricebox del {
              font-size: 16px;
              color: #888888;
              font-weight: 300; }
            .banner .box .left-message .middle ul li .pricebox b {
              font-size: 32px;
              font-weight: bold; }
          .banner .box .left-message .middle ul li .hint {
            background: #fff;
            color: #505050;
            font-size: 12px;
            border-radius: 6px;
            border: 1px solid rgba(30, 210, 0, 0.28);
            margin: 0 auto;
            position: absolute;
            bottom: 0;
            font-weight: 600;
            padding: 0 10px;
            transition: all 0.3s;
            opacity: 0; }
            .banner .box .left-message .middle ul li .hint span {
              display: block;
              font: normal normal bold 12px/15px Lexend;
              color: #19191D; }
          .banner .box .left-message .middle ul li .price {
            margin: 40px 0 0 -25px; }
          .banner .box .left-message .middle ul li.active {
            background: #FFFFFF 0% 0% no-repeat padding-box;
            border: 2px solid #FF9318; }
            .banner .box .left-message .middle ul li.active .packsNum {
              color: #FE1C43; }
            .banner .box .left-message .middle ul li.active .choosebtn {
              border-color: #fff;
              background: url(../images/check-circle.svg); }
            .banner .box .left-message .middle ul li.active strong {
              color: #FE1C43; }
    .banner .box .message {
      padding: 30px 35px;
      box-sizing: border-box;
      width: 514px;
      height: 526px;
      background: #FFFFFF 0% 0% no-repeat padding-box;
      box-shadow: 0px 3px 10px #91B9F6;
      border-radius: 25px; }
      .banner .box .message .btn {
        margin-top: 0; }
      .banner .box .message h3 {
        padding: 0 16px;
        padding-bottom: 14px;
        margin-bottom: 42px;
        border-bottom: solid #C8CFD8 1px;
        font: normal normal 400 14px/20px Lexend;
        color: #686868; }
      .banner .box .message .wrap {
        position: relative; }
      .banner .box .message .p_list {
        width: 433px;
        margin: 0px auto;
        margin-bottom: 5px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 16px;
        padding-left: 16px;
        position: relative; }
        .banner .box .message .p_list .gift_name {
          display: flex;
          align-items: center;
          gap: 4px;
          position: relative; }
          .banner .box .message .p_list .gift_name:after {
            content: '';
            display: block;
            position: absolute;
            width: 24px;
            height: 24px;
            right: -30px;
            top: 0;
            background: url(../images/gift_icon.png) no-repeat center/cover; }
        .banner .box .message .p_list.mt1 {
          margin-top: 16px; }
        .banner .box .message .p_list.gray::before {
          background: transparent; }
        .banner .box .message .p_list:before {
          position: absolute;
          left: 0px;
          content: "";
          width: 6px;
          height: 6px;
          margin-right: 10px;
          border-radius: 50%;
          background: #888888; }
        .banner .box .message .p_list span {
          flex: 1 1 0;
          font-size: 14px;
          color: #666666; }
        .banner .box .message .p_list del {
          font: normal normal normal 14px/1.2 Lexend;
          letter-spacing: 0px;
          color: #666666;
          padding-right: 25px; }
        .banner .box .message .p_list strong:last-child {
          font-size: 16px;
          margin-right: 25px; }
      .banner .box .message ul {
        position: relative;
        width: 100%;
        padding-bottom: 42px;
        margin-top: 48px;
        border-bottom: solid #C8CFD8 1px; }
        .banner .box .message ul li {
          width: 456px;
          margin: 0 auto;
          padding-bottom: 5px; }
          .banner .box .message ul li span {
            flex: 1 1 0;
            font-size: 12px;
            color: #505050; }
          .banner .box .message ul li b {
            margin-left: 10px;
            font-size: 16px;
            color: #FF002C; }
          .banner .box .message ul li strong.red {
            color: #FF1313; }
          .banner .box .message ul li del {
            width: 42px;
            margin-left: 12px;
            color: #717171; }
          .banner .box .message ul li:before {
            content: "";
            width: 6px;
            height: 6px;
            margin-right: 10px;
            border-radius: 50%;
            background: #FF8D8D; }
      .banner .box .message .price-box {
        width: 454px;
        height: 125px;
        padding: 16px 12px;
        padding-right: 24px;
        box-sizing: border-box; }
        .banner .box .message .price-box p {
          display: flex;
          justify-content: space-between;
          margin-bottom: 5px;
          font-size: 16px;
          font-weight: 500; }
          .banner .box .message .price-box p strong {
            font-weight: 400;
            color: #303030; }
          .banner .box .message .price-box p .gift_dis {
            color: #FF1313; }
          .banner .box .message .price-box p.dis span {
            color: #303030;
            font-weight: 400; }
          .banner .box .message .price-box p.dis b {
            display: inline-block;
            background: #FF002C;
            width: 74px;
            height: 23px;
            text-align: center;
            line-height: 23px;
            color: #fff; }
          .banner .box .message .price-box p.surprise span {
            font-weight: 500;
            color: #000000;
            font-size: 16px; }
          .banner .box .message .price-box p.surprise strong {
            color: #000000;
            font-size: 20px;
            font-weight: 500; }
          .banner .box .message .price-box p span.sub {
            font-size: 16px;
            color: #303030;
            font-weight: 400; }
      .banner .box .message .buybtn {
        margin: 0px auto; }
      .banner .box .message .day {
        text-align: center;
        font-size: 12px;
        line-height: 33px; }
    .banner .box.box_one {
      gap: 58px;
      justify-content: center; }
      .banner .box.box_one p.p1 {
        font: normal normal 500 14px/26px Lexend;
        letter-spacing: 0px;
        color: #000000; }
      .banner .box.box_one span.off {
        display: inline-block;
        background: #DDE9F4 0% 0% no-repeat padding-box;
        border-radius: 21px;
        height: 22px;
        padding: 0 8px;
        text-align: center;
        font: normal normal normal 12px/22px Lexend;
        color: #666666;
        margin-bottom: 10px;
        margin-top: 5px; }
      .banner .box.box_one ul {
        width: 341px;
        margin: 8px auto 0;
        box-sizing: border-box;
        padding: 0 0 14px 80px;
        border-bottom: 1px solid #C8CFD8; }
        .banner .box.box_one ul li {
          text-align: left;
          position: relative;
          font: normal normal normal 14px/20px Lexend;
          letter-spacing: 0px;
          color: #666666;
          margin-bottom: 2px; }
          .banner .box.box_one ul li:before {
            content: '';
            display: block;
            width: 6px;
            height: 6px;
            position: absolute;
            left: -14px;
            top: 7px;
            border-radius: 50%;
            background: #888888; }
      .banner .box.box_one .price {
        font: normal normal normal 22px/20px Lexend;
        color: #000000;
        display: flex;
        justify-content: center;
        align-items: baseline;
        gap: 4px;
        margin: 16px 0; }
        .banner .box.box_one .price b {
          font: normal normal 500 24px/20px Lexend;
          color: #FF1313; }
        .banner .box.box_one .price del {
          font: normal normal 300 16px/26px Lexend;
          color: #666666; }
    .banner .box .no_btn {
      display: block;
      width: 240px;
      height: 46px;
      background: #C7CCCF 0% 0% no-repeat padding-box;
      border-radius: 23px;
      font: normal normal 500 16px/46px Lexend;
      letter-spacing: 0px;
      color: #FFFFFF;
      text-align: center;
      cursor: no-drop; }
    .banner .box .left {
      width: 456px;
      height: 556px;
      background: #FFFFFF url(../images/asc_bg1.png) no-repeat top;
      box-shadow: 0px 3px 10px #91B9F6;
      border-radius: 25px;
      display: flex;
      align-items: center;
      flex-direction: column;
      padding-top: 24px; }
      .banner .box .left span.off {
        background: #FB9929 0% 0% no-repeat padding-box;
        color: #FFFFFF; }
      .banner .box .left ul li {
        color: #333333; }
        .banner .box .left ul li.spec {
          color: #F97713; }
      .banner .box .left .price {
        margin-top: 8px; }
    .banner .box .right {
      padding-top: 22px;
      background: #FFFFFF url(../images/asc_bg2.png) no-repeat top;
      box-shadow: 0px 3px 10px #91B9F6;
      border-radius: 25px;
      width: 402px;
      height: 496px;
      display: flex;
      align-items: center;
      flex-direction: column; }
  .banner .arrow {
    display: block;
    margin: 48px auto 0; }
  .banner .gotable {
    margin: 26px auto 0;
    font: normal normal normal 14px/18px Lexend;
    color: #003ADC;
    text-align: center;
    text-decoration: underline;
    cursor: pointer; }
  .banner .img1 {
    margin: 0px auto;
    display: block;
    margin-top: 27px; }

.sec1 {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto 0;
  box-sizing: border-box;
  position: relative;
  padding-top: 88px; }
  .sec1 .wrap1 {
    width: 1100px;
    margin: 56px auto 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 80px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 1px 3px #A5C9FF99;
    border-radius: 12px;
    box-sizing: border-box;
    padding: 9px 11px; }
    .sec1 .wrap1 .item {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      box-sizing: border-box;
      padding: 0 18px;
      border-radius: 12px;
      height: 100%;
      cursor: pointer; }
      .sec1 .wrap1 .item.on {
        background: #EEF2F4 0% 0% no-repeat padding-box; }
      .sec1 .wrap1 .item p {
        font: normal normal 500 16px/1.2 Lexend;
        color: #000000; }
  .sec1 .wrap2 {
    width: 1200px;
    height: 740px;
    margin: 0px auto 0;
    position: relative;
    box-sizing: border-box;
    padding: 80px 0 0 0; }
    .sec1 .wrap2:after {
      content: '';
      display: block;
      position: absolute;
      left: -240px;
      top: -28px;
      width: 1684px;
      height: 740px;
      pointer-events: none;
      background: url(../images/wrap2_bg.png) no-repeat center/cover; }
    .sec1 .wrap2 .item {
      opacity: 0;
      z-index: 1;
      position: absolute;
      pointer-events: none; }
      .sec1 .wrap2 .item.on {
        position: relative;
        opacity: 1;
        pointer-events: all; }
        .sec1 .wrap2 .item.on .list {
          animation: scale1 1s ease-out forwards; }
      .sec1 .wrap2 .item p.p1 {
        font: normal normal 600 20px/26px Lexend;
        color: #000000;
        text-align: center;
        margin-bottom: 50px; }
      .sec1 .wrap2 .item > img {
        width: auto;
        height: auto;
        display: block;
        margin: 0 auto; }
@keyframes scale1 {
  0% {
    transform: scale(0); }
  25% {
    transform: scale(1.1); }
  50% {
    transform: scale(1); }
  75% {
    transform: scale(1.1); }
  100% {
    transform: scale(1); } }
      .sec1 .wrap2 .item.on .icon_box img {
        opacity: 1;
        transform: scale(1); }
      .sec1 .wrap2 .item.on .icon_box .img_1 {
        left: -120px;
        top: 0px;
        animation: icon_move1 4s cubic-bezier(0.4, 0, 0.2, 1) infinite; }
      .sec1 .wrap2 .item.on .icon_box .img_2 {
        left: 110px;
        top: -60px;
        animation: icon_move2 4s 0.5s cubic-bezier(0.4, 0, 0.2, 1) infinite; }
      .sec1 .wrap2 .item.on .icon_box .img_3 {
        left: 120px;
        top: 60px;
        animation: icon_move3 4s 1s cubic-bezier(0.4, 0, 0.2, 1) infinite; }
      .sec1 .wrap2 .item .icon_box {
        width: 30px;
        height: 30px;
        position: absolute;
        left: 610px;
        top: 235px;
        z-index: 1; }
        .sec1 .wrap2 .item .icon_box img {
          position: absolute;
          left: 0px;
          top: 0px;
          transform: scale(0);
          opacity: 0;
          transition: all .5s ease-in-out; }
      .sec1 .wrap2 .item .icon_move1 {
        animation: icon_move1 4s cubic-bezier(0.4, 0, 0.2, 1) infinite; }
      .sec1 .wrap2 .item .icon_move2 {
        animation: icon_move2 4s 0.5s cubic-bezier(0.4, 0, 0.2, 1) infinite; }
      .sec1 .wrap2 .item .icon_move3 {
        animation: icon_move3 4s 1s cubic-bezier(0.4, 0, 0.2, 1) infinite; }
@keyframes icon_move1 {
  50% {
    transform: translate(10px, 20px); } }
@keyframes icon_move2 {
  50% {
    transform: translate(0px, 20px); } }
@keyframes icon_move3 {
  50% {
    transform: translate(-20px, -10px); } }
      .sec1 .wrap2 .item .list {
        position: absolute;
        width: 450px;
        height: 110px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 1px 15px #A5C9FFB3;
        border-radius: 10px 10px 40px 10px;
        box-sizing: border-box;
        padding: 36px 12px 0 21px; }
        .sec1 .wrap2 .item .list.list1 {
          top: 150px;
          left: 0; }
        .sec1 .wrap2 .item .list.list2 {
          top: 200px;
          right: 0; }
        .sec1 .wrap2 .item .list.list3 {
          bottom: -10px;
          left: 400px; }
        .sec1 .wrap2 .item .list .top {
          position: absolute;
          display: flex;
          gap: 6px;
          height: 40px;
          top: -18px;
          left: 12px; }
          .sec1 .wrap2 .item .list .top p {
            height: 40px;
            background: #FFEEC6 0% 0% no-repeat padding-box;
            border-radius: 6px;
            padding: 0 10px;
            font: normal normal 500 14px/26px Lexend;
            letter-spacing: 0px;
            color: #000000;
            line-height: 40px; }
        .sec1 .wrap2 .item .list .bot {
          display: flex;
          gap: 14px; }
          .sec1 .wrap2 .item .list .bot img {
            width: 24px;
            height: 24px; }
          .sec1 .wrap2 .item .list .bot p {
            font: normal normal normal 14px/20px Lexend;
            letter-spacing: 0px;
            color: #303030; }

h2.tit {
  font: normal normal 600 36px/45px Lexend;
  color: #000000;
  text-align: center; }

p.desc {
  font: normal normal normal 16px/26px Lexend;
  color: #303030;
  text-align: center;
  margin-top: 14px; }

.title {
  text-align: center;
  margin-top: 80px; }

.title p {
  font-size: 18px;
  line-height: 23px; }

.title h2 {
  font: normal normal bold 34px/43px Lexend; }

.title h2 span {
  color: #FF002C;
  position: relative;
  padding-left: 27px; }
  .title h2 span::after {
    position: absolute;
    content: "";
    width: 51px;
    top: 5px;
    left: -17px;
    height: 36px;
    background: url(../images/title-bg.png); }

.title2 h2 span {
  padding-left: 0px; }
  .title2 h2 span::after {
    left: 138px; }

.product-list {
  display: flex;
  flex-direction: column;
  gap: 42px;
  margin-top: 46px; }

.product-list .product {
  display: flex;
  border: 2px solid #F6F6F6;
  align-items: center;
  gap: 80px;
  height: 219px; }
  .product-list .product .product-left {
    width: 396px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f5fbf8; }
  .product-list .product .product-right dt {
    font: normal normal bold 16px/26px Lexend;
    color: #1E1C2B; }
    .product-list .product .product-right dt::before {
      content: "";
      width: 9px;
      height: 7px;
      background: url("../images/orangecheck.png");
      position: absolute;
      margin: 10px 0 0 -16px; }
    .product-list .product .product-right dt span {
      font: normal normal normal 14px/26px Lexend;
      color: #505050; }
  .product-list .product .product-right dt:nth-of-type(2) {
    margin-top: 15px; }
  .product-list .product .product-right dd {
    font: normal normal normal 14px/16px Lexend;
    color: #3E3E3E; }
  .product-list .product .product-right .price-box {
    margin-top: 40px; }
    .product-list .product .product-right .price-box del {
      font: normal normal 16px/20px Lexend;
      color: #505050; }
    .product-list .product .product-right .price-box span {
      font: normal normal 16px/20px Lexend;
      color: #FF3A0A;
      text-decoration: line-through;
      margin-left: 10px; }
    .product-list .product .product-right .price-box strong {
      font: normal normal bold 22px/28px Lexend;
      color: #1E1C2C;
      margin-left: 20px; }
    .product-list .product .product-right .price-box .buybtn2 {
      float: right;
      width: 194px;
      height: 38px;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      font: normal normal 16px/20px Lexend;
      color: #FFFFFF;
      background: transparent linear-gradient(360deg, #FD3124 0%, #FF3D00 100%) 0% 0% no-repeat padding-box;
      box-shadow: 0px 8px 15px #FF230080;
      border-radius: 19px;
      margin: -5px 133px 0 0; }
      .product-list .product .product-right .price-box .buybtn2:hover {
        background: #FF1F58 0% 0% no-repeat padding-box; }

.message-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }

.message-list .message-box {
  margin-top: 45px;
  width: 592px;
  height: 298px;
  padding-top: 50px;
  background-color: #FEF9F6; }
  .message-list .message-box .price-box {
    width: 400px;
    margin: 0px auto;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .message-list .message-box .price-box strong {
      font: normal normal bold 22px/28px Lexend; }
    .message-list .message-box .price-box del {
      margin-left: 15px;
      font: normal normal 500 16px/28px Lexend;
      flex: 1 1 0; }
    .message-list .message-box .price-box .buybtn2 {
      width: 230px;
      height: 49px;
      margin-left: 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      font: normal normal 16px/20px Lexend;
      color: #FFFFFF;
      background: transparent linear-gradient(360deg, #FD3124 0%, #FF3D00 100%) 0% 0% no-repeat padding-box;
      box-shadow: 0px 8px 15px #FF230080;
      border-radius: 26px; }
      .message-list .message-box .price-box .buybtn2:hover {
        background: #FF1F58 0% 0% no-repeat padding-box; }
  .message-list .message-box .message {
    width: 90%;
    margin: 0px auto;
    display: flex;
    border-bottom: dashed #dbdbdb 1px; }
    .message-list .message-box .message > img {
      width: 162px;
      height: 237px;
      margin-top: -45px;
      margin-right: 25px; }
    .message-list .message-box .message h3 {
      font: normal normal bold 18px/23px Lexend; }
      .message-list .message-box .message h3 span {
        display: block;
        font: normal normal 500 12px/21px Lexend; }
    .message-list .message-box .message ul {
      margin-top: 18px;
      height: 158px; }
      .message-list .message-box .message ul li {
        display: flex;
        color: #3E3E3E;
        align-items: center;
        font: normal normal 500 14px/26px Lexend; }
        .message-list .message-box .message ul li:last-child {
          font-size: 13px; }
        .message-list .message-box .message ul li::before {
          margin-right: 10px;
          content: "";
          width: 9px;
          height: 7px;
          background: url(../images/check.png); }
  .message-list .message-box.ascu-box .message h3 span {
    display: block; }
  .message-list .message-box.ascu-box .message ul {
    height: 137px; }

.pack {
  height: 245px;
  margin-top: 80px; }
  .pack .packcontent {
    height: 245px;
    background: url(../images/bj.png) no-repeat center top;
    display: flex;
    align-items: center;
    padding: 0px 20px;
    gap: 70px;
    position: relative; }
    .pack .packcontent .pb_titme {
      margin-top: 0; }
    .pack .packcontent .packleft {
      display: flex;
      align-items: center;
      gap: 20px; }
      .pack .packcontent .packleft p.p1 {
        position: absolute;
        top: 20px;
        left: 360px;
        font: normal normal normal 16px/20px Lexend;
        letter-spacing: 0px;
        color: #000000; }
      .pack .packcontent .packleft ul {
        margin-top: 30px;
        display: flex; }
      .pack .packcontent .packleft .price {
        display: flex;
        gap: 6px; }
        .pack .packcontent .packleft .price b {
          font: normal normal 500 26px/26px Lexend;
          letter-spacing: 0px;
          color: #FF1313; }
        .pack .packcontent .packleft .price del {
          font: normal normal 300 16px/26px Lexend;
          letter-spacing: 0px;
          color: #999999; }
      .pack .packcontent .packleft .countdown {
        top: -2px; }
      .pack .packcontent .packleft .br-reduce {
        left: -10px;
        top: 3px; }
      .pack .packcontent .packleft .num {
        width: 100%;
        background: #FFE01B 0% 0% no-repeat padding-box;
        border-radius: 0px 0px 10px 10px;
        height: 28px;
        position: absolute;
        bottom: 0;
        text-align: center;
        line-height: 28px;
        font: normal normal normal 16px/28px Lexend;
        letter-spacing: 0px;
        color: #303030;
        display: flex;
        justify-content: center;
        align-items: center; }
        .pack .packcontent .packleft .num b {
          color: #FF1313; }
      .pack .packcontent .packleft .nocheck {
        width: 154px;
        height: 174px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border: 2px solid #FC8D01;
        border-radius: 12px;
        display: flex;
        align-items: center;
        flex-direction: column;
        margin-left: 12px;
        justify-content: center;
        position: relative;
        cursor: pointer; }
        .pack .packcontent .packleft .nocheck::before {
          display: block;
          content: "";
          width: 25px;
          height: 26px;
          background: #FF9318;
          border-radius: 0px 8px;
          position: absolute;
          position: absolute;
          right: 0;
          top: 0; }
        .pack .packcontent .packleft .nocheck.checkon {
          border: 2px solid #FC8D01; }
          .pack .packcontent .packleft .nocheck.checkon::before {
            content: "";
            width: 25px;
            height: 26px;
            background: #FF9318;
            border-radius: 0px 8px;
            position: absolute;
            position: absolute;
            right: 0;
            top: 0; }
          .pack .packcontent .packleft .nocheck.checkon::after {
            display: block;
            content: "";
            width: 16px;
            height: 16px;
            background: url(../images/bot_check.png);
            position: absolute;
            top: 4px;
            right: 4px;
            margin: 0; }
        .pack .packcontent .packleft .nocheck.soldout::before {
          position: absolute;
          content: "";
          width: 5%;
          height: 14%;
          z-index: 9;
          background-color: rgba(255, 255, 255, 0.56); }
        .pack .packcontent .packleft .nocheck.soldout::after {
          position: absolute;
          content: "";
          width: 123px;
          height: 47px;
          margin: auto;
          z-index: 10;
          background: url(../images/soldout.png); }
    .pack .packcontent .packright {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-top: 17px; }
      .pack .packcontent .packright h3 {
        padding: 40px 0 6px;
        padding: 0;
        font-size: 0px;
        position: relative;
        margin: 8px auto 0;
        color: #333333;
        font: normal normal 600 22px/33px Lexend; }
        .pack .packcontent .packright h3::after {
          content: attr(data-text);
          position: absolute;
          left: 0;
          right: 0;
          z-index: 0;
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          -webkit-text-stroke: 10px #fff; }
        .pack .packcontent .packright h3 span {
          position: relative;
          z-index: 5; }
      .pack .packcontent .packright p {
        color: #6A6A6A;
        margin-top: 5px;
        color: #AAAAAA; }
      .pack .packcontent .packright del {
        font: normal normal 300 16px/26px Lexend;
        letter-spacing: 0px;
        color: #666666;
        padding-left: 6px; }
      .pack .packcontent .packright strong {
        padding: 0;
        font-size: 0px;
        position: relative;
        margin: 8px auto 0;
        color: #FF1313;
        font: normal normal 900 30px/1 Lexend; }
        .pack .packcontent .packright strong span {
          position: relative;
          z-index: 5; }
        .pack .packcontent .packright strong::after {
          content: attr(data-text);
          position: absolute;
          left: 0;
          right: 0;
          z-index: 0;
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          -webkit-text-stroke: 10px #fff; }
      .pack .packcontent .packright p:nth-child(2) {
        margin-top: 24px;
        font: normal normal 14px/24px Lexend; }
      .pack .packcontent .packright p:nth-child(3) {
        color: #000;
        font: normal normal 24px/18px Lexend;
        margin-top: 30px; }
        .pack .packcontent .packright p:nth-child(3) del {
          font: normal normal 16px/18px Lexend;
          opacity: 0.7; }
      .pack .packcontent .packright .buybtn3 {
        width: 240px;
        height: 46px;
        background-image: url(../images/bot_btn.png);
        background-position: 0 0;
        display: flex;
        align-items: center;
        justify-content: center;
        font: normal normal bold 18px/22px Lexend;
        letter-spacing: 0.9px;
        color: #fff;
        margin-top: 13px; }
        .pack .packcontent .packright .buybtn3:hover {
          background-position: 0 -54px; }
          .pack .packcontent .packright .buybtn3:hover::after {
            opacity: 1; }
      .pack .packcontent .packright p:nth-child(5) {
        margin-top: 10px;
        font: normal normal 12px/24px Lexend; }

.salereview {
  position: relative;
  margin: 0 auto;
  width: 1100px;
  height: 330px; }
  .salereview::before, .salereview::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 2;
    width: 1100px;
    height: 280px;
    background-color: #fdfcf9;
    border: 2px solid #faf1d9;
    border-radius: 10px;
    box-sizing: border-box; }
  .salereview::after {
    bottom: 10px;
    z-index: 1;
    width: 1016px;
    height: 280px;
    background-color: #fcf9ed;
    border: none;
    border-radius: 10px;
    box-sizing: border-box; }
  .salereview .salearrow {
    display: block;
    position: absolute;
    top: 152px;
    z-index: 9;
    width: 54px;
    height: 54px;
    cursor: pointer;
    border-radius: 50%;
    border: 2px solid #efe8d5;
    background-color: #f5f2ea;
    box-sizing: border-box; }
    .salereview .salearrow::before, .salereview .salearrow::after {
      content: "";
      display: block;
      position: absolute;
      width: 10px;
      height: 2px;
      background: #efe8d5; }
    .salereview .salearrow::before {
      top: 26px;
      left: 50%;
      margin-left: -5px;
      transform: rotate(45deg); }
    .salereview .salearrow::after {
      top: 20px;
      left: 50%;
      margin-left: -5px;
      transform: rotate(-45deg); }
    .salereview .salearrow.prev {
      left: 50px; }
    .salereview .salearrow.next {
      right: 50px; }
      .salereview .salearrow.next::before {
        top: 20px; }
      .salereview .salearrow.next::after {
        top: 26px; }
    .salereview .salearrow:hover {
      background-color: #f4f2ed;
      border-color: #e9e0ca;
      transition: all 0.3s ease; }
      .salereview .salearrow:hover::before, .salereview .salearrow:hover::after {
        background: #e9e0ca; }
  .salereview .reviewdes {
    position: relative;
    margin: 0 auto;
    width: 820px;
    height: inherit;
    text-align: center;
    overflow: hidden; }
    .salereview .reviewdes .reviewroll {
      position: relative;
      z-index: 3; }
    .salereview .reviewdes dl {
      position: relative;
      z-index: 1;
      float: left;
      width: 820px;
      height: inherit; }
      .salereview .reviewdes dl dt {
        position: relative;
        margin: 0 auto 18px;
        width: 90px;
        height: 90px;
        border-radius: 50%;
        overflow: hidden;
        background: #f7eac4;
        border: 6px solid #f7eac4; }
        .salereview .reviewdes dl dt > img {
          display: block;
          position: absolute;
          top: 50%;
          left: 0;
          right: 0;
          margin: -45px auto 0;
          width: 90px;
          height: 90px;
          border-radius: 50%; }
      .salereview .reviewdes dl h3 {
        padding: 0px 0 12px;
        font-size: 26px;
        line-height: 30px;
        color: #282525; }
      .salereview .reviewdes dl p {
        margin: 0 auto;
        max-width: 714px;
        color: #504528;
        line-height: 22px;
        font-size: 14px;
        font-weight: 600; }
      .salereview .reviewdes dl h4 {
        padding-top: 10px;
        font-size: 14px;
        line-height: 20px;
        font-weight: 700;
        color: #282525; }

.review {
  margin-top: 120px;
  margin-bottom: 100px;
  text-align: center; }
  .review h2 {
    font: normal normal 600 38px/38px League Spartan;
    color: #000000;
    margin-bottom: 30px;
    position: relative;
    width: fit-content;
    margin: 0px auto; }
  .review .content {
    margin-top: 40px; }
  .review dl {
    display: none;
    height: 160px;
    position: relative; }
    .review dl.active {
      display: block; }
    .review dl dt {
      font-size: 18px;
      color: #1C1714;
      position: absolute;
      right: 15%;
      bottom: 5%; }
      .review dl dt span {
        display: block;
        width: fit-content;
        margin: 0px auto;
        font-size: 14px;
        font-weight: 400;
        line-height: 28px;
        padding-left: 10px;
        color: #555555; }
    .review dl dd {
      padding: 0px 152px;
      display: flex;
      align-items: center;
      text-align: center;
      font: normal normal normal 16px/18px League Spartan;
      letter-spacing: 0px;
      color: rgba(0, 0, 0, 0.83);
      opacity: 1; }
      .review dl dd img {
        border-radius: 50%;
        width: 100px;
        height: auto;
        margin-right: 40px; }
  .review .change span {
    display: inline-block;
    margin: 0px 6px;
    width: 13px;
    height: 13px;
    cursor: pointer;
    border-radius: 50%;
    background: #c4c4c4; }
    .review .change span.active {
      background: #cc0000; }

.award {
  height: 290px;
  background: url(../../../../tpl/images/common_sale/award_bg.jpg) center center no-repeat; }
  .award .wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%; }
  .award .db_title {
    font-size: 45px;
    font-weight: 900; }
  .award .db_desc {
    padding-top: 8px; }
  .award .award_list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 34px; }
    .award .award_list li {
      position: relative;
      width: 150px;
      height: 38px;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center; }
      .award .award_list li::before, .award .award_list li::after {
        content: '';
        display: block;
        position: absolute;
        top: 0px;
        width: 15px;
        height: 100%;
        background: url(../../../../tpl/images/awards/award_tag.svg) center center/cover no-repeat; }
      .award .award_list li::before {
        left: 0; }
      .award .award_list li::after {
        right: 0;
        transform: rotateY(-180deg); }

.saleservice {
  padding-top: 70px;
  background-color: #f9f9f9; }
  .saleservice .service-list {
    display: flex;
    align-items: stretch;
    justify-content: space-between; }
  .saleservice dl {
    width: 603px;
    height: 125px;
    text-align: center;
    background-color: #f4f4f4;
    border: 1px solid #ebebeb;
    text-align: left;
    box-sizing: border-box; }
    .saleservice dl.fl {
      margin-right: auto; }
    .saleservice dl.fr {
      margin-left: auto;
      padding: 20px; }
      .saleservice dl.fr dt {
        float: auto;
        margin: 0;
        width: 100%; }
      .saleservice dl.fr h3 {
        padding-top: 0; }
    .saleservice dl dt {
      float: left;
      margin-top: 25px;
      margin-right: 20px;
      margin-left: 20px; }
      .saleservice dl dt > img {
        display: inline-block;
        vertical-align: middle; }
    .saleservice dl dd {
      float: left; }
    .saleservice dl h3 {
      padding-top: 20px;
      margin-bottom: 20px;
      font-size: 16px;
      line-height: 18px;
      font-weight: 600;
      color: #000; }
    .saleservice dl p {
      margin: 0;
      color: #7c7c7f;
      font-size: 14px;
      line-height: 18px;
      font-weight: 500; }
  .saleservice .note {
    padding: 28px 0 0;
    color: #7b7b7e;
    font-size: 14px;
    line-height: 14px;
    font-weight: 500; }
    .saleservice .note p {
      line-height: 1.5;
      margin-bottom: 5px; }
      .saleservice .note p a {
        color: #0000ee; }
  .saleservice .copyright {
    text-align: center;
    padding: 15px 0;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    color: #7b7b7e; }

.store-right-pop {
  position: fixed;
  width: 222px;
  height: 180px;
  top: -280px;
  right: 0;
  z-index: 999;
  cursor: pointer;
  background: url(../images/float1.png);
  transition: all 0.3s; }
  .store-right-pop.on {
    top: 10%; }
  .store-right-pop .arrow {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    margin: auto;
    width: 29px;
    height: 31px;
    bottom: -40px;
    top: 140px;
    background: url(../images/arrow.png);
    animation: arrow 8s linear infinite;
    -webkit-animation: arrow 8s linear infinite; }

.popbg,
.xmas-pop-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -99;
  opacity: 0;
  transform: scale(0);
  transition: all 0.3s;
  background: rgba(0, 0, 0, 0.8); }
  .popbg.on,
  .xmas-pop-bg.on {
    z-index: 9998;
    opacity: 1;
    transform: scale(1); }

.banner .box .left-message .middle ul li .pricebox b.packsNum {
  font-size: 16px;
  font-weight: 700; }

.store-pop {
  position: fixed;
  width: 579px;
  height: 432px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: -99;
  opacity: 0;
  transform: scale(0);
  transition: all 0.3s;
  text-align: center;
  font-family: 'Montserrat';
  background: url(../images/pop_bg.png);
  box-sizing: border-box;
  padding-top: 75px; }
  .store-pop.on {
    z-index: 9999;
    opacity: 1;
    transform: scale(1); }
    .store-pop.on .raduice.on {
      top: -81px;
      opacity: 1; }
  .store-pop .close {
    position: absolute;
    display: block;
    width: 16px;
    height: 17px;
    right: -14px;
    top: 35px;
    cursor: pointer;
    z-index: 120;
    background: url(../images/pop_close.png) no-repeat center; }
  .store-pop h2 {
    position: absolute;
    text-align: center;
    color: #870C0C;
    font-size: 16px;
    top: 264px;
    width: 100%;
    text-indent: 25px;
    font-weight: normal; }
    .store-pop h2 strong {
      color: #FF0D0D; }
  .store-pop .off {
    position: absolute;
    width: 309px;
    height: 191px;
    top: 312px;
    left: 181px;
    background: url(../images/ascdb-pop1.png); }
  .store-pop .right-message {
    float: right;
    width: 270px;
    margin-top: 360px;
    margin-right: 210px; }
    .store-pop .right-message .price {
      position: relative; }
      .store-pop .right-message .price span {
        left: 0;
        right: 0;
        margin: 0;
        top: -10px;
        opacity: 0;
        position: absolute;
        color: #FE173F;
        font: normal normal 500 40px/50px Lexend;
        transition: all 0.5s; }
        .store-pop .right-message .price span.on {
          opacity: 1;
          top: -50px; }
      .store-pop .right-message .price strong {
        color: #FF0000;
        font: normal normal bold 36px/45px Lexend; }
      .store-pop .right-message .price del {
        font: normal normal 500 16px/20px Lexend;
        color: #787878; }
    .store-pop .right-message p {
      font: normal normal 500 14px/18px Lexend; }
  .store-pop .buybtn {
    width: 260px;
    height: 48px;
    margin: 15px auto;
    border-radius: 24px;
    box-shadow: 0px 6px 10px rgba(254, 24, 64, 0.44);
    background: transparent linear-gradient(180deg, #FF896A 0%, #FF0000 100%) 0% 0% no-repeat padding-box; }
    .store-pop .buybtn:hover {
      background: #FF0000; }
  .store-pop.pop2 .off {
    background: url(../images/ascdb-pop2.png) no-repeat; }
  .store-pop.pop3 .off {
    background: url(../images/ascdb-pop3.png) no-repeat; }
  .store-pop .time_box {
    margin: 0 auto 0; }
    .store-pop .time_box .timecount {
      text-align: center;
      display: flex;
      font: normal normal normal 14px/26px Lexend;
      color: #FF1313;
      align-items: center;
      justify-content: center; }
      .store-pop .time_box .timecount .red {
        font: normal normal normal 14px/26px Lexend;
        color: #FF1313;
        align-items: center;
        justify-content: center; }
        .store-pop .time_box .timecount .red b {
          font: normal normal normal 14px/26px Lexend;
          color: #303030; }
      .store-pop .time_box .timecount span {
        font: normal normal normal 14px/26px Lexend;
        color: #303030;
        padding-right: 4px; }
    .store-pop .time_box .cont {
      width: 100%;
      display: flex;
      justify-content: space-between;
      box-sizing: border-box;
      padding: 16px 46px 0; }
      .store-pop .time_box .cont .left {
        padding-top: 12px; }
      .store-pop .time_box .cont .center {
        padding-top: 109px;
        display: flex;
        transform: translateX(-7px); }
        .store-pop .time_box .cont .center p {
          width: 40px;
          height: 40px;
          background-color: #fff;
          border-radius: 50%;
          display: flex;
          justify-content: center;
          align-items: center;
          font: normal normal 500 14px/26px Lexend;
          letter-spacing: 0px;
          color: #888888; }
      .store-pop .time_box .cont .box {
        width: 210px;
        display: flex;
        flex-direction: column;
        align-items: center; }
        .store-pop .time_box .cont .box .year {
          background: #FFC370 0% 0% no-repeat padding-box;
          border-radius: 12px;
          height: 22px;
          text-align: center;
          line-height: 22px;
          padding: 0 8px;
          margin-bottom: 22px;
          display: inline-block;
          color: #fff;
          font-size: 12px; }
        .store-pop .time_box .cont .box .price {
          display: flex;
          margin-top: 14px;
          gap: 4px;
          align-items: baseline; }
          .store-pop .time_box .cont .box .price b {
            font: normal normal 500 20px/26px Lexend;
            color: #353535; }
          .store-pop .time_box .cont .box .price del {
            font: normal normal 300 14px/26px Lexend;
            color: #999999; }
        .store-pop .time_box .cont .box p.p1 {
          font: normal normal 300 12px/26px Lexend;
          color: #9E9E9E;
          margin-top: 4px; }
        .store-pop .time_box .cont .box .pop_btn {
          width: 210px;
          height: 46px;
          display: flex;
          justify-content: center;
          align-items: center;
          font: normal normal 600 16px/26px Lexend;
          color: #000000;
          background-image: url(../images/pop_btn.png);
          background-position: 0 0;
          margin-top: 10px; }
          .store-pop .time_box .cont .box .pop_btn:hover {
            background-position: 0 -54px; }
        .store-pop .time_box .cont .box.right {
          padding-top: 12px;
          position: relative; }
          .store-pop .time_box .cont .box.right:after {
            content: '';
            display: block;
            width: 90px;
            height: 33px;
            background: url(../images/pop_flag.png) no-repeat center/cover;
            position: absolute;
            right: -30px;
            top: 120px; }
          .store-pop .time_box .cont .box.right .year {
            margin-bottom: 10px;
            background: #F68615 0% 0% no-repeat padding-box;
            border-radius: 12px; }
          .store-pop .time_box .cont .box.right .price {
            margin-top: 6px; }
            .store-pop .time_box .cont .box.right .price b {
              font-size: 22px; }

@-webkit-keyframes arrow {
  0% {
    bottom: -40px; }
  10% {
    bottom: -25px; }
  20% {
    bottom: -40px; }
  30% {
    bottom: -25px; }
  40% {
    bottom: -40px; }
  50% {
    bottom: -25px; }
  100% {
    bottom: -20px; } }
@keyframes reduce {
  from {
    top: 20px;
    opacity: 1;
    filter: alpha(opacity=100); }
  to {
    top: 0px;
    opacity: 0;
    filter: alpha(opacity=0); } }
@-webkit-keyframes reduce {
  from {
    top: 20px;
    opacity: 1;
    filter: alpha(opacity=100); }
  to {
    top: 0px;
    opacity: 0;
    filter: alpha(opacity=0); } }
/* comparison */
.comparison {
  width: 100%;
  height: 1326px;
  background: url(../images/com_bg.jpg) no-repeat bottom/cover;
  padding-bottom: 80px;
  box-sizing: border-box;
  color: #333; }

.comparison .wrapper {
  width: 1200px;
  min-width: 0;
  margin: 0 auto;
  /* padding-left: 40px; */
  box-sizing: border-box; }

.comparison h2 {
  padding: 80px 60px 82px;
  text-align: center;
  font: normal normal 600 36px/50px Lexend;
  letter-spacing: 0px;
  color: #000000; }

.comparison table {
  position: relative;
  margin: 0 auto;
  width: 100%;
  /* box-shadow: 0px 3px 42px -8px #CFB9F2; */
  /* background-color: #fff; */ }

.comparison table tbody {
  border-radius: 16px;
  /* box-shadow: 0px 3px 42px -8px #6e6e6e; */ }

.comparison table thead tr {
  height: 72px;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600; }

.comparison table td {
  height: 54px;
  line-height: 54px;
  background: #fff;
  font-size: 14px;
  font-weight: 400; }

.comparison tr.gray td {
  background: #F2F4F5; }

.comparison .deep {
  background: #FFF2E3 !important; }

.comparison table .no {
  display: block;
  width: 14px;
  height: 14px;
  background: url(../images/no.svg) no-repeat;
  margin: 0 auto; }

.comparison table .yes {
  display: block;
  width: 28px;
  height: 28px;
  background: url(../images/yes.svg) no-repeat;
  margin: 0 auto; }

.comparison table .yse-y {
  display: block;
  width: 28px;
  height: 28px;
  background: url(../images/yes-y.svg) no-repeat;
  margin: 0 auto; }

.comparison .virtue {
  padding-left: 25px;
  box-sizing: border-box;
  position: relative; }
  .comparison .virtue.spec {
    line-height: 1.5; }
  .comparison .virtue::before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    background: #888888;
    border-radius: 50%;
    position: absolute;
    left: 12px;
    top: 24px; }

.wrap3 {
  position: relative;
  background: #FFF3F3 0% 0% no-repeat padding-box;
  outline: 3px solid #FF6F6F;
  border-radius: 13px;
  box-sizing: border-box;
  padding: 0 0 0 24px;
  margin-top: -4px; }
  .wrap3:before {
    display: block;
    content: '';
    width: 46px;
    height: 46px;
    background: url(../images/table_gift.png) no-repeat center/cover;
    position: absolute;
    left: -25px;
    top: 50%;
    transform: translateY(-50%); }
  .wrap3 .item {
    display: none; }
    .wrap3 .item.on {
      display: block; }
    .wrap3 .item .line {
      display: flex;
      border-bottom: 2px solid #EFC1C1;
      height: 52px; }
      .wrap3 .item .line:last-of-type {
        border-bottom: none; }
      .wrap3 .item .line .gift {
        display: inline-block;
        width: 48px;
        height: 22px;
        font: normal normal normal 14px/22px Lexend;
        letter-spacing: 0px;
        color: #FFFFFF;
        border-radius: 4px;
        line-height: 22px;
        justify-content: center;
        text-align: center;
        background: transparent linear-gradient(180deg, #FF7C18 0%, #FFBF15 100%) 0% 0% no-repeat padding-box; }
      .wrap3 .item .line p.p1 {
        width: 554px;
        display: flex;
        align-items: center;
        gap: 8px; }
      .wrap3 .item .line p.p2 {
        width: 260px;
        border-left: 2px solid #EFC1C1;
        display: flex;
        justify-content: center;
        align-items: center; }
      .wrap3 .item .line p.p3 {
        flex: 1;
        border-left: 2px solid #EFC1C1;
        display: flex;
        justify-content: center;
        padding-right: 5px;
        align-items: center; }

.comparison .virtue > img {
  margin-right: 10px;
  vertical-align: middle; }

.comparison .virtue > img.icon5 {
  margin-right: 14px; }

.comparison .itema {
  width: 260px;
  font-weight: 600;
  background: #fff;
  border-left: 2px solid #D9E4EF; }

.comparison th.itema {
  background: #DBE5EF;
  color: #000000;
  border-left: 0;
  font-size: 15px; }

.comparison .itemb {
  width: 356px;
  background: #fff;
  border-left: 2px solid #FFAB58;
  border-right: 2px solid #FFAB58;
  text-align: center;
  font: normal normal normal 15px/1.2 Lexend;
  color: #000000; }

.comparison th.itemb {
  background: #D70000;
  border: none;
  border-right: 0;
  border-left: 0; }

.comparison .pro {
  position: relative;
  z-index: 9;
  color: #fff8f8; }

.comparison .pro > div {
  position: absolute;
  width: 360px;
  height: 115px;
  background: transparent linear-gradient(112deg, #FF9011 0%, #FF5858 100%) 0% 0% no-repeat padding-box;
  top: -43px;
  left: -1px;
  line-height: 98px;
  border-radius: 20px 20px 0 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2px; }
  .comparison .pro > div img {
    width: 44px;
    height: 44px; }
  .comparison .pro > div p.p1 {
    font: normal normal 600 18px/23px Lexend;
    letter-spacing: 0px;
    color: #FFFFFF; }
  .comparison .pro > div p.p2 {
    width: 152px;
    height: 18px;
    background: url(../images/table_txt_bg.png) no-repeat center/cover;
    font: normal normal normal 12px/15px Lexend;
    letter-spacing: 0px;
    color: #000000; }
  .comparison .pro > div p.p3 {
    position: absolute;
    border-radius: 0px 20px;
    width: 104px;
    height: 30px;
    background: #FF967F;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    right: 0;
    font: normal normal 500 12px/16px Lexend;
    letter-spacing: 0px;
    color: #FFFFFF; }
  .comparison .pro > div:after {
    display: block;
    width: 100%;
    content: '';
    height: 823px;
    position: absolute;
    top: 42px;
    box-shadow: 0px 0px 15px #FF713E52; }

.comparison .text {
  /* background-color: #fafcff; */
  position: relative; }

.border-top {
  border-radius: 16px 16px 0 0; }

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