:root {
  --surLexend: "Lexend", Arial, "Microsoft Yahei", sans-serif;
  --surMontserrat: "Montserrat", Arial, "Microsoft Yahei", sans-serif;
  --surTitillium: "Titillium Web", Arial, "Microsoft Yahei", sans-serif;
  --surRoboto: "Roboto", Arial, "Microsoft Yahei", sans-serif; }

.product_pro .sale_tips {
  position: absolute;
  right: -15px;
  top: 45px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  margin-left: 2px;
  transform: translateY(-3px);
  z-index: 2; }
  .product_pro .sale_tips:hover .tip_icon {
    background-color: #2A83B7; }
  .product_pro .sale_tips:hover .tip_text {
    z-index: 1;
    opacity: 1;
    visibility: visible; }
  .product_pro .sale_tips .tip_icon {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    cursor: pointer;
    background: #B9B9B9 url(../summer/tip_icon.svg) center center no-repeat; }
  .product_pro .sale_tips .tip_text {
    position: absolute;
    top: -4px;
    left: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    width: max-content;
    padding: 2px 10px;
    border-radius: 9999px;
    font: 400 12px/1.6 'Roboto';
    color: #4B5982;
    background: rgba(188, 188, 188, 0.5);
    z-index: -9;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease; }
.product_pro .feature_box .feature_bottom {
  position: relative;
  padding-top: 40px; }
  .product_pro .feature_box .feature_bottom .select_tips {
    position: absolute;
    top: -10px;
    left: 30px;
    width: fit-content;
    padding: 2px 10px 2px 35px;
    background: #D6EDFF 0% 0% no-repeat padding-box;
    border: 1px solid #2680EB;
    border-radius: 15px;
    font-size: 12px;
    color: #000000; }
    .product_pro .feature_box .feature_bottom .select_tips::after, .product_pro .feature_box .feature_bottom .select_tips::before {
      content: '';
      display: block;
      position: absolute; }
    .product_pro .feature_box .feature_bottom .select_tips::before {
      left: -20px;
      top: -10px;
      width: 56px;
      height: 39px;
      background: url(./gift_tip.png) center no-repeat; }
    .product_pro .feature_box .feature_bottom .select_tips::after {
      left: 42%;
      right: 0;
      bottom: -15px;
      width: 9px;
      height: 16px;
      background: url(./arrow.svg) center no-repeat; }

.product_pro[data-name='ascpro'] .banner_title {
  padding: 45px 0 35px; }
.product_pro[data-name='ascpro'] .product_offer .product_btn {
  width: 80%; }
.product_pro[data-name='ascpro'] .product_offer .offer_sale {
  width: 310px;
  padding: 40px 30px 5px;
  position: relative;
  top: 20px; }
  .product_pro[data-name='ascpro'] .product_offer .offer_sale .sale_pic {
    position: absolute;
    left: 45px;
    top: -60px; }
  .product_pro[data-name='ascpro'] .product_offer .offer_sale .offer_off {
    margin-top: 10px;
    background: transparent linear-gradient(255deg, #3B5DE3 0%, #2C449E 100%) 0% 0% no-repeat padding-box;
    border-radius: 12px;
    color: #FFEC44;
    position: relative;
    padding: 0px 15px;
    display: flex;
    align-items: center;
    gap: 5px;
    z-index: 1; }
    .product_pro[data-name='ascpro'] .product_offer .offer_sale .offer_off span {
      display: block;
      color: #E12929;
      position: relative; }
      .product_pro[data-name='ascpro'] .product_offer .offer_sale .offer_off span::after {
        content: attr(data-text);
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        font: inherit;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-text-stroke: 2px #fff; }
  .product_pro[data-name='ascpro'] .product_offer .offer_sale .sale_text {
    display: contents; }
  .product_pro[data-name='ascpro'] .product_offer .offer_sale .sale_info {
    display: block;
    position: relative;
    margin-top: 35px; }
    .product_pro[data-name='ascpro'] .product_offer .offer_sale .sale_info .original_info {
      position: absolute;
      width: fit-content;
      right: -5px;
      top: -40px; }
  .product_pro[data-name='ascpro'] .product_offer .offer_sale .list_item.list_title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px; }
    .product_pro[data-name='ascpro'] .product_offer .offer_sale .list_item.list_title::before, .product_pro[data-name='ascpro'] .product_offer .offer_sale .list_item.list_title::after {
      content: '';
      display: block;
      width: 4px;
      height: 4px;
      border-radius: 4px;
      background: #BFD2CC; }
    .product_pro[data-name='ascpro'] .product_offer .offer_sale .list_item.list_title .list_text {
      flex: none;
      width: fit-content;
      color: #2C449E; }
  .product_pro[data-name='ascpro'] .product_offer .offer_sale .list_item.list_sale .list_text {
    display: flex;
    align-items: center;
    gap: 4px;
    position: relative;
    left: -8px; }

.product_pro[data-name='dbpro'] .sale_time {
  margin: 20px auto 0;
  color: #000; }
  .product_pro[data-name='dbpro'] .sale_time.time_no {
    background: transparent linear-gradient(88deg, rgba(255, 167, 167, 0.7) 0%, rgba(254, 111, 111, 0.7) 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 10px 30px #ECA8A83B; }
  .product_pro[data-name='dbpro'] .sale_time span,
  .product_pro[data-name='dbpro'] .sale_time b {
    color: #FF0000; }
.product_pro[data-name='dbpro'] .product_offer {
  margin-top: 0px; }
  .product_pro[data-name='dbpro'] .product_offer .sale_time {
    margin: 0 auto; }
.product_pro[data-name='dbpro'] .pro_banner .banner_title {
  text-align: center;
  padding-top: 30px; }
.product_pro[data-name='dbpro'] .pro_banner .pro_more {
  padding-top: 60px; }
.product_pro[data-name='dbpro'] .pro_banner .product_offer {
  align-items: flex-end;
  gap: 15px; }
  .product_pro[data-name='dbpro'] .pro_banner .product_offer .offer_item {
    padding: 0 0 46px;
    box-shadow: none;
    border: none;
    min-width: 340px;
    min-height: 0;
    border-radius: 0;
    background: #FFF;
    border: 2px solid #E1E1E1; }
  .product_pro[data-name='dbpro'] .pro_banner .product_offer .offer_sale {
    padding: 0 0 46px;
    margin: 0;
    min-width: 0;
    width: 362px;
    min-height: 438px;
    background: #FFF;
    box-shadow: 0px 7px 15px #FF550069;
    border: 2px solid #FF0000; }
    .product_pro[data-name='dbpro'] .pro_banner .product_offer .offer_sale .offer_top {
      position: relative;
      width: 100%;
      height: 134px;
      margin-bottom: 26px; }
    .product_pro[data-name='dbpro'] .pro_banner .product_offer .offer_sale .offer_name {
      display: none; }
    .product_pro[data-name='dbpro'] .pro_banner .product_offer .offer_sale .offer_tag {
      position: absolute;
      top: 0px;
      left: 0px;
      margin: 0 auto; }
    .product_pro[data-name='dbpro'] .pro_banner .product_offer .offer_sale .sale_price {
      margin-bottom: -10px; }
    .product_pro[data-name='dbpro'] .pro_banner .product_offer .offer_sale .offer_original {
      margin-bottom: 6px; }
    .product_pro[data-name='dbpro'] .pro_banner .product_offer .offer_sale .sale_text {
      margin-right: -24px;
      transform: translate(-36px, -30px); }
  .product_pro[data-name='dbpro'] .pro_banner .product_offer .offer_name {
    width: 100%;
    height: 38px;
    background: #E1E1E1;
    font: 400 16px/1.5 var(--surRoboto);
    letter-spacing: 1.6px;
    color: #8E8E8E;
    text-transform: uppercase; }
  .product_pro[data-name='dbpro'] .pro_banner .product_offer .original_info {
    margin: 50px 0 34px; }
  .product_pro[data-name='dbpro'] .pro_banner .product_offer .offer_off {
    min-width: 155px;
    width: max-content;
    max-width: 90%;
    height: 35px;
    padding-top: 3px;
    font: 400 18px/1.5 var(--surRoboto);
    color: #000;
    background: #F4F4F4;
    border-radius: 2px; }
  .product_pro[data-name='dbpro'] .pro_banner .product_offer .sale_info {
    position: relative;
    padding-bottom: 0; }
  .product_pro[data-name='dbpro'] .pro_banner .product_offer .sale_price {
    margin-bottom: -30px;
    vertical-align: text-top;
    font: normal normal 700 24px/1.5 var(--surRoboto);
    color: #000; }
    .product_pro[data-name='dbpro'] .pro_banner .product_offer .sale_price big {
      display: inline-block;
      margin-right: 6px;
      vertical-align: text-top;
      transform: translateY(-20px); }
  .product_pro[data-name='dbpro'] .pro_banner .product_offer .sale_text {
    transform: translate(-36px, -5px);
    color: #7E828F;
    font: 400 16px/1.5 var(--surRoboto); }
  .product_pro[data-name='dbpro'] .pro_banner .product_offer .offer_original {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column; }
  .product_pro[data-name='dbpro'] .pro_banner .product_offer .original_price {
    font: 300 18px/1.5 var(--surRoboto);
    color: #A0A4AE; }
  .product_pro[data-name='dbpro'] .pro_banner .product_offer .original_middle {
    display: inline-block;
    position: relative;
    text-decoration: none;
    font: 300 18px/1.5 var(--surRoboto);
    color: #7E0000; }
    .product_pro[data-name='dbpro'] .pro_banner .product_offer .original_middle::before {
      content: '';
      display: block;
      position: absolute;
      top: 8px;
      left: -6px;
      width: 67px;
      height: 10px;
      background: url(../../pro_3planbox/3planbox_del.png) center center no-repeat; }
  .product_pro[data-name='dbpro'] .pro_banner .product_offer .product_btn {
    margin: 14px auto 10px;
    min-width: 220px;
    max-width: 90%;
    width: max-content;
    border: 2px solid #FC8462;
    border-radius: 4px;
    font: 600 18px/1.5 var(--surTitillium);
    color: #FF3614;
    text-transform: uppercase; }
    .product_pro[data-name='dbpro'] .pro_banner .product_offer .product_btn.solid_btn {
      min-width: 256px;
      height: 50px;
      border: none;
      color: #FFF;
      box-shadow: none;
      background: transparent linear-gradient(90deg, #FF6363 0%, #E20000 100%) 0% 0% no-repeat padding-box;
      border-radius: 4px; }
      .product_pro[data-name='dbpro'] .pro_banner .product_offer .product_btn.solid_btn:hover {
        border: none;
        color: #FFF;
        background: transparent linear-gradient(274deg, #F90000 0%, #FF3939 100%) 0% 0% no-repeat padding-box;
        box-shadow: inset -2px -3px 3px #DE0000, 0px 3px 6px rgba(0, 0, 0, 0.2); }
    .product_pro[data-name='dbpro'] .pro_banner .product_offer .product_btn:hover {
      border: none;
      color: #FFF; }
  .product_pro[data-name='dbpro'] .pro_banner .product_offer .offer_desc {
    font: 400 12px/1.5 var(--surRoboto);
    color: #A0A4AE; }
  .product_pro[data-name='dbpro'] .pro_banner .product_offer .sale_tips {
    right: -10px;
    top: 37px; }
.product_pro[data-name='dbpro'] .pro_banner .sale_gift .giftNum {
  display: inline-block;
  position: relative;
  height: 24px;
  margin-right: 4px;
  margin-left: 4px;
  vertical-align: middle; }
  .product_pro[data-name='dbpro'] .pro_banner .sale_gift .giftNum .nwrap {
    display: inline-block;
    position: relative;
    padding: 0;
    width: auto;
    height: 24px;
    overflow: hidden;
    text-align: center; }
  .product_pro[data-name='dbpro'] .pro_banner .sale_gift .giftNum .numlist {
    display: block;
    width: auto;
    height: inherit;
    color: #FF2D30;
    font: italic 500 16px/24px var(--surRoboto); }
    .product_pro[data-name='dbpro'] .pro_banner .sale_gift .giftNum .numlist span {
      display: block; }
  .product_pro[data-name='dbpro'] .pro_banner .sale_gift .giftNum em {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: inherit;
    height: inherit;
    opacity: 0;
    color: #FF2D30;
    font: italic 500 16px/24px var(--surRoboto); }
.product_pro[data-name='dbpro'] .pro_banner .sale_gift .br-numGhost {
  position: absolute;
  top: -24px;
  left: 0;
  margin: 0;
  z-index: 4;
  display: inline-block;
  text-align: center;
  font-weight: 700;
  font-style: italic;
  color: #FF2D30;
  font-size: 24px;
  text-shadow: 0 2px 0 #D21D1D;
  transform: scale(0);
  opacity: 0;
  transition: all 0.3s ease; }
.product_pro[data-name='dbpro'] .pro_banner .sale_gift .br-reduce {
  position: absolute;
  display: block; }
.product_pro[data-name='dbpro'] .pro_banner .sale_gift .commReduce {
  position: relative; }
.product_pro[data-name='dbpro'] .pro_banner .sale_gift .br-reduce .br-num {
  z-index: 22;
  display: none;
  position: absolute;
  left: 0px;
  top: 0;
  margin-top: -15px;
  width: 22px;
  height: 34px;
  font-size: 18px;
  line-height: 34px;
  color: #FF2D30;
  font-weight: 500;
  text-align: center;
  background: transparent linear-gradient(180deg, #FFCF4100 0%, #FF002C 46%, #FFCF4100 100%) 0% 0% no-repeat padding-box;
  opacity: 0;
  animation: reduce 1s ease-out 1; }
@keyframes reduce {
  from {
    top: 0px;
    opacity: 1; }
  to {
    top: -20px;
    opacity: 0; } }
.product_pro[data-name='dbpro'] .pro_banner .sale_gift .zoom-top-animation {
  animation: zoomTop 0.8s 0.3s forwards;
  animation-timing-function: ease-in;
  transform-origin: center center; }
.product_pro[data-name='dbpro'] .pro_banner .sale_gift .zoom-out-animation {
  animation: zoomOut 0.8s 0.3s forwards;
  animation-timing-function: ease-in;
  transform-origin: center center; }
@keyframes zoomOut {
  0% {
    opacity: 1;
    transform: scale(1); }
  100% {
    opacity: 0;
    transform: scale(3); } }
@keyframes zoomTop {
  0% {
    opacity: 1;
    transform: translateY(0px); }
  100% {
    opacity: 0;
    transform: translateY(-50px); } }
.product_pro[data-name='dbpro'] .pro_banner .sale_gift .date {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: -10px;
  z-index: 6;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: max-content;
  padding: 0 15px;
  padding-left: 26px;
  height: 24px;
  border-radius: 9999px;
  background: #FFE6D1 0% 0% no-repeat padding-box;
  border: 1px solid #FF7C61B0;
  white-space: nowrap;
  color: #000;
  font: italic normal 400 14px/1.5 var(--surRoboto);
  box-sizing: border-box; }
  .product_pro[data-name='dbpro'] .pro_banner .sale_gift .date strong,
  .product_pro[data-name='dbpro'] .pro_banner .sale_gift .date b {
    display: inline-block;
    color: inherit;
    font: inherit;
    padding: 0 2px; }
  .product_pro[data-name='dbpro'] .pro_banner .sale_gift .date::before {
    content: '';
    display: block;
    position: absolute;
    top: -8px;
    left: -16px;
    width: 43px;
    height: 39px;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(./clock.png);
    animation: 3s clock_swing 1.5s ease infinite;
    transform-origin: center center; }
.product_pro[data-name='dbpro'] .differ_bottom .product_btn.sale_btn {
  margin: 0 auto;
  display: flex;
  width: max-content; }
.product_pro[data-name='dbpro'] .differ_bottom .device_select.select_center .device_title {
  padding-top: 0; }

@media (max-width: 770px) {
  .product_pro[data-name='ascpro'] .banner_title {
    padding: 80px 0px; }
  .product_pro[data-name='ascpro'] .product_offer .offer_sale {
    top: 0px; } }

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