.height60{ height:60px; width: 100%;} .height50{ height:43px; width: 100%;}.height25{ height:29px; width: 100%;}.height20{ height:20px; width: 100%;}
.height60 {
    height: 54px;
}
.spacing-a{ height:20px; width: 100%;} 
.w1300{max-width:1300px; margin:auto}
.bg1202{max-width:1202px;margin:auto;}
.a801,.b801{ position: absolute;top:-5px}
.a801{ left: 55px; }
.b801{ right: 53px;}
.ba-e{position: absolute;top: -10px;left: 7%;width: 15%;}
.ba-f{ position: absolute;top:-10px;right: 7.8%;width: 15.1%;}
.b_box{ background: #bfcee6; max-width: 1920px; margin: auto}
a.ViewMoreDiscount{display: block;  text-align: center;  font-size: 19px; color: #fff;padding-top: 4px; font-weight: 100;text-transform: none; }
a.ViewMoreDiscount:hover{color: #fcc233;}
/*---*/
.tomIMG15{ margin-top: 10px; margin-bottom: 20px;}
.tomIMG2{margin-top: 0px; margin-bottom: 20px;}
.anniversary-bg.padding5{ padding:45px 5px 5px 5px}
/*-----------------------Saving With  Friends-------------------------*/
.Price0{ padding: 10px 0; color: #9a9a9a; font-size: 15.7px;}
.Price1{font-size: 14px; }
.Price2{ color: #ff6e1e; font-size: 14px; font-weight: bold; padding: 5px 0;}
.b_product_box .shopping-cart .anniversary-bg .buy_btn.buy_btnTT {
    width: 100%;line-height: 16px; background: #ff6e1e;font-size: 16px;text-align: center;color: #fff;margin: 0 auto 0;    text-transform: capitalize;display: block;margin-top:0px;padding: 8px 0;
    border-radius: inherit;
}
@media (max-width:1600px) {
.bg1202 {
    max-width: 1000px;
    margin: auto
}
.Price1{font-size: 13px; }
.Price2{ color: #ff6e1e; font-size: 13px;}  
    .b_product_box .shopping-cart .anniversary-bg .buy_btn.buy_btnTT{ font-size: 14px;}    
}
@media (max-width:980px) {
 .height60 {
    height: 48px;
}   
}
/*---4----*/
.celebration-title h1{font-size:40px;color: #275fb6;font-weight: bold;text-transform: uppercase;padding-bottom:27px;}
@media (max-width:640px) {
.celebration-title h1{ font-size: 22px;    padding-bottom: 18px;}
.height50 {  height: 23px;}	
a.ViewMoreDiscount {font-size: 15px; padding-top: 0%;}	
.height25 { height: 18px;
}	
}

@media (max-width:450px) {
.Price1,.Price2{ font-size: 3vw;} 

}

/*fotoer*/

.footerimg { margin: 0 2%; padding-bottom: 1%;}
.footerimg li{ margin-bottom: 1.5%;}
.footerimg li a{ display: block; overflow: hidden; }
.footerimg li.fo1{float:left; display:block; width:49.2%; text-align:center;}
.footerimg li.fo1-1{margin-right:0.8%; }
.footerimg li.fo1-2{margin-left:0.8%; }
@media (max-width:640px){
.footerimg { margin:-8px 2% 5% 2%;}
}
/*-------*/
.icoc{ margin-left:10px;}
.keifu{ position:fixed;  left:0; width:190px;   top: 50% !important; margin-top:-150px; _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom,10)||0)-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
 z-index:990;  }
.keifu_tab{ width:190px;}
.icon_keifu{ width:26px; height:100px; float:left; background:url(https://deal.tomtop.com/activity/202003/202010150922left-z.png) 0 0; position:relative; display:none; cursor:pointer;}
.keifu_tab img{ display:block;}
.keifu_head{ width:180px; height:51px; background:url(https://deal.tomtop.com/activity/202003/202010150922left-L.png) center no-repeat; font-size:0; line-height:0; position:relative; margin-top: 10px;  margin-left: 10px;}
.keifu_close:link,.keifu_close:visited{ display:block;    width: 161px; height: 51px;/* background:url(../images/20191010bannerimg_x.png);*/ position:absolute; top:5px; right:5px;}
.keifu_close:hover{ background-position:-60px 0;}
.keifu_con{ border-left:7px solid #029bdb; border-right:7px solid #029bdb; padding-top:15px; background:#fbfbfb;}
.keifu_con li{height:33px; padding-left:12px;}
.keifu_con .weixin{ height:96px;}
.keifu_con .bt{ font-size:16px; height:30px; line-height:30px; text-align:left; padding:0 0 0 20px; color:#012646;}
.keifu_bot{ width:131px; height:119px; background:url(https://deal.tomtop.com/activity/202003/202010150922left-z.png); }
@media (max-width:1600px) {
.keifu { margin-top: -378px;  width:160px; }
.keifu_tab{ width:160px;}	
.keifu_head { margin-top: 185px; margin-left: 5px;width:160px;}   
}
@media (max-width:1200px) {
 .keifu{ display: none;}
}


/*Code*/
.CodeCode0{ position: relative; }
.Code1 ul li {
    display: none;
    float: left;
    width: 47%;
    margin:0% 1.5% 0% 1.5%;
    padding:0% 2% 2% 2%;
    background: #118ae3;
}
.Code1 ul li:nth-of-type(1),.Code1 ul li:nth-of-type(2){ display: block}
.Code1 ul li:nth-of-type(1) .dd2:after{  content: "Pay with PayPal for TOMTOP website.";  color: #000;}
.Code1 ul li:nth-of-type(2) .dd2:after{  content: "Only for new users who register at TOMTOP and pay with PayPal during 11.10-11.30.";  color: #000;}
.table1{ display: table; width: 100%;}
.table2,.table3{}
.table2{text-align: center;}
.table3 {
    width: 59%;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -ms-border-radius: 15px;
    margin:3% auto auto auto;
}
.table2 h1{font-size: 85px;font-weight: bold;color: #fff;/* float: left; */margin-top: 3%;display: inline-block;}
.table2 h2 {font-size:30px;color: #fff;margin-top: 2%;/* float: left; */clear: right;/* width: 44%; */text-align: center;height: 44px;overflow: hidden;padding: 3% 1% 1% 1%;margin-left: 3%;display: inline-block;font-weight: bold;}
.table2 h3 {
    font-size: 22px;
    color: #FFF;
    line-height: 20px;
    height: 33px;
    overflow: hidden;
    padding: 2% 0 0 0;
    padding-right: 0;
    display: block;
    clear: both;
}
.ProgressBar{ color: #fff; font-size: 15px; width: 85%; text-align: right}
.b_banner_bg .table3{ text-align: center;}
.b_banner_bg .table3 .activity_countDown p,
.b_banner_bg .table3 .activity_countDown span,
.b_banner_bg .table3 .activity_countDown i
{font-size:22px;  color: #000}
.b_banner_bg .table3 .activity_countDown i{font-weight: bold; margin: 0 0px;}
.Remind{border-radius: 10px;-moz-border-radius:10px;-webkit-border-radius: 10px;-ms-border-radius: 10px;}
.Remind{ font-size:30px; color: #fff; display: block; padding: 3%; background: #c2229e; text-align: center; text-transform: uppercase}
.Remind.use_now{ background: #cc2320;}
.Remind999{ background: #999;}
.CodeCode{position: relative;}
.CodeCode ul{ margin: 0 -1%;}
.padding25{padding:45px 2px 20px 2px;}
.CodeCode ul li{
    background: #5583fb; width: 25%; display: block;  position:relative;
    width: 23%; margin: 1%;
    float: left;
    z-index: 1;
    background-size: 100%;
}
.a1-left,.a2-right{ position: absolute;top: 50%; margin-top: -27px}
.a1-left{ left:-15px; }
.a2-right{right:-15px; }
.Code-2{ padding: 6% 5%;}
.Code-2,.Code-3{background: #a947ff; color: #fff;}
.Code-3{ text-align: center; font-size: 16px; padding: 2%; margin-top: 4%}
.jma-left1,.jma-left2{float: left; }
.jma-left1,.jma-left3,.jma-left5 {width: 70%; }
.jma-left1 .font50{ font-size: 50px; font-weight: bold;}
.jma-left2{ text-align: center;}
.jma-left2 .font30{ font-size:30px;font-weight: bold; display: block; line-height: 50px; }
.dd1{position: relative;}
.dd1:hover .dd2{ display: block;}
.dd2 { border-radius: 5px; z-index: 1; display: none;  background: #fff; color: #000; padding: 5px; width:100%; position: absolute;right:0;}
.dd2 {
    box-shadow:0px 0px 6px 1px rgb(255, 255, 255) inset, 0px 0px 3px 1px rgb(73, 78, 99);
    -moz-box-shadow:0px 0px 6px 1px rgb(255, 255, 255) inset, 0px 0px 3px 1px rgb(73, 78, 99);
    -ms-box-shadow: 0px 0px 6px 1px rgb(255, 255, 255) inset, 0px 0px 3px 1px rgb(73, 78, 99);
    -webkit-box-shadow: 0px 0px 6px 1px rgb(255, 255, 255) inset, 0px 0px 3px 1px rgb(73, 78, 99);    
}
.dd1 a:hover{ color: #eaff00;    background: #800263; }
@media (max-width:1600px) {
	.CodeCode0 .W1200{ max-width: 995px; margin: auto;}
	.table2 h1{font-size: 68px;}
    .table2 h2 {font-size: 24px; height: 57px; padding: 8% 1% 1% 1%;margin-left: 3%; font-weight: bold;}
	.Remind { font-size: 23px;}
}
@media (max-width:1000px) {
.table2 h1 {font-size: 49px;}
.table2 h2 {font-size: 18px;height: 57px;padding: 10% 1% 1% 1%;}	
.table2 h3 { font-size: 17px;line-height: 20px;height: 29px;}	
.Remind { font-size: 17px;}

}
@media (max-width:640px) {
.table2 h1 {
    font-size: 28px;
	    line-height: 23px;
}	
.table2 h2 {
    font-size: 13px;
    height: 27px;
    padding: 5.5% 1% 7% 1%;
}
.table2 h3 {
    font-size: 13px;
    line-height: 20px;
    height: 25px;
}	
}
@media (max-width:500px) {
	.table2 h1{ display: block;}
	.table2 h2 {font-size: 13px;height: inherit; padding: 0 1% 0 1%;}
	.Code1 ul li { display: none; width: 47%; margin: 0% 1.5% 0% 1.5%; padding: 2% 2% 2% 2%;}
    .dd2 { padding: 5px; width: 165px; left: 50%; margin-left: -83px;}
}