
.b_box {
    max-width: 1920px; margin: auto;
    background: url(https://deal.tomtop.com/activity/201903/20190423-img4.png);
    /*background-size:cover;*/
    /*background-attachment: fixed;*/
   /* background-repeat: no-repeat;
    background-position: top center;*/
    text-align: center;
}

.height30{ height:55px;} .height20{ height: 20px;} .height40{ height: 40px;}

/*-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{     max-width: 1237px; width: 100%;}
.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*/
.padding{ padding:1.5%;}
.BG-FFF { background: #FFF;}
.title { text-align:center; padding:0 0;}
.title span{ display:inline-block; vertical-align:middle; }
.title span.bau-a{ font-weight: bold; font-size: 44px; text-transform: uppercase;  vertical-align:middle; padding: 0 2.5%; color: #fff; 
   text-shadow: 0px 0px 0px #fff, 5px 5px 0 #58c89d, 0px 0px 0 #58c89d;
   -webkit-text-shadow: 0px 0px 0px #fff, 5px 5px 0 #58c89d, 0px 0px 0 #58c89d; 
   -moz-text-shadow: 0px 0px 0px #fff, 5px 5px 0 #58c89d, 0px 0px 0 #58c89d; 
}

.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) {
.title span { width: 120px;}
.title span.bau-a {font-size: 38px; padding: 1% 2.5%; width: inherit;}  
.height40 { height: 30px;}    
}
@media (max-width:1024px) {
.title span { width: 80px;}
.title span.bau-a {font-size: 25px; padding: 1% 2.5%; width: inherit;}     
}
@media (max-width:768px) {
.BuyNow {
    font-size: 19px;
    padding: 10px;
    margin: 0 10px;
    margin-bottom: 19px;
}    
}
@media (max-width:650px) {
.title span { width: 38px; display: none;}
.title span.bau-a {display:block; font-size: 20px; padding: 1% 2.5%; width: inherit;}  
.height40 { height: 20px;}       
}
@media (max-width:550px) {
.title span { width: 38px;}
.title span.bau-a {font-size: 22px; padding: 1% 2.5%; width: inherit;}   
.height40 { height:15px;}  
}
@media (max-width:350px) {
.title span { width: 35px;}
.title span.bau-a {font-size: 16px; padding: 1% 1%; width: inherit;} 
}


/*---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: 50%; padding: 1.5%; text-align: center;}

@media (max-width:1450px) {
/*title*/
	.wb {
    max-width: 1030px;
    width: 100%;
}
    .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%;}    
}