* {
  margin: 0;
  padding: 0; }

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

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

a:hover {
  text-decoration: none; }

del {
  text-decoration: line-through; }

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

h1,
h2,
h3,
h4,
h5,
h6,
strong,
b {
  font-weight: 700; }

div,
p,
span,
h1,
h2,
h3,
h4,
h5,
h6,
strong,
del,
b {
  box-sizing: border-box; }

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

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

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

.all-icons {
  display: inline-block;
  text-indent: -9999px; }

.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: transparent linear-gradient(280deg, #C90000 0%, #FF0000 100%) 0% 0% no-repeat padding-box;
  box-shadow: inset -2px -3px 3px #0000003B;
  border-radius: 24px; }
  .christmas_btn:hover {
    background: transparent linear-gradient(280deg, #E80000 0%, #EF3A3A 38%, #FF5454 100%) 0% 0% no-repeat padding-box;
    box-shadow: inset -2px -3px 3px #00000052; }

.brrg {
  background-color: #fff; }
  .brrg .xmas-btn {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0 10px;
    height: 48px;
    min-width: 282px;
    color: #fff;
    font-size: 14px;
    line-height: 48px;
    font-weight: 700;
    letter-spacing: 0.28px;
    border: none;
    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;
    text-align: center;
    box-sizing: border-box; }
    .brrg .xmas-btn:hover {
      background: #FF2929; }
    .brrg .xmas-btn.small-btn {
      min-width: 184px;
      height: 40px;
      line-height: 40px;
      border-radius: calc(40px / 2); }
  .brrg .br-countNum {
    display: inline-block;
    color: #FF4234;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700; }
  .brrg .br-numGhost {
    position: absolute;
    top: -6px;
    left: 0px;
    z-index: 4;
    display: inline-block;
    text-align: center;
    font-weight: 700;
    font-style: italic;
    color: #ff0000;
    font-size: 24px;
    text-shadow: 0 1px 0 #fff; }
  .brrg .br-reduce {
    position: absolute;
    display: block;
    width: 50px;
    height: 50px;
    top: 95px;
    left: 70%;
    z-index: 10; }
    .brrg .br-reduce.reduce1 .br-num {
      background-position: 0 0; }
    .brrg .br-reduce.reduce2 .br-num {
      background-position: 0 -30px; }
    .brrg .br-reduce .br-num {
      position: absolute;
      right: 16px;
      top: 0;
      width: 32px;
      height: 30px;
      display: inline-block;
      background: url(../images/reduce.png) no-repeat;
      z-index: 22; }
  .brrg ._asc {
    color: #00A1E3; }
  .brrg ._db {
    color: #EB2629; }
  .brrg ._imf {
    color: #00BBCA; }
  .brrg ._iu {
    color: #01C137; }
  .brrg ._isu {
    color: #5535CA; }
  .brrg ._sd {
    color: #0096E0; }
  .brrg .pro-tag {
    flex: 0;
    display: inline-block;
    min-width: 98px;
    padding: 0px;
    height: 20px;
    color: #8E8E8E;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    border-radius: 10px;
    text-align: center;
    background-color: #F1F1F1; }
    .brrg .pro-tag > em {
      display: inline-block;
      font-style: normal;
      font-size: inherit;
      font-weight: inherit;
      line-height: inherit;
      transform: scale(0.9); }
  .brrg .pro-off,
  .brrg .pro-price {
    position: relative;
    display: inline-block;
    color: #000;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    text-decoration: none; }
  .brrg .pro-off {
    min-width: 80px;
    color: #FF5438;
    text-transform: uppercase;
    text-align: center;
    box-sizing: border-box; }
    .brrg .pro-off.off-tag {
      padding: 0 10px;
      height: 18px;
      line-height: 18px;
      color: #000; }
      .brrg .pro-off.off-tag::before, .brrg .pro-off.off-tag::after {
        content: '';
        display: block;
        position: absolute;
        z-index: -1; }
      .brrg .pro-off.off-tag::before {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        background: linear-gradient(275deg, #FFC464 0%, #FFF8D6 100%); }
      .brrg .pro-off.off-tag::after {
        top: 50%;
        left: -9px;
        transform: translateY(-50%);
        width: 0;
        height: 0;
        border-top: 9px solid transparent;
        border-bottom: 9px solid transparent;
        border-right: 9px solid #FFF8D6; }
  .brrg .pro-price {
    margin-left: 40px;
    width: 48px;
    color: #8E8E8E;
    font-weight: 400; }
    .brrg .pro-price::before {
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 52px;
      height: 15px;
      font-weight: 600;
      background: url(../images/store_del.svg) no-repeat; }
  .brrg .order-price {
    display: flex;
    margin-bottom: 5px; }
  .brrg .order-name,
  .brrg .order-discount {
    flex: 1 1 0; }
  .brrg .order-name {
    color: #000;
    font-size: 12px;
    line-height: 14px;
    font-weight: 600; }
  .brrg .order-discount {
    text-align: end;
    color: #000;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700; }
    .brrg .order-discount.red {
      color: #FF0D0D; }
    .brrg .order-discount > big {
      font-style: normal;
      font-weight: inherit;
      line-height: inherit;
      font-size: 30px; }

.lamp {
  position: absolute;
  width: 808px;
  top: 16px;
  left: 14px;
  height: 107px;
  background: url(../images/light_line.png) no-repeat center; }
  .lamp .light {
    display: block;
    position: absolute;
    z-index: 0;
    width: 31px;
    height: 31px;
    background: url(../images/light.png) no-repeat; }
    .lamp .light.light_on {
      background: url(../images/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(../images/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(../images/light.png) no-repeat; }
    .lamp_green .light.light_on {
      background: url(../images/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; }

.rg-banner {
  position: relative;
  width: 100%;
  min-width: 1200px;
  height: 867px;
  background: url("https://purchase.iobit.com/2023/xbundle/xmasgift2023it/images/salebanner.jpg") center top no-repeat;
  background-size: cover;
  overflow: hidden; }
  .rg-banner .banner_title {
    height: 121px;
    text-indent: -9999px;
    background: url(../images/title_green.png) no-repeat center center; }
  .rg-banner .banner_subtitle {
    text-align: center; }
    .rg-banner .banner_subtitle p {
      display: inline-block;
      position: relative;
      z-index: 1;
      text-align: center;
      font-size: 20px;
      line-height: 1.5;
      color: #fff;
      font-weight: 400;
      margin: auto; }
    .rg-banner .banner_subtitle span {
      font: inherit;
      color: #FAD234; }
  .rg-banner .rg-offer {
    position: relative;
    padding: 34px 80px;
    padding-top: 0;
    margin: 116px auto 0;
    width: 1200px !important;
    height: 388px;
    background: #FFFBF8;
    border: 1px solid #fff;
    border-radius: 35px;
    box-sizing: border-box; }
    .rg-banner .rg-offer::before, .rg-banner .rg-offer::after {
      content: '';
      display: block;
      position: absolute;
      background-position: center center;
      background-repeat: no-repeat; }
    .rg-banner .rg-offer::before {
      bottom: -44px;
      left: 8px;
      width: 152px;
      height: 80px;
      background-image: url(../images/tree_icon.png); }
    .rg-banner .rg-offer::after {
      bottom: -30px;
      right: 167px;
      width: 868px;
      height: 86px;
      visibility: visible;
      background-image: url(../images/top_gift.png);
      background-position: 428px 0px; }
    .rg-banner .rg-offer[data-bundle="asc"] .br-countNum,
    .rg-banner .rg-offer[data-bundle="asc"] .br-counter, .rg-banner .rg-offer[data-bundle="db"] .br-countNum,
    .rg-banner .rg-offer[data-bundle="db"] .br-counter {
      color: #fff; }
    .rg-banner .rg-offer[data-bundle="asc"] .br-numGhost, .rg-banner .rg-offer[data-bundle="db"] .br-numGhost {
      color: #fff; }
    .rg-banner .rg-offer[data-bundle="asc"] .order-pack, .rg-banner .rg-offer[data-bundle="db"] .order-pack {
      display: none !important; }
    .rg-banner .rg-offer[data-bundle="asc"] .bundle-right .order-list, .rg-banner .rg-offer[data-bundle="db"] .bundle-right .order-list {
      padding-top: 22px; }
    .rg-banner .rg-offer[data-bundle="asc"] .pro-free,
    .rg-banner .rg-offer[data-bundle="asc"] .bundle-image, .rg-banner .rg-offer[data-bundle="db"] .pro-free,
    .rg-banner .rg-offer[data-bundle="db"] .bundle-image {
      position: relative; }
      .rg-banner .rg-offer[data-bundle="asc"] .pro-free::before, .rg-banner .rg-offer[data-bundle="asc"] .pro-free::after,
      .rg-banner .rg-offer[data-bundle="asc"] .bundle-image::before,
      .rg-banner .rg-offer[data-bundle="asc"] .bundle-image::after, .rg-banner .rg-offer[data-bundle="db"] .pro-free::before, .rg-banner .rg-offer[data-bundle="db"] .pro-free::after,
      .rg-banner .rg-offer[data-bundle="db"] .bundle-image::before,
      .rg-banner .rg-offer[data-bundle="db"] .bundle-image::after {
        content: '';
        display: block;
        position: absolute;
        z-index: 9; }
      .rg-banner .rg-offer[data-bundle="asc"] .pro-free::before,
      .rg-banner .rg-offer[data-bundle="asc"] .bundle-image::before, .rg-banner .rg-offer[data-bundle="db"] .pro-free::before,
      .rg-banner .rg-offer[data-bundle="db"] .bundle-image::before {
        top: -6px;
        width: 560px;
        height: 180px;
        background: url(../images/offer_sold_bg.svg) center center no-repeat; }
      .rg-banner .rg-offer[data-bundle="asc"] .pro-free::after,
      .rg-banner .rg-offer[data-bundle="asc"] .bundle-image::after, .rg-banner .rg-offer[data-bundle="db"] .pro-free::after,
      .rg-banner .rg-offer[data-bundle="db"] .bundle-image::after {
        left: 25%;
        top: 50%;
        transform: translateY(-50%);
        z-index: 10;
        width: 320px;
        height: 146px;
        background: url(../images/gift_tips.png) no-repeat center/cover; }
    .rg-banner .rg-offer[data-bundle="asc"] .bundle-image::before, .rg-banner .rg-offer[data-bundle="db"] .bundle-image::before {
      top: 0px;
      left: auto;
      right: 10px;
      width: 539px;
      height: 175px;
      border-radius: 12px;
      background: url(../images/gift_box_sold.png) no-repeat;
      background-size: 539px 175px; }
    .rg-banner .rg-offer[data-bundle="asc"] .bundle-image::after, .rg-banner .rg-offer[data-bundle="db"] .bundle-image::after {
      left: auto;
      right: 11%;
      opacity: 0.6;
      background: url(../images/gift_tips.png) no-repeat center/cover; }
    .rg-banner .rg-offer[data-bundle="asc"] .pro-free .pro-name, .rg-banner .rg-offer[data-bundle="db"] .pro-free .pro-name {
      color: #B5B5B5; }
      .rg-banner .rg-offer[data-bundle="asc"] .pro-free .pro-name.gift, .rg-banner .rg-offer[data-bundle="db"] .pro-free .pro-name.gift {
        background: url(../images/gift_sold.svg) 0 0 no-repeat; }
    .rg-banner .rg-offer[data-bundle="asc"] .pro-free .pro-off,
    .rg-banner .rg-offer[data-bundle="asc"] .pro-free .pro-price, .rg-banner .rg-offer[data-bundle="db"] .pro-free .pro-off,
    .rg-banner .rg-offer[data-bundle="db"] .pro-free .pro-price {
      color: #B5B5B5; }
    .rg-banner .rg-offer[data-bundle="asc"] .pro-free .pro-price::before, .rg-banner .rg-offer[data-bundle="db"] .pro-free .pro-price::before {
      background-image: url(../images/store_del_sold.svg); }
    .rg-banner .rg-offer[data-bundle="ascdb"] .order-pack {
      display: flex !important; }
    .rg-banner .rg-offer[data-bundle="ascdb"] .bundle-right .order-list {
      padding-top: 12px; }
    .rg-banner .rg-offer[data-bundle="ascdb"] .bundle-choice .c-item[data-ancor="asc"]::before, .rg-banner .rg-offer[data-bundle="ascdb"] .bundle-choice .c-item[data-ancor="db"]::before {
      background: url(../images/off_gray_70.png) no-repeat; }
    .rg-banner .rg-offer[data-bundle="ascdb"] .bundle-choice .c-item.selected[data-ancor="asc"]::before, .rg-banner .rg-offer[data-bundle="ascdb"] .bundle-choice .c-item.selected[data-ancor="db"]::before {
      background: url(../images/off_90.png) no-repeat; }
  .rg-banner .bundle-image {
    position: relative;
    top: -86px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center; }
    .rg-banner .bundle-image::before {
      content: '';
      display: none;
      position: absolute;
      top: 0px;
      right: 1px;
      width: 539px;
      height: 175px;
      background: url(../images/gift_box_sold.png) no-repeat;
      background-size: 539px 175px; }
    .rg-banner .bundle-image > img,
    .rg-banner .bundle-image .add-icon {
      position: relative;
      z-index: 1;
      flex-shrink: 0; }
    .rg-banner .bundle-image .add-icon {
      display: block;
      margin: 0 15px;
      width: 38px;
      height: 38px;
      background: url(../images/add_icon.png) no-repeat; }
    .rg-banner .bundle-image .br-counter {
      position: absolute;
      top: 98px;
      left: auto;
      right: 196px;
      z-index: 9;
      display: block;
      text-align: center;
      color: #000;
      font-size: 14px;
      line-height: 18px;
      font-weight: 700;
      width: 160px; }
    .rg-banner .bundle-image .br-countNum {
      color: #FF4234;
      font-size: 14px;
      line-height: 18px;
      font-weight: 700; }
    .rg-banner .bundle-image .br-reduce {
      left: 74%; }
  .rg-banner .bundle-choice {
    display: flex;
    align-items: stretch;
    justify-content: center; }
    .rg-banner .bundle-choice .c-item {
      position: relative;
      margin: 0 13px;
      width: 180px;
      height: 174px;
      border: 1px solid #9B9B9B;
      background: #fff;
      border-radius: 10px;
      text-align: left;
      cursor: pointer; }
      .rg-banner .bundle-choice .c-item::before, .rg-banner .bundle-choice .c-item::after {
        content: '';
        display: block;
        position: absolute;
        z-index: 1;
        bottom: 0;
        left: 0; }
      .rg-banner .bundle-choice .c-item::before {
        left: -1px;
        bottom: -6px;
        z-index: 2;
        width: 179px;
        height: 51px;
        border-radius: 10px; }
      .rg-banner .bundle-choice .c-item::after {
        width: 150px;
        height: 158px;
        border-radius: 10px;
        opacity: 1;
        visibility: visible;
        z-index: 1; }
      .rg-banner .bundle-choice .c-item > img,
      .rg-banner .bundle-choice .c-item .check-icon {
        display: block;
        position: absolute; }
      .rg-banner .bundle-choice .c-item > img {
        left: 0;
        bottom: 0;
        z-index: 0; }
      .rg-banner .bundle-choice .c-item .check-icon {
        top: -1px;
        right: -1px;
        z-index: 3;
        width: 26px;
        height: 32px;
        border-radius: 0 6px 0 10px;
        background: #9B9B9B; }
        .rg-banner .bundle-choice .c-item .check-icon::before {
          content: '';
          display: block;
          position: absolute;
          z-index: 1;
          top: -6px;
          left: 2px;
          width: 51px;
          height: 40px;
          background: url(../images/check_big.png) no-repeat;
          transform: scale(0);
          transition: transform .3 ease-out; }
      .rg-banner .bundle-choice .c-item[data-ancor="asc"]::after {
        background: #fff url(../images/asc_box_gray.png) no-repeat; }
      .rg-banner .bundle-choice .c-item[data-ancor="asc"]::before {
        background: url(../images/off_gray_70.png) no-repeat; }
      .rg-banner .bundle-choice .c-item[data-ancor="db"]::before {
        background: url(../images/off_gray_70.png) no-repeat; }
      .rg-banner .bundle-choice .c-item[data-ancor="db"]::after {
        background: #fff url(../images/db_box_gray.png) no-repeat; }
      .rg-banner .bundle-choice .c-item.selected {
        border: 1px solid #DC9E1D; }
        .rg-banner .bundle-choice .c-item.selected::after {
          opacity: 0;
          visibility: hidden;
          z-index: -1; }
        .rg-banner .bundle-choice .c-item.selected[data-ancor="asc"]::before {
          background: url(../images/off_70.png) no-repeat; }
        .rg-banner .bundle-choice .c-item.selected[data-ancor="db"]::before {
          background: url(../images/off_70.png) no-repeat; }
        .rg-banner .bundle-choice .c-item.selected .check-icon {
          background: #FD5F4A; }
          .rg-banner .bundle-choice .c-item.selected .check-icon::before {
            transform: scale(1);
            transition: transform .3 ease-out; }
  .rg-banner .bundle-box {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: flex-start;
    margin-top: -66px; }
  .rg-banner .bundle-left,
  .rg-banner .bundle-right {
    flex: 1 1 0; }
    .rg-banner .bundle-left ul,
    .rg-banner .bundle-left li,
    .rg-banner .bundle-right ul,
    .rg-banner .bundle-right li {
      list-style: none; }
  .rg-banner .bundle-left {
    margin-top: 8px;
    position: relative;
    min-width: 602px;
    max-width: 602px;
    text-align: left; }
  .rg-banner .pro-sale,
  .rg-banner .pro-free {
    padding-bottom: 5px;
    border-bottom: 2px solid #CECECE; }
    .rg-banner .pro-sale .pro-itme,
    .rg-banner .pro-sale .pro-left,
    .rg-banner .pro-free .pro-itme,
    .rg-banner .pro-free .pro-left {
      display: flex;
      align-items: center; }
    .rg-banner .pro-sale .pro-itme,
    .rg-banner .pro-free .pro-itme {
      margin-bottom: 10px; }
      .rg-banner .pro-sale .pro-itme.selected .choice-icon::before,
      .rg-banner .pro-free .pro-itme.selected .choice-icon::before {
        transform: scale(1);
        transition: transform .3 ease-out; }
      .rg-banner .pro-sale .pro-itme.asc, .rg-banner .pro-sale .pro-itme.db,
      .rg-banner .pro-free .pro-itme.asc,
      .rg-banner .pro-free .pro-itme.db {
        cursor: pointer; }
    .rg-banner .pro-sale .pro-desc,
    .rg-banner .pro-sale .pro-left,
    .rg-banner .pro-free .pro-desc,
    .rg-banner .pro-free .pro-left {
      flex: 1 1 0; }
    .rg-banner .pro-sale .pro-desc,
    .rg-banner .pro-free .pro-desc {
      text-align: end; }
    .rg-banner .pro-sale .pro-name,
    .rg-banner .pro-free .pro-name {
      width: 260px;
      padding-right: 6px;
      color: #000;
      font-size: 14px;
      line-height: 18px;
      font-weight: 500;
      box-sizing: border-box; }
      .rg-banner .pro-sale .pro-name.gift,
      .rg-banner .pro-free .pro-name.gift {
        padding-top: 3px;
        padding-left: 26px;
        background: url(../images/gift_icon.svg) 0 0 no-repeat;
        background-size: 18px 17px; }
  .rg-banner .choice-icon {
    position: relative;
    display: block;
    margin-right: 12px;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #646464;
    background: #C4C4C4;
    border-radius: 4px; }
    .rg-banner .choice-icon::before {
      content: '';
      display: block;
      position: absolute;
      z-index: 1;
      top: -3px;
      left: 4px;
      width: 21px;
      height: 20px;
      background: url(../images/check.png) no-repeat;
      transform: scale(0);
      transition: transform .3 ease-out; }
  .rg-banner .pro-sale {
    padding-bottom: 5px; }
    .rg-banner .pro-sale .pro-name {
      width: 230px; }
  .rg-banner .pro-free {
    position: relative;
    padding-top: 16px; }
    .rg-banner .pro-free::before {
      content: '';
      display: block;
      position: absolute;
      top: -8px;
      left: 50%;
      transform: translateX(-50%);
      width: 31px;
      height: 14px;
      background: url(../images/store_add.png) no-repeat; }
  .rg-banner .bundle-right {
    margin-left: 50px;
    padding: 20px 54px 18px;
    width: 389px;
    text-align: left;
    box-sizing: border-box; }
  .rg-banner .order-title {
    color: #000;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700; }
  .rg-banner .order-list {
    padding-top: 12px;
    margin: 8px 0 20px;
    min-height: 94px;
    border-top: 2px solid #E2E2E2;
    border-bottom: 2px solid #E2E2E2; }
    .rg-banner .order-list .order-item {
      display: flex;
      margin-bottom: 8px; }
      .rg-banner .order-list .order-item.order-off .order-name {
        padding-left: 14px;
        font-size: 12px;
        font-weight: 500; }
        .rg-banner .order-list .order-item.order-off .order-name.spec {
          display: flex;
          justify-content: space-between; }
      .rg-banner .order-list .order-item.order-off .off-tag {
        margin-left: 6px;
        padding: 0 6px;
        font-size: 12px;
        min-width: 0;
        font-style: normal; }
      .rg-banner .order-list .order-item.order-off .order-discount {
        font-size: 12px;
        font-weight: 500; }
  .rg-banner .pro-price {
    font-weight: 400; }

.free-gifts {
  margin-top: -90px;
  padding: 0px 0 106px;
  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: 0px 0 90px;
    text-align: center;
    color: #2F2F2F;
    font-size: 20px;
    line-height: 24px;
    font-weight: 400; }
  .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; }
      .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; }
      .free-gifts .bundle_box .bundle_pic::after {
        bottom: 10px;
        left: 107px;
        width: 173px;
        height: 87px;
        background: url(../images/offs_80.png) center center no-repeat; }
      .free-gifts .bundle_box .bundle_pic.other::after {
        background: url(../images/off_78.png) center center no-repeat; }
      .free-gifts .bundle_box .bundle_pic.other82::after {
        background: url(../images/off_82.png) center center no-repeat; }
      .free-gifts .bundle_box .bundle_pic.other74::after {
        background: url(../images/off_74.png) center center no-repeat; }
      .free-gifts .bundle_box .bundle_pic.other72::after {
        background: url(../images/off_72.png) center center no-repeat; }
      .free-gifts .bundle_box .bundle_pic.other66::after {
        background: url(../images/off_66.png) center center no-repeat; }
    .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;
          background: url(../images/product_check.svg) center center no-repeat; }
        .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,
.rg-award,
.bottom-title {
  position: relative; }
  .free-subtitle::before,
  .rg-award::before,
  .bottom-title::before {
    content: '';
    display: block;
    position: absolute;
    top: 43px;
    left: 50%;
    transform: translateX(-50%);
    width: 9px;
    height: 23px;
    background: url(../images/free_arrow.png) no-repeat; }

.rg-award {
  position: relative;
  margin-bottom: 64px;
  padding: 96px 0;
  text-align: center;
  border-bottom: 1px solid #D8D6D5; }
  .rg-award::before {
    top: auto;
    bottom: -12px; }
  .rg-award .award-title {
    padding-bottom: 32px;
    font-size: 30px;
    line-height: 40px;
    color: #0D0D0F;
    font-weight: 700; }

.bottom-buy {
  position: relative;
  width: 100%;
  height: 465px;
  text-align: center;
  background: #fff url(../images/bottom_buy_bg.png) top center no-repeat;
  box-sizing: border-box; }
  .bottom-buy .bottom-title {
    z-index: 1;
    padding: 36px 0 70px;
    color: #3D3D3D;
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    text-align: center; }
    .bottom-buy .bottom-title::before {
      z-index: 0;
      top: -40px;
      width: 311px;
      height: 90px;
      background: url(../images/buy_tag.png) 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 {
    display: flex;
    height: 260px;
    background: url(../images/buy_offer_bg.png) no-repeat; }
  .bottom-buy .buy-image {
    position: relative;
    margin-right: auto;
    margin-top: 20px;
    padding: 32px 30px 0 30px; }
    .bottom-buy .buy-image .br-counter {
      position: absolute;
      top: 135px;
      left: 392px;
      z-index: 2;
      display: block;
      text-align: center;
      color: #000;
      font-size: 14px;
      line-height: 18px;
      font-weight: 700;
      width: 160px; }
    .bottom-buy .buy-image .br-reduce {
      top: 134px;
      left: 69%; }
  .bottom-buy .buy-title {
    padding: 40px 0 6px;
    color: #1E1C2C;
    font-size: 26px;
    line-height: 34px;
    font-weight: 500; }
  .bottom-buy .buy-desc {
    padding-bottom: 30px;
    color: #827777;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400; }
  .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: #1E1C2C;
    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: #1E1C2C;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500; }
  .bottom-buy .order-discount {
    color: #1E1C2C;
    font-size: 24px;
    font-weight: 500; }
    .bottom-buy .order-discount > big {
      font-size: 38px;
      font-weight: 500; }
  .bottom-buy .xmas-btn {
    min-width: 222px; }
  .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 .br-reduce {
    top: 0;
    right: -20px;
    left: auto;
    z-index: 10; }
  .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; }

.salereview {
  position: relative;
  margin: 0 auto;
  width: 1100px;
  height: 300px; }
  .salereview::before {
    content: '';
    display: block;
    position: absolute;
    top: 24px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 2;
    width: 1145px;
    height: 348px;
    box-sizing: border-box;
    background: url(../images/review_bg.png) no-repeat; }
  .salereview .salearrow {
    display: block;
    position: absolute;
    top: 152px;
    z-index: 9;
    width: 54px;
    height: 54px;
    cursor: pointer;
    border-radius: 50%;
    background: rgba(98, 95, 95, 0.17);
    border: 3px solid #616168;
    box-sizing: border-box; }
    .salereview .salearrow::before, .salereview .salearrow::after {
      content: "";
      display: block;
      position: absolute;
      width: 10px;
      height: 2px;
      border-radius: 4px;
      background: #616168; }
    .salereview .salearrow::before {
      top: 26px;
      left: 50%;
      margin-left: -7px;
      transform: rotate(45deg); }
    .salereview .salearrow::after {
      top: 20px;
      left: 50%;
      margin-left: -7px;
      transform: rotate(-45deg); }
    .salereview .salearrow.prev {
      left: 80px; }
    .salereview .salearrow.next {
      right: 80px; }
      .salereview .salearrow.next::before {
        top: 20px; }
      .salereview .salearrow.next::after {
        top: 26px; }
    .salereview .salearrow:hover {
      background: rgba(214, 18, 18, 0.04);
      border: 3px solid #D51212;
      transition: all 0.3s ease; }
      .salereview .salearrow:hover::before, .salereview .salearrow:hover::after {
        background: #D51212; }
  .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: 100px;
        height: 100px;
        border-radius: 50%;
        overflow: hidden;
        background: #2D2D30;
        border: 5px solid #2D2D30; }
        .salereview .reviewdes dl dt > img {
          display: block;
          position: absolute;
          top: 50%;
          left: 0;
          right: 0;
          margin: -50px auto 0;
          width: 100px;
          height: 100px;
          border-radius: 50%; }
      .salereview .reviewdes dl h3 {
        padding: 0px 0 12px;
        font-size: 26px;
        line-height: 30px;
        color: #1E1C2C; }
      .salereview .reviewdes dl p {
        margin: 24px auto 0;
        color: #707072;
        line-height: 22px;
        font-size: 14px;
        font-weight: 500; }
      .salereview .reviewdes dl h4 {
        padding-top: 10px;
        font-size: 14px;
        line-height: 20px;
        font-weight: 700;
        color: #1E1C2C; }

.saleservice {
  margin-top: 50px; }
  .saleservice dl {
    padding: 66px 0 50px;
    float: left;
    width: 25%;
    text-align: center; }
    .saleservice dl dt {
      height: 72px;
      line-height: 72px; }
      .saleservice dl dt > img {
        display: inline-block;
        vertical-align: middle; }
    .saleservice dl h3 {
      padding: 32px 0 8px;
      color: #28282c;
      font-weight: 600;
      font-size: 14px;
      line-height: 22px; }
    .saleservice dl p {
      margin: 0 auto;
      max-width: 80%;
      color: #28282c;
      font-size: 12px;
      line-height: 18px; }
  .saleservice .note {
    padding: 24px 0 32px;
    font-size: 12px;
    font-weight: 500;
    border-top: 1px solid #c9c9c9; }
  .saleservice .copyright {
    padding-bottom: 18px;
    font-size: 14px;
    font-weight: 600;
    text-align: center; }

.brrg.soldout .order-pack {
  display: none !important; }
.brrg.soldout .rg-banner .bundle-image .sold-word._white {
  left: 76%; }
.brrg.soldout .rg-banner .bundle-image::before {
  z-index: 3;
  display: block; }
.brrg.soldout .rg-banner .rg-offer[data-bundle="asc"] .pro-free::after,
.brrg.soldout .rg-banner .rg-offer[data-bundle="asc"] .bundle-image::after, .brrg.soldout .rg-banner .rg-offer[data-bundle="db"] .pro-free::after,
.brrg.soldout .rg-banner .rg-offer[data-bundle="db"] .bundle-image::after {
  display: none !important; }
.brrg.soldout .rg-banner .rg-offer[data-bundle="ascdb"] .order-pack, .brrg.soldout .rg-banner .rg-offer[data-bundle="asc"] .order-pack, .brrg.soldout .rg-banner .rg-offer[data-bundle="db"] .order-pack {
  display: none !important; }
.brrg.soldout .rg-banner .rg-offer[data-bundle="ascdb"] .bundle-right .order-list, .brrg.soldout .rg-banner .rg-offer[data-bundle="asc"] .bundle-right .order-list, .brrg.soldout .rg-banner .rg-offer[data-bundle="db"] .bundle-right .order-list {
  padding-top: 22px !important; }
.brrg.soldout .rg-banner .br-countNum {
  color: #000; }
.brrg.soldout .rg-banner .pro-sale,
.brrg.soldout .rg-banner .pro-free {
  border: none; }
.brrg.soldout .rg-banner .pro-free::before {
  position: absolute;
  top: 50%;
  left: -89px;
  z-index: 9;
  width: 737px;
  height: 150px;
  transform: translateY(-50%);
  background: url(../images/offer_sold_bg.svg) no-repeat; }
.brrg.soldout .rg-banner .pro-free .pro-name {
  color: #B5B5B5; }
  .brrg.soldout .rg-banner .pro-free .pro-name.gift {
    background: url(../images/gift_sold.svg) 0 0 no-repeat; }
.brrg.soldout .rg-banner .pro-free .pro-off,
.brrg.soldout .rg-banner .pro-free .pro-price {
  color: #B5B5B5; }
.brrg.soldout .rg-banner .pro-free .pro-price::before {
  background-image: url(../images/store_del_sold.svg); }
.brrg.soldout .rg-banner .bundle-right .order-list {
  padding-top: 22px; }
.brrg.soldout .bottom-buy .buy-image::before {
  display: block; }
.brrg.soldout .bottom-buy .br-counter {
  display: none; }
.brrg.soldout .bottom-buy .time-desc {
  right: auto;
  left: 50%;
  transform: translateX(-50%); }
.brrg.soldout .bottom-buy .sold-word._white {
  left: 66%;
  top: 80px; }
.brrg.soldout .sold-word,
.brrg.soldout .gift-tips {
  position: absolute;
  left: 50%;
  top: 104px;
  display: block;
  text-indent: -9999px;
  width: 87px;
  height: 83px;
  z-index: 10;
  transform: translateX(-50%);
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/big_sold_out.png);
  background-size: 87px 83px;
  transform-origin: center center; }
  .brrg.soldout .sold-word._white,
  .brrg.soldout .gift-tips._white {
    left: 66%;
    top: 50px;
    background-image: url(../images/big_sold_out_white.png); }
.brrg.soldout .gift-tips {
  left: 50%;
  top: 104px;
  width: 233px;
  height: 67px;
  background-image: url(../images/small_sold_out.png);
  background-size: 233px 67px; }
  .brrg.soldout .gift-tips._white {
    left: 66%;
    top: 50px;
    background-image: url(../images/small_sold_out_white.png); }

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