.m_dialog_subscrile .dialog_c{ background:#81c434 !important; }
.m_dialog_subscrile .dialog_c .dialog_head,.m_email_input .text_c .plc{ color: #fff !important}
.height75{ height:75px; width: 100%;} .height50{ height:40px; width: 100%;}.height30{ width: 100%;}.height25{ height:25px; width: 100%;}.height20{ height:20px; width: 100%;}
.height60 {height:70px;}
.spacing-a{ height:20px; width: 100%;} 
.w1300{max-width:1300px; margin:auto}
.radius5,.flexslider{ border-radius: 10px;-moz-border-radius: 10px; -ms-border-radius: 10px; -webkit-border-radius: 10px; }
.radius15{ border-radius:15px;-moz-border-radius:15px; -ms-border-radius:15px; -webkit-border-radius:15px; }
a.GetMore{  padding: 18px; margin:0.8% 0.7% 0 0.7%; font-size: 20px; text-align: center; display: block; color: #000; background: #fff; text-decoration:underline; text-transform: uppercase; text-decoration: none;}
a.GetMore:hover{ text-decoration:underline; }
.anniversary-bg{ position: relative;}

.apply{ background: #ee8707; max-width: 1150px; margin: auto; border: 30px solid #ee8707; overflow:hidden; border-radius:20px;  margin-bottom:19px;}
@media (max-width:1600px) {
.apply {
    max-width: 892px;
    border: 20px solid #ee8707;
    border-radius: 15px;
}
}
@media (max-width:950px) {
.apply {
    max-width: 892px;
    border: 15px solid #ee8707;
    border-radius: 15px;
    margin-bottom: 0;
}
}	
/*Code*/
.Code1{ padding-top:0.9%;  margin-bottom: 18px;}
.CodeCode0{margin-top:-547px; position: relative; }
.Code1 ul{ margin:0 -0.8%;}
.Code1 ul li,.CodeCode ul li,.GiftBouns{}
.Code1 ul li,.CodeCode ul li{}
.Code1 ul li {display: none; float: left; width: 33%; margin: 0; padding:3.2% 4% 5.1% 4%;  background: url(https://deal.tomtop.com/activity/202003/20201101-HalloweenParty10.jpg) top center no-repeat;text-align: center;}
.Code1 ul li:nth-of-type(1),.Code1 ul li:nth-of-type(2),.Code1 ul li:nth-of-type(3){display: block}
.table1{ display: table; width: 100%;}
.table2,.table3{}
.table2{ }
.table3 {width: 53%;border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px;-ms-border-radius: 15px;margin: 1% auto auto 25%;}
.table2 h1{font-size: 115px; margin-left: 8%; font-weight: bold; color: #311205;  margin-top: 50%;text-shadow:-1px -1px 0 #000, 1px 1px 0 #faa543, 1px 1px 0 #faa543;-webkit-text-shadow:-1px -1px 0 #000, 1px 1px 0 #faa543, 1px 1px 0 #faa543;}
.table2 h2 {font-size: 15px;color: #ffffff;margin-top: 2%;text-align: center;height: 44px;overflow: hidden;padding: 3% 1% 1% 1%;display: none;}
.table2 h3 {font-size: 25px;color: #311205;line-height: 20px;height: 39px;margin: 4% 0;overflow: hidden;padding: 0% 0 0 5%;padding-right: 0;display:block;clear: both;font-weight: bold;text-shadow: 1px 1px 0 #faa543, 1px 1px 0 #faa543;-webkit-text-shadow: 1px 1px 0 #faa543, 1px 1px 0 #faa543;}
.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: 50px;-moz-border-radius:50px;-webkit-border-radius: 50px;-ms-border-radius: 50px;}
.Remind {
    font-size: 18px;
    color: #fff;
    display: block;
    padding: 3%;
    box-shadow: 0px 2px 2px rgb(19, 1, 1) inset, 1px 1px 0px 0px #faa343;
	-webkit-box-shadow: 0px 2px 2px rgb(19, 1, 1) inset, 1px 1px 0px 0px #faa343;
    background: #481b08;
}
.Remind.use_now{ background: #cc2320;}
.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;}
.dd1 a:hover{color: #fff000}
.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) {
.Code1 ul li {width: 33%; margin: 0;padding: 3.2% 4% 4% 4%; background-size: 250px;}
.table2 h1 {font-size: 95px; margin-left: 8%;margin-top: 45%;}
.table2 h3 { font-size: 20px;line-height: 20px;height: 34px;margin: 1% 0 4% 0;padding: 0% 0 0 5%;}	
}
@media (max-width:1000px) {
.Code1 ul li {width: 33%; margin: 0;padding: 0 0 6.5% 0;background-size: 80%;}
.table2 h1 {font-size: 78px;margin-left: 8%;margin-top: 48%;}
.table2 h3 {font-size: 18px;line-height: 23px;height: 34px; margin: 1% 0 2% 0; padding: 0% 0 0 5%;}
.table3 {width: 44%; margin: 1% auto auto 29%;}	
}
@media (max-width:900px) {
.Code1 ul li {padding: 0 0 5% 0;}	
.Code1 {
    margin-bottom: 0;
}		
}
@media (max-width:800px) {
.Code1 ul li {width: 33%; margin: 0;padding: 0 0 8% 0; background-size: 90%;}
.table2 h3 {font-size: 14px; line-height: 23px; height: 34px;}	
}
@media (max-width:700px) {
.table2 h1 { font-size: 55px;margin-top: 57%;}	
.dd1 .Remind { font-size: 13px;}	
}
@media (max-width:600px) {
.Code1 ul li { padding: 0 0 6% 0;}
.table2 h3 {font-size: 12px;line-height: 17px;height: 21px;}	
.table2 h1 { font-size: 48px; margin-top: 59%;}	

}
@media (max-width:450px) {
.table2 h1 {font-size: 34px; margin-top: 59%;}	
.table2 h3 {font-size: 2.5vw;}	
.Code1 ul li {padding: 0 0 8% 0;background-size: 94%;}
.table3 { width: 50%; margin: 1% auto auto 26%;}	
.dd1 .Remind { font-size: 12px;}	
}
@media (max-width:400px) {
.Code1 ul li {padding: 0 0 6% 0;}
}
	
/*------bannerBottom-------*/
.bannerBottom{background: url(https://deal.tomtop.com/activity/202003/20201101-HalloweenParty-bg1.png) top center no-repeat,
	                      url(https://deal.tomtop.com/activity/202003/20201101-HalloweenParty-bg5.png) bottom center no-repeat,
                          url(https://deal.tomtop.com/activity/202003/20201101-HalloweenParty-bg2.png) 0 1891px no-repeat,
                          url(https://deal.tomtop.com/activity/202003/20201101-HalloweenParty-bg3.png) 0 3400px no-repeat,
                          url(https://deal.tomtop.com/activity/202003/20201101-HalloweenParty-bg4.png) 0 5200px no-repeat;
	                      padding-bottom: 6%;
}
@media (max-width:1600px) {
.bannerBottom {
    background-size: 1559px, 1559px, 1559px, 1509px, 1559px;
}
}
@media (max-width:950px) {
.bannerBottom {
    background:none;
}
}
/*----------------------Share To Get Free Gift--------------------------*/
.shopping-cart .m_progress_bar{ display: none;}
.b_product_box .shopping-cart ul.OneTwo2 .pr_box .pr_info{}
.Price0{ padding: 12px 0; color: #000; font-size: 20px;}
.Price2{ color: #000; font-size: 23px; font-weight: bold; padding: 5px 0;}
/*.b_product_box .shopping-cart .anniversary-bg .buy_btn.buy_btnTT {width: 100%;line-height: 16px; background: #ff6e1e;font-size: 16px;text-align: center;color: #fff;margin: 0 auto 0;    text-transform: capitalize;display: block;margin-top:0px;padding: 8px 0; border-radius: 0px;-ms-border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px;}*/
.Price2 span{ display: block;  font-size: 34px; color: #fe3724;}
.FreeGift{    margin-bottom: 1%; margin-top: 1%; padding: 0 0.8%} 
.FreeGift a{ border-radius: 20px; display: block}
.b_product_box .shopping-cart .OneTwo23 .pr_box .buy_btn{margin-left: 30%;}
@media (max-width:550px) {
.Price0{ font-size: 14px;    padding: 12px 0 5px 0;}
}

/*-----------------------------------------------------*/
.bottom-f{ padding-top: 4%; padding-bottom:0; max-width: 1150px; margin: auto;}
.footerimg li{ display: block;  float: left; text-align: center; border-radius: 7px; }
.radius10{ border-radius:10px;}
.footerimg li{  margin: 1%; width: 31.2%;}
.footerimg li a{ color: #fff;}
.footerimg li{ position: relative;display: block;}
.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%;
}
/*---4----*/
@media (max-width:1600px) {
.bottom-f {max-width: 900px;}	
}
@media (max-width:640px) {
.footerimg {margin:5% 0.5% 5% 0.5%;} 
 .bottom-f {
    padding-top: 0;
}  
.height60 {
    height: 50px;
}	
}
/*-------*/
.icoc{ margin-left:36px;}
.keifu{ position:fixed;  left:0; width:203px;   top: 50% !important;  margin-top: -294px;_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:224px;}
.icon_keifu{ width:26px; height:100px; float:left; background:url(https://deal.tomtop.com/activity/202003/20200922left-z.png) 0 0; position:relative; display:none; cursor:pointer;}
.keifu_tab img{ display:block;}
.keifu_head {width: 201px; height: 74px;  background: url(https://deal.tomtop.com/activity/202003/20200922left-L.png?01) center no-repeat; font-size: 0; line-height: 0;  position: relative; margin-top: 15px;margin-left: 32px;}
.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/202003/20200922left-L.png?01); }
@media (max-width:1600px) {
.keifu { margin-top: -424px;    width: 162px;}
.keifu_head {
    margin-top: 180px;
    margin-left: 7px;
    width: 151px;
    background-size: 51px;
	
} 
.keifu_tab {
    width: 158px;
}	
}
@media (max-width:1200px) {
 .keifu{ display: none;}
}


.bannerbottom{ background:#66352b; text-align: center; padding: 0.7% 0;}


.title-a { text-align: center; }
.title-a h1 {
    font-size: 36px;
    color: #ee8707;
    display: inline-block;
    margin:40px 20px 57px 20px;
    vertical-align: middle;
    border: solid #ee8707 2px;
    padding: 1% 2%;
    border-radius: 15px;
}
.title-a img{ vertical-align:middle; }
.title-a h1 span{line-height: 0}
.title-a h1 span,.title h1 strong{ display: inline-block; vertical-align:sub; margin: 0 2%}
.title-a h2 {color: #ffe6a6;}
@media (max-width:1600px) {
.title-a h1 {
    font-size: 31px;
    margin: 30px 20px 47px 20px;
    border: solid #ee8707 2px;
    padding: 1% 2%;
    border-radius: 15px;
}
}
@media (max-width:950px) {
.title-a h1 {
    font-size: 28px;
    margin: 40px 20px 40px 20px;
}    
}

@media (max-width:640px) {
.title-a h1 {
    font-size: 20px;
    margin: 30px 20px 30px 20px;
    padding: 1% 5%;
    border-radius: 5px;
}	
}    
@media (max-width:450px) {
.title-a h1 {
    font-size: 16px;
    margin: 20px 20px 20px 20px;
    padding: 1% 5%;
    border-radius: 5px;
}
.apply {
    max-width: 892px;
    border: 10px solid #ee8707;
    border-radius: 5px;
    margin-bottom: 0;
}	
}