
.height85{ height:85px; width: 100%;}.height75{ height:75px; width: 100%;}.height65{ height: 70px;} .height60{  }.height50{ height:23px; width: 100%;}.height25{ height:25px; width: 100%;}.height20{ height:20px; width: 100%;}
.spacing-a{ height:20px; width: 100%;} 
.w1300{max-width:1300px; margin:auto}
/*---4----*/


.W1202 {max-width: 1202px;margin: 0 auto;}
@media (max-width: 1450px){.W1202 {max-width: 1000px;}}

.footerimg li img:hover {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}

.footerimg li 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%;
}
/*金蛋摇摆*/
.GoldenEgg{ position: absolute; width: 12.3%;  bottom: 9%; left: 54.5%;}
.GoldenEgg: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;
    -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);}
} 


/*title*/
.top10{ margin-top: 10px;}.top30{ margin-top: 30px;}
.title-2{ font-size: 40px; color:#fff; text-transform: uppercase;  padding: 25px;} 

@media (max-width:650px){
.title-2 {
    font-size: 27px;
    padding: 15px;
}
}
/*--------------------------------------------------00-------*/

.Guidelines{ position:relative; padding: 1% 1% 0% 1%;}
.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,.HowToWin{ font-size: 30px; color: #fff;} .HowToWin{ display: inline-block; vertical-align: middle; margin-right: 20px;}
.FreeChance-b h3{ margin-right: 10px;}
.red{  }
.FreeChance-b h3,.FreeChance-b h4{ display: inline-block; vertical-align: middle;}
@media (max-width:1450px){
.Guidelines-a li ol li{ font-size: 14px;}
    .FreeChance-b h3 img{ max-width: 80%;}    
    .border5{ max-width: 22%;} 
    .FreeChance-b h4, .HowToWin {
    font-size: 25px;
}    
   
}
@media (max-width:1024px){
.FreeChance-b h3{ width:50px;}  
.FreeChance-b h4,.HowToWin {  font-size: 25px; }   
}
@media (max-width:1024px){
.Guidelines-a li img {  width: 39px;}    
}
@media (max-width:650px){
      .red{ font-size: 16px;}   
    .Guidelines{ margin: 0 5px;}    
.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;
}    
}
@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;} 
}

/*Remake*/
.Remake ul li{ display: block; float: left; width: 33.33%; text-align: center; padding: 2%; }


/*滚动*/
/*---*/
.topG{  font-size: 38px; padding: 15px 0; text-align: center;  width:820px;  margin: 40px auto auto auto;
background:#eb3900; background-size: 100%;}
.scrollDiv{height:40px;line-height:25px;/*border:#ccc 1px solid;*/overflow:hidden; }
.scrollDiv li{height:40px;padding-left:10px; line-height: 38px; }
.scrollDiv li a{color: #fff}
@media (max-width:1600px) {
.topG{font-size: 16px; padding: 15px 0; width:530px; }   
}
@media (max-width:1250px) {
.topG { font-size: 21px; padding: 2px 0;  width: 623px;}
}
@media (max-width:768px) {
.scrollDiv{height:37px;line-height:25px;/*border:#ccc 1px solid;*/overflow:hidden; }    
.topG{  font-size: 16px;  padding: 2px 0;width: 409px; margin-top: 25px; }  
.crollDiv li{height:40px;padding-left:10px; line-height: 27px; }       
}
@media (max-width: 550px){
.scrollDiv{height:28px;line-height:25px;/*border:#ccc 1px solid;*/overflow:hidden; }
.scrollDiv li{height:40px;padding-left:10px; line-height: 27px; }    
.topG{font-size: 12px;padding: 0px 0;  width: 300px; margin-top: 15px; }      
}
@media (max-width: 420px){
.scrollDiv{height:22px;line-height:23px;/*border:#ccc 1px solid;*/overflow:hidden; }
.scrollDiv li{height:40px;padding-left:10px; line-height: 25px; }    
  
}

/*-----------------------------------------------------*/
.bottom-f{ padding-top: 2%;  padding-bottom: 7%;}
.footerimg li{ display: block;  float: left; text-align: center; border-radius: 7px; }
.radius10{ border-radius:10px;}
.footerimg{margin:0 1%; padding-top: 1%;}
.footerimg li{ margin: 1%; width: 48%;}
.footerimg li a{ color: #fff;}
.footerimg li{ position: relative;display: block;}

/*---4----*/
@media (max-width:1600px) {}
@media (max-width:640px) {
.footerimg {margin: 0% 0.5% 0 0.5%;} 
.height60 {height: 40px;}    
}


/*-------*/
.icoc{ margin-left:10px;}
.keifu{ position:fixed;  left:0; width:161px;   top: 50% !important; margin-top: -226px; _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:160px;}
.icon_keifu{ width:26px; height:100px; float:left; background:url(https://deal.tomtop.com/activity/201903/20200323left-z.png) 0 0; position:relative; display:none; cursor:pointer;}
.keifu_tab img{ display:block;}
.keifu_head{ width:160px; height:51px; background:url(https://deal.tomtop.com/activity/201903/20200323left-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/201903/20200323left-L.png); }
@media (max-width:1600px) {
.keifu { margin-top: -424px;}
 .keifu_head {
    margin-top: 185px;
    margin-left: 5px;
}   
}
@media (max-width:1200px) {
 .keifu{ display: none;}
}


@media (max-width:1450px) {
    .footerimg { max-width: 1000px;  } 
    .fo1Left {left: -201px; bottom: -16.4%; width: 20.2%;}
    .fo2Right {right: -201px; bottom: -16.4%; width: 20.2%;}
 
}
@media (max-width: 1000px){
 .footerimg {  margin: 3% 1% 50px 1%;}   
 .fo2,.fo1Left,.fo2Right{ display: none;} 
.Reflection {
    -webkit-box-reflect: below 0px -webkit-linear-gradient(transparent 85%,rgba(0,0,0,0));
    box-reflect: below 0px linear-gradient(transparent 85%,rgba(0,0,0,0));
}    
}
@media (max-width: 500px){
.footerimg ul li {
    width: 50%;
    padding: 3% 1%;
} 
 .footerimg {  margin:20px 1% 50px 1%;} 
    
}

