@charset "utf-8";
/* CSS Document */
body{ font-size: 12px; background:#fff !important; }
.w1920{ margin:0 auto; overflow: hidden}
.w1920{ max-width: 1920px;background: #fff;}
.banner2{ display: none;}
.hd-t{ position:relative; z-index:100;}
.w1920 img{ display: block; }
.banner-bg{ background:url(//deal.tomtop.com/activity/201712/20171211New_for_Christmas_bannerBG.jpg) center no-repeat ; }
.height80{ height:80px; width:20px;}
.banner{ position:relative; z-index: 1; overflow:inherit !important;}
.Wi1200{ max-width: 1150px; margin: auto; position:relative; z-index: 20}
.bg{ background:#1b692d url(//deal.tomtop.com/activity/201712/20171211New_for_Christmas_bg.jpg);
/*
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
*/
}


.chanp1 {
    position: absolute;
    width: 23.5%;
    top: 36.4%;
    left: -13.8%;
    z-index: 2;
}
.chanp2 {
    position: absolute;
    width: 23.5%;
    top: 31.4%;
    right:-13.8%;
    z-index: 2;
}
.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 chanp1{ 0%{transform:translateY(0px);}  0%{transform: translateY(10px);} 100%{transform: translateY(0px);}}
@-moz-keyframes chanp1{ 0%{transform:translateY(0px);} 0%{transform: translateY(10px);} 100%{transform: translateY(0px);} }
@-o-keyframes chanp1{ 0%{transform:translateY(0px);} 0%{transform: translateY(10px);} 100%{transform: translateY(0px);} }
@-ms-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);} }
@-moz-keyframes chanp2{ 0%{transform:translateY(0px);} 0%{transform: translateY(10px);} 100%{transform: translateY(0px);} }
@-o-keyframes chanp2{ 0%{transform:translateY(0px);} 0%{transform: translateY(10px);} 100%{transform: translateY(0px);} }
@-ms-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);}}

