/*@font-face {
  font-family: atd;
  src: url("/html/font/Avenir%20LT%2045%20Book.ttf"); }
@font-face {
  font-family: erasLight;
  src: url("/html/font/ERASLGHT.TTF"); }
@font-face {
  font-family: erasMd;
  src: url("/html/font/ERASLGHT.TTF"); }
@font-face {
  font-family: erasBd;
  src: url("/html/font/ERASBD.TTF"); }
@font-face {
  font-family: erasDeMi;
  src: url("/html/font/ERASDEMI.TTF"); }
@font-face {
  font-family: WhitneyBook;
  src: url("/html/font/Whitney-Book.otf"); }
@font-face {
  font-family: WhitneyLight;
  src: url("/html/font/Whitney-Light.otf"); }
@font-face {
  font-family: WhitneyLight0;
  src: url("/html/font/Whitney-Light_0.otf"); }
@font-face {
  font-family: WhitneyMedium;
  src: url("/html/font/Whitney-Medium.otf"); }
    @font-face {
  font-family: WhitneyBlack;
  src: url("/html/font/Whitney-Black-Adv.otf"); }*/

    @font-face {
  font-family: AxureHandwriting;
  src: url("/html/font/AxureHandwriting.otf"); }
     @font-face {
  font-family: AxureHandwriting4;
  src: url("/html/font/AxureHandwriting-Italic.otf"); }
html{
    font-size: 10px;
}
body, html, header, section, div, p, ul, li, dl, dt, dd, a, h1, h2, h3, h4, h5, h6 {
  padding: 0;
  margin: 0;
  list-style: none; 
font-family: Arial, sans-serif;
}


 #wrap{
          background-color: black;

          height: 0;
          padding-bottom: 410.271%;
          background: url(/html/blackfriday/blackfridaymainbg.jpg) no-repeat;
          background-size:100% 100%;
          background-position:center; 
          box-sizing:border-box;
       
    }

.topl{
  text-align: center;
}
.h1l {
  margin-top: 50px;
  padding-top: 360px;
  padding-bottom: 30px;
}
.h1l img{
  max-width: 32%;
}.h2l {
  color:red;
  font-size: 27px;
}
.topboxl{
   color:#ffffff;
 
  
}
.topboxlsub{
  margin-top: 20px;
  background-color: #db1a39;
  color:#ffffff;
  font-size: 23px;
 padding:5px 20px 5px 20px;
 border-width: 0;
 border-radius: 6px;
    border-style: outset;
    margin-bottom: 20px;
}
.timer{
  color:gray;
}
.contentl{
  margin-top: 210px;
  margin-left: 24%;
  margin-right: 24%;
}

.round1{
      padding-top: 30px;
           height: 0;
          padding-bottom: 275.271%;
          background: url(/html/blackfriday/stripered.png) no-repeat;
          background-size:100% 100%;
          background-position:center; 
          
}
.round1top{
 
   margin-left: 7px;
   margin-right: 7px;
   padding-top: 30px;
   border-radius: 5px;
  background:  url(/html/blackfriday/stripewhitebg.png) no-repeat;
}
.buymore{
  text-align: center;
}
.buymore span{
  display: block;
  margin:0 auto;
  color:#ffffff;
  width: 85%;
  font-size: 23px;
  padding: 7px 0;
  background:  url(/html/blackfriday/stripblackbg.png) repeat;
}
.buymore p{
  width: 85%;
      padding: 7px 0;
          margin: 0 auto;
          text-align: left;
          margin-top: 25px;
          line-height: 20px;
          padding-bottom: 25px;
}
.diffuser{
  position: relative;
}
.diffuser img{
  position: absolute;
  right: 110px;
  top:-95px;
  max-width: 200px;

}

