.b_box {
    max-width: 1920px; margin: auto;
    background: #00007a url(https://deal.tomtop.com/activity/201901/20190122Global-bg.jpg) no-repeat center;
    background-size:cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: top center;
    text-align: center;
}

.height30{ height:70px;} .height20{ height: 20px;}

/*-footer nav-*/
.footer-nav ul li{  
    webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    -moz-transition: transform .4s ease,-moz-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    max-width: 100%;}
.footer-nav ul li:hover {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}
.footer-nav ul {position: relative;  height:420px; padding-top: 9%; display: block;}
.footer-nav ul li{position:absolute; display: block; width: 19.2%; }
.footer-nav ul li a{ font-size: 18px; color: #fff;}
.a-1{position: absolute; bottom:25%;}
.footer-nav ul li.a1{left: 23.6%;}
.footer-nav ul li.a2{left: 57.5%;}
.footer-nav ul li.a3{left: 4%;top: 50%;}
.a4,.a5,.a6{ top: 30%}
.footer-nav ul li.a4{left: 40%;top: 50%;}
.footer-nav ul li.a5{left: 77.2%;top: 50%;}
.footer-nav ul li.a6{left: 23%;top: 75%;}
.a7,.a8,.a9{ top:45%}
.footer-nav ul li.a7{left: 57.6%;top: 75%;}
.footer-nav ul li.a8{ left: 43.5%;}
.footer-nav ul li.a9{ left: 70%;}
.a10,.a11,.a12,.a13{ top: 60%}
.footer-nav ul li.a10{ left: 2%;}
.footer-nav ul li.a11{ left: 30.2%;}
.footer-nav ul li.a12{ left: 58%;}
.footer-nav ul li.a13{ left: 85%;}
@media (max-width:1450px) {
    .footer-nav ul { height: 350px;}
}
@media (max-width:768px) {
    .footer-nav ul { height: 222px;}
    .footer-nav ul li a { font-size: 12px;}
}
@media (max-width:650px) {
    .footer-nav ul { height: 159px;}
}
@media (max-width: 450px){
.footer-nav ul {
    height:170px;
}
}
/*底部*/ 
.wb{padding: 0.5% 1% 1.2% 1%;}
.wb ul li{
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    -moz-transition: transform .4s ease,-moz-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.wb ul li:hover {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}
/*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{}
.title11 h1{display: inline-block;color: #001c51;padding: 7px 20px;font-size: 30px; position: relative;}
.title11 h1 .lIMG,.title11 h1 .rIMG{ position: absolute; top: 2px;}
.title11 h1 .lIMG{ left: -89px;}
.title11 h1 .rIMG{ right: -89px; }
.title11 h2.Extra{ color: #fff; padding-top: 10px;}
.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;    max-width: 70%;}
    .nav-toptop ul li { display: inline-block; width:32.5%; }
}
@media (max-width:1024px) {
 .title11{max-width: 990px; margin: 0 15px -10px  15px; }   
}
@media (max-width:768px) {
.title11 h1 {  font-size: 24px;} 
.title11 h1 .lIMG { left: -73px;}
.title11 h1 .lIMG, .title11 h1 .rIMG {top: 4px;width: 75px;}  
.title11 h1 .rIMG {right: -73px;}     
.BuyNow {
    font-size: 19px;
    padding: 10px;
    margin: 0 10px;
    margin-bottom: 19px;
}    
}
@media (max-width:650px) {
.title11 h1 {  font-size: 20px;} 
}
@media (max-width:550px) {
.title11 h1 {  font-size: 15px;} 
.title11 h1 .lIMG {left: -52px;}
.title11 h1 .lIMG, .title11 h1 .rIMG {top: 3px;width: 56px;}  
.title11 h1 .rIMG {right: -54px;}
.title11 h2.Extra {font-size: 12px;}    
}
@media (max-width:450px) {
.title11 h1 {  font-size: 12px;} 
}


/*---4----*/
.throw-row{ background: #fff; margin-top: 1.5%;}
.throw-row article,.w6 ul{ float: left; display: block;}
.w6 { width: 75%; padding: 1% 2% 0% 4%;} .w4{ width:25%; }
.throw{ width: 37%; text-align: center; }
.throw img,.jia img{ display: inline-block} 
.throw li{ display: block; }
.throw-1 { margin: 2% 0; font-size: 18px; height: 40px; overflow: hidden;}
.throw-2{ font-size: 30px; padding-top: 3%; font-weight: bold; color: #f84920;}
.jia {  padding-top: 10%; width: 23%; text-align: center;}

.w4{ float: left; background: #2d72b9; height:100%; }
.w4 li{color: #fff; text-align: center;}
.throwBG { margin-top: 15%; margin-bottom: 15%;}
.throwBG li{ padding-top: 5%;}
.lin-e{ text-decoration: line-through;}
.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;
}
.font60{ font-size: 60px;}
.buy2{ display: inline-block; padding: 1.5%  10%; font-size: 24px; color: #000; background: #fff;  margin: 5% 0 0 0 }
.throwBG a:hover .buy2{background: #000; color: #fff; }
.throw a img{}
@media(max-width:1445px){
 .throw-1 { margin: 2% 0; font-size: 14px; height: 32px;}
 .throw-2 { font-size: 22px;  padding-top: 3%; font-weight: bold;color: #f84920;} 
 .font30 { font-size: 22px;}
  .font16 {font-size: 14px;}
  .font60 {font-size: 46px;}
  .throwBG li { padding-top: 5%;}
    .buy2 {padding: 1.5% 10%;font-size: 20px;}
}
@media(max-width:550px){
    .jia img{ max-width: 33%;} 
    .throw {  width: 42%;text-align: center;}
    .throw-1 {margin: 2% 0;font-size: 12px; height: 29px;}
    .throw-2 {font-size: 12px;  padding-top: 3%;}
    .w6 {width: 70%; padding: 1% 1% 0% 1%;}
    .w4 { width: 30%;}
    .jia { padding-top: 17%; width: 15%;}
    .font30 { font-size: 12px;}
    .font16 { font-size: 12px;}
    .font60 {font-size: 18px;}
    .buy2 {  padding: 1% 10%; font-size: 12px;}
    .throwBG li {  padding-top: 5%;}
    .throwBG {margin-top: 7%; margin-bottom: 13%;}
    .throw-row {
    margin-left: 2%;
    margin-right: 2%;
}
}

/*---------------------------////-4---------------------------------*/
/*---尾部-banner--*/
.wb ul li{ float:left; display:block; width:47%;margin:1.5%; 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) {
.swiper-slide .height30 { height: 50px;}
/*产品*/
.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: 15px;}
.height20 { height: 4px;} 
.swiper-slide .height30 { height: 50px;font-size: 11px;line-height: 14px;}
   
/*产品*/    
.scan-it{ display: none;} 
.abcd {float:none;width: 100%;text-align: center;    }    
.d4 a {padding: 3% 13%;}    
}