﻿@charset "utf-8";
/* CSS Document */
body{ font-size: 12px; background:#fff !important; }
.w1920,.w1050{ margin:0 auto;}
.w1920{ max-width: 1920px;background: #000;}
.banner2{ display: none;}
.w1920 img{ display: block; }
.banner-bg{ background:url(//deal.tomtop.com/activity/201709/20170929_happy_halloween_bannaer_BG.jpg) center no-repeat ;}
.height80{ height:80px; width:20px;}
.banner{ position:relative;}
.w1050{ max-width: 1050px;}

li{ list-style-type:none;}
.bg{ 
background:url(//deal.tomtop.com/activity/201709/20170929_happy_halloween_BG.jpg) center no-repeat ;
    width: 100%;
    text-align: center;
    background-position: center 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    zoom: 1;
}
.he20{ width: 50px; padding-top: 2%;}
.title{ position:relative; margin:auto; padding: 30px 0;  }
.title h1{ font-size:35px; background:#ea6d2e;display:block; border-radius:50px; -moz-border-radius:50px; -ms-border-radius:50px; -webkit-border-radius:50px; color: #fff; font-family: 'belwe_bd_btbold';
padding:7px 0; text-align:center;}
.title span{ position: absolute;}
.title .left-y{left: -8px; top: 8px; }
.title .right-y{right: -8px; top: 8px; } 

/*产品*/
.product{ background: #ffbb02; padding: 0.8%;  margin-bottom: 6%;}
.clear_float{}
.product.radus .zk01{ font-size: 27px; margin-top: 8px;line-height: 35px;}
.product.radus .product_discount { width:70px; height:70px; font-size:20px; display: none;}
.product_content{ position:relative;}
.product ul li img{
	max-width:100%;}
.product ul li img{ width:100%;}
.product_price {  width: 100%;     padding-bottom: 2%;  line-height: 24px;  font-size:20px;  color: #000;  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: 13px;  color: #e1021a; display: none; line-height: 10px;  position: absolute;  top: 3px;  left: 3px;  width: 44px;  height: 45px;  background: url(//www.tomtop.com/activity/images/edm/20161214-Christmas-de-discount.png) no-repeat center;  color: #FFF; /*   background: #000;
  border-radius: 100px;*/}	
.zk01{font-size: 16px;line-height: 18px;display: inline-block;font-weight: bold;margin-top: 15px;}
.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:32.1%;
    text-align: center;
    background: #fff;
    margin: 0.6%;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
	}
.product ul li img{display: block; }

.product ul li:hover{/*border:#6a6a6a 1px solid;*/}
.product_content:hover .product_buy a{ color:#fff;}
.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: 17px;
    font-weight: 100;
    height: 38px;
    margin: 5px auto 5px auto;
    text-align: center;
    padding: 0 1%;
}
.product_buy {
    text-align: center;
    margin-top: 12px;
    position: absolute;
    width: 100%;
    background: #fff;
    padding-bottom: 2%;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
bottom: -20%;
    vertical-align: text-top; 
}
.product ul li .product_buy img{ width: 20px; vertical-align: text-top; display: inline-block; margin-right: 5px;}
.product ul li:hover .product_buy{bottom: 0;}
.product_buy a {
    color: #FFF;
    text-align: center;
    padding: 5px 10px;
    font-size: 15.65px;
    background: #ea6d2e;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -o-border-radius: 7px;
    -ms-border-radius: 7px;
    display: inline-block;
    font-size: 14px;
}
.product_buy a:hover{background: #000; }

.prozy10{ padding:10px 10px 20px 10px; }
.product_img { overflow: hidden; background: #fff url(//www.tomtop.com/activity/images/edm/20160621_loading.gif) no-repeat 50% 50%; margin:0;}
.xj01{ font-weight:bold;}
.Pcs{ text-align: center; font-size: 16px; padding: 2% 0; background: #fb4b2d; color: #fff;}
.product ul li:hover {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
     border: 2px solid #fb4b2d;
}
.product ul li{
    overflow: hidden;
        border:2px solid #ffbb02;
    -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);
}

/*四排一列*/
.product_img { height: 322px;}
.product-4 .product_img { height: 239px;}
.product-4 .product ul li{ margin: 0.5%;   width: 24%;}
.product-4 .product .product_title a{ font-size: 12px;}
.product-4 .product_title {
    line-height: 15px;
    height: 30px;
}
.product-4 .Pcs{ margin-top: 0px;}
.product-4 .product_price p {font-size: 14px;}
.product-4.product_price{ font-size: 12px;}
.product-4 .product_buy{ display: none;}
.qudiao-COUPON .product_title{ display: none;}
.qudiao-COUPON .product_price{ margin-top: 4%; margin-bottom: 2%;}


/*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: 148px; height:258px;/* padding-top: 100px; */
bottom:0px;
bottom: 50%;
margin-bottom: -125px;
background: url(//deal.tomtop.com/activity/201709/20170929_happy_halloween_nav.png)  no-repeat;    
}

.nav ul {position: absolute;width:100%;}
.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: #c51a16;
    text-align: center;
    line-height: 32px;
    cursor: pointer;
    margin: 0 auto 6px auto;
    font-size: 14px;
    background: #fffbb6;
}
.nav ul .floor_nav:hover,.nav ul li.nav_top:hover{ background: #ffd200;}
/*.nav ul .floor_nav:first-child {margin-top: 0px;line-height: 17px;}*/
.nav ul .floor_nav:hover {/*background: #000*/	color:#000;}
.nav ul .floor_nav_cur {color:#000;}
.nav .nav_content ul{margin-top: 93px;}
.nav ul li.nav_top{ 
    text-align: center;
    color: #c51a16;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    line-height: 32px;
    background: #fffbb6;
}

@font-face {
    font-family: 'belwe_bd_btbold';
    src: url('//deal.tomtop.com/activity/201709/belweb-webfont.eot');
    src: url('//deal.tomtop.com/activity/201709/belweb-webfont.eot?#iefix') format('embedded-opentype'),
         url('//deal.tomtop.com/activity/201709/belweb-webfont.woff2') format('woff2'),
         url('//deal.tomtop.com/activity/201709/belweb-webfont.woff') format('woff'),
		 url('//deal.tomtop.com/activity/201709/belweb-webfont.TTF') format('ttf');
    font-weight: normal;
    font-style: normal;

}
@media(max-width:1400px){
 .w1050 { max-width: 930px;}
.product_img { height: 285px;}
.product-4 .product_img { height: 212px;}  
   
}
@media(max-width:1230px){
 .nav .nav_content { display:none;}
}
@media(max-width:930px){
.product_img,.product-4 .product_img { height:inherit;}
    .Pcs{ font-size: 12px;}     
}
@media(max-width:768px){
.title {padding: 19px 0;margin-left: 10px;margin-right: 10px;}
.title h1{ font-size: 20px;}
.title .left-y { left: -5px; top: -7px;width: 83px;}
.title .right-y {right: -5px; top: -7px; width: 83px;}    
}
@media(max-width:550px){
    .product ul li,.product-4 .product ul li{ width: 48%; margin: 1%;}
    .product_title {line-height: 16px; height: 32px;}
    .product_price p{ font-size: 14px;}
    .product_price{ font-size: 18px;}
    .product .product_title a {   font-size: 12px;}
    .title h1 { font-size: 16px;}
    .title .left-y { left: -5px; top: 1px;  width: 66px;}
    .title .right-y { right: -5px; top: 1px; width: 66px;}
    .product_img,.product-4 .product_img { height:inherit;}
}
@media(max-width:420px){.product_img,.product-4 .product_img { height:187px;}}
@media(max-width:410px){.product_img,.product-4 .product_img { height:180px;}}
@media(max-width:400px){.product_img,.product-4 .product_img { height:175px;}}
@media(max-width:390px){.product_img,.product-4 .product_img { height:170px;}}
@media(max-width:380px){.product_img,.product-4 .product_img { height:165px;}}
@media(max-width:370px){.product_img,.product-4 .product_img { height:160px;}}
@media(max-width:360px){.product_img,.product-4 .product_img { height:155px;}}
@media(max-width:350px){.product_img,.product-4 .product_img { height:150px;}}
@media(max-width:340px){.product_img,.product-4 .product_img { height:inherit;}}