.round1pro{
  box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 35px;

}
.pro{
  
  /*display: inline-block;*/
  float:left;
  width:33.3%;
   padding-right: 10px;

    box-sizing:border-box;
      -moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
 padding-bottom: 20px;
}
.pro img{
  width:100%;
}
.father{
  position: relative;
}
.father a.imga{
  display: block;
  position: absolute;
  height: 170px;
  width: 100%;
  top:-270px;
}.father a.titlea{
  display: block;
  position: absolute;
  
  width: 100%;
  top:-80px;
 /* left:40px;*/
}

.round2{
  margin-top: 40px;
    padding-top: 30px;
           height: 0;
          padding-bottom: 225.271%;
          background: url(/html/blackfriday/stripered.png) no-repeat;
          background-size:100% 100%;
          background-position:center; 
}
.round2 .buymore{
  padding-bottom: 30px;
}
.father span.timerl{
  text-align: center;
  font-size: 14px;
  color:#ffffff;
  display: block;
  position: absolute;
  
  width: 100%;
  top:-320px;
}
.round2 .rushbuy{
  position: absolute;
  width: 100%;
  top:-19px;
}


.round3{
  margin-top: 40px;
    padding-top: 30px;
           height: 0;
          padding-bottom: 155.271%;
          background: url(/html/blackfriday/stripered.png) no-repeat;
          background-size:100% 100%;
          background-position:center; 
}.round3 .rushbuy{
  position: absolute;
  width: 100%;
  top:-19px;
}.round3 .buymore{
  padding-bottom: 30px;
}
.buymorelast{
  box-sizing:border-box;
}
.buymorelast span{
   box-sizing:border-box;
    margin-left: 25px;
    margin-right: 25px;
  width: initial;
    background: url(/html/blackfriday/blackbghigh.png) repeat;
    font-size: 15px;
     
}
.footerl{
   padding-top: 30px;
   padding-bottom: 30px;
 /*  background:  url(/html/blackfriday/wholeblack.png) repeat;*/
  text-align: center;
  color:#666666;
}



.navigatortop {
    display: block;
    position: fixed;
    right: 38px;
    height: 331px;
    z-index: 1500;
     top: 200px; 
    /*top: 50px;*/
    width: 228px;
    background: url(/html/blackfriday/guide.png) no-repeat;
    background-size: 100% 100%;
    background-position: center;
    font-size: 20px;
    text-decoration: none;
    text-align: center;
    /* font-family: AxureHandwriting4; */
}

.guide1 {
    position: absolute;
    top: 5%;
    
    opacity: 0;
}

.guide2 {
    position: absolute;
    top: 25%;
    
    opacity: 0;
}
.guide3 {
    position: absolute;
    top: 41%;
    
    opacity: 0;
}
.guide4 {
    position: absolute;
    top: 57%;
    
    opacity: 0;
}.guide5 {
    position: absolute;
    top: 75%;
     width: 100%;
    opacity: 0;
}.guide6 a{
  display: inline-block;
  box-sizing:border-box;
  width: 26%;
}
.guide6 {
    position: absolute;
    top: 89%;
    width: 100%;
    opacity: 0;
}


a.addtocart{
  display: block;
 
  margin:0 auto;
   position: absolute;
  top:-55px;
  z-index: 999;
  background-color: #feeeec;
  text-align: center;
  width: 100%;
  height: 53px;
}

.addtocart img{
  width: 80%;
  margin:0 auto;
 
   text-align: center;
}





.round1proagain .pro{
  position: relative;
}
.father2 .coupon{
  position: absolute;
  width: 100%;
  height: 23px;
}


@media screen and (max-width: 1400px){
  #wrap{
    padding-bottom: 417.271%;
  }
 .father span.timerl{
      top: -277px;
 }
 .father a.imga{
  top:-250px;
 }

 a.addtocart{
  top:-45px;
  height: 47px;
 }
}

@media screen and (max-width: 1200px){
  #wrap{
     padding-bottom: 484.271%;
  }
  .contentl{
        margin-left: 20%;
    margin-right: 20%;
  }
 .father span.timerl{
      top: -277px;
 }
 .father a.imga{
  top:-250px;
 }

 

}

