.height85{ height:85px; width: 100%;}.height75{ height:75px; width: 100%;}.height65{ height: 70px;} .height60{height: 60px;  } .height600{height: 60px;  }.height50{ height:50px; width: 100%;}.height25{ height:43px; width: 100%;}.height20{ height:20px; width: 100%;}
.height-10{ height: 18px; width: 100%;}
.spacing-a{ height:20px; width: 100%;}
.w1300{max-width:1300px; margin:auto}
img.display{display: block}
.origin_price.origin_price2{ display: none !important;}
/*Lucky Bags*/
.anniversary-bg.LuckyBag .pr_price .current_price{ color: #fe4735;}
.b_product_box .shopping-cart .anniversary-bg.LuckyBag  .pr_box .buy_btn{ background-color: #fe4735; }


/*---4----*/
.swiper-wrapper{ margin: 0 -0.5%}

.SWIDE81111{ font-size: 45px; text-align: center; position: absolute;bottom: 1%; width: 100%; color: #fffe29; font-weight: bold}	
	@media (max-width:1600px) { .SWIDE81111{ font-size: 40px; } }
	@media (max-width:1000px) { .SWIDE81111{ font-size: 30px; } }
	@media (max-width:700px) { .SWIDE81111{ font-size: 25px; } }
	@media (max-width:550px) { .SWIDE81111{ font-size: 20px; bottom: 0.5%;} }
	@media (max-width:450px) { .SWIDE81111{ font-size: 16px; bottom: 0.5%;} }
	@media (max-width:380px) { .SWIDE81111{ font-size: 14px; bottom: 0.5%;} }

a.ViewMore{ display: block; text-align: right; font-size: 34px; padding: 10px; color: #fcda07;}
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*/
/*---积分兑换----*/
.Price0{ padding:8px 0; color: #9a9a9a; font-size: 15.7px;}
.Price11{font-size: 14px;  }
.Price22{font-size: 16px;color: #000; font-weight: bold; padding: 1px 0;}
.b_product_box .shopping-cart .anniversary-bg .buy_btn.buy_btnTT {width: 78%;background: #fe3825;font-size: 15px;text-align: center;color: #fff;text-transform: capitalize;display: block;margin-top:0px;border-radius: 5px;-ms-border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;margin-left: 11%;}

.kbgbg{ border: solid 20px #440383; padding: 0 10px 10px 10px; }
.kbgbg .img13{ position: absolute;left: -20px; top:-20px }

.PointsExchange {text-align: center; margin: 30px 0 ; }
.PointsExchange h1{ width: 640px; margin: auto; background: url(https://deal.tomtop.com/activity/202103/20211111BlackFriday-img7.png) left no-repeat, url(https://deal.tomtop.com/activity/202103/20211111BlackFriday-img8.png) right no-repeat; background-color:  #f61442; color: #fff; line-height:61px; font-size: 44px;  }
.title-a{ text-align: center; color: #fff;  background: url(https://deal.tomtop.com/activity/202103/20211111BlackFriday-img12.jpg) center bottom no-repeat; padding-top: 58px; padding-bottom: 23px}
.title-a h1{ font-size:44px;}
.title-a h2{ font-size: 14px; text-transform: uppercase; letter-spacing:8px; }
.title-a h3{ width: 80px; height: 1px; background: #fff; margin:13px auto 10px; display: block}

.rotate180 { transform: rotateY(180deg); -ms-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-webkit-transform: rotateY(180deg); -o-transform: rotateY(180deg); width: 100%;}
@media (max-width:1600px) { 
.PointsExchange h1 { width: 462px; line-height: 61px; font-size: 35px;}
.kbgbg { border: solid 15px #440383; padding: 0 10px 10px 10px;}
.kbgbg .img13 {left: -15px; top: -15px; width: 36px;}	
	
.title-a {padding-top:50px; padding-bottom: 19px;  background-size: 550px;}	
.title-a h1 { font-size: 38px;}
.title-a h3 {width: 80px; height: 1px; margin: 13px auto 5px;}	

.height-10 {height: 12px;}	
} 
@media (max-width:768px) {   
.kbgbg { border: solid 15px #440383;padding: 0 5px 10px 5px;}
}
@media (max-width:640px) {
.PointsExchange h1 { width: 326px; line-height: 38px;font-size: 21px;}
.PointsExchange {margin: 21px 0;}	
.kbgbg { border: solid 10px #440383;padding: 0 0px 10px 0px;}
.kbgbg .img13 {left: -11px;top: -10px; width: 26px;}	
.height50 {height: 26px;}  
.Price22 {font-size: 13px; padding: 1px 0;}
.b_product_box .shopping-cart .anniversary-bg .buy_btn.buy_btnTT { font-size: 12px;width: 94%; margin-left: 3%;}
	
.title-a { padding-top: 23px;padding-bottom: 10px;background-size: 335px;}	
.title-a h1 {font-size: 25px;}
.title-a h2 {font-size: 12px;letter-spacing: 6px;}	
.title-a h3 {width: 59px; height: 1px; margin: 8px auto 1px;}
	
.height25 {height: 26px;}	
.height-10 {height: 6px;}		
}    
  
/*--------------------------------------------------00-------*/

@media (max-width:1600px){
.W1200 {max-width: 1000px !important;}

}


/*-----------------------------------------------------*/
/*footer*/
.bottom-f{ margin: 0 -0.8%;}
.fafa{ padding: 0 0.5% 0 0.5%}
.fafag{ margin-bottom: 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:-175px; _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/20211111Blackleft-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/20211111Blackleft-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/20211111Blackleft-z.png); }
@media (max-width:1600px) {
.keifu { margin-top:-325px;  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%;}
.bottom-f{ margin: 0;}
}
@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%;
}
.fafag{ margin-bottom: 1%; padding: 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;
}
}	

/*banner 滑动*/
.GetFreeItems { position: absolute; width: 56.9%;  top: 12.8%; left: 21.5%; 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;}}

/*----*/
.aa1111 {position: absolute; width: 16.4%; top: 12.6%;left: -86px;}
.left1,.left4,.right3,.right5,.left2{ width:14%;}
.left1{ left:1%; top:16%;}
.left2{left: 7%;  top: 47%;}
.left4{left: 0%; top:63%;}
.right3 { right: 7%;top: 34%;}
.right5{ right: 0%; top: 62%;}

.let-p{ position:absolute;  transition: .5s ease-out;}
.let-p img {
    transform: translate3d(0,0,0);
    transition: .5s;
}

.chanp1{ 
	-webkit-animation-name:chanp1;
	animation-name:chanp1;
	-moz-animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-moz-animation-duration:1s;
	-webkit-animation-duration:1s;
	animation-duration:1s;
	animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	animation-timing-function: ease-out;
	-moz-animation-timing-function:ease-out;
	-webkit-animation-timing-function:ease-out;
	animation-direction:alternate;
	-moz-animation-direction:alternate;
	-webkit-animation-direction:alternate;
	animation-delay:1s;
    -moz-animation-delay:1s;
	-webkit-animation-delay:1s;
    
}
@-webkit-keyframes slideInDown {

	0%   {-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);/*translate3d(x,y,z)定义 3D 转换。*/
		visibility: visible;}

   50% {-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);}
	20%   {-webkit-transform: translate3d(0, -5%, 0);
		transform: translate3d(0, -5%, 0);/*translate3d(x,y,z)定义 3D 转换。*/
		visibility: visible;}
	50%   {-webkit-transform: translate3d(0, 5%, 0);
		transform: translate3d(0, 5%, 0);/*translate3d(x,y,z)定义 3D 转换。*/
		visibility: visible;}	
}
@-moz-keyframes slideInDown {

}
@-ms-keyframes slideInDown {

}
@keyframes slideInDown {
  0%{-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);/*translate3d(x,y,z)定义 3D 转换。*/
		visibility: visible;}

   50% {-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);}
	20% {-webkit-transform: translate3d(0, -5%, 0);
		transform: translate3d(0, -5%, 0);/*translate3d(x,y,z)定义 3D 转换。*/
		visibility: visible;}
	50%   {-webkit-transform: translate3d(0, 5%, 0);
		transform: translate3d(0, 5%, 0);/*translate3d(x,y,z)定义 3D 转换。*/
		visibility: visible;}			

}
@-webkit-keyframes chanp1{
    0%{transform:translateY(0px);}
    0%{transform: translateY(10px);}
    100%{transform: translateY(0px);}
}
@keyframes chanp1{
    0%{transform:translateY(0px);}
    0%{transform: translateY(10px);}
    100%{transform: translateY(0px);}
}
.chanp2{ 
	-webkit-animation-name:chanp2;
	animation-name:chanp2;
	-moz-animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-moz-animation-duration:1s;
	-webkit-animation-duration:1s;
	animation-duration:1s;
	animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	animation-timing-function: ease-out;
	-moz-animation-timing-function:ease-out;
	-webkit-animation-timing-function:ease-out;
	animation-direction:alternate;
	-moz-animation-direction:alternate;
	-webkit-animation-direction:alternate;
}
@-webkit-keyframes chanp2{
    0%{transform:translateY(0px);}
    0%{transform: translateY(10px);}
    100%{transform: translateY(0px);}
}
@keyframes chanp2{
    0%{transform:translateY(0px);}
    0%{transform: translateY(10px);}
    100%{transform: translateY(0px);}
}
@media (max-width:1150px) {.aa1111 { width: 16.4%; top: 12.6%;left: 0px;}}


/*code111*/
.code111{ margin-bottom: 35px; }
.code111 ul li{background:url(https://deal.tomtop.com/activity/202103/20211111BlackFriday-img9.png) center bottom no-repeat; background-color: #f31642; width: 18%; float: left; padding: 1%; margin: 1% }
.code111 ul li .coo1{ background: #000; text-align: center; color: #fdca00; padding: 15px 0; font-size: 15px; line-height: 25px;}
.code111 ul li h2{ margin-top:5px}
.code111 ul li h3,.code111 ul li h4{ color: #000; text-align: center; font-size: 25px; line-height: 26px}
.code111 ul li h3{ margin-top: 15px;}
.code111 ul li h5 a{ display: block; width: 130px;  margin:10px auto 15px auto; padding: 3px 0; font-size: 24px; text-align: center; color: #000; background: #fdca00; border-radius: 5px;}
.code111 ul li h5 a:hover{ background: #000;color: #fff;}

.div1000{ margin-bottom: 35px;}
@media (max-width:1600px) {
.code111 ul li .coo1 { padding: 15px 10px; font-size: 12px;line-height: 19px;}
.code111 ul li h3 { margin-top: 8px;}
.code111 ul li h3, .code111 ul li h4 {font-size: 20px;line-height: 22px;}	
.code111 ul li h5 a {width: 113px; margin: 9px auto 11px auto;padding: 3px 0;font-size: 20px;}	
}	
@media (max-width:900px) {
.code111 ul li h3, .code111 ul li h4 {
    font-size: 15px;
    line-height: 19px;
}
}
@media (max-width:700px) {

.code111 ul li:nth-of-type(4){ margin-left: 18%}	
.code111 ul li {
    width: 31.2%;
    padding:0.5% 0.5% 2% 0.5%;
    margin: 1%;
}
.code111 ul li .coo1 {
    padding: 7px 6px;
    font-size: 12px;
    line-height: 18px;
}
.code111 ul li h3 { margin-top: 8px;}
.code111 ul li h3, .code111 ul li h4 {
    font-size: 13px;
    line-height: 14px;
}
.code111 ul li h5 a {
    width: 84px;
    margin: 9px auto 11px auto;
    padding: 2px 0;
    font-size: 14px;
}	
.code111 ul li h2 {
    margin-top: 5px;
    font-size: 12px;
    line-height: 13px;
}
.div1000{ margin-bottom: 13px;}	
.code111 {
    margin-bottom: 22px;
}	
}


@media (max-width:500px) {
/*------缩小滚动条--------*/
.table-container-outer { position: relative; }
.table-container{width: 100%;overflow-y: auto;_overflow: auto;margin: 0 0 35px;}
.table-container::-webkit-scrollbar{-webkit-appearance: none;width: 5px;height: 8px;}
.table-container::-webkit-scrollbar-thumb{border-radius: 8px;border: 1px solid #000;background-color:#f31642;}
.table-container-fade{position: absolute;right: 0;width: 30px;height: 100%;
		background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,.5), #fff);
		background-image: -moz-linear-gradient(0deg, rgba(255,255,255,.5), #fff);
		background-image: -ms-linear-gradient(0deg, rgba(255,255,255,.5), #fff);
		background-image: -o-linear-gradient(0deg, rgba(255,255,255,.5), #fff);
		background-image: linear-gradient(0deg, rgba(255,255,255,.5), #fff);
}	
	
.table-container .div1000,.table-container-outer .marginMiddle{ width: 700px !important;}
.table-container { margin: 0 0 22px;}	
}