.b_box {
    max-width: 1920px; margin: auto;
    background: #0e73f2;
    overflow: hidden;    position: relative;
}
.border5{ border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -webkit-border-radius: 5px;}
.center{ text-align: center;}
/*Use Code To Save $10 *** Code: 12345x*/
.UseCodeToSave,.Code123{ font-weight: bold; font-size: 17px;} .UseCodeToSave{color: #ed1c24}
@media (max-width:768px) {
.UseCodeToSave, .Code123 {   font-size: 12px;}    
}
/*---------------------------------------------------top-navBG*/
.top-navBG{background: #122a88;}
.top-nav ul {display: table; width: 90%; text-align: center; margin-left: 10%;}
.top-nav ul li{ display: table-cell; vertical-align: middle;}
.top-nav ul li a{ color: #fff; display: block; padding:12px 0; line-height: 20px;}
/*.top-nav ul li a:hover*/
.top-navICO{ display:block; text-align:right; margin-right:15%}
.top-nav ul li:last-child{border-right:none}
.nav-mar{ position: relative; margin-top: 10px; display: inline-block; background: #fff; color: #000; font-size: 14px; padding: 1px 15px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px;}
.nav-mar strong::after {
    left: 50%;
    top: -8px;
    position: absolute;
    border-bottom:8px solid;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom-color: #fff;
    content: '';
    margin-left: -8px;
    z-index: 10;
}
.top-nav ul li .current{color: #f4e214;}
.top-nav ul li .current .nav-mar{background: #f4e214;}
.top-nav ul li .current .nav-mar strong::after { border-bottom-color: #f4e214;}
.top-nav ul li.currentBG{ background: #2347d5;}
@media (max-width:1450px) {
.top-nav .font22 {font-size: 18px;}
.top-nav .nav-mar{font-size: 12px;}
}
@media (max-width:768px) {
.top-nav .font22 {
    font-size: 16px;
}    
.top-navICO{ display:block; text-align: right; margin-right:2%;} 
.top-navICO img{ width: 20%}  

	.table-container-outer { position: relative; }
	.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: rgba(0, 0, 0, .3);}
	
	.table-container-fade{
		position: absolute;
		right: 0;
		width: 15px;
		height: 100%;
		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);
	}    
}
@media (max-width:550px) {
.top-nav ul li a{padding: 5px 0;line-height: 15px;}  
.top-nav ul li .font30 {font-size: 3vw;}    
.top-nav ul li .font24 { font-size: 2.6vw;}  
.top-navICO{ display:block; text-align: right; margin-right:2%;} 
.top-navICO img{ width: 20%}    
.top-nav ul {  margin: 5px 0 5px 0; padding-left: 108px;}
.top-nav ul .font18 { font-size: 12px;}  
.top-nav ul { width: 655px;}  
  
}

/*---------------------------------------------------top-navBG*/
/*---------------------------------------------------优惠码*/
.jma{ padding:3% 0%; display: table; width: 100%}
.jma-left0{ padding:1.5% 4%; display: table-cell; position: relative;} .line{ display: table-cell;}
.border-122a88,.border-28a7e1,.jma-left0{border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px;}
.border-122a88{ background:#122a88; padding:1.3% 1.3% 0.5% 1.3%;}
.border-28a7e1{ background:#28a7e1; position: relative; z-index: 1; }
.imgBottom{ position: relative; z-index: 0; top:-5px;}
.jma-left1,.jma-left2{float: left;color: #702b00; }
.jma-left1,.jma-left3,.jma-left5 {width: 70%; }
.jma-left1 .font60{ font-size: 60px; font-weight: bold;}
.jma-left2{ text-align: center;}
.jma-left2 .font30{ font-size:30px;font-weight: bold; display: block; line-height: 60px; }
.jma-left0{ width: 49.7%;}
.jma-left0{ background: #ffeb11; }
.jma-h1{ height: 2px; margin: 3% 0; background: url(https://deal.tomtop.com/activity/201902/0307SpringEquinoxSale-s.png);}
.jma-left3{ float: left;}
.jma-left3 span{ background: #ff0000; display: inline-table; color:#fff; padding:2% 4%; font-size: 16px; border-radius:5px; }
.jma-left4{ float: right; font-size: 16px;color: #702b00; line-height:25px;}
.jma-left6{ position: absolute; right: 4%; bottom:4%;  width: 24%;}
.share03,.shareICO{ display:inline-block;}
.shareICO img{ display: block;}
.share03{ font-size: 14px; text-align: center;  padding-right: 8%;}
.top10{ margin-top: 3%;}
.dd1:hover .dd2{ display: block;}
.dd2{ border-radius:5px; display: none; z-index: 1; background: #000; color: #fff; padding:5px 10px; position: absolute;}
.line{ width: 0.3%; position: relative;;  background: url(https://deal.tomtop.com/activity/201902/0307SpringEquinoxSale-h.png); }
.line::after,.line::before { content: ''; left: 0;  height:33px; background: #0e73f2; display: block;position: relative;}
.line::after { bottom: -36px;}
.line::before {top:-165px;}
@media (max-width:1450px){
.line::after { bottom: -25px;}
.line::before {top:-153px;}
}
@media (max-width:1024px){
    .line{ background: none;}    
}
@media (max-width:650px){
.border-122a88, .border-28a7e1, .jma-left0 {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
}    
    .jma {padding: 3% 3%;}
    .jma-left0{ display: block; width: 100%; }  
    .jma-left0:nth-of-type(1){margin-bottom: 10px;}
    .line{ display: none;}
   .jma-left1 .font60{ font-size: 40px; }
    .jma-left1 .font20{ font-size: 14px;}
    .jma-left2 .font30{ font-size:25px; line-height: 40px}
    .dd1 img{ max-width: 50%;}
    .jma-left3 span,.jma-left4{ font-size: 12px;}
}
/*---------------------------------------------------尾部-banner--*/
.footerimg { margin: -0.8%;}
.footerimg li{float:left;display:block;width: 48%;text-align:center;overflow: hidden;margin: 1%;}
.footer-ju{ padding: 2%;}
.bottom-f{ margin-bottom: 1%;}
.height30{ height:50px;} .height20{ height: 20px;}.height60{ height:60px; }
.radius10{border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px;}
.backgruondIMG{}

/*---------------------------------------------------top-Game-title---*/

.top-Game-title{ padding-top:16%;}
.top-Game-title{ text-align: center; width:79%; margin: auto; }
.top-Game-title h1{ font-size: 36px;padding-bottom: 10px;padding-top: 30px;}
.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(-20deg);
	-ms-transform: rotate(-20deg);
	-moz-transform: rotate(-20deg);
	-o-transform: rotate(-20deg);
	transform: rotate(-20deg);
	display: block;
	margin: 0 auto;
	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: -97px; left: -49px;
}
@-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: -85px; left: -35px;}
}
@media (max-width:1024px){
 .height60 { height: 38px;} 
}
@media (max-width:650px){
 .top-left {
    -webkit-transform: rotate(0deg);-ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);   
    animation: none; -webkit-animation: none;-ms-animation: none; -o-animation: none;
    margin-top: -85px;
    left: -9px;
    }
    .top-left img{ width: 60%;}    
.top-Game-title {
    padding-top: 78px;
}      
.top-Game-title h1 {font-size: 23px; padding-bottom: 5px;} 
}
@media (max-width:450px){
.top-Game-title h1 {font-size: 16px;padding-bottom: 5px;padding-top: 18px;}    
}
/*---------------------------------------------------/top-Game-title---*/

/*---------------------------------------------------金蛋-------*/
.Guidelines{ position:relative; padding: 4% 0 2% 0;  margin: 0 4%;}
.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:16px; 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;}
.red{ color:#e44025;}
.FreeChance-b h3,.FreeChance-b h4{ display: inline-block; vertical-align:middle;}
.FreeChance-b h3{ margin-right: 10px;}
@media (max-width:1450px){
.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){
.Guidelines-a li img {  width: 138px;}    
}
@media (max-width:650px){
.Guidelines-a li ol { width: 400px;padding: 10px;}    
}
@media (max-width:550px){
.Guidelines-a li ul { height: 300px; overflow:auto;}   
.Guidelines-a li ol li {
    font-size: 12px;
}    
}  
@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-a li img { width: 105px;}    
    
}

/*tips How To Get More Chances*/
.HowToGetMoreChances{ margin: 0 8%; background: #fff; text-align: center; vertical-align: middle;}
.HowToGetMoreChances h1{  background: #1d1e88}
.HowToGetMoreChances ul{ padding: 1% }
.HowToGetMoreChances ul li{ width: 20%; float: left;  padding: 0.5%;}
.HowToGetMoreChances ul li .HowTo{background: #1d1e88; color: #fff; padding: 6%  0%; }
.HowToGetMoreChances ul li .HowTo span{ display: block; padding-top: 5% }
.HowToGetMoreChances ul li h4{ margin: 5% 0; }
.HowToGetMoreChances ul{ padding-bottom: 2%;}
@media (max-width:1450px){
  .HowToGetMoreChances{margin: 0 4%; }  
}
@media (max-width:768px){
    .HowToGetMoreChances ul{ width: 800px;}
}

/*奖品名单*/

/*Prize & Winner List*/
.PrizeWinnerList{ display: table; width: 100%}
.Prize-1,.Prize-2,.Prize-3{ display: table-cell;}
.Prize-1,.Prize-3{ padding: 1%;}
.Prize-2{ background: #69c2ea; width: 2px;}
@media (max-width:650px) {
   .PrizeWinnerList,.Prize-1, .Prize-3{ display: block;}
   .Prize-2{ display: none;}    
}
/*---------------------------------------------------title*/
.height-50{ height: 50px; width: 100%;}.height-40{ height: 40px; width: 100%;}
.title11 { text-align: center;position: relative; max-width: 557px; margin: auto;}
.title11 h2{ position: absolute; left: 0px; top: 0; color: #e97026; text-align: center; display: block; width: 100%; font-size: 32px; font-weight: bold; top:23%; margin-top: -5px}
@media (max-width:1450px) {
.title11 {
    max-width: 500px;
}    
}
@media (max-width:650px) {
.title11 {
    max-width: 400px;
}   
.title11 h2{ font-size:23px;}    
.height-50 {  height: 28px;}   
    
}
@media (max-width:450px) {
.title11 {max-width: 280px;} 
.title11 h2{ font-size:16px; top: 31%; margin-top: -5px;} 
.height-50 {  height: 20px;}        
}
/*---------------------------------------------------//title*/

/*---------------------------------------------------游戏banner*/
.W1136{ margin: auto; max-width: 1136px; }
@media (max-width:1450px) {.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:1450px) {
#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*/
/*-----------拼团----------*/
.img3{padding: 0% 1.2% 2% 1.2%;}
/*----------------------------------------------产品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: 15px 0; color: #9a9a9a; font-size: 15.7px;}
.Price2{ color: #e44025; font-size: 16px; font-weight: bold; padding: 5px 0;}
.b_product_box .shopping-cart .anniversary-bg .buy_btn.buy_btnTT {width: 100%;line-height: 16px; background: #e44025;font-size: 16px;text-align: center;color: #fff;margin: 0 auto 0;    text-transform: capitalize;display: block;margin-top:0px;padding: 8px 0;}
.FreeGift{ margin-bottom: 20px; padding: 0 0.5%} 
@media (max-width:1450px) {
.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%;} 
   
}