.b_box {
    max-width: 1920px; margin: auto;
    background: #e6d8f9 url(https://deal.tomtop.com/activity/201809/20180912ThreeSection-BG.jpg) no-repeat center;
    background-size: 1920px;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: top center;
    text-align: center;
}

.height30{ height:50px;} .height20{ height: 20px;}
/*top nav*/
.nav-toptop{text-align: center; max-width: 1200px; margin: auto; overflow: hidden;}
.nav-toptop ul {margin-bottom: -3px;}
.nav-toptop ul li { display: inline-block; width:33%; }
.nav-toptop ul li a{ display:block;}
.nav-toptop ul li img{vertical-align: text-bottom; display: block;}
.nav-toptop ul li a .nav-none{ display: none;}
.nav-toptop ul li a:hover .nav-none{ display: block;}
.nav-toptop ul li a:hover .nav-blcok{ display: none;}
.nav-toptop ul li:nth-of-type(1),
.nav-toptop ul li:nth-of-type(2),
.nav-toptop ul li:nth-of-type(3),
.nav-toptop ul li:nth-of-type(4){position: relative;}
/*top coupon*/
.top-couponBG{ background: url(https://deal.tomtop.com/activity/201809/201809-Sales-promotion-saleBG.png); padding: 25px 0;}
.top-couponBG .W1200{  padding: 15px; background: #FFF; position: relative;}
.top-couponBG .W1200 .coupon_wrap,.L2480-2-EU,.L2480-2-EU2{ float: left;}

/*title*/ 
.W1200.title11{ margin-bottom: -10px; position: relative; max-width: 1195px;}
.title11 h1{ font-size: 36px; font-weight: bold; color: #fff; position: absolute; text-align: center; display: block; width: 100%; top: 20%}
.titleH1 h1{font-size:28px; top: 16%; }
.titleH1 h2{ font-size: 25px; font-weight: bold; top:65%; position: absolute; text-align: center; display: block; width: 100%; color: #5e488d; }
.BuyNow{ font-size: 25px; font-weight: bold; background:#ff9a77; padding: 20px; margin: 0 10px; margin-bottom: 30px; }
.sharing-to-get-it-free{ margin-bottom: 1%; padding: 0 1%;}
@media (max-width:1450px) {
    .title11 h1{font-size: 32px;}
    .titleH1 h1{font-size:22px; top: 17%; }
    .titleH1 h2{ font-size: 22px;}
    .nav-toptop ul li { display: inline-block; width:32.5%; }
}
@media (max-width:1024px) {
 .title11{max-width: 990px; margin: 0 15px -10px  15px; }
    .titleH1 h1{font-size:18px; top: 18%; }
    .titleH1 h2{ font-size: 17px;}    
}
@media (max-width:768px) {
.title11 h1 {  font-size: 24px;} 
    .titleH1 h1{font-size:15px; top: 17%; }
    .titleH1 h2{ font-size: 15px;}        
.BuyNow {
    font-size: 19px;
    padding: 10px;
    margin: 0 10px;
    margin-bottom: 19px;
}    
}
@media (max-width:650px) {
.title11 h1 {  font-size: 20px;} 
    .titleH1 h1{font-size:13px; top: 17%; }
    .titleH1 h2{ font-size: 12px;}  
    .W1200.title11 { margin-bottom: -6px;}
}
@media (max-width:550px) {
.title11 h1 {  font-size: 15px;} 
    .titleH1 h1{font-size:12px; top: 15%; }
    .titleH1 h2{ font-size: 12px; top: 63%; }       
}
@media (max-width:450px) {
.title11 h1 {  font-size: 12px;} 
.titleH1 h1 {
    font-size: 10px;
    top: 13%;
    line-height: 10px;
}
    .titleH1 h2{ font-size: 10px;top: 61%; }
.W1200.title11{ margin-bottom: -5px; }    
}


/*----------------------------4---------------------------------*/
.col-1{width: 48.5%;margin: 0.75%;float: left;}
.bg-fff{ background: #fff; }
.throw-row{ background: #fff; margin-top: 1.5%;}
.throw-row article,.w6 ul{ float: left; display: block;}
.w6 {width: 100%;padding: 1% 2% 0% 2%;} .w4{ width:100%; }
.throw{width:43.5%;text-align: center;}
.throw img,.jia img{ display: inline-block} 
.jia img{ max-width: 50%;}
.throw li{ display: block; }
.throw-1 {margin: 2% 0;font-size: 12px;height: 34px;overflow: hidden;line-height: 17px;}
.throw-2{font-size: 22px;padding-top: 1%;padding-bottom: 9%;font-weight: bold;color: #d24848;}
.jia {padding-top: 13%;width: 13%;text-align: center;}
.spacing-tm{ padding:35px 0;} .spacing2{ height:35px;}

.w4{float: left;background: #2d72b9;height:100%;padding: 5% 0;}
.w4 li{color: #fff; text-align: center;}
.throwBG {float: left;width: 50%;}
.throwBG li.font60{ margin-bottom: 3%;}
.tb1{margin-top: 24px;}.tb1{ margin-top: 20px;}
.lin-e{ text-decoration: line-through; }
.lin-a{ text-decoration: line-through; color: #000; font-size: 16px; font-weight: 100}
.jt{ width: 70%; margin: 2% auto auto auto; height: 1px; background: #fff; position: relative;}
.jt:after{ 
    left: 50%; 
    position: absolute; 
    border-top:5px solid;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top-color:#fff;
    content:'';
    margin-left:-5px;
    z-index: 10;
    top: 0px;
}
.font30 { margin-top: 6px;}
.font60{ font-size:46px;}
.buy2{ display: inline-block; padding: 1.5%  10%; font-size: 20px; color: #2d72b9; background: #fff;  margin:0 0 0 0 }
.throwBG a:hover .buy2{background: #000; color: #fff; }
.throw a img{}
.footerimg li{ overflow: hidden}
.bg2 img, .ma img, .throw a img,.footerimg li a img {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    max-width: 100%;
}.bg2 img:hover, .ma img:hover, .throw a img:hover,.footerimg li a img:hover {
    transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}
.cloude-m{ display: none; position: absolute; top: 0px;}
@media (max-width:1450px) {
.throwBG .font30 {font-size: 24px;} 
.font60 {font-size: 41px;}   
.buy2 {font-size: 16px;}    
}
@media (max-width:700px) {
 .col-1 { width: 98%;margin: 1%;}   
}
@media (max-width:450px) {
.throwBG .font30 {font-size: 16px;}
.font16 { font-size: 12px;} 
.jt { width: 55%;margin: 2% auto auto auto;}
.font60 {font-size: 29px;}
.buy2 { font-size: 12px;padding: 1.5% 8%;} 
.tb1 { margin-top: 15px;}    
}
/*---------------------------////-4---------------------------------*/
/*---尾部-banner--*/
.wb ul li{ float:left; display:block; width:48%;margin:1%; text-align:center;}

@media (max-width:1450px) {
/*title*/
    .W1200.title11{ max-width: 990px;}    
/*top nav*/
.nav-toptop{text-align: center;max-width: 1000px;margin: auto;overflow: hidden;}    
}
@media (max-width:1000px) {.APP-Exclusive-deals ul .img1 {height:inherit;}}
@media (max-width:800px) {
.height30 { height: 30px;}
/*产品*/    
 .pr_price .current_price{ font-size: 16px !important;}   
 .pr_price .origin_price{font-size: 12px !important;}
 .pr_box .buy_btn{ line-height: 25px !important;}    
  .tab_btn li{ font-size: 12px !important;}
.tab_btn li .tab_btn_con{ line-height: 16px !important;}

}
@media (max-width:650px) {

/*产品*/
.tab_con li {width: 50% !important;  padding-bottom: 1.5%  !important} 
.pr_price .current_price { font-size: 23px !important;} 
.APP-Exclusive-deals ul li.enjoy-app{ width: 98%;}  
.APP-Exclusive-deals ul li{ width: 48%; margin: 1%;}
   
}
@media (max-width:450px) {
 .height30 {height: 22px;}
.height20 { height: 4px;} 
.tab_btn_con  .height30 {height: 30px;}    
   
/*产品*/    
.scan-it{ display: none;} 
.abcd {float:none;width: 100%;text-align: center;    }    
.d4 a {padding: 3% 13%;}    
}