.b_box {
    max-width: 1920px; margin: auto;
    /* background: #d0eeff; */
}
.border5{ border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -webkit-border-radius: 5px;}
.center{ text-align: center;}

/*----------------------------------------------------banner--*/
/*fotoer*/

.footerimg { margin: 0; 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%;}
}


/*---------------------------------------------------top-Game-title---*/
.top-Game-title{ padding-top: 9%;}
.top-Game-title{ text-align: center; width:79%; margin: auto; }
.top-Game-title h1{ font-size: 40px;padding-bottom: 10px;}
.top-Game-title h2{ font-size: 30px;}

.top-left{
	-webkit-transform-origin: center top;
	-ms-transform-origin: center top;
	-moz-transform-origin: center top;
	-o-transform-origin: center top;
	transform-origin: center top;
	-webkit-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	transform: rotate(-10deg);
	display: block;
	margin: 0 auto;
	/*background: url(img/20170915_fashion_watches_rq.png) center no-repeat;*/
	background-size: 100% 100%;
	-webkit-animation: rotate 1.5s ease-in-out alternate infinite;
	-ms-animation: rotate 1.5s ease-in-out alternate infinite;
	-moz-animation: rotate 1.5s ease-in-out alternate infinite;
	-o-animation: rotate 1.5s ease-in-out alternate infinite;
	animation: rotate 1.5s ease-in-out alternate infinite;
    position: absolute; margin-top: -60px;   left: -43px;
}
@-webkit-keyframes rotate{to{-webkit-transform: rotate(10deg);}}
@-ms-keyframes rotate{to{-ms-transform: rotate(10deg);}}
@-moz-keyframes rotate{to{-moz-transform: rotate(10deg);}}
@-o-keyframes rotate{to{-o-transform: rotate(10deg);}}
@keyframes rotate{to{	transform: rotate(10deg);}}	
@media (max-width:1250px){
.top-left{margin-top: -65px;  left:0px;}
}
@media (max-width:1024px){
.top-left {margin-top:-6%;width: 12.5%;}    
}
@media (max-width:650px){
.top-Game-title h1 {font-size: 30px; padding-bottom: 5px;} 
.top-Game-title h2 { font-size: 20px;}    
}
@media (max-width:450px){
.top-Game-title h1 {font-size: 25px;padding-bottom: 5px;} 
.top-Game-title h2 {font-size: 16px;}    
}
/*---------------------------------------------------/top-Game-title---*/

/*游戏转盘*/
.Rotarytable11{ background-size: cover; padding: 0 2% 4.3% 2%;}
.Guidelines { position: relative;padding:2.7% 0 0 0;}
.Guidelines-a{ float: right;}
.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: 20px; padding: 5px 0; margin-left: 30px;}
.Guidelines-a li ol li a{ text-decoration: underline;}

