.m_dialog_subscrile .dialog_c{ background:#fff!important; }
.m_dialog_subscrile .dialog_c .dialog_head,.m_email_input .text_c .plc{ color: #fff !important}
.height75{ height:75px; width: 100%;} .height50{ height:60px; width: 100%;}.height25{ height:25px; width: 100%;}.height20{ height:20px; width: 100%;}
.b_box{ position: relative;}

.a1111 { position: absolute; width: 3%;top: 104.3%; right: -287px;}
.W1206 {max-width: 1206px; margin: 0 auto;}
.bg2{ background: url(https://deal.tomtop.com/activity/202301/202303091851-img7.png) center bottom no-repeat; padding-bottom: 77px;}
/*--------------------------------------*/
.po1{ position: relative; z-index: 0;    display: block;}
.celebration-title{ text-align: center; position: relative;}
.celebration-title h3 i{font-weight: bold; }

.celebration-title h3 {  font-size: 44px; color: #e53d22; display: inline-block; vertical-align: middle;  padding:44px 0 16px 0;  position: relative;  z-index: 10; line-height: 44px;}
.celebration-title h3 p { line-height: 30px; margin-bottom:30px;}
.celebration-title h3 p a{ font-size:24px; color: #344ebf;}
.celebration-title h3 p a:hover{color: #000;}
.celebration-title h3 img { margin: 0 20px;}
.a10130{display: block;  font-size: 18px; color: #efad37;  margin-top: -20px;  margin-bottom: -10px;}
.a101301{display: block;font-size: 18px;color: #efad37;margin-top: 5px;margin-bottom: 0;line-height: 21px;text-transform: capitalize;}
.top15{ margin-top: -1.2%;}

@media (max-width:1600px){
.W1206 { max-width: 1000px;}	
.celebration-title h3 { font-size: 36px; padding: 40px 0 18px 0; line-height: 27px;}
.height50{ height: 40px}	
}	
@media (max-width:768px){
.celebration-title h3 { font-size: 31px;}
}
@media (max-width:640px){
.celebration-title h3 {  font-size: 21px;    padding: 16px 0 7px 0;}
}
@media (max-width:480px){
.celebration-title h3 {font-size: 20px; }
}
@media (max-width:370px){
/*.celebration-title h3 {font-size: 13px; padding: 0.5% 0 0.5% 0;  line-height: 40px;}*/
}
.title11{ text-align: center;}
.title11 img{display: inline-block}
.top-a{position: relative;}
@media (max-width:1600px){.title11 img{ width: 80%;}}
@media (max-width:500px){
	
}	
/*--------------------------------------------------00-------*/

.Guidelines{position: absolute;padding: 13px 0px 13px 0;z-index: 999;width: 1046px;left: 50%;margin-left: -516px;top: 77%;border-radius: 79px;background: #e53d22;
	border: 13px solid #fac170;
	box-shadow: 0px 0px 7px rgb(0 0 0 / 80%) inset, 1px 4px 8px 0px rgb(0 0 0 / 29%);
	-webkit-border: 12px solid #fac170;box-shadow: 0px 0px 7px rgb(0 0 0 / 80%) inset, 1px 4px 8px 0px rgb(0 0 0 / 29%);
	-moz-border: 12px solid #fac170;box-shadow: 0px 0px 7px rgb(0 0 0 / 80%) inset, 1px 4px 8px 0px rgb(0 0 0 / 29%);
	-s-border: 12px solid #fac170;box-shadow: 0px 0px 7px rgb(0 0 0 / 80%) inset, 1px 4px 8px 0px rgb(0 0 0 / 29%);
}
.Guidelines-a{ float: right; margin-right: 3%;}
.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;}
.Guidelines-a li ol li a{ text-decoration: underline;}

.FreeChance-b{ float: left;  margin-left: 4%;}
.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:1600px){
.FreeChance-b{ margin-left:4%;}	
.Guidelines-a {margin-right: 0;}	
.red { font-size: 29px;}	
.Guidelines-a li ol li{ font-size: 14px;}
.FreeChance-b h3 img{ max-width: 70%;}    
.border5{ max-width: 26%;} 
.FreeChance-b h4, .HowToWin { font-size: 25px; }    
.Guidelines {padding: 13px 0px 13px 0;width: 875px; margin-left: -433px; top:565px;}
.FreeChance-b h3 {margin-right: 0px;}		
}
@media (max-width:1024px){
.FreeChance-b h3{ width:50px;}  
.FreeChance-b h4,.HowToWin {  font-size: 25px; }   
.Guidelines-a li img {  width: 39px;}   
.Guidelines { padding: 13px 0px 13px 0; width: 88%;top: 77.7%; margin-left: auto;left: 6.5%;}
.Guidelines-a { margin-right: 3%;}	
}
@media (max-width:960px){
	.Guidelines { top:77.5%;}
}
@media (max-width:850px){
.Guidelines {top: 79%; border: 5px solid #fac170;left: 6%; padding: 8px 0px 8px 0;}
}
@media (max-width:800px){
.FreeChance-b {margin-left: 3%;}
.FreeChance-b h3 { margin-right: 0px;}	
.FreeChance-b h3 {width: 43px;}	
}
@media (max-width:700px){
.Guidelines-a li ol li { font-size: 12px;}	
.Guidelines { background-size: 100%;top:79%;}	
.red{ font-size: 16px;}   

.Guidelines-a li ol { width: 400px;padding: 10px;}  
.FreeChance-b h4,.HowToWin {  font-size: 15px; } 
.FreeChance-b h3,.Guidelines-a li img { width: 27px;}  
.FreeChance-b h3,.HowToWin { margin-right: 5px;} 
.FreeChance-b { margin-left: 3%;}	
}
   
@media (max-width:640px){
.Guidelines { top:79%;}		
}
@media (max-width:550px){
.Guidelines-a li ul { height: 300px; overflow:auto;}  
.Guidelines { top: 79%; padding: 5px 0px 7px 0;  border: 2px solid #fac170;}		
}  
@media (max-width:500px){
.Guidelines { top:78%; }		
.FreeChance-b h3, .HowToWin { margin-right: -4px;}	
}
@media (max-width:460px){
.Guidelines { top:78%; }		
}
@media (max-width:450px){
.Guidelines-a li ol { width: 300px; height: 250px; overflow: auto;  padding: 10px 10px 10px 0px;} 
.FreeChance-b h3 { width: 30px;} 
.FreeChance-b h4 { font-size: 16px;} 
.Guidelines { top:78%; }		
}
@media (max-width:400px){
.Guidelines {  top: 78%;    padding: 4px 0px 3px 0;}	
.FreeChance-b h4 {font-size: 12px;}
.red { font-size: 12px;}
.FreeChance-b h4 {font-size: 14px;}	
}
/*---4----*/
.Punch1217,.W1078,.W1027{ margin: auto}
.Punch1217{ max-width: 1217px;}
.Punch-bg{ background: #81c433; padding: 3% 0; max-width: 1920px; margin: auto}
.Punch-bg{text-align: center; padding: 3% 0 2% 0;    overflow: hidden;}
.Punch-bg .check_btn_box {margin-top: 2%;}
.Punch-bg .check_btn_box a {
    display: inline-block;
    padding: 0px 30px;
    background:#fff;
    background-size: 100% 50%;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    color: #b30f17;
    box-shadow: 0px 5px 0px #b30f17; 
    -webkit-box-shadow: 0px 5px 0px #b30f17; 
    -moz-box-shadow: 0px 5px 0px #b30f17; 
    -ms-box-shadow: 0px 5px 0px #b30f17; 
    font-size: 22px;
    line-height: 48px;
    margin: 0 5%;
}

.W1078{max-width: 1207px;}
.game1{ margin:0;}
.relative,.game1{ position:relative; }
.game1{ z-index:2}
/*.left-a,.right-b{ position: absolute; z-index: 1}
.left-a{width: 6.2%; top: 20%; left: -5.2%;}
.right-b{width: 6.2%; top: 32%; right: -4.2%;}*/

/*----------------------------------------------------Winners List*/
.HowToWin ol li{ list-style-type: decimal; font-size: 16px; margin-bottom: 1%;}
.W1027{max-width:1200px;  margin-top: 47px;}
.width11 {width: 1200px; margin:-2.6% auto auto auto;background: url(https://deal.tomtop.com/activity/202301/202303091851-img10.png) top center repeat-y; background-size: 100%;}
.width11 h1{display: block;text-align: center;font-size: 44px;color: #e53d22; font-weight: bold;}
.width11 h1 img,.width11 h1 span{ vertical-align: middle; display: inline-block;}
.width11 h1 span{ margin-left:15px;}
.WinnersList{ padding:0.5% 6% 2% 6%; font-size: 24px; line-height: 28px;  }
.WinnersList ul li{color: #000; overflow: hidden;text-overflow: ellipsis;}
.WinnersList h1{ padding: 20px 0;}
.height280{ height:280px}
.record_list_box .record_wrap li{ text-overflow:ellipsis;white-space: nowrap; overflow: hidden; font-size: 16px; text-align: center}
.WinnersList ul li{overflow: hidden;text-overflow: ellipsis;}

.Punch-bg2{ background: #0f6bc3; padding: 3%;}
.Punch-bg3{ background: #3b8bd7}
.product ul::after{ content: ""; clear: both; display: block; }
.product{ padding: 0 0px 0px 0px}
.product ul li{ float: left; width: 25%; }
.product .pr_img{ height: 278px;}
.product .pr_img a{ display: block;width: 97%; margin: 1.5%;}
.pr_box{ margin: 2%; background: #fff; }
.m_progress_bar { margin: 3% 2% 5% 1%; }
.m_progress_bar .bar_wrap { width: 100%; height: 10px; background: #b7b7b7; border-radius: 5px; position: relative; display: block; margin: 0 auto }
.m_progress_bar .bar_wrap .bar_wrap_cont { position: absolute; top: 0; left: 0; height: 100%; border-radius: 5px; background: #ff2227 }
.m_progress_bar .bar_sale { vertical-align: middle; margin-left: 5px; font-size: 14px; color: #000; padding: 4px 9px 9px; background: url(http://deal.tomtop.com/activity/201712/progress_bar.png) no-repeat center; background-size: 100% 100%; }
.m_progress_bar .bar_sale .pro_count { margin-right: 1px }
.pr_tt a {width:97%;text-align:center;font-size:13px;line-height:16px;height:32px;overflow:hidden; margin: 0 1.5%; display: block}
.pr_price { margin: 8px 0; float: left; width: 100%;}
.qr_code{float: right; width: 37%; margin: 2% 2% 8% 2%; }
.pr_price .current_price {font-size: 23px;  font-weight: bold; display: inline-block;color: #ed0a0a;}
.pr_price .origin_price { font-size: 14px;color: #000; text-decoration: line-through;display: inline-block; margin: 0 auto;text-align: right;}
.buy_btn{ clear: both; width: 100%; background: #f756a8; font-size: 18px; text-align: center;padding: 2% 0; color: #fff; display: block;}
.pr_info{padding:0 0;}
.ViewMore{ background: #f756a8; font-size: 30px; color: #fff; text-align: center; padding: 1% 0; margin:10px 0.5% 0 0.5%; display: block}
.ViewMore:hover,.buy_btn:hover{  color: #fff;    opacity: 0.7;}

.PrizeWall{margin: -0.3% 0 0.5% 0;}
.PrizeWall ul li{background: #fff; text-align: center;  width:19%; float: left; margin:0.5%; padding: 0.6%; position: relative; overflow: hidden }
.PrizeWall ul li div{  padding: 10px 0 5px 0;    margin-bottom: 7px; font-weight: bold;    height: 27px; overflow: hidden; line-height: 17px;
  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;
}
.PrizeWall h1{ padding: 20px 0;}
.PrizeWall ul li a:hover{ color: #ff5800; }
@media (max-width:450px) {
    .PrizeWall ul li{ width: 49%;}
}


@media (max-width: 1600px){
.width11 h1{ font-size: 40px;}	
.product .pr_img {height: 232px;} 
.qr_code {width: 44%;margin: 2% 2% 8% 0%;}    
.pr_price .current_price, .pr_price .origin_price { font-size: 15px; margin-top:5%;}    
    
.W1078 {max-width:1000px;}  
.W1027,.width11 { max-width: 1000px;}
.W1027 { margin-top: 35px;}	
}
@media (max-width:1200px){

}
@media (max-width: 857px){.width11{ max-width: 100%;}	}
@media (max-width: 768px){
.Punch-bg2 {background: #0f6bc3;padding: 4% 1%;}
.product .pr_img { height: 154px;}  
.pr_price { margin: 8px 2%;width: 96%;} 
.qr_code { margin: 0px 2% 8px 2%; width: 96%;text-align: center;}    

.qr_code img{     display: inline-block !important;}	
}

@media (max-width: 640px){
	.pr_price .current_price{ font-size: 20px;}	
.height50 {
    height: 27px;
}    

.pr_price2 {
    margin: 3px 0;
}    
.width11 h1 {font-size: 21px;} 
.width11 h1 img{ width: 32px; }	
.width11 h1 span {margin-left: 4px;}	
.HowToWin ol li { font-size: 13px;line-height: 24px; margin-bottom: 0%;}    
.record_list_box .record_wrap li {font-size: 13px; line-height: 20px;}
.ViewMore {font-size: 20px;}   
    
.product ul li {width: 50%;}  
.qr_code{ display: none;}

.m_progress_bar { margin: 6% 2% 0% 2%;} 
.product .pr_img {height: 229px;}  
.Punch-bg .check_btn_box a {
    padding: 3px 20px;
    box-shadow: 2px 5px 5px #d64e06;
    font-size: 12px;
}  

 .check_btn_box img{ width: 25px;}    
 .Punch-bg .check_btn_box a{ line-height: 23px;} 
.W1027 { margin-top: 20px;}	
}
@media (max-width:420px){
.product .pr_img { height: 187px;}
 
}
@media (max-width:360px){
.product .pr_img {
    height: 156px;
}
}

/*-------*/
.keifu{ position:fixed;  left:65px; width:194px;   top: 50% !important; margin-top:-199px; _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:9999;}
.keifu_tab{ width:194px;}
.icon_keifu{ width:26px; height:100px;    left: -65px; float:left; background:url(https://deal.tomtop.com/activity/202301/202303101053left-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/202301/202303101053left-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/202301/202303101053left-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;}
}

/*fotoer*/

/*-----------------------------------------------------*/
.W1027.footer-bgg{margin-top:2.3%;}
.footerimg li{ display: block;  float: left; text-align: center; border-radius: 7px; }
.radius10{ border-radius:10px;}
.bottom-f{ margin:-0.5% -1%;}
.footerimg li{  margin: 1%; width: 31.3%;}
.footerimg li a{ color: #fff;}
.footerimg li{ position: relative;display: block;}
.footerimg li img:hover,.PrizeWall img:hover {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}

.footerimg li img,.PrizeWall img {
    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%; border-radius: 8px;
}

/*---4----*/
@media (max-width:1600px) {
.footerimg { }	
}
@media (max-width:640px) {
.footerimg {margin: 0% 0.5% 0 0.5%;}   
.radius10 {  border-radius: 5px;}		
.footerimg li img{ border-radius: 10px;}	
.W1027.footer-bgg {
    margin-top: 3.5%;
}	
}

/*Earn Points*/
.EarnPoints1,.EarnPoints2,.EarnPoints3,.EarnPoints4{background: #526be0;}
.height15{ height: 15px; width: 100%; background:#526be0;} .height40{ height: 40px; width: 100%; background:#526be0;}
.EarnPoints2{ margin: 20px 0; padding: 10px 0 30px 0;}
.EarnPoints4{ margin-top: 20px;}	
.Guidelines-a.EarnPoints{ float: none; text-align: center; margin: 0}
.Guidelines-a.EarnPoints ol{ text-align: left; }
.Guidelines-a.EarnPoints li:hover ol{ left: 50%; margin-left: -300px;}
.Guidelines-a.EarnPoints .HowToWin{ font-size: 46px; font-weight:bold; margin-right: 14px;}

.Goldbox{ padding: 0 2%;}
.rotate180{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);}
.TheBox1{ width:26.2%; position: relative;}
.TheBox2{ text-align:center}
.Goldbox p{ text-align: center; color: #fff; font-size: 22px; display: block; margin-top: 2%;}
.integral1013{position: absolute;font-size: 34px;font-weight: bold;color: #fff;width: 24%;text-align: center;right: 4%;top: 65%;}
.integral1013.red{color: #8e1d22;}
.Goldbox p.Green{color: #1fff54;}

@media (max-width: 1600px){
	.Guidelines-a.EarnPoints .HowToWin{ font-size: 40px;}	
.W1200{ max-width: 1000px !important;}	
.integral1013 {font-size: 27px; width: 24%; right: 4%;top: 64%;}
.Goldbox p{font-size: 18px; }	
}	
@media (max-width: 890px){.integral1013 {font-size: 20px;top: 63%;}}
@media (max-width: 780px){
    .integral1013 {font-size: 18px;top: 62%;}
.Goldbox p { font-size: 14px;} .TheBox2 img{ width:70%;}}
@media (max-width: 640px){
.Guidelines-a.EarnPoints li:hover ol{ margin-left: -200px;}
.EarnPoints2 {  margin: 10px 0; padding: 10px 0 10px 0;}	
.EarnPoints4 {  margin-top: 10px; }
.height40 { height: 25px;}	
.integral1013 {font-size: 18px;top: 58%;}.Goldbox p { font-size: 13px;} 	
.Guidelines-a.EarnPoints .HowToWin{ font-size: 22px;}		
}
@media (max-width:550px){
.TheBox1 { width: 30%;position: relative;}	
.TheBox2 img{ width:84%;}		
.integral1013 {font-size: 12px;top: 63%;}.Goldbox p { font-size: 12px;} 	
}
@media (max-width: 400px){
.Guidelines-a.EarnPoints li:hover ol {margin-left: -150px;}	
.integral1013 {font-size: 12px;top: 61%;}	
}
@media (max-width: 360px){
.integral1013 {font-size: 11px;top: 61%;}	
.Goldbox p {  font-size: 11px;}	
}



/*-----------------------Saving With  Friends-------------------------*/
.Price0{ padding: 10px 0; color: #9a9a9a; font-size: 15.7px;}
.Price1{font-size: 14px; }
.Price2{ color: #ff6600; font-size: 14px; font-weight: bold; padding: 5px 0;}
.b_product_box .shopping-cart .pr_box .buy_btn { width: 50%; max-width: inherit;display: inline-block; float: left; background: #fe3c3c; margin-top: 0px; font-size: 14px; line-height: 28px; border-radius: 5px;margin-left: 10%;text-transform: capitalize;}
.ca2 li .buy_btn {    width: 148px!important;  margin-left: 16%!important;}


.Price0{ padding:8px 0; color: #9a9a9a; font-size: 15.7px;}
.Price11{font-size: 14px;  }
.Price22{font-size: 16px;color: #000; font-weight: bold; padding: 1px 0;}
.b_product_box .shopping-cart .anniversary-bg .buy_btn.buy_btnTT {width: 78%;background:#fe3724;font-size: 15px;text-align: center;color: #fff;text-transform: capitalize;display: block;margin-top:0px;border-radius: 5px;-ms-border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;margin-left: 11%;}


@media (max-width:1600px) {
.ca2 li .buy_btn { width: 129px!important;margin-left: 13%!important;}	
.bg1202 { max-width: 1000px; margin: auto; background-size: 1001.5px;}
.Price1{font-size: 13px; }
.Price2{font-size: 13px;}  
.b_product_box .shopping-cart .anniversary-bg .buy_btn.buy_btnTT{     font-size: 14px; display: inline-block; width: 86%; margin-left: 7%;} 
.Price11{font-size: 13px;  }
.Price22{font-size: 13px;}	
}
@media (max-width:1000px) {

.ca2 li .buy_btn {width: 152px!important;margin-left: 0%!important;}	
}
@media (max-width:850px) {
.ca2 li .buy_btn { width: 127px!important;margin-left: 0!important;}		
}
@media (max-width:880px) {

}


@media (max-width:500px) {
.Price0 {
    padding: 10px 0 4px 0;
    font-size: 15.7px;
}	
 .Price1 { font-size: 12px;} 
 .Price2{ font-size: 12px; }	
.ca2 li .buy_btn {
    margin-bottom: 2% !important;
}	
}