.m_dialog_subscrile .dialog_c{ background:#81c434 !important; }
.m_dialog_subscrile .dialog_c .dialog_head,.m_email_input .text_c .plc{ color: #fff !important}
.height75{ height:75px; width: 100%;} .height50{ height:50px; width: 100%;}.height25{ height:25px; width: 100%;}.height20{ height:20px; width: 100%;}
.height60 {height: 81px;}
.spacing-a{ height:20px; width: 100%;} 
.w1300{max-width:1300px; margin:auto}
.radius5{ border-radius: 5px;-moz-border-radius: 5px; -ms-border-radius: 5px; -webkit-border-radius: 5px; }
/*.radius15,.flexslider,.anniversary-bg{ border-radius:15px;-moz-border-radius:15px; -ms-border-radius:15px; -webkit-border-radius:15px; }*/
a.GetMore{  padding: 10px; margin: 0 0.5%; font-size:28px; text-align: center; display: block; color: #fff;  text-decoration:underline; text-transform: uppercase; text-decoration: none;}
a.GetMore:hover{ text-decoration:underline; color: #fff }

/*顶部进度条*/
.celebration-title1.W1200 {
    margin: 0 auto 0px auto;
    position:absolute;    z-index: 0; top: 0; width: 100%;     max-width: inherit;
}
.celebration-title1 h3{ font-size: 24px; text-align: center; color: #fff;}
.tiao1{ width: 100%; height: 4px; background:#00ff6c;  border-radius: 62px;-webkit-border-radius: 62px;}
.tiao2{ width: 25%;height:4px;  background:#ffed51;  border-radius: 62px;-webkit-border-radius: 62px;}
.jiandut{ margin-top:17px; margin-left: 4%;  margin-right: 4%;}
.jiandut ul { margin-bottom: -61px;color: #fff;height: 90px;}
.jiandut ul li{float: left;font-size:18px;width: 33.33%;position: relative;text-align: center;}
.jiandut ul li .inline{ display: inline-block; margin-top: 1px;margin-bottom: 1px;}
.jiandut ul li span{    color: #00ff6c; }
.radius50,.dot,.pulse{ width: 18px; height:18px; border-radius: 50px; -webkit-border-radius: 50px; -ms-border-radius: 50px; -moz-border-radius: 50px; }
.f000{ background: #000;}.d10b0c{ background: #ffed51;}.a268a8c{ background: #00ff6c;} .jiandut ul li span.fff{ color:#ffed51}
.Black-Friday{font-size: 18px;  padding-top: 15px;}
@media (max-width:1450px) {
.jiandut ul li { font-size: 16px;}	
.jiandut ul li .inline { margin-top: 4px;}	
}
@media (max-width:768px) {
.jiandut ul li { font-size: 12px;}	
.jiandut ul li .inline { margin-top:1px;}	
.tiao1 { height: 2px;}	
.tiao2{ height: 2px;}	
.radius50, .dot, .pulse {width: 14px;height: 14px;}
.jiandut ul {margin-bottom: -68px;}	
.jiandut { margin-top: 8px; margin-left: 2%; margin-right: 2%;}	
}
@media (max-width:550px) {
.jiandut ul li {
	 font-size: 2.5vw;
    line-height: 9px;
}
.radius50, .dot, .pulse {
    width: 8px;
    height: 8px;
}	
.jiandut ul {
    margin-bottom: -77px;
}	
}
@media (max-width:450px) {
.jiandut ul li {font-size: 2.5vw;}	
}
/*title*/

.ca2{background:url(https://deal.tomtop.com/activity/202003/202010201111-c2.png);background-size: 100%;}
.ca3{background:url(https://deal.tomtop.com/activity/202003/202010201111-b2.png);background-size: 100%;}
.ca11{padding: 1.5% 2% 0 2%;} 
.ca22{padding: 2.5% 2% 0 2%;} 
.tab_btn.top50{ margin-top:2.5%; }
.More1 { padding: 0;  display: block;  margin:0.8% 0.7% 0 0.7%;}
a.More1:hover{ opacity: .8;}
.bo1{position: relative; }
.bo2{position: relative; margin-top: -5px;}
.bo22{position: relative; margin-top: -19px;}
.celebration-title{ margin-bottom: -55px;z-index: 10;  position: relative;}
.ppto{ margin-bottom: -20px;}
.b1111 {position: absolute; top: -2px; left: 47px;width: 12.5%;}

.Spacing-jj {padding:20px 2.2% 17px 2.2%;}

.title-a{ margin-bottom:0; position: relative;text-align: center;}
.title-a h1 {font-size: 40px;font-weight: bold;color: #fff;position: absolute;text-align: center;display: block;width: 100%;top: 50%;margin-top: -23px;}
.title-a h2 { font-size: 40px; font-weight: bold; color: #fff;  text-align: center; display: block;   margin: 38px 0;}
.title-a h2 a{ display: block; color: #ffea39; font-size: 24px; font-weight: 100;  margin-top: 15px;}
.title-a h2 a:hover{color: #fff}
@media (max-width:1450px){
.W1200 { max-width: 1000px !important;}
.title-a h1 {font-size: 35px;margin-top: -22px;}
.E2{ width: 320px }
.E3{ width: 420px }
.height60 { height: 70px;}	
a.GetMore { padding: 4px; margin: 0 0.5%; font-size: 24px;}	
.celebration-title {margin-bottom: -45px;}	
}
@media (max-width:1000px) {  
.title-a h1 {font-size: 31px;margin-top: -18px;}		
}    
@media (max-width:768px) {  
.title-a h1 {font-size: 20px; margin-top: -11px;}	
.height50 {height: 25px;}	
a.GetMore { padding: 4px; margin: 0 0.5%; font-size:16px;}	
.E2{ width: 230px }
.E3{ width: 300px }	
.celebration-title { margin-bottom: -33px;}	
}
@media (max-width:550px) {
.title-a h1 {font-size: 14px; margin-top: -8px;}
.celebration-title { margin-bottom: -24px;}	
.E2 { width: 170px;}
.E3 { width: 220px;}	
.ca11 { padding: 3% 2% 0 2%;}	
.ca22 {padding: 3% 2% 0 2%;}
.tab_btn.top50 { margin-top: 3.5%;width: 95%;}	
.title-a h2 { font-size: 17px;margin:13px 0 12px 0;}	
.title-a h2 a { font-size: 13px;margin-top: 4px;}
.bo22{ margin-top: -3px;}	
.bo2 { margin-top: 0px;}		
}

@media (max-width:650px) { 
.Spacing-jj {
    padding:9px 1% 3px 1%;
}	
.TopRadius { border-top-left-radius: 5px; border-top-right-radius: 5px;}    
.height60 { height:42px;}  
.contain .tab_btn.Two-k .height60 { height:42px; width: 141px; margin: auto; font-size: 13px;}  
.contain .tab_btn.Two-k .height60.Mwidth{ width:inherit;}    
.b_product_box .shopping-cart .anniversary-bg.acr .buy_btn.buy_btnTT {padding: 5px 0;}    
.anniversary-bg.bgNone { margin: 0 0.5%;}  
.anniversary-bg.M-bgNone { margin: 0 0.5% -12px 0.5%;}    
.Price0 {padding: 6px 0;font-size: 12px;}    
.height75 {height: 55px;}    
.b1111 { top: -2px;left: 24px;width: 12.5%;}

    }

@media (max-width:450px) {
.celebration-title { margin-bottom: -20px;}  
.E2 { width: 140px;}	
.E3 {width: 178px;}	
}

/*----------------------------------------------ss--*/
.shopping-cart .m_progress_bar{ display: none;}
.b_product_box .shopping-cart ul.OneTwo2 .pr_box .pr_info{ padding:10px 0px 0 0px }
.Price0{ padding: 8px 0; color: #9a9a9a; font-size: 15px;}
.Price2{ color: #fa000b; font-size:18px; font-weight: bold; padding: 5px 0;}
.b_product_box .shopping-cart .anniversary-bg .buy_btn.buy_btnTT {width: 68%;line-height: 16px;background:#fa000b;font-size: 14px;text-align: center;color: #fff;/* margin: 0 auto 0; */text-transform: capitalize;display: block;margin-top:0px;padding: 8px 0;border-radius: 5px;margin-left: 16%;}
.FreeGift{ margin-bottom: 20px; padding: 0 0.5%; border-radius: 20px;} 
.FreeGift a{ display: block; border-radius: 20px;}
.OneTwo2.w277 .pr_img{ height: 277px;}
.OneTwo2.w277 li{border-radius: 15px;}
.OneTwo2.w277 li .pr_box,.OneTwo2.w277 .pr_img{border-radius: 15px; border-radius: 15px;}
@media (max-width:1450px) {
.OneTwo2.w277 .Price2 {font-size: 18px; }
    .Price1{ font-size: 12px;} 
    .Price2{ font-size: 14px;} 
.b_product_box .shopping-cart .anniversary-bg .buy_btn.buy_btnTT {line-height: 13px;font-size: 14px;}

}
@media (max-width:900px) {
	.b_product_box .shopping-cart .anniversary-bg .buy_btn.buy_btnTT {width: 68%; line-height: 16px;font-size: 14px;border-radius: 5px; margin-left: 0%; display: inline-block;}
}
@media (max-width:670px) {
.FreeGift{ margin-bottom:2%; padding: 0 0.5%} 
.OneTwo2.w277 .Price2 {font-size: 24px;} 
.FreeGift a { border-radius: 10px;}  
.b_product_box .shopping-cart .anniversary-bg .buy_btn.buy_btnTT {width: 85%; line-height: 16px;font-size: 14px;border-radius: 5px; margin-left: 0%; display: inline-block;}	
	
}

@media (max-width:450px) {
    .Price0 {padding: 5px 0; font-size: 15px;}
    .Price1{ font-size: 10px;}  
    .Price2{ font-size: 12px;} 
.b_product_box .shopping-cart .anniversary-bg .buy_btn.buy_btnTT {
    font-size: 12px;
    padding: 6px 0;
} 
}
/*-----------------------------------------------------*/
.footerimg {margin: -1% -1% 0 -1%;padding-top: 60px;}
.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:1450px) {
.footerimg { margin: 0 0 0 0; padding-top: 37px;}	
}
@media (max-width:640px) {
.footerimg {margin:0 0.5% 0 0.5%;padding-top:25px;}   
}


/*---*/
.topG{position: absolute;z-index: 1;top: 51.5%;font-size: 28px;padding: 15px 0;text-align: center;width: 479px;background-size: 100%;left: 50%;margin-left: -244px;}

.scrollDiv{height:40px;line-height:25px;/*border:#ccc 1px solid;*/overflow:hidden; }
.scrollDiv li{height:40px;padding-left:10px; line-height: 38px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.scrollDiv li a{color: #fff}
@media (max-width:1450px) {
.topG{top: 50.5%;font-size: 20px;padding: 15px 0;width: 381px;margin-left: -197px;}    
}
@media (max-width:920px) {
.scrollDiv{height:31px; }
.topG {top: 50.2%; font-size: 13px; padding: 6px 0; width: 264px;margin-left: -131px;}
	
}
@media (max-width:630px) {
 .topG {top: 47.2%;font-size: 12px;padding: 6px 0;width: 171px;margin-left: -87px;}  
}
@media (max-width: 450px){
.topG{	top: 48.2%;font-size: 2.3vw;padding: 0px 0;width: 171px;margin-left: -87px; }
}
@media (max-width: 420px){
  
}

/*banner*/
.flexslider{margin:0 auto 0 auto;position:relative;width:100%;overflow:hidden;zoom:1; border: 10px #fff solid;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-44px 0 0 0;display:block;background:url(https://deal.tomtop.com/activity/201701/ad_ctr.png?01) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background: url(https://deal.tomtop.com/activity/202003/202010150922-dd.png) no-repeat 0 -25px;display:block;height: 25px;overflow:hidden;text-indent:-99em;width: 25px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}
.img_1{width:100%;}
.flexslider2{position:relative; margin:0 auto;}
.Copyright{ text-align:center;width:100%;}
@media (max-width:1200px) {
    .flexslider{ }
    .flexslider img{ max-width: 100%;}
}
@media (max-width:1000px) {

} 
@media (max-width:650px) {
.flexslider {
    margin: 0 auto;
    border: 5px #fff solid;
    width: 98%;
}	
.flex-direction-nav a{  background-size:100%;width: 25px;height: 37px;margin: -21px 0 0 0;}
.flex-direction-nav .flex-next {
    background-position: 0 -35px;
    right: 11px; 
} 
.flex-direction-nav .flex-prev {
    left: 11px;
}   
.flex-control-paging li a {
    background: url(https://deal.tomtop.com/activity/201701/dot.png) no-repeat 0 -8px;
    background-size: 100%;
    display: block;
    height: 9px;
    width: 9px;
}  
.flex-control-nav {
    bottom: 0;
}    
}


/*-------*/
.icoc{ margin-left:10px;}
.keifu{ position:fixed;  left:0; width:190px;   top: 50% !important; margin-top: -225px; _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;}
}



/*---------------------------------------------------top-navBG*/
.b_product_box .top_picks.lg20 .tab_con li {
    width: 20%;
}
.ToSnapUp{ padding-top: 40px;}
.lg20 { margin-top: 10px;}
.lg20 ul{ margin: -0.5%;}
.left00{ width: 120px;  display: inline-block;background: #fa000b;margin-top: 0px; font-size: 14px;  line-height: 28px; border-radius: 3px; margin-left: 12%;text-align: center; color: #fff;  margin: 0 auto 10px auto; text-transform: uppercase;}
.left00.Deals{ background: #999;}
a.left00:hover{color: #fff}
.Only5Pcs{ text-align: center; font-size: 14px; color: #000; margin-bottom: 10px;}
.rotate180{ transform: rotateY(180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -o-transform:rotateY(180deg); width: 100%;}
.b-left,.b-right{ position: absolute; top: 120px; width: 2.2%; }
.b-left{left: -30px;}
.b-right{right: -30px;}

.table-container-outer { position: relative; }
.utc{position: relative; z-index: 1;}
.utc ul li{ display: block;background: url(https://deal.tomtop.com/activity/202003/202010201111-dd.png) top center no-repeat; background-size: 100%; width: 138px; height: 147px; float: left; text-align: center;    margin-left: 7.2%;}
.utc ul li span{ display: block; color: #fff;  line-height: 17px;}
.utc ul li span:nth-of-type(1){ font-size: 22px; margin-top: 13px; }
.utc ul li span:nth-of-type(2){ font-size: 12px; }
.utc ul li span:nth-of-type(3){ font-size: 24px; margin-top: 8px;}
.utc ul li span:nth-of-type(4){ margin-top: 30px; }

.W1208{ margin: auto; max-width: 1208px;}
.zzsc,.jdt{ border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;}
.zzsc{margin: 0 auto; width: 100%; top: -33px; position: relative;z-index: 0; height: 19px; background:#8829db;} 
.jdt{background: url(https://deal.tomtop.com/activity/202003/202010201111-jd.jpg) top center no-repeat; width: 0%;  height: 19px;max-width: 100%;}

@media (max-width:1450px) {
.W1208{ margin: auto; max-width:1000px;}
.utc ul li{width: 112px;height: 147px;}	
.utc ul li span:nth-of-type(1) { font-size: 18px;margin-top: 6px;}
.utc ul li span:nth-of-type(2) { font-size: 12px;}
.utc ul li span:nth-of-type(3) { font-size: 21px; margin-top: 4px;}	
.utc ul li span img{ width: 40px;}	
.zzsc,.jdt{ height: 15px;}	
.zzsc{top: -43px;}
.b-left, .b-right { top: 108px;}	
}

@media (max-width:1150px) {
.top-left { left: 0; width: 102px;}
   
}
@media (max-width:1000px) {
.table-container-fade{
		position: absolute;
		right: 0;
		width: 15px;
	    z-index: 10;
	    height: 67%;
        bottom: 0;
		background-image: -webkit-linear-gradient(0deg, rgba(43, 38, 25, 0.19), #000000b5);
		background-image: -moz-linear-gradient(0deg, rgba(43, 38, 25, 0.19), #000000b5);
		background-image: -ms-linear-gradient(0deg, rgba(43, 38, 25, 0.19), #000000b5);
		background-image: -o-linear-gradient(0deg, rgba(43, 38, 25, 0.19), #000000b5);
		background-image: linear-gradient(0deg, rgba(43, 38, 25, 0.19), #000000b5);
} 	
.table-container{width: 100%;overflow-y: auto;_overflow: auto;margin:0;}
.table-container::-webkit-scrollbar{-webkit-appearance: none;width: 8px;height: 8px;}
.table-container::-webkit-scrollbar-thumb{border-radius: 8px;border: 0px solid #fff;background-color: rgb(57, 4, 177);}
.ww1000{ width: 1000px; padding-bottom: 5px;}	
}
@media (max-width:768px) {
.ww1000 { width: 768px;}
.utc ul li { width: 99px;height: 115px;margin-left: 6%;}
.utc ul li span:nth-of-type(1) { font-size: 14px; margin-top: 6px;line-height: 13px;}
.utc ul li span:nth-of-type(3) { font-size: 18px; margin-top: 1px;}
.utc ul li span img {width: 35px;}	
.utc ul li span:nth-of-type(4) {margin-top: 22px;}	
.zzsc, .jdt { height: 11px;}
.zzsc { top: -25px;}
.table-container-fade{ height: 71%;}	
.b_product_box .top_picks.lg20 .tab_con li .pr_img {height:inherit !important;}	

}
@media (max-width:550px) { 
.ww1000 { width:550px;} 
.utc ul li {width: 82px; height: 95px; margin-left: 4%;}
.utc ul li span:nth-of-type(1) { font-size: 12px;margin-top: 5px;line-height: 10px;}
.utc ul li span:nth-of-type(2) {font-size: 12px;}
.utc ul li span:nth-of-type(3) { font-size: 14px; margin-top: -2px;}
.utc ul li span:nth-of-type(4) {margin-top: 18px;}
.utc ul li span img { width: 28px;}
.zzsc {top: -21px;}	
.b_product_box .top_picks.lg20 .tab_con li .pr_tt a {
    font-size: 2.2vw;
    line-height: 11px;
    height: 23px;
}	
.b_product_box .top_picks.lg20 .tab_con li .pr_price {margin: 4px 0;}
.b_product_box .top_picks.lg20 .tab_con li .pr_price .current_price { font-size: 12px;}	
.b_product_box .top_picks.lg20 .tab_con li .pr_price .origin_price,.Only5Pcs { font-size: 2vw;}	
.Only5Pcs {margin-bottom: 3px;}
.left00 {width: inherit; padding: 0 3%;font-size: 2.2vw; line-height: 20px; }	
}


/*-----------------Code----------------*/
.Code1 ul li:nth-of-type(1) .table1 h3:after {content: "For Creality CR-6 SE 3D Printer DIY Kit"; clear: both;}
.Code1 ul li:nth-of-type(2) .table1 h3:after {content: "For ATOMSTACK A5 Laser Engraver"; clear: both;}
.Code1 ul li:nth-of-type(3) .table1 h3:after {content: "For WalkingPad A1 Pro"; clear: both;}
.Code1 ul li:nth-of-type(4) .table1 h3:after {content: "For VIOMI A9 4 in 1 Handheld Stick Vacuum Cleaner "; clear: both;}
.Code1 ul li:nth-of-type(5) .table1 h3:after {content: "For Sports & Outdoor"; clear: both;}
.Code1 ul li:nth-of-type(6) .table1 h3:after {content: "For Stationery Supplies"; clear: both;}
.Code1 ul li:nth-of-type(7) .table1 h3:after {content: "For Cellphone & Accessories"; clear: both;}
.Code1 ul li:nth-of-type(8) .table1 h3:after {content: "For Toys & Hobbies"; clear: both;}
.m_progress_bar {display: none;}
.CodeCode0{ position: relative;padding-top: 40px; }
.Code1 ul{ margin:0 -0.8%;}

.Code1 ul li{ display: block; float: left; width:23.6%; margin: 0.7%; padding:1% 0.5%; 
	background:url(https://deal.tomtop.com/activity/202003/202010201111-ll1.png) left no-repeat,
		      url(https://deal.tomtop.com/activity/202003/202010201111-ll2.png) right no-repeat;
	background-color:#eb7545;
}
.Code1 ul li::after{ content: ""; clear: both; display: block; }
.table1{  float: left; width: 50%; text-align: center;margin-top: 15px;}
.table2,.table3{ display:block; vertical-align: middle;}
.table2{ }
.table3{ max-width: 130px; margin:0 auto; background: #fff;border-radius: 15px;-moz-border-radius: 15px; -webkit-border-radius: 15px; -ms-border-radius: 15px;}
.table2 h1{ font-size: 28px; font-weight: bold; color: #fff;}
.table2 h2{ font-size: 16px; color: #00fcff; margin-top: 2%; display: none;}
.table2 h3{font-size: 14px; color: #fff; line-height: 18px; height: 37px; overflow: hidden; margin:5% 0;  display: block;}
.ProgressBar{ color: #fff; font-size: 15px; width: 85%; text-align: right}
.table3{ text-align: center;}
.table3 .activity_countDown p,
.table3 .activity_countDown span,
.table3 .activity_countDown i
{font-size:22px;  color: #000}
.table3 .activity_countDown i{font-weight: bold; margin: 0 0px;}
.Remind{border-radius: 7px;-moz-border-radius: 7px;-webkit-border-radius: 7px;-ms-border-radius: 7px;}
.Remind{ background: #fff; font-size: 18px; color: #000; display: block; padding: 3%;}
a.Remind:hover{color: #f00;}
.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: 200px; 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);    
}

.cpcp1 { width: 48%; height: 150px; float:left;}
.Code1 ul li:nth-of-type(1) .cpcp1 {background:url(https://deal.tomtop.com/activity/202003/202010201111-code.jpg?1105) center no-repeat; background-size: 88%;}
.Code1 ul li:nth-of-type(2) .cpcp1 {background:url(https://deal.tomtop.com/activity/202003/202010201111-code2.jpg?11141712) center no-repeat; background-size: 88%;}
.Code1 ul li:nth-of-type(3) .cpcp1 {background:url(https://deal.tomtop.com/activity/202003/202010201111-code3.jpg?1105) center no-repeat; background-size: 88%;}
.Code1 ul li:nth-of-type(4) .cpcp1 {background:url(https://deal.tomtop.com/activity/202003/202010201111-code4.jpg?1105) center no-repeat; background-size: 88%;}
.Code1 ul li{ display: none;}
.Code1 ul li:nth-of-type(1),.Code1 ul li:nth-of-type(2),.Code1 ul li:nth-of-type(3),.Code1 ul li:nth-of-type(4),.Code1 ul li:nth-of-type(5),.Code1 ul li:nth-of-type(6),.Code1 ul li:nth-of-type(7),.Code1 ul li:nth-of-type(8){ display:block;}
.Code1 ul li:nth-of-type(5),.Code1 ul li:nth-of-type(6),.Code1 ul li:nth-of-type(7),.Code1 ul li:nth-of-type(8){
	background:url(https://deal.tomtop.com/activity/202003/202010201111-lll1.png) left no-repeat,
		      url(https://deal.tomtop.com/activity/202003/202010201111-lll2.png) right no-repeat;
	background-color:#eb5368;	
}
.Code1 ul li:nth-of-type(5) .cpcp1,.Code1 ul li:nth-of-type(6) .cpcp1,.Code1 ul li:nth-of-type(7) .cpcp1,.Code1 ul li:nth-of-type(8) .cpcp1{display: none;}
.Code1 ul li:nth-of-type(5) .table1,.Code1 ul li:nth-of-type(6) .table1,.Code1 ul li:nth-of-type(7) .table1,.Code1 ul li:nth-of-type(8) .table1{float: none; width: 100%}
.Code1 ul li:nth-of-type(5) .table2 h1,.Code1 ul li:nth-of-type(6) .table2 h1,.Code1 ul li:nth-of-type(7) .table2 h1,.Code1 ul li:nth-of-type(8) .table2 h1{ font-size: 50px;}
.Code1 ul li:nth-of-type(5) .table2 h3,.Code1 ul li:nth-of-type(6) .table2 h3,.Code1 ul li:nth-of-type(7) .table2 h3,.Code1 ul li:nth-of-type(8) .table2 h3{  height: 39px; border-bottom: dashed #fff 1px; padding: 0 0;margin: 2% 5% 5% 5%; line-height: 34px;}
.Code1 ul li:nth-of-type(5) .table1,.Code1 ul li:nth-of-type(6) .table1,.Code1 ul li:nth-of-type(7) .table1,.Code1 ul li:nth-of-type(8) .table1{ margin-top:9px;}
@media (max-width:1450px){
	.table2 h1{font-size: 24px;}
	.table2 h3 {font-size: 12px; line-height: 17px; height: 32px; margin: 5% 0 8% 0;}
	.Remind { font-size: 14px;padding: 3%;}
	.table1 { margin-top: 6%;}
	.cpcp1 {width: 48%; height: 132px;}
	.Code1 ul li:nth-of-type(5) .table2 h1, .Code1 ul li:nth-of-type(6) .table2 h1, .Code1 ul li:nth-of-type(7) .table2 h1, .Code1 ul li:nth-of-type(8) .table2 h1 {
    font-size: 40px;
	}
	.Code1 ul li:nth-of-type(5) .table2 h3, .Code1 ul li:nth-of-type(6) .table2 h3, .Code1 ul li:nth-of-type(7) .table2 h3, .Code1 ul li:nth-of-type(8) .table2 h3 {
    height: 31px; border-bottom: dashed #fff 1px;padding: 0 0; margin: 0% 5% 5% 5%; line-height: 31px;
	}
}
@media (max-width:768px){
	.table-container-fade.ww100{height: 100%;}	
.cpcp1 { width: 48%; height: 96px;}
.table2 h1 { font-size: 16px;}	
.table2 h3 { font-size: 12px; line-height: 13px; height: 26px; margin: 2% 0 5% 0;}	
.Remind { font-size:1.8vw;  padding: 3%;}	
.table1 {margin-top: 8%;}
.Code1 ul li:nth-of-type(5) .table2 h1, .Code1 ul li:nth-of-type(6) .table2 h1, .Code1 ul li:nth-of-type(7) .table2 h1, .Code1 ul li:nth-of-type(8) .table2 h1 { font-size: 27px;}
.Code1 ul li:nth-of-type(5) .table2 h3, .Code1 ul li:nth-of-type(6) .table2 h3, .Code1 ul li:nth-of-type(7) .table2 h3, .Code1 ul li:nth-of-type(8) .table2 h3 {  height: 24px; margin: 0% 5% 5% 5%;line-height: 24px;}
.Code1 ul li:nth-of-type(5) .table1, .Code1 ul li:nth-of-type(6) .table1, .Code1 ul li:nth-of-type(7) .table1, .Code1 ul li:nth-of-type(8) .table1 {margin-top: 3px;}	
}
@media (max-width:550px){
.cpcp1 {  width: 48%;  height: 73px;}	
.table1 { margin-top: 2%;}
.Code1 ul li:nth-of-type(5) .table2 h1, .Code1 ul li:nth-of-type(6) .table2 h1, .Code1 ul li:nth-of-type(7) .table2 h1, .Code1 ul li:nth-of-type(8) .table2 h1 {
    font-size: 17px;
}
.table2 h3 {
    font-size: 2.2vw;
    margin: 2% 0 5% 0;
}	
}

/*--------------------------------------------------00-------*/

.Guidelines{position: absolute;padding: 1.4%  0;background-size:100%;right: 22%;z-index: 37;top: -1%;}
.Guidelines-a li p { font-size: 20px; }
.Guidelines-a li:hover ol {left: auto; right: 0;}
.Guidelines-a li ol {background-color: #FFF;width:600px;position: absolute;left: -99999px; z-index: 999;  box-shadow: 0 0 8px #999; padding:20px; } 
.Guidelines-a li img{ cursor:pointer}
.Guidelines-a li ol li{ list-style-type: inherit; font-size: 16px; padding: 5px 0; margin-left: 30px; color: #000}
.Guidelines-a li ol li a{ text-decoration: underline;}

.FreeChance-b{ float: left;    margin-left: 5%;}
.FreeChance-b h4,.HowToWin{ font-size: 36px; color: #fff;} .HowToWin{ display: inline-block; vertical-align: middle; margin-right: 0px;}
.FreeChance-b h3{ margin-right: 10px;}
.red{ color:#fff; font-size: 36px; font-weight: bold}
.FreeChance-b h3,.FreeChance-b h4{ display: inline-block; vertical-align: middle;}
@media (max-width:1450px){
.red { font-size: 29px;}	
.Guidelines-a li ol li{ font-size: 14px;} 
.HowToWin {font-size: 25px;}    
.Guidelines { right: 20%;}   
}
@media (max-width:900px){
.HowToWin {  font-size: 25px; }  
.Guidelines {right: 15%; width: 7%; top: 0%;}	
}
@media (max-width:768px){
.Guidelines {right: 19%; width: 6%; top: -0.5%;}
}
@media (max-width:650px){
.Guidelines-a li ol li {font-size: 12px;}	
.red{ font-size: 16px;}    
.Guidelines-a li ol { width: 400px;padding: 10px;}  
.HowToWin {  font-size: 15px; } 
.HowToWin {margin-right: 5px;} 
.Guidelines { right: 14%;width: 6%;top: 0%;}	
}
@media (max-width:550px){
.Guidelines-a li ul { height: 300px; overflow:auto;}   
}  
@media (max-width:450px){
.Guidelines-a li ol { width: 300px; height: 200px; overflow: auto;  padding: 10px 10px 10px 0px;} 
.Guidelines { right: 18%;width: 6%; top: -0.2%;}	
}
