.height85{ height:85px; width: 100%;}.height75{ height:75px; width: 100%;}.height65{ height: 70px;} .height60{height: 60px;  } .height600{height: 60px;  }.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}
img.display{display: block}
/*---4----*/

a.ViewMore{ display: block; text-align: center; font-size: 36px; padding: 10px; color: #fff;}
a.ViewMore:hover{ color:#def34c;}
.W1202 {max-width: 1202px;margin: 0 auto;}
@media (max-width: 1600px){
.W1202 {max-width: 1000px;}
a.ViewMore{ font-size: 30px; }
}
@media (max-width:640px){
a.ViewMore {font-size: 17px;padding: 4px;}
}
/*title*/
.a111{ text-align: center; background: url(https://deal.tomtop.com/activity/202103/2021111117img_t.png) center no-repeat; font-weight: bold;     text-shadow: 4px 2px 7px #000000, 0 0 0 #000000; font-size: 44px; color: #fff; padding: 35px 0 23px 0;}
.noneIMG{ display: none;}
.title-a { text-align: center; background: url(https://deal.tomtop.com/activity/202103/2021111117img_t.png) center no-repeat; font-weight: bold;     text-shadow: 4px 2px 7px #000000, 0 0 0 #000000;  color: #fff; padding: 35px 0 23px 0;margin-bottom: 20px;}
.title-a h1{font-size: 44px; font-weight: bold;}
h2.Buy3 {text-align: center; color: #fff; font-size: 26px;  padding-bottom: 20px; margin-top: -13px;}
@media (max-width:1600px) { 
.a111,.title-a {font-size: 35px; padding: 29px 0 23px 0; background-size: 573px;}
.title-a h1{font-size:35px; }	

} 

@media (max-width:880px) {
.a111, .title-a { font-size: 30px;  padding: 26px 0 19px 0;  background-size: 473px;}
.title-a h1{font-size:30px; }		
}  
@media (max-width:640px) {
.a111, .title-a { font-size: 18px; padding: 25px 0 19px 0;  background-size: 335px;margin-bottom: 5px;}
.title-a h1 { font-size: 18px;}	
.height600 { height: 20px;}	
}	
@media (max-width:500px) {
.a111, .title-a {font-size: 14px;padding: 25px 0 19px 0; background-size: 260px;
}
.title-a h1 {font-size: 14px;}
}
  
/*--------------------------------------------------00-------*/
.radius50{ max-width: 1200px; margin: auto;}
.radius50 li{ display: block; width: 17%; height: 36px;border-radius: 256px/50px;background: #280d6f;position: relative;top: -21px; float: left;}
.radius50 li:nth-of-type(1){ margin-left: 5%;}
.radius50 li:nth-of-type(2){ margin-left: 19%;}
.radius50 li:nth-of-type(3){ margin-left: 20%;}
.Guidelines {  position: relative; padding: 0 1% 0% 1%; margin-bottom: -92px !important; padding-top: 81px !important;}
.Guidelines-a { float: right; background: #2997bb;  width: 184px; padding: 16px 10px;text-align: center;border-radius: 5px;}
.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;text-align: left; z-index: 999;  box-shadow: 0 0 8px #999; padding:20px; }
.Guidelines-a li img{ cursor:pointer; width: 38px;}
.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;}

#prize_times{ color: #fff; font-size:51px; font-weight: bold; line-height: 50px; padding: 0 10px;}
.FreeChance-b{ border-radius: 5px; float: left; background: #2997bb; padding: 10px 20px;  width: 182px; }
.FreeChance-b h4,.HowToWin{ font-size: 24px; color: #fff;  line-height: 23px; } .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:1600px){
.Guidelines {  margin-bottom: -80px !important; padding-top: 53px !important;}
.W1200 {max-width: 1000px !important;}
.a111 img{ width: 540px;}
.FreeChance-b {padding: 3px 15px;width: 148px;}	
.Guidelines-a { width: 140px;padding: 15px 10px;}	
.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: 21px; line-height: 18px;}
#prize_times {font-size: 43px;}
.radius50{ max-width: 1000px}	
.radius50 li { width: 17%; height: 32px;  top: -18px;}	

}

@media (max-width:1024px){
.FreeChance-b h3{ width:50px;}
}
@media (max-width:1024px){
.Guidelines-a li img {  width: 39px;}
}
@media (max-width:880px){
.Guidelines-a li ol{ width: 410px;}	
.a111 img{ width: 387px;}
.FreeChance-b h4, .HowToWin { font-size: 16px;line-height: 15px;}	
#prize_times {line-height: 42px; padding: 0 8px; font-size: 34px;}
.FreeChance-b {padding: 0px 12px; width: 106px;}	
.Guidelines-a { width: 110px; padding: 11px 10px;}
.Guidelines { margin-bottom: -58px !important; padding-top: 44px !important;}	
.radius50 li { width: 17%; height: 19px; border-radius: 256px/50px; top: -10px;}	
}
@media (max-width:650px){
.Guidelines { margin-bottom: -48px !important; padding-top: 27px !important;}
.a111 img {width: 239px; margin: auto;}
.noneIMG{ display:block;} .blackIMG{ display: none;}	
.red{ font-size: 16px;}
.Guidelines{ margin: 0 5px;}
.Guidelines-a li ol { width: 400px;padding: 10px;}
.FreeChance-b h4, .HowToWin {  font-size: 12px; line-height: 11px;}
.FreeChance-b h3,.Guidelines-a li img { width: 27px;}
.FreeChance-b h3,.HowToWin { margin-right: 5px;}
.FreeChance-b {padding: 0px 4px; width: 78px;}
#prize_times { line-height: 32px; padding: 0 4px; font-size: 23px;}
.Guidelines-a { width: 78px;padding: 7px 1px;}	
}
@media (max-width:550px){
.Guidelines-a li ul { height: 300px; overflow:auto;}
}
@media (max-width:450px){
.Guidelines-a li ol { width: 300px; height: 188px; overflow: auto;  padding: 10px 10px 10px 0px;}
.a111 img { width: 176px;  margin: auto;}
.Guidelines { margin-bottom: -85px !important; padding-top: 62px !important;}
.radius50 li {width: 17%; height: 15px; top: -8px;}	
}




/*滚动*/
/*---*/
.topG{  font-size: 24px; padding: 10px 0; text-align: center;  width:820px;  margin: 40px auto auto auto;
background:#da4559; background-size: 100%;}
.scrollDiv{height:35px;line-height:25px;/*border:#ccc 1px solid;*/overflow:hidden; }
.scrollDiv li{height:55px;padding-left:10px; line-height: 38px; }
.scrollDiv li a{color: #fff}
@media (max-width:1600px) {
.topG{font-size: 16px; padding: 7px 0; width:530px; }
}
@media (max-width:1250px) {
.topG { font-size: 21px; padding: 2px 0;  width:60%;}
}
@media (max-width:768px) {
.topG { font-size: 15px; padding: 2px 0;  width:60%;}
}
@media (max-width: 550px){
.topG { font-size: 15px; padding: 0px 0  5px 0;  width:80%;    margin: 28px auto auto auto;}
.scrollDiv{height:30px;line-height:30px;/*border:#ccc 1px solid;*/overflow:hidden; }
.scrollDiv li{height:50px;padding-left:10px; line-height: 38px; }	
	
}
@media (max-width: 420px){


}

/*-----------------------------------------------------*/
/*footer*/
.fafa{ padding: 0 1% 0 1%}
.footerimg{ margin: 0 0 4% 0}
.footerimg li,.aimg{
    -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);
}
.footerimg li:hover,.aimg:hover {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}
.footerimg li{ float: left; display: block; }
/*.footerimg li img{border-radius: 15px;}*/
.footerimg li.w2{ width:50%; padding: 0.8%;}
.footerimg li.w3{ width: 33.33%;padding: 0.8%;}


@media (max-width:1000px) {
.footerimg{margin: 0% 0.5% 3% 0.5%;}
}
@media (max-width:640px) {
.footerimg {margin: 0% 0.5% 2% 0.5%;}
}


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


@media (max-width:1600px) {
    .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){

 .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%;
}


}

/*-----------------------Saving With  Friends-------------------------*/
.Price0{ padding: 10px 0; color: #9a9a9a; font-size: 15.7px;}
.Price1{font-size: 14px; }
.Price2{ color: #fe3724; 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: 182px!important;margin-left: 4%!important;}


@media (max-width:1600px) {
.ca2 li .buy_btn { width: 152px!important;margin-left: 3%!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;}    
}
@media (max-width:1000px) {

.ca2 li .buy_btn {width: 152px!important;margin-left: 0%!important;}	
}
@media (max-width:850px) {
.ca2 li .buy_btn { width: 152px!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 {
    width: 86% !important;
    margin-left: -1%!important;
    font-size: 14px !important;
    line-height: 27px !important;
    margin-bottom: 5% !important;
}	
}


/*Anniversary Flash Deals*/    
.b_product_box .shopping-cart .ComingSoonBuy li .pr_info .buy_btn:after,
.b_product_box .shopping-cart .ComingSoonBuy li .pr_info .buy_btn:after{content: "New buyers Only"; color:#ff6e1e;}
.b_product_box .shopping-cart .ComingSoonBuy li .pr_info .buy_btn,
.b_product_box .shopping-cart .ComingSoonBuy li .pr_info .buy_btn{color: #fff;text-indent: -4.2em; overflow: hidden; text-transform: capitalize;  margin-bottom: 15px;}
.b_product_box .shopping-cart .ComingSoonBuy li .pr_box .buy_btn{ background: #fff; border: 1px solid #ff6e1e;margin-left: 22%; font-size: 12px;}  

@media (max-width:1600px) {
.b_product_box .shopping-cart .ComingSoonBuy li .pr_box .buy_btn {
    margin-left: 12%;
    width: 124px;
}
}
@media (max-width:1000px) {
.b_product_box .shopping-cart .ComingSoonBuy li .pr_box .buy_btn {
    margin-left: 0;
    width: 124px;
}
}	
/*Code*/

.CodeCode0{margin-top:-547px; position: relative; }
.Code1 ul{ margin:0 1%}
.Code1 ul li::after,.Code1 ul li::before{ content: "";display: block; position: absolute; background: #4b1dbd; height: 50px; width: 50px; border-radius: 50px;}
.Code1 ul li::before{ left: -30px; top: 50%; margin-top: -25px;}
.Code1 ul li::after{right: -30px; top: 50%; margin-top: -25px;}
.Code1 ul li{ border-radius:15px; position: relative; overflow:hidden; }
.Code1 ul li:nth-of-type(1){ background: #f522fb}
.Code1 ul li:nth-of-type(2){ background: #22a7fb}
.Code1 ul li{ display: block; float: left;  width: 49%;  margin:0.5% 0.5% 1.5% 0.5%; padding: 2% 4% 2.5% 4%;}
.table1{ display: table; width: 100%;}
.table2,.table3{ display: table-cell; vertical-align: middle;}
.table2{ width:68%;}
.table3{ width: 45%; margin: 150px 0; text-align: center}
.table2 h1{ font-size: 60px; font-weight: bold; color: #fff;}
.table2 h2 { font-size: 20px;  color: #ffffff;margin-top: 2%;  position: absolute; top:32%; left:34%;}
.table2 h3 {font-size: 18px;color: #fff; line-height: 18px; height: 20px;    width: 305px;
 overflow: hidden;margin: 1% 0 0 0; padding-right: 3%; display: block;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -moz-binding:url('ellipsis.xml#ellipsis');}
.ProgressBar{ color: #fff; font-size: 15px; width: 85%; text-align: right}
.b_banner_bg .table3{ text-align: center;}
.b_banner_bg .table3 .activity_countDown p,
.b_banner_bg .table3 .activity_countDown span,
.b_banner_bg .table3 .activity_countDown i
{font-size:22px;  color: #000}
.b_banner_bg .table3 .activity_countDown i{font-weight: bold; margin: 0 0px;}
.Remind{border-radius: 7px;-moz-border-radius: 7px;-webkit-border-radius: 7px;-ms-border-radius: 7px;}
.Remind { background: #fff;  font-size: 18px;color:#22a7fb; display: block; margin: 3% 6% 0 6%; padding: 7%;}
.Remind:hover{background: #000; color: #fff}
.Remind.use_now{ background: #000;}
.Remind999{ background: #999;}
.CodeCode{position: relative;}
.CodeCode ul{ margin: 0 -1%;}
.padding25{padding:45px 2px 20px 2px;}
.CodeCode ul li{
    background: #5583fb; width: 25%; display: block;  position:relative;
    width: 23%; margin: 1%;
    float: left;
    z-index: 1;
    background-size: 100%;
}
.a1-left,.a2-right{ position: absolute;top: 50%; margin-top: -27px}
.a1-left{ left:-15px; }
.a2-right{right:-15px; }
.Code-2{ padding: 6% 5%;}
.Code-2,.Code-3{background: #a947ff; color: #fff;}
.Code-3{ text-align: center; font-size: 16px; padding: 2%; margin-top: 4%}
.jma-left1,.jma-left2{float: left; }
.jma-left1,.jma-left3,.jma-left5 {width: 70%; }
.jma-left1 .font50{ font-size: 50px; font-weight: bold;}
.jma-left2{ text-align: center;}
.jma-left2 .font30{ font-size:30px;font-weight: bold; display: block; line-height: 50px; }
.dd1{position: relative;}
.dd1:hover .dd2{ display: block;}
.dd2 { border-radius: 5px; z-index: 1; display: none;  background: #fff; color: #000; padding: 5px; width: 200px; position: absolute;right:0;}
.dd2 {
    box-shadow:0px 0px 6px 1px rgb(255, 255, 255) inset, 0px 0px 3px 1px rgb(73, 78, 99);
    -moz-box-shadow:0px 0px 6px 1px rgb(255, 255, 255) inset, 0px 0px 3px 1px rgb(73, 78, 99);
    -ms-box-shadow: 0px 0px 6px 1px rgb(255, 255, 255) inset, 0px 0px 3px 1px rgb(73, 78, 99);
    -webkit-box-shadow: 0px 0px 6px 1px rgb(255, 255, 255) inset, 0px 0px 3px 1px rgb(73, 78, 99);    
}


@media (max-width:1600px) {
.table2 h3 { font-size: 15px;line-height: 18px; height: 20px;width: 257px;}
.table2 h1{ font-size: 50px;}	
}
@media (max-width:1000px) {
.table2 h3 { font-size: 15px;line-height: 18px; height: 20px;width: 200px;}
.table2 h1{ font-size:38px;}	
.table2 h2 { font-size: 18px;margin-top: 0%;}	
}
@media (max-width:768px) {
.Code1 ul li{ float: none; width: 96%; margin: 2% auto 2% auto; }	
.table2 h3{ width: 326px;}
.table2 h2 { left: 24%}
}
@media (max-width:640px) {
.table2 h3{ width:280px;}
.Code1 ul li::before { margin-top: -20px;}
.Code1 ul li::after {  margin-top: -20px;}
.Code1 ul li::after, .Code1 ul li::before { height: 40px;width: 40px;}
	
}
@media (max-width:500px) {
.table2 h1 {font-size: 34px;}
.table2 h2 { left: 29%;margin-top: 0%;font-size: 14px;}	
.table2 h3 {
    width: 207px;
    font-size: 12px;
}	
}
@media (max-width:420px) {
.Code1 ul li {width: 99%;margin: 2% auto 2% auto;}
	}
/*banner 滑动*/
.GetFreeItems{ position: absolute; bottom: 0; width: 33.6%; bottom:28.2%;left:33.15%; overflow: hidden;}
.GetFreeItems img.toum{ position: absolute; top: 0px;left: 100%; animation: Light 4s 0s infinite; -moz-animation: Light 4s 0s infinite; -webkit-animation: Light 4s 0s infinite; -o-animation: Light 4s 0s infinite;  opacity:10;filter:Alpha(opacity=100);}

@-webkit-keyframes Light { 0% {left:0%; opacity:10;}  30%  {left: 97%; opacity:0;}  100% {left: 0%; opacity: 0;}}
@-moz-keyframes Light { 0% {left:0%; opacity:10;}  30%  {left: 97%; opacity:0;}  100% {left: 0%; opacity: 0;}}
@-o-keyframes Light { 0% {left:0%; opacity:10;}  30%  {left: 97%; opacity:0;}  100% {left: 0%; opacity: 0;}}
@keyframes Light { 0% {left:0%; opacity:10;}  30%  {left: 97%; opacity:0;}  100% {left: 0%; opacity: 0;}}