body{font: 15px 'dinnext';line-height: 1.3;color:#fff;word-break: keep-all;overflow-x: hidden;}
body,ul,li,h1,h2,h3,h4,h5,p{margin: 0;padding: 0;list-style: none;}
*{box-sizing: border-box;}

@font-face{font-family: 'dinnext_sb'; src: url(../font/dinnext_sb.eot); src: url(../font/dinnext_sb.eot?#iefix) format('embedded-opentype'), url(../font/dinnext_sb.svg#nunito) format('svg'), url(../font/dinnext_sb.woff) format('woff'), url(../font/dinnext_sb.ttf) format('truetype'); font-weight: normal; font-style: normal;}

@font-face{font-family: 'dinnext'; src: url(../font/dinnext.eot); src: url(../font/dinnext.eot?#iefix) format('embedded-opentype'), url(../font/dinnext.svg#nunito) format('svg'), url(../font/dinnext.woff) format('woff'), url(../font/dinnext.ttf) format('truetype'); font-weight: normal; font-style: normal;}
.container{max-width:1304px;margin: auto;}
.pro_box{padding: 55px;background: #036150;}
@media (max-width:1304px) {
    .pro_box{padding:40px 10px;}
    .container{padding: 0 10px;}
}


/* salepage */
/* .sale_bg{background: -moz-linear-gradient(bottom, #ff5c6e 0%,#fc826a 100%); 
    background: -webkit-linear-gradient(bottom, #ff5c6e 0%,#fc826a 100%); 
    background: -o-linear-gradient(bottom, #dbebfa 0%, #f5fbff 50%,#dbebfa 100%); 
    background: -ms-linear-gradient(bottom, #dbebfa 0%, #f5fbff 50%,#dbebfa 1000%); 
    background: linear-gradient(bottom, #dbebfa 0%, #f5fbff 50%,#dbebfa 100%);padding:80px 0;} */

.sale_bg{background: url(../images/salebg.jpg)repeat-y top center;padding:0px 0 80px;}
.top_sale{position: relative;}
.top_sale::before{position: absolute;content: '';max-width:1304px;height: 157px;background: url(../images/topsalebot.png)no-repeat center bottom;bottom: 0;left: 0;width: 100%;background-size:contain;}

.top_salebg{width: 100%;position: relative;padding: 110px 0;}
.top_salebg::before{position: absolute;content: '';width:471px;height: 323px;background: url(../images/topsalebgr.png)no-repeat top center;top: 0;right:-180px;background-size: contain;}
.top_salebg::after{position: absolute;content: '';width:263px;height: 386px;background: url(../images/topsalebg.png)no-repeat top center;top: 0;left:-50px;background-size: contain;}
@media (max-width:1304px) {
    .top_salebg::before{width:250px;right:-15px;}
    .top_salebg::after{width: 200px;left:-15px;}
}

@media (max-width:640px) {
    .top_salebg::before{width:200px;}
    .top_salebg::after{width:150px;}
    .top_salebg{padding: 40px 0;}
}


.top_sale,.top_sale h2,.top_sale p{font-family: 'dinnext_sb';}
.power_up{text-align: center;font-size: 40px;margin-bottom:20px;position: relative;z-index: 2;}


.up_off {position: relative;z-index: 2;}
.up_off{color: #fffacc;animation:infinite scalebig 1s;}
.up_off img{width: auto;}
.up_off{display: flex;display: -webkit-flex;justify-content: center;align-items: center;font-size: 20px;color: #fcd962;}
.up_off h2{line-height:1;font-size:50px;}
.up_off p{font-size: 114px;height: 100px;line-height: 75px;line-height: 90px;}
.up_off .off img{position: relative;top:9px;}

@media (max-width:640px) {
    .up_off h2{font-size:30px;}
    .up_off p{font-size: 70px;}
    .up_off img{width: 60px;}
    .power_up{font-size: 26px;margin-bottom: 0;}
}

@keyframes scalebig {
    0% {
        transform: scale(1.2)
    }
    100% {
        transform: scale(0.9)
    }
  }


.price{font-size: 24px;margin: 20px 0;font-family:'dinnext_sb';}
.price .cur{color: #ed0404; display: inline-block; margin-right: 4px;font-size:46px;}
.price .or{display: inline-block; color: #bdbdbd; text-decoration: line-through;font-family:'dinnext';}
@media (max-width:1200px) {
    .price{font-size: 20px;}
    .price .cur{font-size:44px;}
}
@media (max-width:768px){
    .price .cur{font-size:34px;}
}

@media (max-width:640px){
    .price .cur{font-size:28px;}
    .price{font-size: 18px;margin: 10px 0 15px;}
}


/* hurry */
.hurry{font-family:'dinnext_sb';font-size:60px;text-align: center;padding: 30px 0 80px;}
.hurry span{position: relative;color: #fff;}
.hurry span::before{position:absolute;content: '';width: 88px;height: 90px;background:url(../images/zs.png)no-repeat;left: -100px;}
.hurry span::after{position:absolute;content: '';width: 90px;height: 90px;background:url(../images/zs.png)no-repeat;right: -100px;}

@media (max-width:1304px){
    .hurry span{font-size:40px;padding: 0 70px;}
    .hurry span::before{height: 60px;background-size:contain;left: 0;}
    .hurry span::after{height: 60px;background-size:contain;right: 0;}
}

@media (max-width:768px){
    .hurry span{font-size:40px;padding: 0 60px;display: block;}
    .hurry span::before{width:60px;left: 0;top: 10px;}
    .hurry span::after{width:60px;right: 0;top: 15px;}
}

@media (max-width:640px){
    .hurry{padding:10px 0 40px;}
    .hurry span{font-size:26px;}
}


.salediv{position: absolute;width:90px;height: 86px;background: url(../images/savebg.png)no-repeat;top:-12px;left:20px;text-align: center;    color: #000;padding-top: 4px;line-height: 1.2;background-size: cover;font-size:22px;padding-top: 9px;text-indent: -8px;}
.salediv span{display: block;font-family:'dinnext_sb';font-size:26px;}

.five_section .salediv{width:75px;height: 71px;font-size: 18px;text-indent: -4px;top:-10px;padding-top:4px;}
.five_section .salediv span{font-size:22px;}

@media (max-width:768px){
    .salediv{left: 10px;top: -8px;width: 70px;height: 67px;font-size: 16px;padding-top: 7px;}
    .salediv span{font-size: 20px;}

    .five_section .salediv{left: 10px;top: -8px;width: 60px;height: 57px;font-size: 15px;padding-top: 5px;}
    .five_section .salediv span{font-size:18px;}
}



  @media (max-width:1231px) {
      .sale_section{overflow: hidden;}
  }
  .sale_section ul li {padding:5px;border-radius:20px;position: relative;}
  .sale_section ul li:nth-child(1){margin-bottom:40px;}
  .sale_section ul li .images_txt{background: #fff;display:flex;display: -webkit-flex;align-items: center;border-radius:16px;flex-wrap: wrap;justify-content: space-between;border:4px solid #f8ca2e;}
  .sale_section ul li .images{position: relative;}




  .sale_section ul li .images{width:50%;}
  .sale_section ul li .images img{width: 100%;border-radius:18px 0 0 1 8px;}
  .sale_section ul li .text{width: calc(49% - 20px);padding: 20px;}
  .sale_section ul li h2 a{font-size: 34px;line-height: 1.3;color: #333;text-decoration: none;}
  .sale_section ul li h2 a:hover{text-decoration: underline;}

  .sale_section ul .shop{padding-top:30px;}
  .sale_section ul li .shop a{color:#fff ;font-size:24px;text-decoration: none;text-transform: capitalize;padding:5px 50px 10px;border-radius: 50px;margin-top:0px; background: -webkit-linear-gradient(right, #ff5c6e 0%,#fc826a 100%);}
  .sale_section ul li .shop a:hover{text-decoration: underline;}
  .sale_section ul li a img{padding-right:8px;}


  @media (max-width:1200px) {
    .sale_section ul li h2{font-size: 30px;}
    .sale_section ul li a{font-size: 22px;}
}

  @media (max-width:768px){
      .sale_section ul li .images{width: 100%;}
      .sale_section ul li .text{width: 100%;padding: 20px 15px 40px;}
      .sale_section ul .shop{padding-top: 10px;}
      .sale_section ul li{padding:3px;} 
      .sale_section ul li h2 a{font-size: 24px;}
      .sale_section ul li .images_txt{border-width: 3px;}  
      .sale_section ul li:nth-child(1){margin-bottom: 20px;}
      .sale_section ul li .images img{width: 100%;border-radius:12px 12px 0 0;}
      .sale_section ul li .shop a{font-size: 18px;padding: 3px 30px 8px;}
  }
  
  @media (max-width:640px){
    .sale_section ul li h2 a{font-size: 18px;}
  }
  


.five_section img{width: 100%;}
.five_section ul{display: flex;display: -webkit-flex;flex-wrap: wrap;margin-top: 40px;}
.five_section ul li {border-radius:10px;position: relative;width: calc((100% - 40px)/3);margin-right: 20px;margin-bottom: 20px;border: 4px solid #ffd906 ;background: #fff1f0;}
.five_section ul li:nth-child(3n){margin-right: 0;}
.five_section ul li .images{position: relative;}
.five_section ul li .images img{border-radius: 8px 8px 0 0;}
.five_section ul li .text{background: #fff1f0;padding: 20px 20px 25px;border-radius: 0 0 8px 8px;}


.five_section .price .cur{color: #ed0404; display: inline-block; margin-right: 4px;font-size:32px;}
.five_section .price .or{display: inline-block; color: #bdbdbd; text-decoration: line-through;}

.five_section ul li h2 a{font-size: 20px;line-height: 1.3;display: block;color: #333;text-decoration:none;
    overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;}
.five_section ul li h2 a:hover{text-decoration: underline;}

.five_section ul li .shop a{font-size:18px;text-decoration: none;text-transform:capitalize;display:flex;display: -webkit-flex;align-items: center;justify-content: center;padding: 6px 30px 10px;border-radius: 50px;background: -webkit-linear-gradient(right, #ff5c6e 0%,#fc826a 100%);color: #fff;display: inline-block;}
.five_section ul li .shop a img{padding-right:8px;max-width: 30px;}
.five_section ul li .shop a:hover{text-decoration: underline;}



@media (max-width:992px){
    .five_section ul li h2 a{font-size: 18px;}
    .five_section ul li .shop a{font-size:16px;}
    .five_section{padding-top:0px;}
    .five_section .price{font-size: 16px;margin: 10px 0;}
    .five_section .price .cur{font-size: 26px;}
}
@media (max-width:768px){
    .five_section ul{margin-top: 20px;}
    .five_section ul li{width: calc((100% - 10px)/2);margin-right:10px;}
    .five_section ul li:nth-child(3n){margin-right: 10px}
    .five_section ul li:nth-child(2n){margin-right: 0px}
    .five_section ul li .images_txt{padding: 5px;padding-bottom: 20px;}
    .five_section ul li .text{padding:15px 10px 20px;}
    .five_section ul li h2 a{font-size: 16px;}
    .five_section ul li .shop a{font-size:16px;padding:4px 15px 8px;}
    .five_section ul li{border-width: 3px;}  
    .five_section .price{font-size: 16px;margin: 10px 0;}
    .five_section .price .cur{font-size: 24px;}
}