/*title*/
.title{ text-align:center;  padding: 1.8% 0;}
.title h1{ font-size:43px; color:#FFF;margin: 0 3%; }
.title span,.title h1{ display:inline-block;vertical-align: middle}
.title2{ text-align: center;}
.title2 img{ display: inline-block;}

.coupon{ display: inline-block;border:2px solid #f5c86d;}
.coupon .bgg1,.coupon .bgg2{display: block; float: left;  color: #f5c86d; line-height:20px; font-size:25px; padding: 5px 10px;}
.coupon .bgg2{}
.coupon .bgg2{ background: #f5c86d;}
.coupon a.FFF{ color: #155f22;}
.sty div {
    display: inline-block;
    font-size: 25px;
    vertical-align: middle;
	color:#155f22;
}

.height1{ height: 1px; width: 100%; padding-top:1.5%;}

/*---------*/
.w50 { width: 48%; float: left; margin: 1%;}
.top-1{ margin-top: -0.5%;}
.top-conent1 .table{ display: table;  color:#fff; padding:2%; position:relative;}
.top-conent1 .table-left,.table-right{ display:table-cell; vertical-align: middle; overflow: hidden;}
.top-conent1 .table-w h1{ font-size:22px;margin-bottom: 3%;}
.top-conent1 .table-w a{ color: #fff;}
.top-conent1 .table-w h1 i{ font-style:normal;font-size:16px;}
.top-conent1 .table-w h3{ line-height: 24px; font-size: 16px;}
.top-conent1 .col-4{ width:44%;}
.top-conent1 .coupon{ font-size: 28.89px; display: inline-block; background: #fff; color:#c64a00; padding: 0.7% 2%;}
.top-conent1 .cl-1{ padding:0 5%; color: #001442; text-align: left;}
.top-conent1 .jg{ margin:10% 0 0% 0;}
.top-conent1 .jg h1,.top-conent1 .jg h2,.top-conent1 .jg a{ display: inline-block; color: #fef400; line-height: 0;}
.top-conent1 .jg h1{ font-size:35px; margin-bottom: 0; font-weight: bold; }
.top-conent1 .jg h2{ font-size:20px; text-decoration: line-through; color: #001442}
.top-conent1 .jg{ vertical-align: middle;}
.top-conent1 .jg a {
    display: inline-block;
    color: #9c0000;
    background:url(//deal.tomtop.com/activity/201712/20171211New_for_Christmas_buy.png) center no-repeat;
    background-size: 100%;
    padding:11% 10%;
    font-size: 20px;
    vertical-align: bottom;
    margin-top: 4%;
}
.top-conent1 jg a:hover,.top-conent1 .top2 .t2 h4 a:hover{ color: #fff;}
.top-conent1 .Tzk{background:url(//deal.tomtop.com/activity/201710/20171026_gaming_accessories_zk.png) center no-repeat; background-size:100%;  position: absolute; width: 55px; height: 55px; z-index: 100; display: none;}
.top-conent1 .Tzk h1{ font-size: 24px; text-align: center; line-height: 13px; margin-top:8px;}
.top-conent1 .Tzk h1 span{ font-size:14px;}
.bottom{ background: #9c0000; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; }
.pcs { position: relative;}
.pcs img{ position: absolute;top:-4px; border-radius:100px; -moz-border-radius:100px; -ms-border-radius:100px; -webkit-border-radius:100px; border: 3px solid #fff; } 
.pcs2{ margin-left: 30px;  left: -36px; display: inline-block; background: #d81e06; font-size: 16px; text-transform: uppercase; color: #fff; padding: 6px 10px 6px 20px;}

/*产品*/
.product{background:url(//deal.tomtop.com/activity/201712/20171204_ToysHobbies_z.png) center;  background-size:100%; padding: 1% 2.5%;}
.product .clear_float{background:url(//deal.tomtop.com/activity/201710/20171026_gaming_accessories_zk.png) center no-repeat; margin: -0.5%;}
.product_content{ position:relative;}
.product ul li img,.table img{  -webkit-transition: all 0.3s linear;  -moz-transition: all 0.3s linear;  -o-transition: all 0.3s linear;  transition: all 0.3s linear;  transform: scale(1);  -o-transform: scale(1);  -moz-transform: scale(1);  -webkit-transform: scale(1);  -ms-transform: scale(1);
	max-width:100%;}
.product ul li img{ max-width:102%;}
.product_price {  width: 100%;  line-height: 24px; font-size: 30px;  color: #fd335d; text-decoration: none;  text-align: center;}
.product_price p {  font-size: 16px;  color: #282828;  padding-right: 2px;text-decoration: line-through;display: inline-block;}

.product_discount{ display:none;
font-size: 15px;  color: #e1021a;line-height: 10px;  position: absolute; top: -13px; left: 0%;   color: #FFF; 
padding-left: 6px;
}
.product_discount:before{
    content: '';
    width: 0px;
    height: 0px;
    border-top: 70px solid #e03d25;
    border-left: 0px solid transparent;
    border-right: 70px solid transparent;
    position: absolute; left:0px; right: 0px;
}
.zk01{font-size: 15px;
    line-height: 20px;
    display: inline-block;
    font-weight: bold;
    margin-top: 4px;
}
.off,.zk01{z-index: 10;position:relative; }
.chi{overflow: hidden;  text-overflow: ellipsis;  -o-text-overflow: ellipsis;  -webkit-text-overflow: ellipsis;  -moz-text-overflow: ellipsis;  white-space: nowrap;
	height: 32px;
	display: block;
	padding:0 10px;
	font-size: 14px;
}

.product ul li {
    display: block;
    float: left;
    position: relative;
    width: 31.7%;
    text-align: center;
    background: #fff;
    margin: 0.8%;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    border: 1px solid #ccc;
}
.product ul li img{display:inline-block; }
.product ul li img:hover,.table img:hover{ transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -webkit- transform:scale(1.1);}
.product_content:hover a{ color:#F00;}
.product ul li:hover{/*border:#6a6a6a 1px solid;*/}
.product_content:hover .product_buy a{ color:#fff;}
.product ul li .product_img a{ display:block;}
.product ul li a h4{ font-size:14px; font-weight:100; line-height:20px; display:block; padding-bottom:15px; }
.product .product_title a{ color: #000;font-size:16px;}
.product_title {
    overflow: hidden;
    display: block;
    line-height: 18px;
    font-weight: 100;
    height: 17px;
    margin: 3px auto 18px auto;
    text-align: center;
}
.product_buy {text-align: center;margin-top: 7px;}
.product_buy a {
    display: block;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    background: #fd335d;
    padding: 6px 0; 
/*
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -o-border-radius: 50px;
    -ms-border-radius: 50px;
*/
}
.product_buy a:hover{background: #000; }

.prozy10{ padding:10px 10px 20px 10px; }
.product_img { overflow: hidden; height:285px; background: #fff url(//www.tomtop.com/activity/images/edm/20160621_loading.gif) no-repeat 50% 50%; margin: 13px;}
.xj01{ font-weight:bold;}

.W1200{  overflow: hidden;}
.footer-banner{ margin:0 -1%; }
.footer-banner .w50{ width: 48%; margin: 1%;}
.footer-banner img{ width: 100%; max-width: inherit;}



/*nav*/
li{ list-style-type:none; }
.nav .nav_content h1{ font-size: 20px;text-align: center;line-height: 20px;color: #fff;margin-top: 5px;margin-bottom: 20px;}
.nav {
	width: 100%;
	position: fixed;
	z-index: 9999;
}
.nav {transition: 1s;-moz-transition: 1s;-ms-transition: 1s;-o-transition: 1s;-webkit-transition: 1s;opacity: 0;filter: alpha(opacity:0);}
.nav .nav_content {
position: fixed;
right: 10px;
z-index: 99999;
width: 179px; height:377px;/* padding-top: 100px; */
bottom:0px;
bottom: 50%;
margin-bottom: -190px;
background: url(//deal.tomtop.com/activity/201712/20171211New_for_Christmas_banner_nav.png)  no-repeat;    
}

.nav ul {
    /* margin: auto; */
    width: 140px;
    padding-top: 154px;
}
.nav ul .floor_nav,.nav_content a {
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	}
.nav_content a:hover { color:#000;}	
.nav ul .floor_nav {
    color: #fff;
    text-align: center;
    line-height: 31px;
    cursor: pointer;
    margin: 0 auto 13px auto;
    font-size: 12px;
    /* border-bottom: 1px dashed #3c3c3c; */
}
.nav ul .floor_nav:hover,.nav ul li.nav_top:hover{}
/*.nav ul .floor_nav:first-child {margin-top: 0px;line-height: 17px;}*/
.nav ul .floor_nav:hover {/*background: #000*/	color:#fef400;}
.nav ul .floor_nav_cur {color:#fef400;}
.nav ul li.nav_top{ 
    text-align: center;
    color: #c51a16;
    font-weight: bold;
    cursor: pointer;
    line-height: 52px;
}
.ico{ padding-left: 10px;}
.ico img{ margin-right: 10px;}

@media(max-width:1450px){ 
.W1200,.title2 { max-width: 950px; margin: auto}
.Wi1200{ max-width: 900px;}
.banner-bg {background-size: 1517px;}   
.title h1 { font-size: 30px;}  
.title span{ width: 35px;}
.sty div,.coupon .bgg1, .coupon .bgg2{ font-size: 18px;}
.top-conent1 .table-w h1 {font-size: 20px;  margin-bottom: 3%;}  
.top-conent1 .jg h1 {font-size: 25px;} 
.top-conent1 .jg h2 { font-size: 14px;}   
.pcs2 {
    margin-left: 30px;
    left: -36px;
    font-size: 12px;
    padding: 8px 10px 8px 20px;
}    
.product_img { height: 290px; margin: 5px;}    
}
@media(max-width:1200px){ 
    .nav .nav_content{ display: none;}
}
@media(max-width:950px){
.product_img{ height: inherit; background-size: 30px;}
 }    
@media(max-width:550px){
.chanp1,.chanp2{ display: none;}    
.w50 { width: 97%; margin: 1.5%;}   
.product_price{ font-size: 18px;}
.product_title { margin: 3px auto 8px auto;}    
.product ul li{ width: 48%; margin: 1%;}
.product_price p {font-size: 12px;}    
.product_buy a { font-size: 14px; padding: 5px 0;}
.product .product_title a { font-size: 14px;}    
.m{ margin-left:1.5%; margin-right: 1.5%; }
.sty div, .coupon .bgg1, .coupon .bgg2 {
    font-size: 12px;
}
.coupon .bgg1, .coupon .bgg2{ padding: 0px 10px;}  
.height1 {padding-top: 3%;} 
    
.pcs2 {
    margin-left: 24px;
    left: -36px;
    font-size: 11px;
    padding: 8px 5px 8px 20px;
}    
.top-conent1 .col-4 { width: 40%;}  
.top-conent1 .table { padding: 1% 2%;}
.top-conent1 .jg a { padding:7% 8%;font-size: 15px;} 
.top-conent1 .jg h1{ font-size:24px !important;}
.top-conent1 .table-w h1 {font-size: 16px;} 
.top-conent1 .table-w h1 i {  font-size: 12px;}    
}
@media(max-width:420px){ 

.top-conent1 .jg {
    margin: 7% 0;
}    
    }
/*xuehua*/
.top-x{height: 100%; width: 100%; }

.Snowed_In{
	padding:0;
	text-align:center;
	margin:0;
	height:100%;
    
}
a{text-decoration:none;}
canvas {
    width: 100%;
    display: block;
    height: 100%;
    top: 0;
    position: fixed;
    bottom: 0;
    z-index: 10;
}
canvas.flare{opacity:0.5;}
@media(max-width:550px){ 
    .Snowed_In{ display: none;}
}