.FreeChance-b{ float: left;}
.FreeChance-b h4{ font-size: 30px;    padding-left: 10px;}
.red{ color:#e44025;}
.FreeChance-b h3,.FreeChance-b h4{ display: inline-block; vertical-align: middle; color: #000}
@media (max-width:1600px){
.Guidelines-a li ol li{ font-size: 14px;}
}
@media (max-width:1024px){
.FreeChance-b h3{ width:50px;}  
.FreeChance-b h4 {  font-size: 25px; }   
}
@media (max-width:1024px){
.Rotarytable11 .Guidelines-a li img {  width: 177px;}   
.EarnPoints2 .Guidelines-a li img{ width: 43px;}	
}
@media (max-width:768px){
.Rotarytable11 .Guidelines-a li img {
    width: 138px;
}	
.FreeChance-b h3 {
    width: 38px;
}	
}
@media (max-width:650px){
.Guidelines-a li ol { width: 400px;padding: 10px;}    
.EarnPoints2 .Guidelines-a li img {
    width: 27px;
}	
}
@media (max-width:550px){
.Guidelines-a li ul { height: 300px; overflow:auto;} 
	
}  
@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;} 
.Rotarytable11 .Guidelines-a li img { width: 105px;}    
}
/*---------------------------------------------------title*/
/*----------------------------------------------------Winners List*/
.HowToWin ol li{ list-style-type: decimal; font-size: 16px; margin-bottom: 1%;}
.W1027{max-width:1200px;  margin-bottom:0; margin: auto}
.width11 {width: 1200px; margin: -3.5% auto auto auto;background: url(https://deal.tomtop.com/activity/202301/202311061827_2.png) top center repeat-y; background-size: 100%;}
.width11 h1{ display: block; text-align: center; font-size: 40px; color: #000; font-weight: bold; padding-top: 1.4%;}
.width11 h1 img,.width11 h1 span{ vertical-align: middle; display: inline-block;}
.width11 h1 span{ margin-left:15px;}
.WinnersList{ padding:1% 6% 0% 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;}


.title11{ text-align: center; position: relative;}
.title11 h1 {font-weight: bold; }

.title11 h1{
    font-size: 40px;
    color: #fdc518;
    display: inline-block;
    vertical-align: middle;
    padding:44px 0 12px 0;
    position: relative; z-index: 10;
    line-height: 44px;
}

.size36 { font-size: 40px; text-align: center; padding: 36px 0 34px 0; color: #000;}
h1.size36 span{ color: #000; font-size: 20px; line-height: 34px;  margin-bottom: -24px; display: block;}
.height-40 { height: 50px;}	
@media (max-width:1600px) {
.width11 h1{ font-size: 40px;}	
.W1027,.width11 { max-width:1017px;}	
}
@media (max-width: 1020px){.width11{ max-width: 100%;}	}
@media (max-width: 857px){.width11{ max-width: 100%;}	}
@media (max-width:650px) {
.size36{ font-size: 25px; padding: 19px 0 28px 0;}	
h1.size36 span {font-size: 14px; line-height: 21px;  margin-bottom: -10px;}		
.height-40 { height: 35px;}	
}
@media (max-width:640px) {
.width11 h1 {font-size: 22px;} 
.title11 h1 { font-size: 24px; padding: 25px 0 12px 0; line-height: 23px;}	
	
} 	
@media (max-width:450px) {


.height-40 { height: 20px;}

}
/*---------------------------------------------------//title*/
/*----------------------------------------------------Winners List*/
.PrizeWall{  margin-top: -1%;}
.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{}
    .PrizeWall ul li{ width: 49%;}
}
/*----------------------------------------------------/Winners List*/

/*---------------------------------------------------游戏banner*/
.W1136{ margin: auto; max-width: 1136px; }
@media (max-width:1600px) {.W1136{margin: auto;max-width: 958px;}}
@media (max-width:1024px) {.W1136{margin: 0 2%;}}
/*---------------------------------------------------Scratch*/

.c-50{ width: 50%; float: left; padding: 2%;}
.ScratchRight h1{ margin-bottom: 5%; }
.Scratch{ padding: 10px 0;}
.sidebar{ width:138px; float:left;}
#breakNews .list6 {height: 158px;overflow:hidden;font-size: 23px;max-width: 776px;margin: auto;}
#breakNews .list6 li{ display: block; padding: 2px 0;}
@media (max-width:1600px) {
#breakNews .list6 {height: 138px;font-size: 20px;}
}
 @media (max-width:768px) {
     .c-50{ font: none; width: 100%;}
}
 @media (max-width:480px) {
.ScratchRight h1 {font-size: 20px; margin-bottom: 5%;}
#breakNews .list6 { height: 111px; font-size: 14px;}

}
/*---------------------------------------------------/Scratch*/
/*-----------拼团----------*/
/*----------------------------------------------产品5个--*/
.p5 .tab_con li{ width: 20%;}
.p5 .tab_con li .pr_img { height: 224px;}
.p5 .Price0{ padding: 5px 0; font-size: 14px;}
.p5 .Price2{font-size: 20px;}
/*----------------------------------------------/产品5个--*/
.shopping-cart .m_progress_bar{ display: none;}
.b_product_box .shopping-cart .pr_box .pr_info{ padding:10px 0px 0 0px }
.Price0{ padding: 10px 0; color: #9a9a9a; font-size: 15.7px;}
.Price2{ color: #fe3724; font-size: 16px; font-weight: bold; padding: 5px 0;}
.b_product_box .shopping-cart .anniversary-bg .buy_btn.buy_btnTT {width: 90%;line-height: 16px; background: #fe3724;font-size: 16px;text-align: center;color: #fff;margin: 0 auto 0;    text-transform: capitalize;display: block;margin-top:0px;padding: 8px 0;margin-left: 4%;margin-bottom: 10px;}
.FreeGift{ margin-bottom: 20px; padding: 0 0.5%} 
@media (max-width:1600px) {
.Price0 {font-size: 13px;} 
.Price2 {font-size: 15px; padding: 5px 0;}  
.p5 .tab_con li .pr_img { height:185px;}    
}
@media (max-width:850px) {
.p5 .tab_con li .pr_img {height: 151px;}    
}
@media (max-width:650px) {
.p5 .tab_con li .pr_img {height:inherit;}    
}
@media (max-width:500px) {
/*-----------1----------*/
.Social p a{font-size: 15px;}
/*-----------2----------*/  
.Price0 {font-size: 2.7vw; padding: 8px 0;}
.Price2 { font-size: 2.8vw; padding: 1px 0;}   
.LearnMore {font-size: 15px;}    
}
/*-----------拼团-------*/

@media (max-width:1200px) {#n_a_v{ display: none}}
@media (max-width:1000px) {.APP-Exclusive-deals ul .img1 {height:inherit;}}
@media (max-width:800px) {
.height30 { height: 30px;}
/*产品*/    
 .pr_price .current_price{ font-size: 16px !important;}   
 .pr_price .origin_price{font-size: 12px !important;}
 .pr_box .buy_btn{ line-height: 25px !important;}    
.tab_btn li{ font-size: 12px !important;}
.tab_btn li .tab_btn_con{ line-height: 16px !important;}

}
@media (max-width:650px) {
.swiper-slide .height30 { height: 50px;}
/*产品*/
.height60 { height: 37px;}    
.tab_con li {width: 50% !important;  padding-bottom: 1.5%  !important} 
.pr_price .current_price { font-size: 23px !important;} 
.APP-Exclusive-deals ul li.enjoy-app{ width: 98%;}  
.APP-Exclusive-deals ul li{ width: 48%; margin: 1%;}

.tab_btn li{ font-size: 2.3vw !important;}    
}
@media (max-width:450px) {
.height60.mm60{ height: 25px;}    
.height30 {height: 22px;}
.height20 { height: 12px;} 
.swiper-slide .height30 { height: 50px;font-size: 11px;line-height: 14px;}
   
/*产品*/    
.scan-it{ display: none;} 
.abcd {float:none;width: 100%;text-align: center;    }    
.d4 a {padding: 3% 13%;} 
   
}

/*Earn Points*/
.EarnPoints1,.EarnPoints2,.EarnPoints3,.EarnPoints4{}
.height15{ height: 15px; width: 100%; background:#526be0;} .height40{ height: 40px; width: 100%; background:#526be0;}
.EarnPoints2{ margin:0px 0 0 0; padding: 10px 0 0 0;background-size: cover;}
.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: 40px; font-weight:bold; margin-right: 14px;    vertical-align: bottom; color: #000}

.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: #000; font-size: 20px; display: block; margin-top: 2%;}
.integral1013{position: absolute;font-size: 34px;font-weight: bold;color: #fff;width: 24%;text-align: center;right: 6%;top: 65%;}
.integral1013.red{color: #8e1d22;}
.Goldbox p.Green{color: #000;}


.Buy3Get30Off { position: relative;}
.Buy3Get30Off .Guidelines {position: absolute;right: 2%; top: 37px;}
@media (max-width: 1600px){
.Guidelines-a.EarnPoints .HowToWin{ font-size: 40px;}	
.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%;}
.Buy3Get30Off .Guidelines { right: 4%; top: 11px; width: 28px;}
}
@media (max-width: 640px){
.Guidelines-a.EarnPoints li:hover ol{ margin-left: -200px;}
.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: 450px){.EarnPoints2 { margin: 20px 0 0 0;}	}
@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;}	
}


/*-------*/
.keifu{
 position:fixed;
 left: 58px;
 width: 194px;
 top: 50% !important;
 margin-top: -257px;
 _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;}
.keifu_box{ display:block;}
.icon_keifu{ width:26px; height:100px;    left:0;    top: 34% !important; float:left; background: url(https://deal.tomtop.com/activity/202301/202311081658left-z.png) 0 0; position:fixed; display:none; cursor:pointer;}
/*.icon_keifu:hover{ width:26px; height:100px;    left:0;    top: 34% !important; float:left; background:url(https://deal.tomtop.com/activity/202301/202311081658left-z_1.png) 0 0; position:fixed; }*/
.keifu_tab img{ display:block;}
.keifu_head {
    width: 67px;
    height: 67px;
    background: url(https://deal.tomtop.com/activity/202301/202311081658left-L.png?1f3) center no-repeat;
    font-size: 0;
    line-height: 0;
    position: relative;
    margin-top: 0px;
    margin-left: 68px;
    background-size: 64px;
    top: 381px;
}

.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/202311081658left-z.png); }
@media (max-width:1600px) {
.keifu_head {
    margin-left: 49px;
    top: 336px;
    width: 54px;
    height: 56px;
    background-size: 54px;
}
.keifu_head:hvoer {
    margin-left: 49px;
    top: 336px;
    width: 54px;
    height: 56px;
    background-size: 54px;
}	
	.keifu{ left: 17px;}	
	
}
@media (max-width:1200px) {
 .keifu{ display: none;}
}





@media (max-width:1600px) {
.keifu_head_1 {
    width: 64px;
    height: 46px;
    top: 33px;
    left: -163px;
    transform: scaleX(-1);
}
}	
@media (max-width:1200px) {
 .keifu_1{ display: none;}
}
/*-------banner----------*/

.bannerImg { position: absolute;  top: 10%; right: -1%; width: 47%;}
.bannerImg2 {position: absolute; top: 29.3%; left: 28%; width: 52.4%;}
.bannerImg2 {-webkit-animation: flipInX 5s; -moz-animation: flipInX 5s; -ms-animation: flipInX 5s; -o-animation: flipInX 5s; animation: flipInX 5s;}
.bannerImg2 img {animation: rotating 7s linear infinite;-webkit-animation: rotating 7s linear infinite; -moz-animation: rotating 7s linear infinite;}


@keyframes rotating {
	0% {transform:rotate(0deg);}
	100% {transform:rotate(360deg);}
}
@-moz-keyframes rotating {
	0% {-moz-transform:rotate(0deg);}
	100% {-moz-transform:rotate(360deg);}
}
@-webkit-keyframes rotating {
	0% {-webkit-transform:rotate(0deg);}
	100% {-webkit-transform:rotate(360deg);}
}

.bannerImg3 {position: absolute;top: -2%; width: 79%;left: 9%;
	 animation:down 1.6s;
	 -webkit-animation:down 1.6s;
	 animation-direction:alternate; /*属性定义是否循环交替反向播放动画。*/
	 -webkit-animation-direction:alternate;
	 animation-iteration-count:infinite;
	 -webkit-animation-iteration-count:infinite;
	}
@-webkit-keyframes down{
0%{opacity:0.3;}
50%{opacity:1;}
100%{opacity:0.6;}
}
@-moz-keyframes down{0%{opacity:0.3;}
50%{opacity:1;}
100%{opacity:0.6;}
}
@-ms-keyframes down{0%{opacity:0.3;}
50%{opacity:1;}
100%{opacity:0.6;}
}
@-o-keyframes down{0%{opacity:0.3;}
50%{opacity:1;}
100%{opacity:0.6;}
}
@keyframes down{
0%{opacity:0.3;}
50%{opacity:1;}
100%{opacity:0.6;}
}






/*Let's keep connected*/
.w1240{ max-width: 1200px; margin: auto;}
.w1240.img20 { margin-top: 50px; margin-bottom: 0;}
.BottomMailbox{ padding-top: 3%}
.BottomMailbox h1,.BottomMailbox h2{ color: #000;padding-left: 1%;    padding-bottom: 1%;}
.BottomMailbox h1{ font-size: 36px; display: inline-block  }
.BottomMailbox .Guidelines {
    display: inline-block;
    position: relative;
    vertical-align: sub;
    top: inherit;
    right: inherit;
	left: 1%;
	    padding: 0 0 0 0;
}
.BottomMailbox .Guidelines-a li:hover ol {left: 0; z-index: 10; }
.BottomMailbox .Guidelines-a h3{ font-size: 19px; font-weight: bold; color: #000}
.BottomMailbox h2{ font-size: 24px }	
.BottomMailbox input{font-size: 24px;background: #fff;color: #808080;width: 85%;line-height: 28px; padding: 1%;border: none;display: block;float: left;border-top-right-radius: 0;border-bottom-right-radius: 0;}
.BottomMailbox button{font-size: 24px;background: #ff7800;line-height: 28px;padding: 1%;color: #fff;width: 14%;border: none;display: block;float: left;border-top-left-radius: 0;border-bottom-left-radius: 0;}
.BottomMailbox input,.BottomMailbox button{height: 53px }
.BottomMailbox .Guidelines-a img{ width: 40px}		
.BottomMailbox .erro_info,.BottomMailbox .success_info{
  display: none;color: #e62e04;
  position: relative;top: 5px;left:5px;font-size: 17px;
}
.BottomMailbox .success_info{
  color: #9fe36f;
}
@media (max-width:1600px) {.w1240{ max-width:1005px; }}
@media (max-width:1050px) {
.w1240{ max-width:95%; }	
}
@media (max-width:1200px) {.w1240{ max-width:98%; }	}
@media (max-width:1050px) {
.BottomMailbox .Guidelines-a li:hover ol {left: -250px;}	
.BottomMailbox .Guidelines-a img{ width: 32px}		
.BottomMailbox h1 {font-size: 28px;}
.BottomMailbox h2 { font-size: 23px;}	
.BottomMailbox input { font-size: 16px;}	
.BottomMailbox button {font-size: 19px;}
	
.BottomMailbox .erro_info,.BottomMailbox .success_info{font-size: 15px;}	
}
@media (max-width:768px) {
.BottomMailbox .Guidelines-a li:hover ol {left: -150px;}		
.w1240.img20 { margin-top: 30px;}		
.shopping-cart.contain.flash_deals.top_picks.sTop{ margin-top: 0;}	
.BottomMailbox h1 {font-size: 22px;}
.BottomMailbox h2 {font-size: 16px;}	
.BottomMailbox input {font-size: 12px;     width: 78%;}	
.BottomMailbox button {font-size: 15px;width: 22%;}		
.BottomMailbox input, .BottomMailbox button {height: 40px;}
.BottomMailbox { padding-top: 0;}	
.BottomMailbox .erro_info,.BottomMailbox .success_info{font-size: 12px;}
}

	
@media (max-width:450px) {
.BottomMailbox .Guidelines-a h3{ font-size: 14px; margin-left: 10px}	
.BottomMailbox .Guidelines-a img{ width:20px}		
.BottomMailbox h1 {font-size: 20px;}
.BottomMailbox h2 {font-size: 14px; margin-bottom: 2%}	
.BottomMailbox input {font-size: 12px;  width: 78%;}	
.BottomMailbox button {font-size: 12px;width: 22%;}		
}