﻿@charset "utf-8";
/* CSS Document */
body{ font-size: 12px; background:#fff !important; }
.w1920{ margin:0 auto;}
.w1920{ max-width: 1920px;background: #fbf5f1; overflow: hidden;}
.w1920 img{ display: block; }
.banner-bg{ background:url(https://deal.tomtop.com/activity/201711/20171121_Black_Friday_bg.jpg) center no-repeat;}

.BG {
    background:#000721;
}
.z-in{ position: relative; z-index: 10;}
.top{ padding-top: 3%;}
.font52{ text-align: center; font-size: 50px; color: #fff; display: block;   padding:3% 0 0 0;}
.bottom3{ padding-bottom: 1.5%; padding-top: 2.5%;}
/*产品*/
.clear_float{margin: -0.7%;}
.product_buy{ margin-left: 5%; }
.product_buy a{ display: block;}
.product_buy img,.product_buy a,.radius50{
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -o-border-radius: 50px;
    -ms-border-radius: 50px;
} 

.product_buy a:hover{ background: #ffd200; }
.product_price,.product_buy{ display: inline-block; vertical-align: middle;}
.product_content{ position:relative;}
.product_img img,.product-4 ul li.width38 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_img img{ width:100%;}
.product_img img{display: block; }
.product_img img:hover,.product-4 ul li.width38 img:hover{ transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -webkit- transform:scale(1.1);}
.product_price {
    line-height: 24px;
    font-size: 23px;
    text-decoration: line-through;
    text-align: center;*/
}
.product_price p {
    font-size: 31px;
    color: #d81e06;
    padding-right: 8px;
    text-decoration: none;
    display: inline-block;
}

.product_discount{font-size: 13px;  color: #e1021a; display: none; line-height: 10px;  position: absolute;   top: 2%;  right:2%;  width: 44px;  height: 45px;   color: #FFF;
    border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%;
    background: #d81e06;
}	
.zk01{font-size: 16px;line-height: 18px;display: inline-block;font-weight: bold;margin-top: 9px;}

.product ul li{   
    display: block;
    float: left;
    position: relative;
    width:31.9%;
    text-align: center;
    background: #fff;
    margin: 0.7%;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
	}
.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 a h4{ font-size:14px; font-weight:100; line-height:20px; display:block; padding-bottom:15px; }
.product .product_title a{ color: #000;font-size:18.15px;}
.product_title {
    overflow: hidden;
    display: block;
    font-size: 12px;
    line-height: 19px;
    font-weight: 100;
    padding: 0;
    height: 40px;
    margin: 0 auto 5px auto;
    text-align: center;
}

.prozy10{ padding:10px 10px 20px 10px; }
.product_img { overflow: hidden; height: 365px; background: #fff url(https://www.tomtop.com/activity/images/edm/20160621_loading.gif) no-repeat 50% 50%; margin:2% 5% 2% 5%; }
.xj01{ font-weight:100;}
.Pcs{ text-align: center; font-size: 20.57px; padding: 2% 0; background: #2143ce; color: #fff;  margin-top: 15px; line-height: 23px;}
.product-4 ul li{ width: 23.60%;  }
.product-4 ul li.width38{width:38.6%; padding: 0px; background: none; overflow: hidden;}
.product-4 ul li .product_img{height: 222px;  vertical-align: middle;  display: table-cell;}
.product-4 ul li .product_img img{ display: inline-block; vertical-align: middle;} 
.product-4 ul li .product_price{ width: 100%;}
.product-4 ul li { padding-bottom: 1%; margin: 0.7%;}
.product-4 .product_title a{ font-size: 14px;}
.product-4 .product_price{ font-size: 14px;}
.product-4 .product_price p{font-size:24px;}
.product-4 .product_buy { margin-left: 0; margin-top: 2%;}

.product-4 .product_title {
    font-size: 12px;
    line-height: 16px;
    font-weight: 100;
    height: 32px;
    margin: 0 auto 5px auto;
}
.apr ul li .product_price{ width: inherit;} 
.apr .product_buy{ margin-top: 0px;}
.apr ul li{ padding-bottom: 0px;}
.apr .product_title{ margin-bottom: 15px;}
.zhek .product_discount{ display: block;}
.apr .Pcs{ background: #d81e06;}
.bg3{ background: #51cf88;}.bg4{ background: #0879d8;} .bg5{ background: #b629ff;} .bg6{ background: #e6931d;} .bg7{ background: #01c5c4;} .bg8{ background: #4c4b46;} .bg9{ background: #6565df;} 

.padding5{ padding: 2%;}
/*--上两排----*/
.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: 10%; text-align: left;}
.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:46%;}
.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{ display: inline-block; vertical-align: middle;}
.top-conent2 .jg h1,.top-conent2 .jg h2,.top-conent2 .jg a{ display: inline-block; color: #ff0000; }
.top-conent2 .jg h1{ font-size:32px; margin-bottom: 0; }
.top-conent2 .jg h2{ font-size:17px; 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(https://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);
}
.radius50{ border:1px #2d2d2d  dashed; padding:2% 0;}

.zkkk {
    font-size: 15px;
    color: #e1021a;
    line-height: 10px;
    position: absolute;
    top: 0;
    left: 0%;
    color: #FFF;
    padding-left: 6px;
}
.zkkk: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;
}
.zkkk3,.zkkk2 {
    z-index: 10;
    position: relative;
}
.zkkk2 {
    font-size: 15px;
    line-height: 20px;
    display: inline-block;
    font-weight: bold;
    margin-top: 4px;
}

.top30{ margin-top: 2%;}
@media(max-width:1500px){
.banner-bg {
    background-size: 1489px;
}    
 .W1200 { max-width: 930px;}
 .font52{ font-size: 40px;} 
/*产品1*/
.product_title { font-size: 12px;line-height: 14px; height: 32px;}  
    .product .product_title a{ font-size: 14px;}  
    .product_price p {font-size: 26px;}
    .product_price{ font-size: 14px;}
    .product_img{ height:280px;}   
    .Pcs{ font-size: 15px;}
/*产品2*/
.top-conent2 .table-w h1 { font-size: 14px; line-height: 20px;}    
.top-conent2 .table-w .jg h1{font-size:22px;} 
.top-conent2 .jg h2{font-size: 14px;} 
  /*产品3*/  
    .product-4 ul li .product_img { height: 154px;}   
    .product-4 .product_title a{ font-size: 12px;}
    .product-4 .product_price p { font-size: 18px;}
}
@media(max-width:960px){
.clear_float,.top-conent2 {
    margin: 0;
}
  /*产品1*/  
 .product_img{ height: inherit;}    
    }
@media(max-width:900px){ 
     /*产品3*/  
    .product-4 ul li .product_img{ height: 140px;}
}
@media(max-width:800px){ 
     /*产品3*/  
    .product-4 ul li .product_img{ height: 110px; background-size: 30px;}
    .product-4 .product_price p { font-size: 14px;}
    .product-4 .product_price { font-size: 12px;}
}
@media(max-width:768px){
/*产品1*/ 
.product_buy { margin-left: 0; width: 26px;}
.product_price{ width: 100%;} 
.product .product_title a { font-size: 12px;line-height: 16px;}  
.Pcs { font-size: 12px; margin-top: 11px;} 
.product_price p {
    font-size: 14px;
}   
.product_price {
    font-size: 12px;
}    
/*产品2*/
.top-conent2 .table-w .jg h1{font-size: 14px; margin-bottom: 0px;}
.top-conent2 .jg h2{font-size: 12px;}
.top-conent2 .table-w h1 {
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 6%;
}    
     /*产品3*/  
    .padding5 { padding: 1%;}
    .product-4 ul li.width38{ width: 98%; text-align: center}
    .product-4 ul li.width38 img{ display: inline-block;}
    .product-4 ul li { width: 23.6%;}
.apr ul li .product_price {
    width: 100%;
}
}
@media(max-width:550px){
.font52 {
    font-size: 22px;
} 

.right10 {
    margin-right: 10px;
    width: 22px;
}    
 /*产品1*/  
.Pcs{ font-size: 2.2vw;}  
.product_price p { padding-right: 2%;}   
.product_price p { font-size: 16px;}   
.product_price{font-size:2vw;}  
/*产品2*/
    .top-conent2 .left{ width: 98%;}
    .top-conent2 .table-w .jg h1{ font-size: 18px;}
/*产品3*/  
.product-4 ul li .product_img { height: 151px;}    
.product-4 ul li { margin: 1%;}  
.product-4 ul li { width: 48%;} 
.product-4 .product_price p {font-size: 16px;}    
    
}