.height60{ height:60px; width: 100%;} .height40{ height:40px; width: 100%;}.height35{ height:35px; width: 100%;}.height20{ height:19px; 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: 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;}

/*Coupons*/
.ca-bg{background:url(https://deal.tomtop.com/activity/202201/20220215CelebrateWinter-6.jpg?01) top center no-repeat; background-size:100%; }
.Coupons-a ul{ margin: -1.5%}
.Coupons-a ul li{ position: relative; width: 30%; margin: 1.6%; float: left; display: block; text-align: center; border: #1f4b95 solid 2px; border-radius: 30px; padding: 2%; }
.cou-img1,.cou-img2,.cou-img3,.cou-img4{ position: absolute;}
.cou-img1{ left: -5px; top:-5px}
.cou-img2{ right:-5px;top:-5px}
.cou-img3{ left: -5px; bottom:-5px;}
.cou-img4{ right: -5px; bottom: -5px;}
.Coupons-a ul li h1 a{color:#fe3724;}
.Coupons-a ul li h2 a{color: #1f4b95;}
.Coupons-a ul li h1 a,.Coupons-a ul li h2 a{ line-height: 35px}
.Coupons-a ul li h1{ font-size: 60px;  font-weight: bold; text-transform: uppercase; }
.Coupons-a ul li h2{font-size: 24px; height: 72px; overflow: hidden; }
.Coupons-a ul li h3{ display:inline-block; padding: 1% 3%; font-size: 24px; line-height: 44px; color: #fe3724;background:url(https://deal.tomtop.com/activity/202201/20220215CelebrateWinter-a1.jpg) left center no-repeat,url(https://deal.tomtop.com/activity/202201/20220215CelebrateWinter-a2.jpg) right center no-repeat;
}
@media (max-width:1600px) {
.Coupons-a ul li h1{ font-size: 45px;}	
.Coupons-a ul li h2 {font-size: 18px; height: 52px; margin-bottom: 10px;}	
.Coupons-a ul li h1 a, .Coupons-a ul li h2 a {line-height: 27px;}
.Coupons-a ul li h3 {
    padding: 0% 3%;
    font-size: 19px;
    line-height: 34px;
    background: url(https://deal.tomtop.com/activity/202201/20220215CelebrateWinter-a1.jpg) left bottom no-repeat,url(https://deal.tomtop.com/activity/202201/20220215CelebrateWinter-a2.jpg) right bottom no-repeat;
}
}
@media (max-width:768px) {
.Coupons-a ul {margin: 0;}	
.Coupons-a ul li { width: 46%;margin: 2%; border-radius: 30px; padding: 2%;}
}
@media (max-width:550px) {
.Coupons-a ul li h1 { font-size: 30px;}
.Coupons-a ul li h1 a, .Coupons-a ul li h2 a { line-height: 18px;}	
.Coupons-a ul li h2 { font-size: 13px; height: 36px; margin-bottom: 10px;}
.Coupons-a ul li h3 { padding: 0% 3%; font-size: 12px;line-height: 25px;
    background: url(https://deal.tomtop.com/activity/202201/20220215CelebrateWinter-a1.jpg) left bottom no-repeat,url(https://deal.tomtop.com/activity/202201/20220215CelebrateWinter-a2.jpg) right bottom no-repeat;
}	
.cou-img1, .cou-img2, .cou-img3, .cou-img4 {  position: absolute;width: 30px;}	
.Coupons-a ul li { border-radius: 7px;}	
.cou-img1{ left: -3px; top:-3px}
.cou-img2{ right:-3px;top:-3px}
.cou-img3{ left: -3px; bottom:-3px;}
.cou-img4{ right: -3px; bottom: -3px;}	
}
@media (max-width:420px) {
.Coupons-a ul li h2 {font-size: 12px;}
.Coupons-a ul li h1 {font-size: 25px;}	
}


.OneTwo2.w277 li {
    width: 25% !important;
    margin-bottom: 1.5%;
}
.OneTwo2.w277 .pr_img {
    height: 277px;
}
.OneTwo2.w277 .pr_price .current_price{ font-size: 28px;}
.b_product_box .shopping-cart .OneTwo2.w277  .pr_box .buy_btn{ margin-left: 18%;}
@media (max-width:1600px) {.OneTwo2.w277 .pr_img {height: 240px;}	.OneTwo2.w277 .pr_price .current_price { font-size: 22px}}
@media (max-width:900px) {
	.b_product_box .shopping-cart .OneTwo2.w277  .pr_box .buy_btn{ margin-left: -3%;}
}
@media (max-width:640px) {.OneTwo2.w277 li { width: 50% !important; margin-bottom: 1.5%;}}
/*---*/
.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;
}   
}
/*title*/
.bgbga{ margin-bottom: -10px}
.bgbga .title-a h1{ background: #d5f5ff}
.code-c img {max-width: 100%;}
.code-c a{display: block; overflow: hidden;    margin: 0 2.5%;}
.title-a { text-align: center;}
.title-a h1{font-size: 44px;  color: #1f4b95;display: initial;  padding: 0; text-transform: uppercase;  line-height: 39px;}
.title-a h1 img{vertical-align:super;}
.title-a h1 span{line-height: 0}            

.title-a h1 strong,.title-a h1 span{ display: inline-block; vertical-align: middle}
.title-a h2 {color: #ffe6a6;}
.rotate180 {
    transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    width: 100%;
}
@media (max-width:1600px) { 
.title-a {text-align: center; }	
.title-a h1{font-size: 40px;}
} 
@media (max-width:768px) {   
.title-a h1 { font-size: 25px;}
.height35 { height: 5px;}	
.title-a h1 span {line-height: 0;width: 88px;}
.bgbga {margin-bottom: -14px;}	
.height40 { height: 20px;}	
}
@media (max-width:550px) {
.title-a h1 img {display: none;}
.bgbga .title-a h1{ background:none;}	
.bgbga {margin-bottom: 0;}
.ca-bg .title-a {margin-bottom: 0px;}		
.title-a {margin-bottom: 10px;}	
.height40 { height: 13px;}	
.title-a h1 strong, .title-a h1 span{    display:block;  vertical-align: middle;}	
}    


/*fotoer*/

/*-----------------------------------------------------*/
.bottom-f{ padding-top: 2.8%;  padding-bottom: 7%;}
.footerimg li{ display: block;  float: left; text-align: center; border-radius: 7px; }
.radius10{ border-radius:10px;}
.footerimg{ margin: 0 -1.5% 0 -1%; padding-top: 1%;}
.footerimg li{  margin: 1%; width: 31.2%;}
.footerimg li a{ color: #fff;}
.footerimg li{ position: relative;display: block;}
.footerimg li img:hover,.GETfree:hover {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}

.footerimg li img,.GETfree {
    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%;
}

/*---4----*/
@media (max-width:1600px) {.W1200 {max-width: 1000px !important;}}
@media (max-width:640px) {
.footerimg {margin: 0%;} 
 .bottom-f { padding-top: 0; padding-left: 1%; padding-right: 1%;}  
.height60 {
    height: 50px;
}	
}
/*-------*/
.keifu{ position:fixed;  left:65px; width:194px;   top: 50% !important;    margin-top: -310px; _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:194px;}
.icon_keifu{ width:26px; height:100px;    left: -65px; float:left; background:url(https://deal.tomtop.com/activity/202201/20220215left-z.png?01) 0 0; position:relative; display:none; cursor:pointer;}
.keifu_tab img{ display:block;}
.keifu_head{ width:180px; height:69px; background:url(https://deal.tomtop.com/activity/202201/20220215left-L.png?01) center no-repeat; font-size:0; line-height:0; position:relative; margin-top: 10px;  margin-left: 7px;}
.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/202201/20220215left-z.png?01); }
@media (max-width:1600px) {
.keifu { margin-top:-406px;  width:160px; }
.keifu_tab{ width:160px;}	
.keifu_head { margin-top: 185px; margin-left: 3px;width:147px; background-size: 50px;}   
.keifu{  left: 20px;}
.icon_keifu { left: -21px;}	
}
@media (max-width:1200px) {
 .keifu{ display: none;}
}


/*Code*/
.BuyNowCo{ text-align: center; margin-top:5%; color: #fff; font-size: 16px; display: block; width: 100%;}
.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(3){ display: block}
.Code1 ul li .dd2:after{  content: "Pay with PayPal for TOMTOP website.";  color: #000;}
.Code1 ul li:nth-of-type(3) .dd2:after{  content: "Only for new users who register at TOMTOP and pay with PayPal during 11.10-11.30.";  color: #000;display: none}
.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;}
.Code1 ul li:nth-of-type(3):hover .dd2{ display: none}

.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;}
	.table2 h3 { font-size: 20px}
}
@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) {
.Remind,.BuyNowCo { font-size: 12px;}	
.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;}
	
}