@charset "utf-8";
/* CSS Document */
body{ font-size: 12px; background:#fff !important; }
.w1920{ margin:0 auto;}
.w1920{ max-width: 1920px;background: #fbf5f1;}
.banner2{ display: none;}
.w1920 img{ display: block; }
.banner-bg{ background:url(//deal.tomtop.com/activity/201710/20171031_activity_bannerBG.jpg) center no-repeat ;}
.height80{ height:80px; width:20px;}
.banner{ position:relative;}
/*1111111111111111*/
.bg{background:#790bec url(//deal.tomtop.com/activity/201710/20171031_activity_banner3.jpg) center top no-repeat;}
.W1200{ overflow: hidden;}
/*--上两排----*/
.relative{ position: relative;}
.top-conent2{ margin: 0 -0.7%;}
.top-conent2 .left{float: left; width: 48.6%;  margin: 0.7%; background: #fff; overflow: hidden; }
.top-conent2 .table{ display: table;  color:#fff; padding:1.2% 1%; position:relative;}
.top-conent2 .table-left,.table-right{ display:table-cell; vertical-align: middle; overflow: hidden;}
.top-conent2 .table-w h1{ font-size:18px;margin-bottom: 3%;}
.top-conent2 .table-w h1 strong{ font-weight: 100;}
.top-conent2 .table-w a{ color: #fff;}
.top-conent2 .table-w a:hover{color: #fff; background: #000;}
.top-conent2 .table-w h3{ line-height: 24px; font-size: 16px;}
.top-conent2 .col-4{ width:44%;}
.top-conent2 .coupon{ font-size: 28.89px; display: inline-block; background: #fff; color:#c64a00; padding: 0.7% 2%;}
.top-conent2 .cl-1{ padding:0 6%; color: #000}
.top-conent2 .jg{ margin:13% 0 0 0;}
.top-conent2 .jg h1,.top-conent2 .jg h2,.top-conent2 .jg a{ display: inline-block; color: #ff0000; line-height: 0;}
.top-conent2 .jg h1{ font-size:32px; margin-bottom: 0; }
.top-conent2 .jg h2{ font-size:20px; text-decoration: line-through; color: #000}
.top-conent2 .jg{ vertical-align: middle;}
.top-conent2 .jg a{ display: inline-block; color: #000;  background: #fed200; padding:5% 5%; margin-top: 6%; font-size: 17px;vertical-align: bottom;}
.top-conent2 jg a:hover,.top-conent2 .top2 .t2 h4 a:hover{ background: #000; color: #000;}
.top-conent2 .Tzk{background:url(//deal.tomtop.com/activity/201710/20171031_activity_banner_zk.png) center no-repeat; background-size:100%;  position: absolute;width: 44px; height: 44px;z-index: 100;}
.top-conent2 .Tzk h1{ font-size: 19px; text-align: center; line-height: 13px;  margin-top: 5px;}
.top-conent2 .Tzk h1 span{ font-size:13px;}
.bottom-wr{ position: absolute; bottom: 0px; color: #000;      text-transform: uppercase;
    background: rgba(255, 255, 255, 0.45);  font-size: 29px; padding: 2% 0; width: 100%; text-align: center;
text-shadow:#fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;
-webkit-text-shadow:#fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;
-moz-text-shadow:#fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;
*filter: Glow(color=#000, strength=1);
}

.buy,.buy a{ font-size: 16px; line-height: 25px; display:inline-table;}
.buy{ display: inline-block;  padding-right:20px; margin-top:15%;
    border: #ff0000 1px solid; background: #fff; color:#ff0000;
    border-radius: 50px; -o-border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; 
}
.buy a{
    background: #ff0000; padding-left:20px; padding-right:20px; margin-right:10px; 
    border-radius: 50px; -o-border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px;
}
.top30{ margin-top: 2%;}
@media(max-width:1550px){
.top-conent2 .table-w h1 { font-size: 20px;}   
.top-conent2 .jg h2 { font-size: 16px; }
.top-conent2 .jg h1 { font-size: 25px;}    
}
@media(max-width:1200px) {.top-conent2 { margin: 0%;} }
@media(max-width:1024px){
.buy, .buy a {font-size: 12px; line-height: 25px;} 
.buy { padding-right: 12px; margin-top: 15%;}
.buy a {padding-left: 15px;  padding-right: 15px; margin-right: 10px;}    
}
@media(max-width:850px){
.top-conent2 .col-4 { width: 30%;}
.buy {
    padding-right: 12px;
    margin-top: 6%;
}
.top-conent2 .jg {
    margin: 7% 0 0 0;
}    
}
@media(max-width:768px){.nav .nav_content { display:none;}}
@media(max-width:768px){
.top-conent2 .table-w h1 {font-size: 14px;}
.top-conent2 .jg h1{ font-size: 16px;} 
.top-conent2 .jg h2 { font-size: 13px;}    
.top-conent2 .jg a {
    padding: 12px 5%;
    margin-top: 6%;
    font-size: 14px;
}  
.bottom-wr{ font-size: 20px;}    
   
}
@media(max-width:550px){
.top-conent2 .left { float: none; width: 98%;margin:2% 1%;}   
.top-conent2 .col-4{width: 40%;}  
.top-conent2 .table-w h1 { font-size: 15px; margin-bottom: 8%;}  
.top-conent2 .jg { margin: 0% 0 0 0;} 
.top-conent2 .jg a {
    padding: 12px 5%;
    margin-top: 5%;
    font-size: 14px;
    display: block;
    width: 100px;
    text-align: center;
}    
.top-conent2 .jg h1 { font-size: 22px;}
.top-conent1 .Tzk {width: 48px; height: 48px;}    
.top-conent1 .Tzk h1 { font-size: 20px;}  
    
.buy, .buy a {font-size: 12px; line-height: 25px;} 
.buy { padding-right: 12px; margin-top: 4%;}
.buy a {
    padding-left: 9px;
    padding-right: 9px;
    margin-right: 2px;
} 
.product {
    margin: 1% 0.1% !important;
}  
.height80{ height: 30px;}    
}

.nav{width: 100%;position: fixed;bottom: 200px;right:55px;}
.nav .nav_content {position: relative}
.nav ul li {width: 50px;height: 35px;padding:3px 10px; list-style:none;position: absolute;right: -42px;cursor: pointer;background: #b4b4b4;}
.nav ul li img {width: 100%}
.nav ul li:hover {background: #646464;}
.nav ul .nav_top {bottom: 1px;display: none;border-top-left-radius: 4px;border-top-right-radius: 4px;}
.nav ul .nav_bottom {top: 1px;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
/*nav*/
li{ list-style-type:none;}
/*-----------------------------------------------------*/
/*产品*/
.product{ margin:1% -0.7% 1.7% -0.7%;}
.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,.top-conent2 .col-4 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:102%;}
/*.product ul li img{ width:100%;}*/
.product_price { max-width:140px; margin: auto;  line-height: 24px;  font-size: 26px;  color: #e60e0e;  text-decoration: none;  text-align: center;  border: 1px #000 dashed;  padding:6px 0;  border-radius: 50px; -o-border-radius: 50px; -webkit-border-radius: 50px; -ms-border-radius: 50px;}
.product_price p {  font-size: 14px;  color: #282828;  padding-right: 2px;text-decoration: line-through;display: none;}

.product_discount{
display: none;
font-size: 13px;  color: #e1021a;  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: 23.6%;
    text-align: center;
    background: #fff;
    margin: 0.7%;
        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;
	}
.product ul li img{display: block; }
.product ul li img:hover,.top-conent2 .col-4 img:hover{ transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -webkit- transform:scale(1.1);}
.product_buy a:hover{ color:#fff; background: #000;}
.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: 13.49px;}
.product_title{   overflow: hidden; display: block;  font-size: 12px;  line-height: 15px;  font-weight: 100;  height:33px;  margin: 0 auto 5px auto;  text-align: center;}
.product_buy { margin-top: 10px;display: none;}
.product_buy a {
    color: #FFF;
    text-align: center;
    width: 100%;
    padding: 5px 10px;
    font-size: 16.55px;
    background: #c93b00;
    font-weight: bold;
    margin-top: 12px;
    display: block;
}

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

@media(max-width:1200px){
    .product_img{ height: inherit;}  
}

@media(max-width:768px){
    .product_img{ height: inherit;}  
    .product_price {
    max-width: 94px;
    margin: auto;
    line-height: 24px;
    font-size: 17px;
    text-align: center;
        padding: 0px 0;}
.product_buy a {
    width: 100%;
    padding: 4px 2px;
    font-size: 13.55px;
    margin-top: 9px;
}    
}
@media(max-width:550px){
.product ul li{width: 48%; margin: 1%;}  
.content { padding: 20px 1% 40px 1%;}    
.product_img {border: 6px solid #fff; min-height: 190px;}
.product .product_title a {  font-size: 12px;}
    
}
@media(max-width:430px){
 .product_img {  min-height: 182px;}
}
@media(max-width:410px){
    .product_img {  min-height: 171px;}
}
@media(max-width:390px){    .product_img {  min-height: 167px;}}
@media(max-width:380px){ .product_img {  min-height: 158px;}}
@media(max-width:360px){.product_img {  min-height: 130px;}}