.b_box {
    max-width: 1920px; margin: auto;
	background:#d1d6d9;
}
.width1131{ max-width: 1131px; margin: auto}
.height100{ height:100px;} .height30{ height:55px;} .height20{ height: 20px;}
.ww1920{   max-width: 1920px; margin: auto }

.ww1920 img{ display: block;}
@media (max-width: 1600px) {
.W1200 {max-width: 1000px !important;}
}	
/*title*/
.title-a1 h1{ font-size: 44px; font-weight: bold; text-align: center;padding: 38px 0 30px 0;}

/*Most Popular*/

.he20{ height: 18px;}
.MostPopular ul{ display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; margin-left:-20px;margin-bottom: -10px;}
.MostPopular ul li{ display: block; margin-bottom:24px; height: auto; width:calc(50% - 20px); background: #fff; color: #000; justify-content: space-between;flex-direction: column;margin-left: 20px;  padding: 2.5%; border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;  -moz-border-radius: 5px; -ms-border-radius: 5px;}
.MostPopular-img {overflow: hidden;}
.MostPopular-img img,.coupons ul li .coupons-a .coupons-R img{transitaion: .5s; -moz-transition: .5s;-o-transition: .5s; -ms-transition: .5s;-webkit-transition: .5s;}	
.MostPopular ul li:hover .MostPopular-img img,.coupons ul li .coupons-a .coupons-R img:hover{transform: scale(1.1); -moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);  -webkit-transform: scale(1.1);}
.MostPopular-a{ margin-top: 5%; padding-right: 122px;}
.MostPopular .MostPopular-a h1{ font-weight: bold; font-size: 36px; color:#fe3724;}
.MostPopular .MostPopular-a h2{ font-size: 24px;}
.MostPopular ul li a{ display: block; position: relative;}
.MostPopular ul li a .jiage{ font-size: 28px; background-color:#fe3724; color: #fff; display:inline-block; text-align: center; border-radius: 100px; -webkit-border-radius: 100px; -o-border-radius: 100px;  -moz-border-radius: 100px; -ms-border-radius: 100px; width: 130px; height: 130px; padding-top:40px; border:4px solid #fff; top: 45%; left: 47%; position: absolute;}
.MostPopular ul li a .jiage span{ font-size: 18px; text-decoration: line-through; display: block;}
.MostPopular ul li a .BUYNOW { position: absolute; font-size: 18px;border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;  -moz-border-radius: 5px; -ms-border-radius: 5px; border: 1px solid #000; padding:5px 15px; position: absolute; right: 0px; bottom: 1%; } 
.MostPopular ul li:hover .BUYNOW{ color:#fe3724; border: 1px solid #fe3724; }

@media (max-width: 1600px) {
.title-a1 h1{ font-size: 40px; padding: 30px 0 26px 0;}	
.MostPopular ul li a .jiage {font-size: 23px; width: 110px;height: 110px;padding-top: 33px;top: 45%; left: 52%}	
.MostPopular ul li a .jiage span {font-size: 14px;}
.MostPopular .MostPopular-a h1 {font-size: 30px;}
.MostPopular .MostPopular-a h2 {font-size: 20px;}
.MostPopular ul li a .BUYNOW{ font-size: 16px;}	
}
@media (max-width: 1000px) {
.MostPopular{ padding: 10px 10px 10px 20px; }	
.MostPopular ul li {padding: 2%; margin-bottom: 10px; width: calc(50% - 10px); margin-left: 10px;}
.MostPopular ul li a .jiage{ left:auto; right: 1%;}	
}
@media (max-width: 768px) {
.MostPopular .MostPopular-a h1 {font-size:22px;}	
}	
@media (max-width: 550px) {
.MostPopular .MostPopular-a h1 {font-size: 15px;}	
.MostPopular ul li a .BUYNOW{ position: inherit; font-size: 12px; text-align: center; display: inline-block; }	
.MostPopular ul li a { text-align: center;}	
.MostPopular-a { margin-top: 5%;padding-right: 0;}
.MostPopular ul li a .jiage{ position: inherit; background: none; color: #fe3724; font-size: 20px; height:auto; width:100%;padding-top:5px; padding-bottom: 5px; }	
.MostPopular ul li a .jiage span{ display: inline-block; margin-left: 5px; font-size: 12px; color: #000}	
.MostPopular .MostPopular-a h2 {font-size: 12px;}
}
@media (max-width: 430px) {
.MostPopular .MostPopular-a h2 {
    height: 58px; overflow: hidden;
}	
}
/*coupons*/
.coupons{ margin-top: 5px;}
.coupons ul{ margin: -0.8%}
.coupons ul li {width: 31.9%; margin: 0.7%; position: relative;
    padding-top: 0px;  display:block;
    background: url(https://deal.cafago.com/activity/202201/2022083018cafago_code1.png) center left repeat-y,url(https://deal.cafago.com/activity/202201/2022083018cafago_code2.png) center right repeat-y;background-color: #a03727;float: left;}
.coupons ul li .coupons-a {  display: table;width: 100%;}
.coupons ul li .coupons-a .coupons-L{ vertical-align: middle;  display: table-cell; text-align: left;padding: 2% 1% 2% 5%;  width: 43%; color: #fff}
.coupons ul li .coupons-a .coupons-R{  vertical-align: middle; display: table-cell;padding:7% 5% 7% 1%;}
.coupons ul li .coupons-a .coupons-R a{ display: block;}
.coupons ul li .coupons-a .coupons-L h1{ font-size: 40px; font-weight: bold; }
.coupons ul li .coupons-a .coupons-L h2{ font-size: 18px; height: 43px; overflow: hidden; margin: 5% 0; }
.coupons ul li .coupons-a .coupons-L h3{ font-size: 24px;}
.coupons ul li .coupons-a .coupons-L a{ display:inline-block; color: #fff; font-size:18px; border:solid 1px #fff; padding: 2% 6%;border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;  -moz-border-radius: 5px; -ms-border-radius: 5px; margin-top: 5%;}
.coupons ul li .coupons-a .coupons-L a:hover{ border:solid #fff600 1px; color: #fff600}
@media (max-width: 1600px) { 
.coupons ul li .coupons-a .coupons-L { width: 47%;}	
.coupons ul li .coupons-a .coupons-L h1 { font-size: 32px;}
.coupons ul li .coupons-a .coupons-L h2 {font-size: 15px; height: 33px;}
.coupons ul li .coupons-a .coupons-L h3 { font-size: 20px;}
.coupons ul li .coupons-a .coupons-L a{ font-size: 14px;}	
}
@media (max-width:800px) { 
.coupons{ padding: 1%;}	
.coupons ul li { width: 48%;margin: 1%;}	
}
@media (max-width: 768px) {
.title-a1 h1 {  font-size: 30px; padding: 24px 0 16px 0;}
.he20 { height: 10px;}
.coupons {margin-top: 0px;}
}
@media (max-width:640px) {
.coupons ul li .coupons-a .coupons-L { width: 53%;}	
.coupons ul li .coupons-a .coupons-L h1 { font-size: 23px;}
.coupons ul li .coupons-a .coupons-L h2 { font-size: 12px;height: 26px;}
.coupons ul li .coupons-a .coupons-L h3 { font-size: 14px;}
.coupons ul li .coupons-a .coupons-L a {font-size: 2.2vw;}
.coupons ul li .coupons-a .coupons-R {padding: 5% 5% 5% 1%;}	
.coupons ul li { background-size: 7px;}		
}
@media (max-width:500px) {
.coupons ul li .coupons-a .coupons-L h1 {font-size: 14px;}
.coupons ul li .coupons-a .coupons-L h3 {font-size: 12px;}	
.coupons ul li .coupons-a .coupons-L h2 { margin: 1% 0;}
.coupons ul li { background-size: 4px;}	
	
.title-a1 h1 {
    font-size: 20px;
    padding: 14px 0 16px 0;
}
.MostPopular {
    padding: 0px 10px 10px 20px;
}	
}


@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: 20px !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%;}    
}


/*-----------------------------------------------------*/
.footerimg li,.MerryChristmas 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%;
}
.footerimg li:hover,.MerryChristmas ul li:hover {-webkit-transform: translateY(-7px); -moz-transform: translateY(-7px); -ms-transform: translateY(-7px);transform: translateY(-7px);}
.footerimg {margin:40px -0.7% 0 -0.7%;padding-top: 0px; display: block }
.footerimg li{ display: block; float: left; overflow: hidden;}
.footerimg li img{ display: block;}
.footerimg li.n2{ margin: 1%; width: 48%; }
.footerimg li.n3{ margin: 0.7%;  width: 31.9%; }
.footerimg li.n1{ margin: 1%; width: 98%}
/*---4----*/
@media (max-width:1600px) {

}
@media (max-width:640px) {
.height100 {
    height: 48px;
}	
.footerimg {margin:0 0.5% 0 0.5%;padding-top:0;}   
}