.b_box {
    max-width: 1920px; margin: auto;
	background:#b7171f;
}
.width1131{ max-width: 1131px; margin: auto}
.height100{ height:100px;} .height30{ height:55px;} .height20{ height: 20px;}
.ww1920{ background:url(https://deal.cafago.com/activity/201901/2021120614Christmas-Sale-a2.png) top center no-repeat; background-size:1920px; max-width: 1920px; margin: auto }
.ww1920.ww1920-2{background:url(https://deal.cafago.com/activity/201901/2021120614Christmas-Sale-c2.png) top center no-repeat;}
.ww1920.ww1920-3{background:url(https://deal.cafago.com/activity/201901/2021120614Christmas-Sale-d2.png) top center no-repeat;}
.ww1920 img{ display: block;}
.backgruond-1{ background: #f7f1e3 url(https://deal.cafago.com/activity/201901/2021120614Christmas-Sale-d3.png) top center no-repeat; background-size:1920px; max-width: 1920px; margin: auto ; position:relative; }
/*title*/
.anniversary-bg{-webkit-box-shadow: 8px 8px 0px 0px #b7171f;  -moz-box-shadow: 8px 8px 0px 0px #b7171f;  box-shadow: 8px 8px 0px 0px #b7171f;}
.anniversary-bg.bgg2{-webkit-box-shadow: 8px 8px 0px 0px #b2696d;  -moz-box-shadow: 8px 8px 0px 0px #b2696d;  box-shadow: 8px 8px 0px 0px #b2696d;}
.title-a1{ background:url(https://deal.cafago.com/activity/201901/2021120614Christmas-Sale-t1.png) top center no-repeat; text-align: center;  margin: 0 0;}
.title-a1.title-a2{ background:url(https://deal.cafago.com/activity/201901/2021120614Christmas-Sale-t2.png) top center no-repeat; }
.top3{top: -156px; position: absolute; width: 100%;  left: 50%; margin-left: -600px;}
.title-a1 h1{ font-size: 38px; padding-top: 93px; padding-bottom: 5px;}
.title-a1 h1.ab1{ color:#b7171f;}
.title-a1 h1.ab2{ color:#fff;}
.hei-1{ height: 63px; width: 100%}
.hei-2{ height: 40px; width: 100%}
.hei-3{ height: 20px; width: 100%; background: #f7f1e3;}
@media (max-width:1600px) {
.W1200 {max-width: 1000px !important;}
.ww1920,.ww1920.ww1920-2,.ww1920.ww1920-3{ background-size:1600px; }
.top3 { top: -156px; left: 50%;margin-left: -500px;}
.hei-1{ height: 40px;}	
.hei-2 {height: 29px;}	
}
@media (max-width:1000px) {
	.W1200.top3{ width: 100%;  max-width: 100% !important;  left: inherit;   margin-left: inherit;top: -146px;}
	
}
@media (max-width:768px) {
.W1200.top3{    top: -78px;    z-index: 10;}	
.shopping-cart .hei-3{ height: 50px;}		
.title-a1 h1 {
    font-size: 20px;
    padding-top: 73px;
    padding-bottom: 5px;
}	
.title-a1 {background-size: 867px;}
.title-a1.title-a2{ background-size: 867px;}	
}
@media (max-width:450px) {
.W1200.top3 { top: -57px;  z-index: 10;}	
.shopping-cart .hei-3{ height: 35px;}		
.hei-1 { height: 30px;}	
.hei-2 {height: 20px;}
.hei-3{ height: 10px; width: 100%;}	
	
.title-a1 h1 {
    font-size: 15px;
    padding-top:54px;
    padding-bottom: 5px;
}	
.title-a1 {background-size: 650px;}	
.title-a1.title-a2{ background-size: 650px;}		
}
/*---*/
.MerryChristmas{ padding: 0 5%;}
.MerryChristmas ul li{ position: relative; width: 35%;  margin:2% 7%; float: left; text-align: center; }
.Flash-1{position: absolute;bottom: 5%; width: 70%; left:15%; color: #fff}
.Flash-1 .fla1{font-size: 16px; line-height: 20px; height: 20px; overflow: hidden; margin-bottom: 2%;}
.Flash-1 .fla2{ font-size: 16px; text-align: left; float:left;  }
.Flash-1 .fla2 span:nth-of-type(2){font-weight: bold; font-size: 24px;}
.Flash-1 .fla2 span:nth-of-type(3){ text-decoration: line-through;}
.Flash-1 .fla3{ float: right; margin-top: 3% }
.Flash-1 .fla3 a{ display: inline-block; background: #fff; padding:5px 12px; font-size: 14px; border-radius: 20px; color: #e20406;    -webkit-box-shadow:1px 2px 4px 0px #8a400f; -moz-box-shadow:1px 2px 4px 0px #8a400f; box-shadow:1px 2px 4px 0px #8a400f;}
.Flash-1 .fla3 a:hover{ background: #2da25e; color: #fff; }

@media (max-width:1600px) {
.MerryChristmas ul li { width: 40%; margin: 2% 5%;}
}

@media (max-width:1000px) {
.MerryChristmas ul li { width: 44%; margin: 2% 3%;}	
.Flash-1{ bottom: 3%;}	
.Flash-1 .fla1,.Flash-1 .fla2 {font-size: 14px;}
.Flash-1 .fla2 span:nth-of-type(2) {font-size: 20px;}	
}
@media (max-width:800px) {
.MerryChristmas ul li { width: 47%; margin: 2% 1.5%;}	
.MerryChristmas {  padding: 0 2%;}
.Flash-1 .fla3{float: none; display: none;}	
	.Flash-1 .fla2{ float: none; text-align: center;}	
}
@media (max-width:580px) {
.Flash-1 .fla1, .Flash-1 .fla2 {  font-size: 12px;}
.Flash-1 .fla1{ margin-bottom: 0;}	
.Flash-1 {bottom: 0%;}	
}
@media (max-width:450px) {
.MerryChristmas { padding: 0 0;}	
.Flash-1 .fla1 { font-size: 12px;  line-height: 17px; height: 15px;}
.Flash-1 .fla2 span:nth-of-type(2) { font-size: 15px;}
.Flash-1 {width: 81%;left: 9%;}
	
}


@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%;}    
}


/*-----------------------------------------------------*/
.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: 0 -0.5% 0 -0.5%;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) {
.footerimg { margin: 0 0 0 0; padding-top: 0;}	
}
@media (max-width:640px) {
.height100 {
    height: 48px;
}	
.footerimg {margin:0 0.5% 0 0.5%;padding-top:0;}   
}