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

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

.wrapper2 {
    width: 1100px;
    margin: 0px auto;
}

a {
    text-decoration: none;
}

body {
    font-family: 'Lexend';
    --familyLexend: "Lexend", Arial, Helvetica, sans-serif;
}

.buybtn {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #F63629;
    background: linear-gradient(180deg, #FF7D7D 0%, #FF5353 41%, #FF2929 54%, #CF0202 100%);
    box-shadow: 0px 8px 19px #FF00006E;
    border-radius: 9999px;
    font: normal normal bold 14px/1.5 Lexend;
    letter-spacing: 0.28px;
    color: #FFF;
    text-shadow: 0px 8px 19px #FF00006E;
    width: 186px;
    height: 42px;
    text-decoration: none;
}

.buybtn.btn_special {
    width: 384px;
    height: 48px;
}

.bottom-buy .buybtn.btn_special {
    margin: 0 auto;
    width: 276px;
    height: 50px;
    border: none !important;
    box-shadow: none;
    background: transparent linear-gradient(90deg, #FF0020 0%, #EF001E 100%) 0% 0% no-repeat padding-box;
}

.bottom-buy .buybtn.btn_special:hover {
    background: #FF2929;
    box-shadow: none;
}

.buybtn:hover {
    border: 2px solid #F63629;
    box-shadow: 0px 8px 19px #FF00006E;
    background: #FF2929;
}

.lamp {
    position: absolute;
    width: 808px;
    top: 16px;
    left: 14px;
    height: 107px;
    background: url(../../../../tpl/images/christmas/light_line.png) no-repeat center;
}

.lamp .light {
    display: block;
    position: absolute;
    z-index: 0;
    width: 31px;
    height: 31px;
    background: url(../../../../tpl/images/christmas/light.png) no-repeat;
}

.lamp .light.light_on {
    background: url(../../../../tpl/images/christmas/light_on.png) no-repeat;
}

.lamp .light1 {
    top: -6px;
    left: -13px;
    transform: rotate(30deg);
}

.lamp .light2 {
    top: 27px;
    left: 22px;
    transform: rotate(20deg);
}

.lamp .light3 {
    top: 52px;
    left: 73px;
}

.lamp .light4 {
    top: 46px;
    left: 116px;
    transform: rotate(-2deg);
}

.lamp .light5 {
    top: 54px;
    left: 164px;
    transform: rotate(15deg);
}

.lamp .light6 {
    top: 74px;
    left: 230px;
    transform: rotate(12deg);
}

.lamp .light7 {
    top: 84px;
    left: 288px;
    transform: rotate(12deg);
}

.lamp .light8 {
    top: 84px;
    left: 352px;
    transform: rotate(-6deg);
}

.lamp .light9 {
    top: 74px;
    left: 412px;
    transform: rotate(-15deg);
}

.lamp .light10 {
    top: 58px;
    left: 450px;
    transform: rotate(-30deg);
}

.lamp .light11 {
    top: 30px;
    left: 482px;
    transform: rotate(-12deg);
}

.lamp .light12 {
    top: 74px;
    left: 534px;
    transform: rotate(25deg);
}

.lamp .light13 {
    top: 85px;
    left: 580px;
    transform: rotate(-5deg);
}

.lamp .light14 {
    top: 66px;
    left: 622px;
    transform: rotate(-5deg);
}

.lamp .light15 {
    top: 60px;
    left: 668px;
    transform: rotate(-5deg);
}

.lamp .light16 {
    top: 74px;
    left: 702px;
    transform: rotate(-5deg);
}

.lamp .light17 {
    top: 64px;
    left: 758px;
    transform: rotate(-30deg);
}

.lamp .light18 {
    top: 44px;
    left: 785px;
    transform: rotate(-60deg);
}

.lamp .light19 {
    top: 10px;
    left: 790px;
    transform: rotate(-60deg);
}

.lamp_green {
    position: absolute;
    width: 770px;
    top: -52px;
    left: 201px;
    height: 149px;
    background: url(../../../../tpl/images/christmas/light_line_green.png) no-repeat center;
    background-position: 0px 0;
}

.lamp_green .light {
    display: block;
    position: absolute;
    z-index: 0;
    width: 31px;
    height: 31px;
    background: url(../../../../tpl/images/christmas/light.png) no-repeat;
}

.lamp_green .light.light_on {
    background: url(../../../../tpl/images/christmas/light_on.png) no-repeat;
}

.lamp_green .light1 {
    top: 26px;
    left: -11px;
    transform: rotate(15deg);
}

.lamp_green .light2 {
    top: 66px;
    left: 28px;
}

.lamp_green .light3 {
    top: 96px;
    left: 104px;
}

.lamp_green .light4 {
    top: 86px;
    left: 156px;
    transform: rotate(15deg);
}

.lamp_green .light5 {
    top: 102px;
    left: 210px;
    transform: rotate(15deg);
}

.lamp_green .light6 {
    top: 114px;
    left: 258px;
}

.lamp_green .light7 {
    top: 116px;
    left: 304px;
}

.lamp_green .light8 {
    top: 114px;
    left: 343px;
}

.lamp_green .light9 {
    top: 106px;
    left: 383px;
    transform: rotate(-12deg);
}

.lamp_green .light10 {
    top: 85px;
    left: 490px;
}

.lamp_green .light11 {
    top: 104px;
    left: 554px;
    transform: rotate(15deg);
}

.lamp_green .light12 {
    top: 116px;
    left: 586px;
    transform: rotate(15deg);
}

.lamp_green .light13 {
    top: 126px;
    left: 638px;
    transform: rotate(-10deg);
}

.lamp_green .light14 {
    top: 124px;
    left: 688px;
    transform: rotate(-10deg);
}

.lamp_green .light15 {
    top: 104px;
    left: 728px;
    transform: rotate(-12deg);
}

.lamp_green .light16 {
    top: 86px;
    left: 783px;
    transform: rotate(5deg);
}

.lamp_green .light17 {
    top: 108px;
    left: 808px;
    transform: rotate(5deg);
}

.lamp_green .light18 {
    top: 112px;
    left: 850px;
}

.lamp_green .light19 {
    top: 95px;
    left: 894px;
    transform: rotate(-30deg);
}

.lamp_green .light20 {
    top: 60px;
    left: 936px;
    transform: rotate(-70deg);
}

.lamp_green .light21 {
    top: 2px;
    left: 934px;
}

.num_cont {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.num_cont p {
    font-size: 14px;
    font-weight: 500;
}

.num_cont .countdown {
    position: relative;
    display: flex;
    vertical-align: bottom;
    height: 18px;
    line-height: 18px;
    overflow: hidden;
    text-align: center;
    margin: 0 3px;
    top: 0px;
}

.num_cont .countdown span {
    height: 18px;
    background-position-y: 5px;
    font-weight: 400;
    margin: 0 1px;
    transform-style: preserve-3d;
}

.num_cont .countdown .scroll-tick {
    height: 18px;
}

.num_cont .countdown .scroll-tick:last-child {
    margin-right: 0;
}

.num_cont .countdown .scroll-tick span {
    font-size: 14px;
    display: block;
    font-weight: bold;
    color: #FFF203;
    border-radius: 2px;
}

.num_cont .reduce {
    display: block;
    position: absolute;
    top: -10px;
    right: 20px;
    width: 23px;
    height: 34px;
    font-size: 18px;
    line-height: 34px;
    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;
}

@keyframes reduce {
    from {
        top: -10px;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    to {
        top: -30px;
        opacity: 0;
        filter: alpha(opacity=0);
    }
}

@-webkit-keyframes reduce {
    from {
        top: -10px;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    to {
        top: -30px;
        opacity: 0;
        filter: alpha(opacity=0);
    }
}

.group {
    transform: translateY(25px);
}

.banner .wrapper {
    width: 1120px;
    position: relative;
}

.banner .wrapper .offer-box {
    margin-top: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.banner .wrapper .offer-box img {
    display: block;
}

/* .banner .wrapper .offer-box .box-free{
  display: flex;
  justify-content: center;
  gap: 18px;
}

.banner .wrapper .offer-box .box-free dl{
  width: 170px;
  height: 170px;
  border-radius: 10px;
  position: relative;
  background: #FFF2D1 0% 0% no-repeat padding-box;
  border: 2px solid #FFC272;
  cursor: pointer;
}

/* .banner .wrapper .offer-box .box-free dl.soldout{
  background: url(../images/pf_sold.png) center no-repeat;
  border-color: #D5D5D5;
  display: flex;
  justify-content: center;
  align-items: center;
} */
/* 
.banner .wrapper .offer-box .box-free dl.soldout::after{
  content: "";
  display: block;
  width: 144px;
  height: 64px;
  background: url(../images/sold.png) center no-repeat;
  animation: sold 1s ease-in-out;
  -webkit-animation: sold 1s ease-in-out;
}

@-webkit-keyframes sold {
  0% {
    transform: scale(1.7);
  }

  50% {
    transform: scale(1.5);
  }

  70% {
    transform: scale(1.5);
  }

  100% {
    transform: scale(1);
  }
} */

/* .banner .wrapper .offer-box .box-free dl.active,
.bottom-buy .wrapper .offer-box .box-free dl.active {
  box-shadow: 0px 10px 20px #FF001161;
  border: 2px solid #FB3655;
  background: #fff;
} 

.banner .wrapper .offer-box .box-free dl.active dt img,
.bottom-buy .wrapper .offer-box .box-free dl.active dt img {
  opacity: 100%;
} */
/* 
.banner .wrapper .offer-box .box-free dl.active dt span,
.bottom-buy .wrapper .offer-box .box-free dl.active dt span {
  background: #F51286 0% 0% no-repeat padding-box;
}

.banner .wrapper .offer-box .box-free dl.active dt span::after,
.bottom-buy .wrapper .offer-box .box-free dl.active dt span::after {
  position: absolute;
  content: "";
  display: block;
  width: 27px;
  height: 21px;
  top: -2px;
  right: -8px;
  background: url(../images/check.svg) center no-repeat;
}

.banner .wrapper .offer-box .box-free dl.active dd,
.bottom-buy .wrapper .offer-box .box-free dl.active dd {
  background: transparent linear-gradient(81deg, #F5118A 0%, #EB2629 100%) 0% 0% no-repeat padding-box;
  color: #FFB7DF;
}

.banner .wrapper .offer-box .box-free dl dt,
.bottom-buy .wrapper .offer-box .box-free dl dt {
  height: 138px;
  padding: 16px 0px 0px 16px;
}

.banner .wrapper .offer-box .box-free dl dt img,
.bottom-buy .wrapper .offer-box .box-free dl dt img {
  opacity: 70%;
}

.banner .wrapper .offer-box .box-free dl dt span,
.bottom-buy .wrapper .offer-box .box-free dl dt span {
  position: absolute;
  top: 0px;
  right: 0px;
  display: block;
  width: 27px;
  height: 27px;
  background: #FFC272 0% 0% no-repeat padding-box;
  border-radius: 0px 6px 0px 16px;
}

.banner .wrapper .offer-box .box-free dl dd,
.bottom-buy .wrapper .offer-box .box-free dl dd {
  height: 28px;
  border-radius: 0px 0px 6px 6px;
  background: transparent linear-gradient(83deg, #F9B356 0%, #FFC575 100%) 0% 0% no-repeat padding-box;
  color: #C1772E;
  padding-top: 2px;
} */

.christmas_btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    color: #fff;
    font: 700 14px/1.2 var(--familyLexend);
    letter-spacing: 0.28px;
    border-radius: 9999px;
    box-sizing: border-box;
    width: 211px;
    height: 41px;
    background: linear-gradient(180deg, #FF7D7D 0%, #FF5353 41%, #FF2929 54%, #CF0202 100%);
    box-shadow: 0px 8px 19px #FF00006E;
    border-radius: 24px;
}

.christmas_btn:hover {
    background: #FF2929;
    box-shadow: 0px 8px 19px #FF00006E;
}

.free-gifts {
    margin-top: -90px;
    padding: 0px 0 56px;
    position: relative;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    background: #fff;
}

.free-gifts .free-title {
    padding-bottom: 32px;
    color: #000;
    font-size: 36px;
    font-weight: 700;
    line-height: 46px;
    text-align: center;
}

.free-gifts .free-subtitle {
    padding: 60px 0 90px;
    text-align: center;
    color: #2F2F2F;
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    position: relative;
}

.free-gifts .product_bundle {
    padding: 32px 0 0;
}

.free-gifts .bundle_box {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 42px;
    background: #FFFBF8 0% 0% no-repeat padding-box;
    border: 1px solid #FFDECC;
    border-radius: 10px;
}

.free-gifts .bundle_box .bundle_pic {
    padding: 15px;
    position: relative;
    z-index: 1;
    flex-shrink: 0;
    width: 381px;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 210px;
}

.free-gifts .bundle_box .bundle_pic>img {
    position: relative;
    z-index: 0;
    display: inline-block;
    vertical-align: middle;
    height: auto;
    margin: 0 -30px;
}

.free-gifts .bundle_box .bundle_pic::before,
.free-gifts .bundle_box .bundle_pic::after {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
}

.free-gifts .bundle_box .bundle_pic::before {
    width: 1px;
    height: 181px;
    background: #FFDECC 0% 0% no-repeat padding-box;
    right: 0px;
    top: 31px;
}

.bundle_discount {
    position: absolute;
    bottom: 10px;
    left: 60px;
    z-index: 2;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #FFF;
    border: 1px solid #f4b1b1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.bundle_discount::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 86%;
    height: 86%;
    border-radius: inherit;
    background: #e01314;
}

.dis_number,
.dis_text {
    position: relative;
    z-index: 1;
    color: #FFF;
    font: 400 18px/1 var(--familyLexend);
}

.dis_number {
    font-weight: 700;
    font-size: 32px;
}

.free-gifts .bundle_box .bundle_content {
    flex: 1 1 0;
    min-height: 210px;
    height: 100%;
    padding: 30px 60px;
    text-align: left;
}

.free-gifts .bundle_box .bundle_list li {
    margin-bottom: 20px;
}

.free-gifts .bundle_box .bundle_list li b {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 9px;
    color: #1E1C2B;
    font: 700 16px/1.2 var(--familyLexend);
    white-space: nowrap;
}

.free-gifts .bundle_box .bundle_list li b::before {
    content: '';
    display: block;
    flex-shrink: 0;
    width: 9px;
    height: 7px;
}

.free-gifts .bundle_box .bundle_list li b span {
    color: #505050;
    font: 400 14px/1.2 var(--familyLexend);
}

.free-gifts .bundle_box .bundle_list li p {
    padding: 5px 0;
    color: #3E3E3E;
    font: 400 14px/1.2 var(--familyLexend);
}

.free-gifts .bundle_box .bundle_info {
    margin-top: 25px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
}

.free-gifts .bundle_box .bundle_original {
    display: inline-block;
    padding-right: 16px;
    color: #505050;
    font: 500 16px/1.2 var(--familyLexend);
}

.free-gifts .bundle_box .bundle_price {
    color: #1E1C2C;
    font: 700 22px/1.2 var(--familyLexend);
}

.free-subtitle::before,
.rg-award::before,
.bottom-title::before {
    content: '';
    display: block;
    position: absolute;
    top: 113px;
    left: 50%;
    transform: translateX(-50%);
    width: 9px;
    height: 23px;
    background: url(../images/free_arrow.png) no-repeat;
}

.bottom-title::before {
    top: -70px;
}

.banner .wrapper .logo {
    position: absolute;
    top: 25px;
    left: 0px;
}

.banner .wrapper .offer-info,
.banner .wrapper .offer-info .info_l,
.banner .wrapper .offer-info .info_l ul,
.banner .wrapper .offer-info .info_l ul li,
.banner .wrapper .offer-info .info_l ul li p {
    display: flex;
    justify-content: space-between;
}

.banner .wrapper h2 {
    font-size: 20px;
    color: #000;
    text-align: center;
    margin: -10px auto 30px;
    font-weight: 600;
}

.banner .wrapper h2 span {
    color: #60C758;
    font-weight: 600;
}

.banner .wrapper h2 b {
    font-weight: 600;
    color: #EF3005;
}

.banner .wrapper .offer-info {
    height: 308px;
    margin-top: 23px;
}

.banner .wrapper .offer-info .info_l {
    flex-direction: column;
    background: #FFF4DEC7 0% 0% no-repeat padding-box;
    border: 1px solid #FFFFFF;
    border-radius: 14px;
    padding: 30px 64px 36px 43px;
}

.banner .wrapper .offer-info .info_l ul {
    flex-direction: column;
    gap: 16px;
}

.banner .wrapper .offer-info .info_l ul.free li p i {
    font-style: normal;
    display: inline-block;
}

.banner .wrapper .offer-info .info_l ul.free li p i::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 37px;
    height: 22px;
    background: url(../images/free.svg) center no-repeat;
    margin-right: 6px;
}

.banner .wrapper .offer-info .info_l ul.free li p b {
    color: #EB2629;
}

.banner .wrapper .offer-info .info_l ul li {
    align-items: center;
}

.banner .wrapper .offer-info .info_l ul li p:first-of-type {
    width: 60%;
    font-size: 14px;
    font-weight: 500;
    display: flex;
}

.banner .wrapper .offer-info .info_l ul li p:first-of-type span {
    width: 93px;
    height: 20px;
    border-radius: 10px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    font-size: 11px;
    font-weight: 500;
    text-align: center;
    line-height: 20px;
    color: #CC9258;
}

.banner .wrapper .offer-info .info_l ul li p:last-of-type {
    width: 18%;
}

.banner .wrapper .offer-info .info_l ul li p b,
.banner .wrapper .offer-info .info_l ul li p del {
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
}

.banner .wrapper .offer-info .info_l ul li p del {
    position: relative;
    color: #8E8E8E;
}

.banner .wrapper .offer-info .info_l ul li p del::after {
    position: absolute;
    content: "";
    display: block;
    top: 0px;
    left: -4px;
    width: 52px;
    height: 15px;
    background: url(../images/del_bg.svg) center no-repeat;
}

.banner .wrapper .offer-info .info_r {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 14px;
    padding: 30px 37px;
}

.banner .wrapper .offer-info .info_r h4 {
    padding-left: 10px;
    color: #E1ABAB;
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 8px;
    border-bottom: 2px solid #CB7C7C30;
}

.banner .wrapper .offer-info .info_r .price_info {
    padding: 10px 0px 18px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.banner .wrapper .offer-info .info_r .price_info p {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 10px;
}

.banner .wrapper .offer-info .info_r .price_info p span {
    font-size: 12px;
    font-weight: 600;
}

.banner .wrapper .offer-info .info_r .price_info p .red {
    color: #FF373A;
}

.banner .wrapper .offer-info .info_r .price_info p .green {
    color: #4AAF68;
}

.banner .wrapper .offer-info .info_r .price_info .discount b {
    display: inline-block;
    text-align: center;
    line-height: 18px;
    width: 67px;
    height: 18px;
    font-size: 12px;
    font-weight: 600;
    background: #FFE2BC 0% 0% no-repeat padding-box;
    border-radius: 2px;
    color: #FF373A;
}

.banner .wrapper .offer-info .info_r .price_info .final_price {
    border-top: 2px solid #CB7C7C30;
    padding-top: 12px;
}

.banner .wrapper .offer-info .info_r .price_info .final_price span:first-of-type {
    font-size: 16px;
    font-weight: 600;
}

.banner .wrapper .offer-info .info_r .price_info .final_price span:last-of-type {
    font-size: 18px;
    font-weight: bold;
}

.banner .wrapper .offer-info .info_r>p {
    color: #949494;
    font-size: 10px;
    text-align: center;
    margin-top: 10px;
}

.banner .arrow {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    margin: auto;
    width: 26px;
    height: 37px;
    bottom: -40px;
    animation: arrow 1s linear infinite;
    -webkit-animation: arrow 1s linear infinite;
}

@-webkit-keyframes arrow {
    0% {
        bottom: -40px;
    }

    50% {
        bottom: -25px;
    }

    100% {
        bottom: -40px;
    }
}

.product-list {
    padding-top: 68px;
}

.product-list .title {
    text-align: center;
}

.product-list .title h2 {
    font-size: 34px;
    font-weight: bold;
    margin-bottom: 10px;
}

.product-list .title h2 span {
    color: #F5114F;
    font-weight: bold;
}

.product-list .title p {
    font-size: 18px;
    font-weight: 500;
}

.product-list .list_one {
    padding-top: 65px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 68px;
}

.product-list .list_one .pro-item {
    width: 590px;
    height: 332px;
    background: #FFFAF3 0% 0% no-repeat padding-box;
    border: 1px solid #F8E4C9;
    border-radius: 10px;
    margin-bottom: 22px;
    display: flex;
    justify-content: space-between;
    padding: 35px 0px;
}

.product-list .list_one .item-info {
    padding: 30px 0px 0px 50px;
}

.product-list .list_one .item-info .item-desc {
    font-size: 14px;
    font-weight: 500;
}

.product-list .list_one .item-info .item-desc.asc {
    color: #00A1E3;
}

.product-list .list_one .item-info .item-desc.db {
    color: #EB2629;
}

.product-list .list_one .item-info .item-desc.imf {
    color: #00C0CF;
}

.product-list .list_one .item-info .item-desc.iu {
    color: #01C137;
}

.product-list .list_one .item-info .item-name {
    font-size: 18px;
    font-weight: bold;
    margin: 6px 0px;
}

.product-list .list_one .item-info>p {
    font-size: 12px;
    font-weight: 500;
    color: #ABABAB;
}

.product-list .list_one .item-info ul {
    margin-top: 18px;
}

.product-list .list_one .item-info ul li {
    list-style: none;
    line-height: 24px;
    display: flex;
    justify-content: left;
    align-items: baseline;
}

.product-list .list_one .item-info ul li::before {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background: #000;
    margin-right: 5px;
    position: relative;
    top: -2px;
}

.product-list .list_one .item-info ul li p {
    font-size: 12px;
    max-width: 97%;
}

.product-list .list_one .item-price {
    border-left: 1px solid #F8E4C9;
    padding: 0px 26px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.product-list .list_one .item-price .buybtn {
    margin: 8px 0px;
}

.product-list .price strong {
    font-size: 18px;
    font-weight: bold;
}

.product-list .price strong big {
    font-size: 30px;
}

.product-list .price del {
    font-size: 14px;
    font-weight: 500;
    color: #ACACAC;
}

.product-list .item-tag {
    font-size: 12px;
    font-weight: 500;
    text-decoration: underline;
    color: #006FFF;
    cursor: pointer;
}

.product-list .list_two {
    margin-top: 65px;
}

.product-list .list_two .lt-box {
    display: flex;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #F8E4C9;
    border-radius: 10px;
    height: 220px;
    margin-bottom: 20px;
}

.product-list .list_two .lt-box .box-img {
    width: 428px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFF7EB;
}

.product-list .list_two .lt-box .box-info {
    width: 60%;
    padding: 38px 0px 0px 60px;
}

.product-list .list_two .lt-box .box-info h4 {
    font-size: 18px;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.product-list .list_two .lt-box .box-info h4 span {
    font-size: 12px;
    font-weight: 400;
    color: #878787;
    margin-left: 12px;
}

.product-list .list_two .lt-box .box-info>p {
    margin: 14px 0px 28px;
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
}

.product-list .list_two .lt-box .box-info .price {
    display: flex;
    align-items: center;
    gap: 26px;
}

.product-list .list_two .lt-box .box-info .price p strong {
    margin-right: 10px;
}

.product-list .list_three {
    display: flex;
    justify-content: space-between;
    margin-top: 70px;
}

.product-list .list_three .three_box {
    width: 385px;
    height: 378px;
    background: #FFFAF3 0% 0% no-repeat padding-box;
    border: 1px solid #F8E4C9;
    border-radius: 10px;
    padding: 116px 34px 0px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.product-list .list_three .three_box img {
    display: block;
    position: absolute;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    top: -25px;
}

.product-list .list_three .three_box h4 {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.product-list .list_three .three_box h4 span {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: #878787;
}

.product-list .list_three .three_box>p {
    margin: 10px 0px 20px;
    font-size: 12px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
}

.product-list .list_three .three_box .buybtn {
    margin-top: 5px;
}

.product-list .list_three .three_box .item-tag {
    margin: 7px 0px;
}

.award {
    padding: 72px 0 84px;
    text-align: center;
}

.award .award-title {
    padding-bottom: 25px;
    font-size: 26px;
    line-height: 30px;
    color: #1E1C2C;
}

.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;
}

.saleservice {
    margin-top: 60px;
    padding-top: 70px;
    background-color: #f9f9f9;
}

.saleservice .service-list {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

.saleservice dl {
    width: 545px;
    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: 14px;
    line-height: 18px;
    font-weight: 600;
    color: #7c7c7f;
}

.saleservice dl p {
    margin: 0;
    color: #28282c;
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
}

.saleservice .note {
    padding: 28px 0 0;
    color: #7b7b7e;
    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
}

.saleservice .copyright {
    text-align: center;
    padding: 15px 0;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    color: #7b7b7e;
}

.right-pop {
    position: fixed;
    width: 213px;
    height: 175px;
    top: -20px;
    opacity: 0;
    right: 70px;
    z-index: 999;
    background: url(../images/right_pop.png) center no-repeat;
    transition: all 0.3s;
    padding-top: 66px;
}

.right-pop.on {
    top: 20%;
    opacity: 1;
}

.right-pop div {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: scale(1);
    transition: all .3s ease-out;
}

.right-pop div b {
    position: relative;
    z-index: 0;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: transparent;
}

.right-pop div b:after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    z-index: -1;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 2px #fff;
}

.right-pop div strong {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0px auto;
    z-index: 2;
    display: block;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    background-image: linear-gradient(277deg, #000 0%, #000 100%);
    -webkit-background-clip: text;
    color: transparent;
    text-align: center;
    width: fit-content;
}

.right-pop div strong::after,
.right-pop div strong::before {
    content: "";
    display: block;
    position: absolute;
    border-radius: 2px;
    transition: all .3s ease-out;
}

.right-pop div.active,
.right-pop div:hover {
    transform: scale(1.15);
}

.right-pop div.active strong,
.right-pop div:hover strong {
    background-image: linear-gradient(277deg, #F51166 0%, #FF7700 100%);
    text-decoration: underline;
}

.right-pop div.active strong::before,
.right-pop div:hover strong::before {
    width: 102%;
    height: 3px;
    background: #fff;
    bottom: -2px;
    left: -1%;
}

.right-pop div.active strong::after,
.right-pop div:hover strong::after {
    width: 100%;
    height: 1px;
    background-image: linear-gradient(277deg, #F51166 0%, #FF7700 100%);
    bottom: -1px;
    z-index: 99;
}

.right-pop .to_banner,
.right-pop .to_listtwo {
    cursor: pointer;
}

.right-pop .to_banner {
    height: 42px;
}

.right-pop .to_listtwo {
    margin-top: 20px;
    height: 46px;
}

.review {
    margin-top: 90px;
}

.review .content {
    position: relative;
    width: 1104px;
    height: 297px;
    margin: 0 auto;
    background: url(../images/review-bg.png);
}

.review .content>span {
    position: absolute;
    width: 54px;
    height: 54px;
    top: 110px;
    cursor: pointer;
    background: url(../images/prev.png);
    opacity: 0.3;
}

.review .content>span.prev {
    left: 50px;
}

.review .content>span.next {
    right: 50px;
    background-position: -54px 0px;
}

.review .content>span.next:hover {
    background-position: -54px -54px;
}

.review .content>span:hover {
    background-position: 0px -54px;
}

.review .content .message {
    width: 820px;
    float: left;
    margin-left: 153px;
    margin-top: -50px;
    text-align: center;
    overflow: hidden;
    color: #fff;
}

.review .content .message .roll {
    width: 4920px;
}

.review .content .message dl {
    float: left;
    width: 820px;
}

.review .content .message h3 {
    margin-top: 10px;
    font-size: 26px;
    color: #282525;
}

.review .content .message p {
    margin-top: 15px;
    color: #504528;
    line-height: 22px;
}

.review .content .message h4 {
    font-size: 14px;
    color: #282525;
    margin-top: 13px;
}

/* service */
.service {
    margin-top: 60px;
    padding: 70px 0px 20px;
    background-color: #f9f9f9;
}

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

.service dl {
    width: 553px;
    height: 125px;
    float: left;
    background-color: #f4f4f4;
    border: 1px solid #ebebeb;
}

.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: 20px;
}

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

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

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

* {
    margin: 0;
    padding: 0;
}

body {
    min-width: 1200px;
    font-size: 14px;
    line-height: 1.4;
    color: #0d0d0f;
    font-weight: 500;
    outline: 0;
    vertical-align: baseline;
    background: #fff;
}

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;
}

.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;
}

.hide {
    display: none;
}

.sale_pc {
    display: block !important;
}

.sale_mobile {
    display: none !important;
}

/* price */
.price {
    color: #212121;
}

/* .buybtn {
  display: block;
  position: relative;
  margin: 0 auto;
  width: 255px;
  height: 48px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  line-height: 48px;
  border-radius: 9999px;
  background: transparent linear-gradient(90deg, #FF6363 0%, #E20000 100%) 0% 0% no-repeat padding-box;
} */

.banner .buybtn {
    position: relative;
    width: 384px;
    margin-left: -17px;
    margin-top: 12px;
}

.saleseorder-buy>p {
    text-align: center;
    width: 100%;
    margin-top: 12px;
}

.btn_arrow::after {
    content: "";
    display: block;
    position: absolute;
    top: -10px;
    right: -20px;
    width: 105px;
    height: 77px;
    background: url("https://purchase.iobit.com/tpl/images/valentinesday/arrow.png?t=1736151501") center center no-repeat;
}


/* banner */
.banner {
    width: 100%;
    min-width: 1200px;
    height: 804px;
    background: url("../images/banner_bg.jpg") center top no-repeat;
    background-size: cover;
    overflow: hidden;
    margin-bottom: 36px;
}

.banner .banner_title {
    height: 121px;
    text-indent: -9999px;
    background: url(../images/title_green.png) no-repeat center center;
}

.saleseorder-total .saleseorder-price,
.saleseorder-total .salertotal {
    display: inline-flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.saleseorder-total .salertotal {
    align-items: flex-end;
    color: #000;
}

.ct_price {
    display: flex;
    padding-right: 4px;
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    text-align: center;
    position: relative;
    top: 2px;
    left: 1px;
    flex-shrink: 0;
}

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

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

.banner .banner_title h1 {
    display: none;
    position: relative;
    z-index: 1;
    margin: 0 auto;
    padding-top: 30px;
    font: normal normal 800 80px/1.5 "Montserrat", sans-serif;
    letter-spacing: 6.4px;
    color: #D4D4D4;
    text-shadow: inset 1px 1px 2px #FFFFFF, 0px 8px 4px #000;
    overflow: hidden;
}

.banner .banner_title h1::before {
    content: '';
    display: block;
    position: absolute;
    left: 39%;
    top: -50px;
    width: 195px;
    height: 207px;
    /* background: url(../images/ballon.png) center center no-repeat; */
}

.banner_desc {
    margin-top: -10px;
    text-align: center;
    font: normal normal 500 20px/1.5 Montserrat;
    letter-spacing: 0.8px;
    color: #fff;
}

.banner_desc b {
    font: normal normal 600 20px/1.5 Montserrat;
    letter-spacing: 0.8px;
    color: #FFF397;
    text-transform: uppercase;
    text-shadow: 0 0 3px #A59300;
}

.title_box {
    text-align: center;
}

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

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

.main {
    overflow: hidden;
}

.banner .logo {
    position: absolute;
    z-index: 1;
    display: block;
    width: 54px;
    height: 17px;
    left: 46px;
    top: 34px;
}

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

.banner .logo>svg path {
    fill: #FFF !important;
    opacity: 0.6;
}

.anvy__candle {
    position: absolute;
    top: 30px;
    left: 333px;
    z-index: 0;
    transform: rotate(10deg);
}

.anvy__candle::before {
    content: "";
    position: absolute;
    bottom: calc(100% - 4px);
    left: -3px;
    z-index: 1;
    width: 12px;
    height: 20px;
    border-radius: 100%;
    animation: candleFlicker 6s linear infinite, candleShadow 1s linear infinite;
    -webkit-animation-delay: inherit;
    animation-delay: inherit;
    transform-origin: center bottom;
    background-color: #ff8121;
    background-image: radial-gradient(circle at 4px 16px, #ffc748, #ff8121);
    filter: blur(2px) contrast(1.5);
}

.anvy__candle::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -8px;
    left: 4px;
    z-index: 0;
    width: 1px;
    height: 12px;
    border-radius: 10px;
    background-color: #685016;
}

.candle_right {
    top: 32px;
    left: 366px;
    /* transform: rotate(15deg); */
    animation: candleFlicker 5s linear infinite, candleShadow 1s linear infinite;
    animation-delay: 0.3s;
}

@keyframes candleFlicker {

    0%,
    100% {
        transform: rotate(18deg) scaleX(1) scaleY(1);
    }

    12.5% {
        transform: rotate(14deg) scaleX(0.5) scaleY(0.8);
    }

    25% {
        transform: rotate(10deg) scaleX(1.1) scaleY(1);
    }

    37.5% {
        transform: rotate(6deg) scaleX(0.5) scaleY(0.8);
    }

    50% {
        transform: rotate(2deg) scaleX(0.9) scaleY(1.05);
    }
}

@keyframes candleFlickerRight {

    0%,
    100% {
        transform: rotate(33deg) scaleX(1) scaleY(1);
    }

    12.5% {
        transform: rotate(29deg) scaleX(0.5) scaleY(0.8);
    }

    25% {
        transform: rotate(25deg) scaleX(1.1) scaleY(1);
    }

    37.5% {
        transform: rotate(21deg) scaleX(0.5) scaleY(0.8);
    }

    50% {
        transform: rotate(17deg) scaleX(0.9) scaleY(1.05);
    }
}

@keyframes candleShadow {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 129, 33, 0);
    }

    30% {
        box-shadow: 0 -3px 0 2px rgba(255, 129, 33, 0.6);
    }

    100% {
        box-shadow: 0 -20px 0 -6px rgba(255, 129, 33, 0.2);
    }
}

.salecont {
    position: relative;
    height: 511px;
    margin-top: 40px;
    text-align: center;
    border: 1px solid #FFF;
    border-radius: 35px;
    background: #FFFBF8;
}

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

.saleselbox ul li {
    position: relative;
    float: left;
    margin-right: 44px;
    width: 145px;
    /* cursor: pointer; */
    opacity: 0.8;
    filter: grayscale(100%);
}

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

.saleselbox ul li:before,
.saleselbox ul li:after {
    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: 0px;
    right: -32px;
    width: 51px;
    height: 40px;
    background: url(../../../../tpl/images/christmas/check_icon_red.png) center center no-repeat;
    opacity: 0;
    visibility: hidden;
}

.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;
}

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

.salesepro .pcs {
    float: left;
    min-width: 106px;
    padding: 0 8px;
    height: 20px;
    font-size: 12px;
    line-height: 19px;
    text-align: center;
    background: #FF5438;
    border-radius: 10px;
    color: #FFF;
    white-space: nowrap;
}

.salesepro .pcs.on {
    margin-left: -66px;
    min-width: 232px;
}

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

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

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

.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: 10px;
    height: 24px;
}

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

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

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

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

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

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

.saleseorder {
    width: 451px;
    height: 263px;
    float: right;
    text-align: left;
    background: #FFF;
    border-radius: 10px;
}

.saleseordercnt {
    width: 350px;
    margin: 0px auto;
}

.saleseorder-head {
    height: 54px;
    line-height: 54px;
    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.sale_pc {
    display: inline-block !important;
}

.saleseorder-name .saleratio-box {
    display: inline-block;
    height: 18px;
    width: 83px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    background: transparent linear-gradient(274deg, #FFC464 0%, #FFF8D6 100%) 0% 0% no-repeat padding-box;
    border-radius: 2px;
}

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

.saleseorder-cont {
    margin-top: 5px;
    border-bottom: 1px solid #eaeaea;
}

.saleseorder-items {
    margin-top: 18px;
}

.saleseorder-discount {
    margin-top: 8px;
    margin-bottom: 10px;
}

.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-discount p {
    font-size: 14px;
}

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

.saleseorder-total {
    margin-top: 12px;
}

.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;
}

.salefea-title {
    padding-top: 0px;
    text-align: center;
}

.saleenjoy .salefea-title {
    padding-top: 80px;
}

.salefea-title p {
    font-size: 20px;
    color: #2f2f2f;
    margin-top: 25px;
}

.salefea-title h2 {
    font-size: 36px;
    color: #000000;
    margin-top: 10px;
    font-weight: bold;
}

.salekeep-cont {
    margin-top: 56px;
}

.salekeep-cntbox {
    width: 590px;
    height: 331px;
    border-radius: 10px;
    border: 1px solid #DCDCDC;
    background: #F8F9FA;
}

.salekeep-cntmid {
    margin: 35px 30px 0 30px;
}

.salekeep-cntpro {
    position: relative;
}

.salekeep-cntpro::before {
    content: '';
    display: block;
    width: 90px;
    height: 62px;
    position: absolute;
    background: url("https://purchase.iobit.com/tpl/images/valentinesday/pro_icon_arrow.png") no-repeat center center;
    left: -20px;
    top: -16px;
}

.salekeep-cntpro img {
    display: block;
    margin-bottom: 5px;
}

.salekeep-cntpro figcaption {
    display: inline-block;
    vertical-align: middle;
}

.salekeep-cntproasc figure>img {
    margin-left: 54px;
}

.salekeep-cntprodb figure>img {
    margin-left: 100px;
}

.salekeep-cntpro figcaption h4 {
    font-size: 18px;
    color: #000000;
    font-weight: 600;
}

.salekeep-cntpro figcaption p {
    font-size: 14px;
    color: #00A1E3;
    font-weight: 500;
    margin-top: 3px;
}

.salekeep-cntprodb figcaption p {
    color: #eb2629;
}

.salekeep-cntpro figcaption p.imf {
    color: #00bbca;
}

.salekeep-cntpro figcaption p.iu {
    color: #01c137;
}

.salekeep-cntpro figcaption p.isu {
    color: #5535ca;
}

.salekeep-cntpro figcaption p.sd {
    color: #0096e0;
}

.salekeep-cntdes {
    margin-top: 60px;
}

.salekeep-cntwordp {
    width: 315px;
    float: left;
}

.salekeep-cntwordp ul {
    margin-top: 15px;
}

.salekeep-cntwordp ul li {
    font-size: 12px;
    color: #1a1919;
    line-height: 16px;
    margin-top: 9px;
    position: relative;
    padding-left: 8px;
}

.salekeep-cntwordp ul li:before {
    content: ".";
    position: absolute;
    left: 0;
    top: -6px;
    display: block;
    font-size: 20px;
    z-index: 3;
}

.salekeep-cntwordp ul li b {
    font-size: inherit;
    font-weight: bold;
}

.salekeep-cntstore {
    width: 210px;
    height: 265px;
    border-left: 2px solid #E2E2E2;
    float: right;
    text-align: center;
}

.salekeep-cntstore h3 {
    width: 152px;
    height: 32px;
    margin: 0px auto;
    margin-top: 60px;
    line-height: 32px;
    text-align: center;
    font-size: 18px;
    color: #000;
    font-weight: bold;
    background: transparent linear-gradient(274deg, #FFC464 0%, #FFF8D6 100%) 0% 0% no-repeat padding-box;
    border-radius: 4px;
}

.salekeep-cntprice {
    margin-top: 20px;
}

.salekeep-price {
    font-size: 18px;
    color: #000000;
    font-weight: bold;
}

.salekeep-price big {
    font-size: 30px;
}

.salekeep-price del {
    display: block;
    font-size: 14px;
    color: #727272;
    font-weight: 500;
    margin-left: 5px;
}

.salekeep-cntstore .buybtn {
    margin-top: 9px;
    width: 184px;
    height: 38px;
    font-size: 16px;
    line-height: 38px;
    border-radius: 20px;
}

.banbuybtn {
    position: relative;
}

.salekeep-cnttips {
    font-size: 12px;
    color: #a3a3a3;
    margin-top: 10px;
}

.saleenjoy-cont {
    margin-top: 60px;
}

.saleenjoy-probox {
    width: 380px;
    height: 574px;
    background: #f8f9fa;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
}

.saleenjoy-proboxcnt {
    margin: 35px 20px 0 43px;
}

.saleenjoy-proboxcnt figcaption h4 {
    font-size: 18px;
    color: #000000;
    font-weight: 600;
    margin-top: 13px;
}

.saleenjoy-proboxcnt figcaption p {
    font-size: 14px;
    color: #00bbca;
    font-weight: 500;
    margin-top: 3px;
}

.saleenjoy-probox1 .saleenjoy-proboxcnt figcaption p {
    color: #00bbca;
}

.saleenjoy-probox2 .saleenjoy-proboxcnt figcaption p {
    color: #01c137;
}

.saleenjoy-probox3 .saleenjoy-proboxcnt figcaption p {
    color: #5535ca;
}

.saleenjoy-save {
    width: 163px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    font-size: 20px;
    color: #d90a01;
    font-weight: bold;
    border: 1px solid #dcdcdc;
    margin-top: 20px;
    background: #f8f9fa;
    margin-bottom: 30px;
}

.saleenjoy-probox .salekeep-price {
    margin-left: 10px;
}

.saleenjoy-probox .buybtn {
    width: 189px;
    height: 45px;
    line-height: 45px;
    background-position: 0 -114px;
    margin: 10px 0 0 0;
}


.saleenjoy-cnttips {
    font-size: 12px;
    color: #a3a3a3;
    margin: 10px 0 0 3px;
}

.saleenjoy-cntwordp {
    margin-top: 25px;
}

.saleenjoy-cntwordp ul li {
    font-size: 12px;
    color: #1a1919;
    line-height: 16px;
    margin-top: 7px;
    padding-left: 8px;
    position: relative;
}

.saleenjoy-cntwordp ul li:before {
    content: ".";
    position: absolute;
    left: 0;
    top: -6px;
    display: block;
    font-size: 20px;
    z-index: 3;
}

.saleenjoy-cntwordp ul li b {
    font-size: inherit;
    font-weight: bold;
}

.saleenjoy-probox2 {
    margin-left: 24px;
}

.snow-bg {
    background: #fff url("https://purchase.iobit.com/tpl/images/valentinesday/center_buy_bg.png") no-repeat center top;
}

.saleexclu::after {
    position: absolute;
    content: "";
    width: 303px;
    height: 59px;
    left: 0;
    right: 0;
    margin: auto;
    top: -55px;
    background: url("https://purchase.iobit.com/tpl/images/valentinesday/buy_tag.png") no-repeat center center;
}

.saleexclu {
    width: 100%;
    height: 453px;
    position: relative;
    padding-top: 16px;
}

.saleexclu-title {
    height: 68px;
    font-size: 22px;
    line-height: 68px;
    color: #3D3D3D;
    text-align: center;
}

.saleexclu-title span {
    color: #DA1A00;
}

.saleexclu-cont {
    height: 260px;
    margin-top: 48px;
    background: #fff url("https://purchase.iobit.com/tpl/images/valentinesday/salecent_boxbg.png") top center no-repeat;
    position: relative;
}

.saleexclu-cont.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 10;
    max-width: 1200px;
}

.salecent-box {
    position: relative;
    padding: 68px 10px 0 28px;
    text-align: center;
    width: 610px;
}

.salecent-box::after {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    top: 82px;
    right: -20px;
    width: 57px;
    height: 120px;
    background: url("https://purchase.iobit.com/tpl/images/valentinesday/gift_icon.png") center center no-repeat;
}

.salecent-box>img {
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: middle;
}

.salecent-ul {
    width: 250px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 25px;
}

.salecent-ul li {
    font-size: 14px;
    color: #000000;
    margin-top: 13px;
    padding-left: 20px;
    position: relative;
}

.salecent-ul li:before {
    width: 13px;
    height: 13px;
    /* background: url("https://purchase.iobit.com/tpl/images/common_sale/tab-icon.png?t=1737455241"); */
    background-position: 0 -36px;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 3px;
}

.saleexclu-super {
    width: 534px;
    height: 277px;
    text-align: center;
    position: absolute;
    right: -4px;
    top: -4px;
}

.saleexclu-supcnt {
    margin: 38px 40px 0 90px;
}

.saleexclu-supcnt h4 {
    position: relative;
    font-size: 24px;
    font-weight: bold;
    color: #1E1C2C;
    margin-left: 31px;
}

.saleexclu-supcnt h4 img {
    position: absolute;
    vertical-align: middle;
    margin: -23px 0 0 26px;
}

.saleexclu-supcnt>p {
    font-size: 14px;
    color: #000;
    margin: 0px 0 0 32px;
    font-weight: 500;
}

.saleexclu-supcnt>p.p1 {
    color: rgba(30, 28, 44, 0.46);
    font-weight: 500;
    margin-top: 10px;
}

.saleexclu-supcnt>p.salekeep-price {
    font-size: 24px;
    color: #1E1C2C;
    margin: 15px 0 0 65px;
    font-weight: 600;
}

.saleexclu-supcnt>p.salekeep-price big {
    font-size: 38px;
}

.saleexclu-supcnt>p.salekeep-price del {
    font-size: 16px;
    display: inline-block;
    margin-left: 10px;
    color: rgba(30, 28, 44, 0.46);
}

.saleexclu-buy .buybtn {
    margin: 6px auto;
    width: 275px;
    height: 51px;
    line-height: 51px;
    border-radius: 25px;
}

.saleexclu-cnttips {
    font-size: 12px;
    color: rgba(30, 28, 44, 0.66);
}

.saleexclu {
    padding-top: 98px;
}

.saleexclu::after {
    width: 917px;
    height: 155px;
    background: url(../images/ani_tit2.png);
}

.saleexclu-title b {
    color: #FF0D0D;
}

.saleexclu-cont {
    margin-top: 10px;
    background: url(../images/salecent_boxbg.png);
}

.salecent-box::after {
    display: none;
}


.bottom-buy {
    position: relative;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    margin-top: 58px
}

.bottom-buy .bottom-title {
    position: relative;
    z-index: 1;
    padding: 34px 0 10px;
    margin-bottom: 40px;
    color: #3D3D3D;
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    text-align: center;
    width: 100%;
    min-height: 102px;
    background: url(../images/title_bg.png) center no-repeat
}

.bottom-buy .bottom-container {
    width: 100%;
    height: 260px
}

.bottom-buy .bottom-container._fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 10;
    background: #fff
}

.bottom-buy .buy-inner {
    position: relative;
    display: flex;
    height: 264px;
    background: url(../images/salecent_boxbg.png) center center no-repeat
}

.bottom-buy .buy-inner::before {
    display: none;
    content: "";
    position: absolute;
    z-index: 0;
    top: 88px;
    left: 686px;
    width: 73px;
    height: 73px;
    background: url(../images/arrow_left.png) center no-repeat
}

.bottom-buy .buy-inner.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 10;
    max-width: 1200px
}

.bottom-buy .buy-image {
    position: relative;
    margin-right: auto;
}

.bottom-buy .buy-image img {
    margin: 60px 0 0 10px;
    width: auto;
    height: auto;
}


.bottom-buy .buy-title {
    padding: 0;
    font-size: 0px;
    position: relative;
    margin: 24px auto 0;
    color: #FFF;
    font: normal normal 500 26px/33px Lexend
}

.bottom-buy .buy-title span {
    position: relative;
    z-index: 5
}

.bottom-buy .buy-title-svg {
    margin: 30px auto 2px;
    width: 234px;
    height: 40px;
    fill: crimson;
    stroke: white;
    stroke-width: 3px;
    font-size: 26px;
    line-height: 2;
    font-weight: 700;
    font-family: "Lexend", Arial, Helvetica, sans-serif
}

.bottom-buy .paint-order {
    paint-order: stroke
}

.bottom-buy .buy-desc {
    padding-bottom: 15px;
    font: normal normal 14px/24px Lexend;
    color: #FCF5C7;
    margin-top: 7px;
}

.bottom-buy .buy-price {
    margin-left: auto;
    text-align: center;
    width: 328px;
    margin-right: 64px
}

.bottom-buy .pro-price {
    margin-left: 6px;
    width: auto;
    text-align: center;
    color: rgba(255, 255, 255, 0.46);
    text-decoration: line-through
}

.bottom-buy .pro-price::before {
    display: none
}

.bottom-buy .order-price {
    margin-bottom: 6px;
    display: block
}

.bottom-buy .b-tag {
    padding-top: 6px;
    color: #FCF8DA;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
}

.bottom-buy .b-tag span {
    font: inherit;
    color: #E94439;

}

.bottom-buy .order-discount {
    color: #FFE225;
    font-size: 24px;
    font-weight: 600
}

.bottom-buy .order-discount>big {
    font-size: 38px
}

.bottom-buy .nysale-btn {
    width: 275px;
    height: 51px
}

.bottom-buy .br-timebox {
    position: relative;
    width: 398px;
    height: 20px;
    line-height: 20px;
    border-radius: calc(22px / 2);
    background: rgba(255, 255, 255, 0.031);
    border: 1px solid rgba(255, 255, 255, 0.18);
    padding: 2px;
    box-sizing: border-box
}

.bottom-buy .ny-reduce {
    top: 0;
    right: -20px;
    left: auto;
    z-index: 3
}

.bottom-buy .time-desc {
    position: absolute;
    right: 14px;
    top: 1px;
    z-index: 2;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    color: #8D8D8D
}

.bottom-buy .br-progress {
    position: relative;
    z-index: 1;
    margin-top: 0px;
    width: 0;
    height: 14px;
    background: linear-gradient(90deg, #FFD8D8 0%, #FF7171 100%);
    border-radius: 7px;
    overflow: visible !important
}

/* .bottom-buy.soldout .bottom-container .buy-inner .buy-image {
  background: url(../images/pack_gift_box.png)
} */

.prize_pop {
    position: fixed;
    left: 0px;
    right: 0;
    bottom: 0;
    z-index: -99998;
    margin: auto;
    transform: scale(0);
    transition: transform .3s ease;
    transform-origin: center;
    z-index: -99998;
    top: -40px;
}

.prize_pop.pop_dark {
    width: 780px;
    height: 550px;
}

.prize_pop.pop_light {
    width: 630px;
    height: 560px;
}

.prize_pop.on {
    transform: scale(1);
    z-index: 1000;
}

.prize_bg {
    position: absolute;
    inset: 0px;
    box-sizing: border-box;
    padding: 0px;
    border: none;
    margin: auto;
    display: block;
    width: 0px;
    height: 0px;
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
    object-fit: cover;
}

.banner_prize {
    width: fit-content;
    height: fit-content;
    position: relative
}

.title_pic {
    z-index: -1;
    transition: all .3s ease
}

.title_pic.big {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.pop_dark .title_pic.big {
    top: 116px;
    right: 30px;
    width: 294px;
    height: 292px;
    /* background: url(../images/turntable_dark/turntable.png) center center no-repeat; */
}

.pop_light .title_pic.big {
    top: 106px;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 320px;
    height: 320px;
}

.title_pic.big.on {
    opacity: 1;
    visibility: visible;
    z-index: 2;
}

.title_pic.big::before {
    content: '';
    position: absolute;
    z-index: 3;
    transition: all 1.5s;
}

.pop_dark .title_pic.big::before {
    width: 26px;
    height: 26px;
    left: 158px;
    top: 0px;
    background: url(../images/turntable_dark/turntable_arrow.png) center center no-repeat;
}


.title_pic.big.remove {
    background: none
}

.spin_on {
    animation: breathing 2s infinite;
}

.spin_on:hover {
    animation-play-state: paused;
}

@keyframes breathing {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scale(1.2);
    }

    50% {
        transform: scale(1);
    }

    75% {
        transform: scale(1.2);
    }

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

/* .title_pic.big.remove .box .after,
.title_pic.big.remove .box::after {
    background: none
} */
/* 
.title_pic.big.remove .box img {
    transition: all 1s ease !important
}

.title_pic.big.remove .box img.animate {
    opacity: 0;
    transform: scale(0) !important;
    left: 180px;
    top: -185px
} */

/* .title_pic.big .box {
    position: relative;
    width: 275px;
    height: 275px;
    margin-top: 112px;
    margin-left: 103px;
} */



.title_pic.big .pointer {
    position: absolute;
    z-index: 3;
    transition: all 1.5s;
}

.pop_dark .title_pic.big .pointer {
    width: 71px;
    height: 71px;
    left: 108px;
    top: 108px;
    background: url(../images/turntable_dark/icon_pointer.png);
}

.pop_light .title_pic.big .pointer {
    width: 42px;
    height: 58px;
    left: 140px;
    top: 128px;
    background: url(../images/turntable_light/icon_pointer.png);
}

.turntable_pic {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: all 1.5s;
}

/*  .title_pic.big .box .after {
    position: absolute;
    width: 275px;
    height: 275px;
    background: url(../images/after.png);
    transform: rotate(0deg);
    transition: all 1.5s
} */

.title_pic.big .anirotate {
    transform-origin: center center;
    animation: ani-rotate 2s cubic-bezier(0.22, 0.61, 0.36, 1) forwards
}

@keyframes ani-rotate {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(1070deg)
    }
}

/*  .title_pic.big .box .after img {
    position: absolute;
    right: 46px;
    top: 16px;
    transition: all .3s ease
}

 .title_pic.big .box .after img.big {
    transform: scale(1.5)
} */

.popbg_pic {
    width: 100%;
    height: 100%;
    background: rgba(30, 30, 32, 0.8) 0% 0% no-repeat padding-box;
    opacity: 0;
    transform: scale(0);
    backdrop-filter: blur(60px);
    -webkit-backdrop-filter: blur(60px);
    position: fixed;
    top: 0;
    left: 0;
    transition: all .3s ease;
    transform-origin: center;
    /* z-index: -998 */
}

.popbg_pic.on {
    opacity: 1;
    z-index: 998;
    transform: scale(1);
}