.height70{     height: 45px; width: 100%;} .height50{ height:53px; display: none; width: 100%;}.height25{ height:25px; width: 100%;}.height20{ height:20px; width: 100%;}
.height60 { height: 63px;}
.hh1{height: 15px; width: 100%}.hh2{height:15px; width: 100%}
.spacing-a{ height:20px; width: 100%;} 
.w1300{max-width:1300px; margin:auto}
.bg1202{max-width:1202px;margin:auto;}
.Sale0908{ position: absolute; left:-218px}
/*----*/
.PromoCode{ max-width:1255px;margin:auto auto auto auto; position: relative;}
.Code-a1 {     float: left;
    width: 31.3%;
    background: url(https://deal.tomtop.com/img/GVD_20230215_juan_left.png) repeat-y left, url(https://deal.tomtop.com/img/GVD_20230215_juan_right.png?20230216) repeat-y right #ff5741;
    padding: 2%;
    margin: 0 1% 1.5% 1%;  }
.Code-left{ float: left; width: 50%; color: #fff; }
.Code-right{float: right; width: 50%;}
.Code-right a{ display: block; overflow: hidden;}
.Code-left h1{ font-weight: bold; font-size:24px; margin-top: 5%}
.Code-left h2{ height: 20px; height: 62px; overflow: hidden; margin-top: 5%; font-size: 16px;}



/*Code*/
.Code1 ul li:nth-of-type(6) .table1 h3:after {
    content: "For Stationery Supplies";
    clear: both;
}
.CodeCode0 { }
.Code1 ul li { display: none; width: 29%; position: absolute; }
.Code1 ul li:nth-of-type(1){display: block;left: 3.1%; top: 32%;}
.Code1 ul li:nth-of-type(2){display: block;left: 36.5%; top: 32%;}
.Code1 ul li:nth-of-type(3){display: block;left: 69.5%; top: 32%;}
.Code1 ul li:nth-of-type(4){display: block;left: 3.1%; top: 82%;}
.Code1 ul li:nth-of-type(5){display: block;left: 36.5%; top: 82%;}
.Code1 ul li:nth-of-type(6){display: block;left: 69.5%; top: 82%;}
.Code1 ul li:nth-of-type(7){display: none;left: 3.1%; top: 89%;}
.Code1 ul li:nth-of-type(8){display: none;left: 36.5%;top: 89%;}
.Code1 ul li:nth-of-type(9){display: none;left: 69.5%;top: 89%;}
/*.Code1 ul li:nth-of-type(6) .dd2:after{ content: "Pay with PayPal for TOMTOP website.";  color: #000;}*/
.table1{ display: table; width: 100%;}
.table2{ float: left; width: 78%; display: none;}
.table2{text-align: left;}
.table3 { width:35%;  border-radius: 15px; -moz-border-radius: 15px;  -webkit-border-radius: 15px;-ms-border-radius: 15px;margin:0.5% 0 0 0;}
.table2 h1{font-size: 70px;font-weight: 900;color: #fff;margin-top: 0;display: inline-block;margin-right: 2%;line-height: 57px;}
.table2 h2 {font-size:30px;color: #fff;margin-top: 2%;clear: right;text-align: center;height: 44px;overflow: hidden;padding: 3% 1% 1% 1%;margin-left: 3%;display:none;font-weight: bold;}
.table2 h3 {font-size: 30px;font-weight: bold;color: #FFF;line-height: 36px;overflow: hidden;padding: 0;padding-right: 0;display: inline-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: 5px;-moz-border-radius:5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;}
.Remind{ font-size:18px; color: #ff5741; display: block; padding: 3%; background: #fff; text-align: center; text-transform: uppercase}
.Remind.use_now{ background: #2700ef; color: #fff;}
.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: 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: #fff; background: #5f1b0a; }


@media (max-width:1600px) {
.PromoCode{ max-width:1045px;}	
.Code-left h1 { font-size: 20px;margin-top: 6%;}	
.Code-left h2 { height: 49px; margin-top: 5%;font-size: 14px;}	
}
@media (max-width:1000px) {
.Code-left h1 { font-size: 20px;margin-top: 5%;}
.Code-left h2 {height: 49px;margin-top: 5%;font-size: 12px;}	
}
@media (max-width:768px) {
	.Code-right,.Code-left{ float: none; width: 100%;}
	.Code-a1{text-align: center;background: url(https://deal.tomtop.com/img/GVD_20230215_juan_left1.png) repeat-y left, url(https://deal.tomtop.com/img/GVD_20230215_juan_right1.png?20230216) repeat-y right #ff5741;}
	.table3 {width: 64%;}
	.Code-left h2 { height: 29px; margin-top: 2%; margin-bottom: 45px;font-size: 12px;}
	.CodeCode0 { top: 86%;}
.Code1 ul li:nth-of-type(1) {left: 7.6%;    top: 41%;}
.Code1 ul li:nth-of-type(2) {left: 41.2%;    top: 41%;}	
.Code1 ul li:nth-of-type(3) { left: 74%;    top: 41%;}	
	.Code1 ul li:nth-of-type(4) {left: 7.6%;    top: 91%;}
.Code1 ul li:nth-of-type(5) {left: 41.2%;    top: 91%;}	
.Code1 ul li:nth-of-type(6) { left: 74%;    top: 91%;}	
	.Code1 ul li:nth-of-type(7) {left: 7.6%;    top: 94.5%; display: none;}
.Code1 ul li:nth-of-type(8) {left: 41.2%;    top: 94.5%; display: none;}	
.Code1 ul li:nth-of-type(9) { left: 74%;    top: 94.5%; display: none;}	
}
@media (max-width:450px) {
.PromoCode { padding: 0 0.5%;}	
.Code-a1 {width: 31%; border-radius: 5px;     margin: 0 1.1% 1.1%;}	
.Code-left h1 { font-size: 12px;}	
.Code-left h2 {margin-bottom: 33px;}	
.Remind {font-size: 14px;}	
.table3 {width: 78%;}	
.CodeCode0 { top: 85%;}
.Code1 ul li:nth-of-type(1) {left: 5.1%;}
.Code1 ul li:nth-of-type(2) {left: 38.0%;}	
.Code1 ul li:nth-of-type(3) { left: 71.0%;}		
	.Code1 ul li:nth-of-type(4) {left: 5.1%;}
.Code1 ul li:nth-of-type(5) {left: 38.0%;}	
.Code1 ul li:nth-of-type(6) { left: 71.0%;}	
	.Code1 ul li:nth-of-type(7) {left: 5.1%;}
.Code1 ul li:nth-of-type(8) {left: 38.0%;}	
.Code1 ul li:nth-of-type(9) { left: 71.0%;}	
}

.Ukulele_video{border: 15px solid #fff; display: block;margin:0 0.6% 15px 0.6%;}
.jiao{position: absolute; width: 7%; left: 10.9%;}
.footer-t{padding:2% 1.3% 0 1.3%;}
.footer-t a{ display: block; overflow: hidden}
/*---*/
.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 0px 0; color: #9a9a9a; font-size: 22px;}
.Price2{ color: #fe3724;  padding: 5px 0;}
.b_product_box .shopping-cart .anniversary-bg .buy_btn.buy_btnTT {
    width: 100%;line-height: 16px; background:#fd690a;font-size: 16px;text-align: center;color: #fff;margin: 0 auto 0;    text-transform: capitalize;display: block;margin-top:0px;padding: 8px 0;
}
@media (max-width:1600px) {
.Sale0908 {left: -186px;width: 127px;}
.hh1{height: 0px; width: 100%}.hh2{height:0px; width: 100%}	
.W1200 { max-width: 984px;}
.bg1202 { max-width: 1000px;margin: auto}
.Price0 {padding: 7px 0 0px 0;color: #9a9a9a;font-size: 18px;}
.Price2{ color: #ff6e1e;}  
.b_product_box .shopping-cart .anniversary-bg .buy_btn.buy_btnTT{ font-size: 14px;}    
}
@media (max-width:1000px) {.code-0{ max-width: 98%;margin: 0 1%;}}

@media (max-width:640px) {
.b_bg1,.b_bg2{background:none; }	
.height60 { height: 48px;} 

}
/*---4----*/

.title-a { position: relative; z-index: 10; text-align: center;  color: #fff;  }
.title-a h1{ font-size: 40px;  font-weight: bold;     padding: 40px 0 30px;}
h2.Buy3 {text-align: center; color: #fff; font-size: 26px;  padding-bottom: 20px; margin-top: -13px;}
@media (max-width:1600px) {   
} 

@media (max-width:640px) {
	.title-a {
    height: 50px;
}
.title-a h1{ font-size:25px;}
.title-a { height: 92px;    }	
.height70{ height:30px;} 
h2.Buy3 {font-size: 15px; padding-bottom: 16px;margin-top: -11px;}	
.anniversary-bg { }	
}    
@media (max-width:440px) {
.title-a h1{ font-size:20px;}
.title-a {   background-size: 300px; }	
.height70{ height:30px;     display: none;} 
.anniversary-bg {  }	
}    

	
.OneTwo2.w277 .pr_img{   }
.b_product_box  .OneTwo2.w277 .buy_btn{ margin-bottom: 20px;}
@media (max-width: 1600px){
.OneTwo2.w277 .pr_img { }
.b_product_box .shopping-cart .anniversary-bg .buy_btn.buy_btnTT{font-size: 14px;    float: left;}	
}	

@media (max-width: 960px){.OneTwo2.w277 .pr_img { height:215px; !important}}
@media (max-width: 850px){.OneTwo2.w277 .pr_img { height: 181px;!important}}	
@media (max-width: 785px){
.b_product_box .shopping-cart .anniversary-bg .buy_btn.buy_btnTT {font-size: 12px;float: left; padding: 7px 0;}	
.OneTwo2.w277 .pr_img {height: 173px;}
}	
@media (max-width: 768px){.OneTwo2.w277 .pr_img { height: inherit!important;}  }
@media (max-width: 640px){.OneTwo2.w277 .pr_img { height:inherit!important;} }
@media (max-width: 550px){.OneTwo2.w277 .pr_img { height: 250px!important;}  }
@media (max-width: 500px){.OneTwo2.w277 .pr_img { height: 230px!important;}  }
@media (max-width: 450px){.OneTwo2.w277 .pr_img { height: 208px!important;}  }
@media (max-width: 420px){.OneTwo2.w277 .pr_img { height: 195px!important;}  }
@media (max-width: 380px){.OneTwo2.w277 .pr_img { height: 165px!important;}  }    



/*-------*/

.keifu{ position:fixed;  left:65px; width:194px;   top: 50% !important; margin-top: -262px; _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/202103/20210908left-z.png) 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/202103/20210908left-L.png) 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/202103/20210908left-z.png); }
@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;}
}


/*-----------------------------------------------------*/
.W1220 {
    max-width: 1203px;
    margin: auto;
}
.footerimg li:hover,.GETfree:hover {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}

.footerimg li,.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);
   
}

.bottom-f{ padding-top:3.5%;  padding-bottom:5%;}
.footerimg li{ display: block;  float: left; text-align: center; border-radius: 7px;  border-radius: 46px;}
.radius10{ border-radius:10px;}
.footerimg{ margin: 0 -1.5% 0 -1%; padding-top: 1%;}
.footerimg li{ margin: 0.6%;  width: 32%;}
.footerimg li a{ color: #fff;}
.footerimg li{ position: relative;display: block;}
.footerimg li.n100{ width: 100%; padding: 0; margin: 1% 0;}
/*---4----*/
@media (max-width:1600px) {
.W1220 { max-width: 980px;}
.footerimg li.n100{  padding: 0 1%; }
}
@media (max-width:640px) {
.footerimg {margin: 0% 1.5% 0 1.5%;} 
.bottom-f {
    padding-top: 5%;
} 
.height60 {
    height: 50px;
}	
}