@media screen and (max-width: 1024px){
  #wrap{
     padding-bottom: 614.271%;
  }
  .contentl{
        margin-left:12%;
    margin-right: 12%;
  }
 .father span.timerl{
      top: -298px;
 }
 .father a.imga{
  top:-230px;
  height: 140px;
 }
 .round1first{
  padding-bottom: 285.271%;
 }
 .navigatortop{
  right:1px;
  width: 175px;
 }
}

@media screen and (max-width: 768px){
 #wrap{

  padding-bottom: 654.271%;
   background: url(/html/blackfriday/blackfridaymbbg.png) no-repeat;
         background-size:100% 11%;
 }

/*  #top1{
     padding-bottom: 714.271%;
      background: url(/html/blackfriday/blackfridaymbbg.png) no-repeat;
         background-size:100% 11%;
    
         

  }  .contentl{
           background: url(/html/blackfriday/stripblackbg.png) repeat;
          background-size:100% 100%;
      
   }*/
 
 .father span.timerl{
      top: -280px;
 }
 .father a.imga{
  top:-230px;
  height: 140px;
 }
 .round1first{
  padding-bottom: 285.271%;
 }
 .h1l{
  padding-top: 220px;
 }.h2l{
  font-size: 18px;
 }
 .contentl{
  margin:0;
  margin-top: 90px;
  padding-left: 2%;
  padding-right: 2%;
  background-color: black;
   /* background: url(/html/blackfriday/blackbghigh2.png) repeat;*/
          
 }

  .navigatortop{
    display: none;
  }
}

@media screen and (max-width: 520px){
.h1l{
  padding-top: 130px;
  padding-bottom: 12px;
 }.h2l{
  font-size: 14px;
 }
 .topboxlsub{
  font-size: 15px;
 }
 .diffuser{
  display: none;
 }
/* .round1pro .father .imga{
  top:-160px;
  height: 130px;
 }
 .father a.titlea{
  font-size: 12px;
  top: -60px;
 }*/
.round1{
  padding-bottom: 525.271%;
}.round3{
  padding-bottom: 290.271%;
}
 .round1  .pro{
  width: 50%;
 }
 .buymore span{
  font-size: 17px;
 }
}
@media screen and (max-width: 425px){
  #wrap {
  
    background-size: 100% 13.5%;
}
  .father span.timerl{
    top:-217px;
    font-size: 10px;
  }
  a.addtocart{
  top:-35px;
  height: 37px;
 }
}
@media screen and (max-width: 414px){
.h1l{
  padding-top: 85px;
  padding-bottom: 5px;
 }.h2l{
  font-size: 12px;
 }
 .topboxlsub{
  font-size: 13px;
 }
 .diffuser{
  display: none;
 }
.father a.imga{
  top: -180px;
}.father a.titlea{
  top:-60px;
}
.contentl{
      margin-top: 75px;
}.round3{
  padding-bottom: 290.271%;
}
 .round1  .pro{
  width: 50%;
 }
 .buymore span{
  font-size: 17px;
 }.father span.timerl{
  top:-215px;
  font-size: 12px;
 }

  a.addtocart{
  top:-35px;
  height: 37px;
 }


}
@media screen and (max-width: 375px){
.h2l{
  font-size: 11px;
 }
 .topboxlsub{
  font-size: 11px;
 }.contentl{
      margin-top: 45px;
}.topboxl{
  height: 50px;
}.father a.imga{
  top: -160px;
  height: 70px;
}.father a.titlea{
  top:-55px;
  font-size: 11px;
}
.buymore span{
  font-size: 14px;
}.father span.timerl{
  font-size: 9px;
  top:-186px;
}
.round2{
  padding-bottom: 515.271%;
}
}

.rushbuy,.titlea,.imga{
  opacity: 0;
} a.addtocart{
  opacity: 0;
}
.bestekmall{
  display: inline;
  color:red;
  font-weight: 700;
}.coupon{
  opacity: 0;
}
@media screen and (min-width: 1024px){
#wrap{
  margin-top: -95px;
}
}