* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  min-width: 1200px;
  font-size: 14px;
  line-height: 1.4;
  color: #0d0d0f;
  font-weight: 500;
  font-family: "Lexend", Arial, Helvetica, sans-serif;
  outline: 0;
  vertical-align: baseline;
  background: #fff;
}

body ._mob {
  display: none !important;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  color: #302d3d;
  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;
}

.clearfix {
  zoom: 1;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.alc {
  text-align: center;
}

.new_tag {
  display: inline-block;
  position: relative;
  z-index: 1;
  color: #00ce3e;
  font-size: 12px;
  line-height: 1;
  text-align: center;
}

.new_tag em {
  display: inline-block;
  font: inherit;
  color: inherit;
  font-style: normal;
  transform: scale(0.8);
  font-weight: 400;
}

.main {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.wrapper {
  position: relative;
  width: 1200px;
  min-width: 1200px;
  margin: 0 auto;
  zoom: 1;
}

.product_main {
  padding-top: 80px;
}

.zoom {
  animation: zoom-anim 2s ease-in-out 1;
}

@keyframes zoom-anim {
  0% {
    transform: scale(0);
    opacity: 0;
  }

  15% {
    transform: scale(1.5);
    opacity: 1;
  }

  30% {
    transform: scale(1);
    opacity: 0.5;
  }

  45% {
    transform: scale(1.5);
    opacity: 1;
  }

  60% {
    transform: scale(1);
    opacity: 0.5;
  }

  75% {
    transform: scale(1.5);
    opacity: 1;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.hide {
  display: none;
}

.price {
  color: #212121;
}

.banbuybtn {
  overflow: hidden;
}

.banbuybtn span {
  display: block;
  width: 63px;
  height: 47px;
  position: absolute;
  top: 1px;
  left: -47px;
  background: url(../images/lightShadow.png) no-repeat;
  animation: lightShadow 6s infinite;
}

.buybtn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 0 auto;
  width: 255px;
  height: 48px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  line-height: 48px;
  background: transparent linear-gradient(180deg, #ff7d7d 0%, #ff5353 41%, #ff2929 54%, #cf0202 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 8px 19px #ff00006e;
  border: 2px solid #f63629;
  transition: all 0.3s ease-out;
}

.buybtn:hover {
  background: transparent linear-gradient(180deg, #ffbaba 0%, #ff7b7b 41%, #ff5d5d 54%, #ec0d0d 100%) 0% 0% no-repeat padding-box;
}

.soldOut .banner .buybtn {
  margin-top: 18px;
}

.soldOut .title_sale {
  display: none !important;
}

.soldOut .title_sold {
  display: inline-block !important;
}

.title_sale {
  display: inline-block !important;
}

.title_sold {
  display: none !important;
}

.product_title {
  font-size: 34px;
}

.banner {
  width: 100%;
  min-width: 1200px;
  height: 787px;
  overflow: hidden;
  box-sizing: border-box;
  padding-top: 24px;
  background: url(../images/banner_bg.webp) center top no-repeat;
}

.banner .logo {
  position: absolute;
  z-index: 5;
  display: block;
  width: fit-content;
  height: fit-content;
  left: 0px;
  top: 34px;
}

.banner .logo>svg {
  pointer-events: none;
}

.banner .buybtn {
  width: 360px;
  margin: 0px auto;
  font-size: 18px;
  z-index: 2;
  background: transparent linear-gradient(180deg, #FF7D7D 0%, #FF5353 41%, #FF2929 54%, #CF0202 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 8px 19px #FF00006E;
  border-radius: 200px;
}

.banner .banner_title {
  position: relative;
}

.banner .banner_title h1 {
  position: relative;
  z-index: 1;
  margin: 0 auto;
  height: 193px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.banner .banner_title.refclass .time_box .timecount strong {
  color: #ffd500;
}

@keyframes swing {
  5% {
    transform: rotate(15deg);
  }

  10% {
    transform: rotate(-10deg);
  }

  15% {
    transform: rotate(5deg);
  }

  20% {
    transform: rotate(-5deg);
  }

  25% {
    transform: rotate(0);
  }

  35% {
    transform: rotate(15deg);
  }

  40% {
    transform: rotate(-10deg);
  }

  45% {
    transform: rotate(5deg);
  }

  50% {
    transform: rotate(-5deg);
  }

  55% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(0);
  }
}

.banner .banner_title h1>img {
  position: relative;
  z-index: 1;
  vertical-align: top;
  text-align: center;
  flex-shrink: 0;
}

@keyframes light {
  from {
    opacity: 0;
  }

  to {
    opacity: 0.5;
  }
}

@keyframes lightShadow {
  0% {
    transform: translateX(-600px);
  }

  100% {
    transform: translateX(600px);
  }
}

.clock_wrap {
  position: absolute;
  top: 14px;
  left: 520px;
  z-index: 2;
  width: 80px;
  height: 72px;
  animation: 3s swing 1.5s ease infinite;
}

.clock_wrap::before {
  content: "";
  display: block;
  position: absolute;
  top: 32px;
  left: 26px;
  z-index: 101;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #f0533c;
  animation: secocks 12s linear 0s infinite forwards;
}

@keyframes swing {
  5% {
    transform: rotate(15deg);
  }

  10% {
    transform: rotate(-10deg);
  }

  15% {
    transform: rotate(5deg);
  }

  20% {
    transform: rotate(-5deg);
  }

  25% {
    transform: rotate(0);
  }

  35% {
    transform: rotate(15deg);
  }

  40% {
    transform: rotate(-10deg);
  }

  45% {
    transform: rotate(5deg);
  }

  50% {
    transform: rotate(-5deg);
  }

  55% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(0);
  }
}

.clock_box {
  position: absolute;
  top: 15px;
  left: 10px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  transform: rotate(5deg);
}

.sec_line {
  position: absolute;
  top: 7px;
  left: 12px;
  z-index: 99;
  width: 12px;
  height: 12px;
  transform-origin: 50% 100%;
  animation: secocks 12s linear 0s infinite forwards;
}

.min_line {
  position: absolute;
  z-index: 98;
  width: 17px;
  height: 11px;
  top: 9px;
  left: 18px;
  z-index: 98;
  background: url(../images/min_line.png);
  transform: scale(0.6);
  transform-origin: 0% 100%;
  animation: mincocks 1s linear 0s infinite forwards;
}

@keyframes secocks {
  5% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes mincocks {
  5% {
    transform: rotate(0deg) scale(0.6);
  }

  100% {
    transform: rotate(360deg) scale(0.6);
  }
}

.brCountdown {
  position: absolute;
  bottom: 7px;
  left: 250px;
  z-index: 9;
  color: #dcdcdc;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
}

.brCountdown b {
  display: inline-block;
  padding: 0 2px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  color: #df0001;
}

.time_ms {
  width: 25px;
}

.main {
  overflow: hidden;
}

.salecont {
  position: relative;
  height: 511px;
  margin-top: 30px;
  text-align: center;
  border-radius: 35px;
  background: #fff;
  z-index: 9;
}

.salecont::after,
.salecont::before {
  content: "";
  display: block;
  position: absolute;
}

.salecont::before {
  bottom: -50px;
  left: -30px;
  width: 152px;
  height: 80px;
}

.salecont::after {
  bottom: -50px;
  left: 47%;
  width: 286px;
  height: 86px;
}

.salecont .salesepro-price del {
  font-weight: 400;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.7);
}

.saleselbox,
.salesedes {
  position: relative;
  z-index: 1;
}

.saleselbox {
  margin: 0 auto;
  width: 1125px;
  padding: 30px 0 0px;
}

.saleselbox .alltitle {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font: normal normal normal 12px/35px Lexend;
  color: #606060;
  padding: 0 25px;
}

.saleselbox ul {
  display: flex;
  justify-content: space-between;
}

.saleselbox ul li {
  position: relative;
  width: 145px;
  cursor: pointer;
  opacity: 0.6;
}

.saleselbox ul li .pc {
  position: absolute;
  display: block;
  width: 37px;
  height: 20px;
  left: 53px;
  bottom: 19px;
  text-indent: -9999px;
  background: url(../images/pcs.png);
}

.saleselbox ul li .seloff b {
  position: absolute;
  opacity: 0;
}

.saleselbox ul li:hover .box_tips {
  opacity: 1;
}

.saleselbox ul li .box_tips {
  position: absolute;
  width: fit-content;
  padding: 10px;
  text-wrap: nowrap;
  background: #fff;
  border: 1px solid #ffdd9c;
  border-radius: 5px;
  text-align: left;
  top: -40px;
  left: -50%;
  z-index: 2;
  opacity: 0;
  transition: all 0.3s ease;
}

.saleselbox ul li .box_tips h5 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 4px;
  color: #2d2d2d;
  font-size: 12px;
  font-weight: bold;
}

.saleselbox ul li .box_tips h5::before {
  content: "";
  display: block;
  width: 9px;
  height: 7px;
  background: url(../images/tips_check.svg) center center no-repeat;
}

.saleselbox ul li .box_tips p {
  color: #505050;
  font-size: 12px;
  font-weight: 400;
  padding-left: 12px;
}

.saleselbox ul li.checked .seloff b {
  display: inline-block;
  position: absolute;
  z-index: 0;
  color: #000;
  text-align: center;
  font-size: 21px;
  font-weight: 700;
  margin: -40px 0 0 15px;
  opacity: 1;
}

.saleselbox ul li.checked .seloff b::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  font: inherit;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 2px #ffd500;
  text-shadow: 1px 1px 2px #ffa09e;
}

.saleselbox ul li.selbox6 {
  margin-right: 0px;
}

.saleselbox ul li::after,
.saleselbox ul li::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
}

.saleselbox ul li::before {
  top: 9px;
  right: -12px;
  width: 26px;
  height: 31px;
  background: #BAB8CF;
  border-radius: 0px 10px;
}

.saleselbox ul li::after {
  top: 5px;
  right: -22px;
  width: 35px;
  height: 33px;
  opacity: 0;
  visibility: hidden;
  background: url(../images/check_icon.svg) center no-repeat;
}

.saleselbox ul li.checked {
  filter: inherit;
  opacity: 1;
}

.saleselbox ul li.checked::before {
  background: #FD5F4A;
}

.saleselbox ul li.checked::after {
  opacity: 1;
  visibility: visible;
}

.salesedes {
  margin: 0 auto;
  width: 1090px;
}

.salesepro {
  width: 606px;
  border-bottom: 2px solid #d7d5e8;
  padding-top: 16px;
}

.salesepro .salesepro-name {
  float: left;
  width: 330px;
}

.salesepro .pcs {
  float: left;
  min-width: 93px;
  padding: 0 8px;
  height: 20px;
  font-size: 12px;
  font-weight: 300;
  line-height: 19px;
  text-align: center;
  background: #f6f0e4;
  border-radius: 10px;
  color: #6a6a6a;
  white-space: nowrap;
}

.salesepro .salesepro-price {
  float: right;
  width: 82px;
}

.salesepro .salesepro-price span {
  opacity: 0;
}

.salesepro-head {
  padding: 0px 0 10px;
  border-bottom: 2px solid #d1d1d1;
}

.salesepro-head h4 {
  padding-left: 10px;
  font-size: 14px;
  font-weight: 700;
  text-align: left;
  color: #b4b4b4;
}

.salesepro-head .salesepro-price {
  padding-left: 0px;
  text-align: left;
}

.salesepro-cont {
  margin-top: 32px;
  text-align: left;
}

.salesepro-cont li {
  position: relative;
  margin-bottom: 20px;
  height: 24px;
}

.salesepro-cont li p {
  font-size: 14px;
  color: #3f3f3f;
}

.salesepro-cont li.checked p {
  font-weight: 600;
  color: #0d0d0d;
}

.salesepro-cont li.checked .salesepro-price del {
  font-weight: 500;
  color: #464646;
  text-decoration: line-through;
}

.salesepro-cont li.checked .salesepro-price span {
  color: #ea1c1c;
  margin-left: 4px;
  opacity: 1;
}

.salesepro-cont li.checked .salesepro-name::after {
  position: absolute;
  content: "";
  width: 21px;
  height: 20px;
  left: 4px;
  top: -2px;
  background: url(../images/box_check.svg) center no-repeat;
}

.salesepro-cont .salesepro-name {
  cursor: pointer;
}

.salesepro-cont .salesepro-name::before {
  width: 19px;
  height: 19px;
  background: #C4C4C4 0% 0% no-repeat padding-box;
  border: 1px solid #646464;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  content: "";
  margin: 0px 15px 0 0;
  border-radius: 4px;
}

.salesepro-cont .salesepro-name p {
  display: inline-block;
}

.saleseorder {
  width: 451px;
  height: 316px;
  float: right;
  text-align: left;
  background: transparent linear-gradient(0deg, #ffffff 0%, #f9f9f9b6 81%, #eaeaea00 100%) 0% 0% no-repeat padding-box;
  border-radius: 10px;
}

.saleseordercnt {
  width: 387px;
  padding: 0px 15px;
  box-sizing: border-box;
  margin: 0px auto;
}

.saleseorder-head {
  height: 48px;
  line-height: 48px;
  border-bottom: 2px solid #e2e2e2;
}

.saleseorder-head h4 {
  font-size: 18px;
  font-weight: bold;
  color: #000;
}

.saleseorder-head .saleseorder-price img {
  margin-top: 1px;
  display: block;
}

.saleseorder-name {
  width: 240px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.saleseorder-name .saleratio-box {
  display: inline-block;
  height: 20px;
  width: 83px;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  color: #fff;
  background: transparent linear-gradient(274deg, #F146B4 0%, #EC3CAD 100%) 0% 0% no-repeat padding-box;
  border: 1px solid #fffd2d;
  border-radius: 15px;
}

.saleseorder-price {
  width: 72px;
  display: inline-block;
  color: #00AA3E;
  vertical-align: middle;
  text-align: center;
}

.saleseorder-price .salertotal {
  display: flex;
  align-items: flex-end;
  font-size: 16px;
  color: #000;
  font-weight: bold;
}

.product_box {
  margin-top: 34px !important;
}

.saleseorder-price .salertotal .ct_price {
  display: flex;
  width: inherit;
  height: 34px;
  line-height: 34px;
  overflow: hidden;
  text-align: center;
  position: relative;
  top: 2px;
  left: 1px;
}

.saleseorder-price .salertotal .ct_price .scroll-tick {
  width: 18px;
  height: 34px;
  line-height: 34px;
}

.saleseorder-price .salertotal .ct_price .scroll-tick strong {
  display: block;
  font-size: 30px;
  font-weight: bold;
  color: #000000;
}

.saleseorder-cont {
  margin-top: 5px;
  border-bottom: 1px solid #eaeaea;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 10px 0;
  gap: 15px;
}

.saleseorder-cont.extra {
  position: relative;
  width: 387px;
  height: 72px;
  flex-direction: row;
  justify-content: flex-start;
  margin-left: -15px;
  align-items: flex-start;
  color: #00b122;
  background: url(../images/expires_bg.png) no-repeat center top;
}

.saleseorder-cont.extra.unavailable,
.saleseorder-cont.extra.expired {
  background: url(../images/gray-bg.png) no-repeat center top;
  filter: grayscale(1);
}

.saleseorder-cont.extra.unavailable .data_extra,
.saleseorder-cont.extra.expired .data_extra {
  color: #00b122 !important;
}

.saleseorder-cont.extra.unavailable .data_extra strong,
.saleseorder-cont.extra.expired .data_extra strong {
  font-weight: normal !important;
  color: #00b122 !important;
}

.saleseorder-cont.extra:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  margin: auto;
  opacity: 0;
  transform: scale(0);
  transition: all 0.5s;
}

.saleseorder-cont.extra.unavailable::before {
  opacity: 1;
  transform: scale(1);
  width: 96px;
  height: 21px;
  top: 18px;
  background: url(../images/unavailable.png);
}

.saleseorder-cont.extra.expired::before {
  opacity: 1;
  transform: scale(1);
  width: 62px;
  height: 23px;
  top: 18px;
  background: url(../images/expired.png);
}

.saleseorder-cont.extra .left-message {
  display: flex;
  flex-wrap: wrap;
  width: 288px;
  padding-left: 17px;
  flex-direction: column;
}

.saleseorder-cont.extra .left-message p {
  display: flex;
}

.saleseorder-cont:nth-child(2) {
  border: none;
}

.saleseorder-cont.extra .left-message p:nth-child(1) i {
  width: 16px;
  height: 16px;
  margin-right: 10px;
  background: url(../images/gift.png);
}

.saleseorder-cont.extra .left-message p:nth-child(2) i {
  width: 14px;
  height: 14px;
  margin-right: 12px;
  background: url(../images/hourglass.png);
}

.saleseorder-cont.extra .left-message .data_extra {
  color: #000;
  margin-top: 5px;
}

.saleseorder-cont.extra .left-message .data_extra strong {
  margin-left: 2px;
  color: #f50018;
}

.saleseorder-cont.extra .left-message .data_extra strong:last-child {
  display: inline-block;
  width: 25px;
}

.product_item .text_wrap .sale_btn {
  border-radius: 0px;
}

.product_item .text_wrap .sale_btn p span b {
  font: 400 28px / 20px var(--family);
}

.saleseorder-cont.extra .price_extra {
  margin-top: 10px;
  margin-left: 17px;
}

.saleseorder-items p {
  font-size: 14px;
  color: #000;
}

.saleseorder-items p .orprice {
  font-weight: bold;
}

.saleseorder-items p b {
  font-size: inherit;
  font-weight: bold;
}

.saleseorder-extra,
.saleseorder-items,
.saleseorder-discount,
.saleseorder-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
}

.saleseorder-discount p {
  font-size: 14px;
}

.saleseorder-discount p span {
  font-size: inherit;
  font-weight: inherit;
}

.saleseorder-total {
  margin: 10px 0px 5px;
}

.saleseorder-total p {
  font-size: 16px;
  color: #000;
  font-weight: bold;
}

.saleseorder-total p span {
  font-size: inherit;
  font-weight: inherit;
}

.saleseorder-total p span b {
  font-size: 30px;
}

.banner .banner_title h1 {
  height: fit-content;
  position: relative;
}

.banner .time_box {
  position: absolute;
  top: 155px;
  left: 275px;
  right: 0;
}

.banner .time_box .timecount {
  width: fit-content;
  color: #e2672c;
  font-size: 12px;
  font-weight: 400;
  left: -5px;
}

.banner .time_box .timecount strong {
  font-size: 14px;
  font-weight: 600;
  color: #ff1010;
}

.banner .saleseorder>p {
  top: 0px;
}

.time_box {
  width: fit-content;
  align-items: center;
  background: none;
  display: flex;
  z-index: 2;
}

.time_box .timecount {
  color: #f33340;
  position: relative;
  font-size: 14px;
  font-weight: 400;
}

.time_box .timecount strong {
  font-size: 16px;
  font-weight: bold;
}

.product_item {
  background-color: #f8f9fa;
  border: 2px solid #dcdcdc;
}

.product_item .img_wrap::before {
  background: url(../images/product_arrow.png) center no-repeat;
}

.product_item .img_wrap .sale_box::before {
  width: 258px;
  height: 124px;
  bottom: 2px;
  background: url(../images/discount_70.png) no-repeat center;
}

.product_item.pro_asc .img_wrap .sale_box::before,
.product_item.pro_iu .img_wrap .sale_box::before {
  bottom: -10px;
  left: -130px;
}

.product_item.pro_db .img_wrap .sale_box::before {
  bottom: -15px;
  left: 38px;
}

.product_item .img_wrap .sale_box.sale_56::before {
  width: 258px;
  height: 124px;
  bottom: -15px;
  left: 38px;
  background: url(../images/discount_56.png) no-repeat center;
}

.product_item .pro_discount {
  box-shadow: none;
  background: transparent linear-gradient(90deg, #ffe88a 0%, #fec300 100%) 0% 0% no-repeat padding-box;
}

.product_item .pro_discount b {
  color: #000000;
}

.bottom-buy {
  height: 124px;
  background: url(../images/bottom_bg.jpg) bottom no-repeat;
  position: fixed;
  width: 100%;
  bottom: 0;
  opacity: 0;
  z-index: 999;
  opacity: 1 !important;
  transform: translate3d(0, 200%, 0);
  transition: all 0.8s;
  padding-top: 20px;
}

.bottom-buy.on {
  transform: translateZ(0);
  bottom: 0px;
}

.bottom-buy .wrapper {
  width: 1280px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}

.bottom-buy .wrapper .off {
  position: relative;
  width: 287px;
  height: 100%;
  transform: translateY(-23px);
}

.bottom-buy .wrapper .off img {
  position: relative;
  bottom: 10px;
  left: 20px;
}

.bottom-buy h3 {
  font-size: 22px;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.bottom-buy h3 .bottom_tile {
  font-size: 18px;
  font-weight: 500;
  color: #570000;
}

.bottom-buy h3 .bottom_tile span {
  color: #FB4F2C;
  font-weight: bold;
}

.bottom-buy.sold h3 .bottom_tile {
  font-size: 22px;
  color: #570000;
  font-family: Lexend;
}

.bottom-buy.sold h3 .bottom_tile span {
  color: #FF7700;
  font-family: Lexend;
  font-weight: 500;

}

.bottom-buy h3 .bottom_tile b {
  color: #06C200;
  font-weight: bold;
}

.bottom-buy .time_box {
  width: 373px;
  height: 43px;
  margin: 5px auto 0px;
  box-sizing: border-box;
  padding: 12px 18px 0 0px;
  background: url(../images/time_bg.png) center no-repeat;
  justify-content: center;
}

.bottom-buy .time_box .timecount {
  font-size: 13px;
  font-weight: 400;
  position: relative;
  right: -17px;
  top: -1px;
  color: #fff;
  text-shadow: 0 2px 3px #C40044;
}

.bottom-buy .time_box .timecount span,
.bottom-buy .time_box .timecount strong {
  font-size: 16px;
  font-weight: 400;
  color: #ffd500;
}

.bottom-buy .right-message {
  text-align: center;
  position: relative;
  top: 0px;
}

.bottom-buy .right-message .price {
  display: flex;
  align-items: baseline;
  position: relative;
  justify-content: center;
  color: #fff;
}

.bottom-buy .right-message .price span {
  font-size: 18px;
  font-weight: bold;
  color: #000;
}

.bottom-buy .right-message .price b {
  font-size: 30px;
  font-weight: bold;
}

.bottom-buy .right-message .price del {
  color: #8A2100;
  margin-left: 15px;
  font-size: 16px;
  font-weight: 500;
  position: relative;
}

// .bottom-buy .right-message .price del::after {
//   content: "";
//   display: block;
//   width: 62px;
//   height: 17px;
//   background: url(../images/del_bg.svg) center no-repeat;
//   position: absolute;
//   top: 2px;
//   left: -2px;
// }

.bottom-buy .right-message .price del.extra {
  color: #8A2100;
}

.bottom-buy .right-message .price del.extra::after {
  opacity: 1;
  background: url(../images/del_bg.png) center no-repeat;
}

.bottom-buy .right-message .buybtn {
  position: relative;
  display: block;
  width: 246px;
  height: 42px;
  border-radius: 35px;
  font: normal normal 500 18px/40px League Spartan;
  z-index: 2;
}

.service {
  margin-top: 80px;
  padding: 70px 0px 20px;
  padding-bottom: 100px;
  background: #e6e6e6;
}

.service .wrapper {
  width: 1120px;
  min-width: 1120px;
}

.service dl {
  width: 553px;
  height: 125px;
  float: left;
  background-color: #d4d4d4;
}

.service dl h3 {
  margin-bottom: 20px;
  color: #28282c;
  font-weight: 600;
  font-size: 14px;
}

.service dl.first dt {
  float: left;
  margin-top: 25px;
  margin-right: 20px;
  margin-left: 20px;
}

.service dl.first dd {
  padding-top: 20px;
  font-size: 12px;
  line-height: 18px;
  color: #7c7c7f;
}

.service dl.last {
  float: right;
}

.service dl.last dt {
  margin-top: 0px;
  margin-bottom: 0px;
}

.service dl.last dd {
  margin-top: -15px;
}

.service dl.last dt,
.service dl.last dd {
  padding-left: 25px;
}

.note {
  margin-top: 50px;
  font-size: 12px;
  color: #7b7b7e;
}

.copyright {
  text-align: center;
  padding: 15px 0;
  font-size: 14px;
  color: #b8b8b8;
}

.popbg {
  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 {
  z-index: 9998;
  opacity: 1;
  transform: scale(1);
}

.pop-warp {
  position: fixed;
  left: 0;
  right: 0;
  top: -10%;
  bottom: 0;
  margin: auto;
  z-index: -99;
  opacity: 0;
  transform: scale(0);
  transition: all 0.3s;
  padding: 0;
  width: 593px;
  height: 405px;
  background: url(../images/pop_bg.png)center no-repeat;
}

.pop-warp.on {
  z-index: 9999;
  opacity: 1;
  transform: scale(1);
}

.pop-warp h4 {
  margin-top: 88px;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  color: #570000;
}

.pop-warp h4 span {
  font-weight: bold;
  color: #FF5E16;
}

.pop-warp .price {
  text-align: center;
  margin-top: -10px;
}

.pop-warp .price span {
  font-size: 20px;
  font-weight: bold;
  color: #FF0000;
}

.pop-warp .price span b {
  font-size: 36px;
  font-weight: bold;
}

.pop-warp .price del {
  color: #787878;
  margin-left: 5px;
}

.pop-warp .buybtn {
  display: block;
  width: 272px;
  height: 48px;
  margin: 0px auto;
  text-align: center;
  background: transparent linear-gradient(180deg, #FF264B 0%, #FC002B 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 6px 10px #FE184070;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  line-height: 48px;
  border: none;
}

.pop-warp .buybtn:hover {
  background: transparent linear-gradient(180deg, #FC002B 0%, #FF264B 100%) 0% 0% no-repeat padding-box;
}

.pop-warp .buybtn i {
  font-style: normal;
}

.pop-warp>img {
  display: block;
  margin: 15px auto 0px;
}

.pop-warp .close {
  width: fit-content;
  margin: 10px auto;
  font-size: 12px;
  color: #842400;
  cursor: pointer;
  opacity: 0.8;
}

.pop-warp .close:hover {
  opacity: 1;
}

.award {
  margin-top: 80px;
  position: relative;
  height: 240px;
  text-align: center;
  border-bottom: 1px solid #D8D6D5;
}

.award:before {
  content: '';
  display: block;
  position: absolute;
  width: 8px;
  height: 29px;
  bottom: -12px;
  left: 0px;
  right: 0px;
  margin: 0px auto;
  background: url(../images/circle.svg) no-repeat;
}

.award h2 {
  margin-bottom: 40px;
  font-size: 30px;
}


.review .content {
  background-color: #fff;
}

.review .content .message {
  margin-left: 143px;
}

.review .content .message dl dt {
  background: #FF7F1D;
  border: 4px solid #FF7F1D;
}

.review .content .message dl dt img {
  width: 100%;
}

.review .content .message h3 {
  color: #fff;
}

.review .content .message p {
  color: #9898a2;
}

.review .content .message h4 {
  color: #fff;
}

.review .content>span {
  border: 3px solid #CFCFCF;
  background-color: rgba(255, 229, 200, 0.2);
}

.review .content>span::before,
.review .content>span::after {
  background-color: #CFCFCF;
}

.review .content>span:hover {
  background: rgba(255, 199, 103, 0.2) !important;
  border: 3px solid #FFC767;
  transition: all 0.3s ease;
}

.review .content>span:hover::before,
.review .content>span:hover::after {
  background: #FFC767;
}



.section1 .pro_list,
.section2 .pro_list {
  width: 1200px;
}

.section1 .pro_list>li,
.section2 .pro_list>li {
  background: #FFEEED 0% 0% no-repeat padding-box;
  border: 1px solid #FFBEB5;
  border-radius: 15px;
  display: flex;
}

.section1 .pro_list .desc_ul,
.section2 .pro_list .desc_ul {
  display: flex;
}

.section1 .pro_list .desc_ul li,
.section2 .pro_list .desc_ul li {
  font-size: 16px;
  font-weight: 400;
  box-sizing: border-box;
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  padding-left: 25px;
  text-wrap: nowrap;
}

.section1 .pro_list .desc_ul li::before,
.section2 .pro_list .desc_ul li::before {
  content: '';
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
  margin-right: 10px;
  background: url(../images/check.svg) no-repeat center/cover;
}

.section1 {
  position: relative;
  box-sizing: border-box;
  padding-top: 42px;
  max-width: 1920px;
  margin: 0 auto 0;
}

.section1 h2 {
  text-align: center;
  font-size: 36px;
  font-weight: bold;
}

.section1 .desc {
  color: #1E1C2C;
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  margin: 11px auto 0;
}

.section1 .pro_list {
  margin: 62px auto 0;
}

.section1 .pro_list>li {
  padding: 0px 40px 0px 60px;
  height: 368px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 60px;
  position: relative;
}

.section1 .pro_list>li:after {
  content: '';
  display: block;
  width: 114px;
  height: 59px;
  background: url(../images/li_flag1.png) no-repeat center/cover;
  top: 0;
  right: 240px;
  position: absolute;
}

.section1 .pro_list>li:nth-of-type(even) {
  flex-direction: row-reverse;
  padding-left: 62px;
  justify-content: flex-end;
}

.section1 .pro_list>li:nth-of-type(even):after {
  right: 520px;
}

.section1 .pro_list li:nth-of-type(1) .text_wrap,
.section1 .pro_list li:nth-of-type(3) .text_wrap {
  width: 58%;
}

.section1 .pro_list .img_wrap {
  height: fit-content;
  position: relative;
  padding-top: 20px;
}

.section1 .pro_list .img_wrap .sale_box {
  position: absolute;
  width: 114px;
  right: 95px;
  bottom: 14px;
}

.section1 .pro_list .img_wrap .sale_box img {
  width: 100%;
}

.section1 .pro_list .text_wrap {
  width: 55%;
}

.section1 .pro_list .text_wrap .pro_name {
  margin: 0;
  font-size: 20px;
  font-weight: bold;
}

.section1 .pro_list .text_wrap .pro_name span {
  color: #8E8E8E;
  font-size: 16px;
  font-weight: 400;
}

.section1 .pro_list .text_wrap .pro_desc {
  margin: 6px 0 0;
  font-size: 16px;
  font-weight: 500;
}

.section1 .pro_list .text_wrap .pro_desc.cl1 {
  color: #00A1E3;
}

.section1 .pro_list .text_wrap .pro_desc.cl2 {
  color: #EB2629;
}

.section1 .pro_list .text_wrap .pro_desc.cl3 {
  color: #01C137;
}

.section1 .pro_list .text_wrap .pro_desc.cl4 {
  color: #00BBCA;
}

.section1 .pro_list .text_wrap .desc_ul {
  margin-top: 24px;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px 0px;
}

.section1 .pro_list .text_wrap .desc_ul li {
  min-width: 50%;
}

.section1 .pro_list .text_wrap .btn_box {
  width: fit-content;
  height: fit-content;
  position: relative;
}

.section1 .pro_list .text_wrap .buybtn {
  border-radius: 6px;
  width: 300px;
  height: 55px;
  margin: 37px 0px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 65px;
  z-index: 2;
}

.section1 .pro_list .text_wrap .buybtn:after {
  content: '';
  display: block;
  width: 8px;
  height: 45px;
  position: absolute;
  top: 50%;
  left: 0px;
  right: 0px;
  margin: 0px auto;
  transform: translateY(-50%);
  background: url(../images/btn_line.svg) no-repeat center/cover;
}

.section1 .pro_list .text_wrap .buybtn p {
  display: flex;
  flex-direction: column;
  line-height: normal;
  font-weight: 400;
  text-align: left;
}

.section1 .pro_list .text_wrap .buybtn p i {
  font-style: normal;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
}

.section1 .pro_list .text_wrap .buybtn p del {
  position: relative;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
}

.section1 .pro_list .text_wrap .buybtn p del::after {
  content: "";
  display: block;
  width: 60px;
  height: 29px;
  position: absolute;
  left: -7px;
  top: -2px;
  background: url(../images/del_bg.svg) center no-repeat;
}

.section1 .pro_list .text_wrap .buybtn p del b {
  font-size: 18px;
  font-weight: 400;
}

.section1 .pro_list .text_wrap .buybtn p span {
  color: #fff;
  font-size: 14px;
}

.section1 .pro_list .text_wrap .buybtn p span b {
  font-size: 28px;
  font-weight: 400;
}

.section2 {
  font-family: League Spartan;
}

.section2 .pro_list {
  margin: 0px auto;
  display: flex;
  justify-content: center;
  gap: 120px;
}

.section2 .pro_list>li {
  width: 385px;
  height: 353px;
  flex-direction: column;
  align-items: center;
  padding-top: 34px;
  position: relative;
}

.section2 .pro_list>li .discount {
  width: 107px;
  height: 29px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 32px;
  color: #fff;
  position: absolute;
  top: 15px;
  right: 15px;
  background: url(../images/off_bg.png) center no-repeat;
}

.section2 .pro_list>li h4 {
  font-size: 18px;
  font-weight: bold;
  margin: 10px auto 20px;
}

.section2 .pro_list>li .desc_ul {
  flex-direction: column;
  gap: 5px;
}

.section2 .pro_list>li .price {
  margin: 30px auto 0px;
  font-size: 16px;
}

.section2 .pro_list>li .price span {
  font-weight: bold;
}

.section2 .pro_list>li .price span b {
  font-size: 30px;
}

.section2 .pro_list>li .price del {
  color: #A195AA;
  margin-left: 5px;
}

.section2 .pro_list>li>p {
  margin-top: 10px;
  color: #707070;
}