
.b_box {
    max-width: 1920px; margin: auto;
    background:#4cb68f;
    overflow: hidden;    position: relative;
}
.border5{ border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -webkit-border-radius: 5px;}
.center{ text-align: center;}


/*四个咸鸭蛋*/
.c_banner_bg{background:url(https://deal.tomtop.com/activity/20190415HappyEaster-a2.png) center; border-bottom: 2px solid #185e56;}
.c_banner{ position:relative; max-width: 1200px; margin: auto}
.GoldenEgg{ position: absolute; top: 2%; width: 100%;text-align: center}
.cs-left{ float: left; width: 19.2%; margin: 2.9% 2.9% 1% 2.9%;}
#cs{ width: ; } 
.description1{position: absolute;top:58%;left: 17%; cursor:Default; width: 66%; }
.description1 h1{ font-size: 13px; height: 15px; overflow: hidden; }
.description1 h2{ font-size: 18px; color: #e44025; }
.description1 h3{ font-size: 14px; color: #e44025}
.j3ss{ margin-top: -14%; position: relative; z-index: 1;}
.LuckyDraw{ border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -webkit-border-radius: 10px; color: #fff; background: #4cb68f;  display: inline-block; font-size: 20px; padding: 1% 5%; margin-top:1%}
.LuckyDraw:hover{ background: #33a47a; }
#pos,#pos2,#pos3,#pos4{ position: relative;z-index: 10;}
    #pos:hover,#pos2:hover,#pos3:hover,#pos4:hover{
    -webkit-animation: 1.8s ease-in-out infinite both;
    animation: 1.8s ease-in-out infinite both;
     -webkit-animation-name: tilt;
    animation-name: tilt;
   /* box-shadow: inset 3px -10px 10px -10px #e4dac8, -5px 25px 10px -25px #7a6653;*/
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;    
    }   
@-webkit-keyframes tilt {
    0% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }
    50% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg);
    }
    100% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }
}
@keyframes tilt {
    0% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }
    50% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg);
    }
    100% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }
} 
@media (max-width:1450px){
.c_banner{max-width: 1000px;}    
.cs-left {width: 22%;margin:1% 1.5% 0.5% 1.5%;}
.LuckyDraw { font-size: 18px;  padding: 0.8% 5%; margin-top: 0.5%;} 
.description1 h1 {font-size: 12px;}
.description1 h3 { font-size: 13px;}    
}
@media (max-width:990px) {
.noneIMG{ display: none;}    
    .c_banner_bg{background:#1a776d;background-size: 100%; border-bottom: 2px solid #185e56;}
    .GoldenEgg{ width: 1000px; position: inherit;}
	.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;
        z-index: 20;
		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) {
.description1 { left: 16%;}      
.description1 h1 {font-size:11px;}  
.cs-left { width: 20%; margin: 0.5%;}  
.description1 h3 {font-size: 12px;}  
.description1 h2 {font-size: 16px;} 
.LuckyDraw {font-size: 16px; margin-top: 1%;margin-bottom: 2%;}  
  
}
/*---------------------------------------------------尾部-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{}

/*---------------------------------------------------title*/
.height-50{ height: 55px; width: 100%;}.height-40{ height: 40px; width: 100%;}
.title22{
	    position: absolute;
    margin-top: -190px;
    z-index: 9999999999999;
    width: 100%;
    max-width: 1920px;
}
.wyye{ width:100%; max-width: 1200px; margin:60px auto 0;}
.title11 {
    text-align: center;
    position: relative;
    margin: auto; 
    height: 88px;
    width: 100%;
    line-height: 88px;
    max-width: 1200px;
}
.title11 h2{   color: #fff; text-align: center; display: block; width: 100%; font-size:36px; font-weight: bold;  text-transform:uppercase;}
.wlls{margin-top: -55px;}
@media (max-width:1450px) { 
	.title11 {
       text-align: center;
    position: relative;
    margin: auto; 
    height: 88px;
    width: 100%;
    line-height: 88px;
}
.title11 {max-width: 1000px;}    
}
@media (max-width:650px) {
	.wlls{margin-top: -5px;}
 .title11 h2 { width: 100%;font-size: 26px; top: 0;margin-top: -8px;}   
}
@media (max-width:450px) {   
.title11 h2 {font-size: 20px;margin-top: 0px;  position: inherit;}   
.title-img1{ display: none; } 
.height-50 {height: 28px;}    
}
/*---------------------------------------------------//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) {
	.title22 {
    position: absolute;
    margin-top: -80px;
    z-index: 9999999999999;
    width: 100%;
    max-width: 1920px;
}
	.height-50 {
    height: 15px;
    width: 100%;
}
	.title11 {     text-align: center;
    position: relative;
    margin: auto;
    background: url(https://deal.tomtop.com/edm/201805/20190810_Mobile-phone-clearance_title_bg01.png) no-repeat 5%, url(https://deal.tomtop.com/edm/201805/20190810_Mobile-phone-clearance_title_bg02.png) no-repeat 90%;
    background-size: 28%;
    height: 88px;
    width: 100%;
    line-height: 80px;}
	.title11 h2 {
    width: 100%;
    font-size: 18px;
    top: 0;
    margin-top: -8px;
}
.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%;} 
   
}