@charset "utf-8";
/* CSS Document */
body{ font-size: 12px; background: #fff; }
.w1920,.width1200,.width1160{ margin:0 auto;}
.width1200{max-width: 1200px;}
.width1160{max-width: 1160px;}
.w1920{ max-width: 1920px; overflow:hidden; }
.banner2{ display: none;}
.banner img{ display: block; }
.banner-bg{ background:#ecefed  url(http://deal.tomtop.com/activity/201804/20180425-best-gifts-for-bannerBG.jpg) center top no-repeat;}
.height80{ height:38px; width:20px;}
.banner{ position:relative;}
.left000{ color:#000 !important;}
.W1200 article {
    font-size: 40px;
    text-transform: uppercase;
    text-align: center;
    color: #e86060;
    padding: 0;
    margin: 30px auto;
    font-weight: bold;
}
.left-right{ }
.he1{ height: 20px;}
.W1200.W1 { margin: 0 auto 2% auto; position: relative; z-index: 20;}
.bg{background:#ecefed;}


/*产品*/
.product .clear_float{ }
.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: 15px;
    color: #484848;
    text-decoration: line-through;
    text-align: center;
}
.product_price p {
    font-size: 22px;
    color: #e44c30;
    padding-right: 2px;
    display: inline-block;
}

.product_discount {
    font-size: 16px;
    text-align: center;
    color: #fff;
    background: #e86060;
    width: 145px;
    line-height: 30px;
    left: -43px;
    top: 5px;
    transform: rotate(-47deg);
    -o-moz-transform: rotate(-47deg);
    -ms-moz-transform: rotate(-47deg);
    -moz-transform: rotate(-47deg);
    -webkit-transform: rotate(-47deg);
    z-index: 10;
    position: absolute;
}

.zk01{font-size: 15px;
    line-height: 20px;
    display: inline-block;
    font-weight: bold;
    margin-top: 4px;
}
.off,.zk01{z-index: 10;position:relative; }

.product ul li{  
    overflow: hidden;
    padding-bottom:25px; 
    display: block;
    float: left;
    position: relative;
    width: 24%;
    text-align: center;
    background: #fff;
    margin:0.5% 0.5% 1.7% 0.5%;
    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 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:13px;}
.product_title{
    overflow: hidden;
    display: block;
    font-size: 12px;
    line-height: 17px;
    font-weight: 100;
    height: 36px;
    margin: 3px auto 3px auto;
    text-align: center;
}
.product_buy {text-align: center;margin-top: 13px;}
.product_buy a {
    color: #FFF;
    text-align: center;
    padding: 2px 10px;
    font-size: 13px;
    background: #414045;
    padding: 8px 15%;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
}
.product_buy a:hover{background: #000; }

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

.product ul li.code1{ display: table; padding-bottom: 0;}
.code2{ height: 340px; color: #fff; display: table-cell; width: 100%; vertical-align: middle; }
.code2 h1{ font-size: 63px; padding: 4% 0%; }
.code2 h4{ font-size: 14px; }
.code2 h2{ font-size: 18px;  margin-top: 8%; border-radius: 50px; display: inline-block;background: #fff; padding: 2% 6%}
.border1{ border:14px solid #ffe2e1; background:#f04d13;}
.s1{ color: #f04d13; }

/*---------------------*/

/*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: 999;}
.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: 160px;
    height: 379px;
    bottom: 0px;
    bottom: 50%;
    margin-bottom: -224px;
}
.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_content a:hover { color:#000;}	
.nav ul .floor_nav {
    color: #000;
    text-align: center;
    line-height: 26px;
    cursor: pointer;
    margin: 7px auto;
    font-size: 15px;
    border: 1px solid #ccc;
    background: #fff;
    padding: 3px 0;
}
.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,.nav ul .floor_nav_cur {background: #ff9000; color: #fff;}
.nav ul .floor_nav_cur {}
.nav .nav_content ul {
    margin-top: 0;
    margin-left: 0;
    width: 160px;
}
.nav ul li.nav_top {
    text-align: center;
    color: #ffffff;
    font-weight: 100;
    cursor: pointer;
    line-height: 50px;
    font-size: 15px;
    width: 45px;
    height: 45px;
    border-radius: 50px;
    background: #414045;
    margin: 10px auto 0 auto;
}
.ico {text-align: center; background: #fff; height: 57px; border: 1px solid #ccc;}
.ico img{ margin-right: 6px;  text-align: center;}
.Share {
    position: relative;
    text-align: center;
    color: #ff9000;
    padding: 3px 0;
    font-size: 14px;
    margin: 0 5px 0px 5px;
}

/*table*/
.table{ border-radius: 20px; -webkit-border-radius: 20px; -ms-border-radius: 20px; -moz-border-radius: 20px; display: table; background: #ff680a; color:#fff; padding: 4%; margin: 0 0.5% 5% 0.5%;    border: 4px dashed #fff;}
.table-left,.table-right{ display:table-cell; vertical-align: middle; overflow: hidden;}
.table-w h1{ font-size: 45px;}
.table-w a{ color: #fff;}
.table-w a:hover{ color:#000;}
.col-4{ width: 38%;}
.table-w .coupon{
    border-radius: 50px; -webkit-border-radius: 50px; -ms-border-radius: 50px; -moz-border-radius: 50px;
    font-size:22px; display: inline-block; background: #fff; color:#ff680a; padding: 1.7% 5.8%;}
.cl-1{ padding:0 13%;}
.jg,.coupon{ margin-top: 3%;}
.jg h1,.jg h2{ display: inline-block; color: #fff;}
.jg h1{ font-size: 44.6px; font-weight: bold;}
.jg h2{ font-size: 25.37px; text-decoration: line-through; margin-left: 2%}

@media only screen and (max-width: 1450px) {
.W1200 { max-width: 1000px !important;} 
.bg,.banner-bg { background-size: 1602px;}
.product_img{ height: 196px;}
}

@media only screen and (max-width: 1024px){  
.product_img{ height:inherit;}
.nav .nav_content{ display: none;}    
}

@media only screen and (max-width: 768px){
.he1{ height: 10px;}    
.W1200 article {
    font-size: 27px;
    margin: 20px auto;
    font-weight: bold;
}    
}
@media only screen and (max-width: 610px){
.he1{ height: 10px;}    
.W1200 article {
    font-size: 20px;
    margin: 10px auto;
    font-weight: bold;
}  
.product .clear_float {
    margin: 0 0.5%;
}    
.product ul li{width: 48%; margin: 1%;  padding-bottom: 19px;}
.product_buy a {
    padding: 2px 10px;
    font-size: 13px;
    padding: 4px 13%;
} 
.product_price p { font-size: 19px;} 
.product_buy {margin-top: 8px;}  
    
.product_discount {
    font-size: 12px;
    width: 145px;
    line-height: 22px;
    left: -49px;
    top: 7px;
} 
.zk01 { margin-top: 2px;}
.product_img{ margin: 5px;}
    
}