@charset "utf-8";
/* CSS Document */
body{ font-size: 12px; background:#fff !important; }
.w1920{ margin:0 auto;}
.w1920{ max-width: 1920px;background: #dff0ff;}
.banner2{ display: none;}
.w1920 img{ display: block; }
.banner-bg{ background:url(https://deal.tomtop.com/activity/201804/20180502-ComingSummer-banner-bg.jpg) center top no-repeat ;}
.height80{ height:80px; width:20px;}
.banner{ position:relative;}
.BG{ background:url(https://deal.tomtop.com/activity/201804/20180502-ComingSummer-top.png) center top no-repeat;}
/*标题*/
.title {
    text-align: center; padding: 40px 0;
}
.title span {
    display: inline-block;
    vertical-align: middle;
}
.title span.bau-a {
    font-size: 42px;
    text-transform: uppercase;
    padding: 1.5% 3%;
    font-weight: bold;
    color: #263bc8;
    line-height: 26px;
}
/*banner-img1*/
.W1226{ max-width: 1226px; margin: auto;}
.banner-img1{background:url(https://deal.tomtop.com/activity/201804/20180502-ComingSummer-img1.jpg) center top no-repeat; height: 389px;}
.banner-img2{background:url(https://deal.tomtop.com/activity/201804/20180502-ComingSummer-img2.jpg) center top no-repeat; height: 389px;}
.banner-img3{background:url(https://deal.tomtop.com/activity/201804/20180502-ComingSummer-img3.jpg?v=1) center top no-repeat; height: 389px;}
.banner-img1,.banner-img2,.banner-img3{ background-size:1226px;}
.table{ display:table; width: 100%; position: relative;}
.cell{ display:table-cell; vertical-align: middle; padding-left: 7%; padding-top: 60px; top: 0px; color: #fff; position: absolute;}
.cell h1{ font-size: 35px; font-weight: bold; margin-bottom: 12px;}
.cell h2{ margin-bottom: 12px; line-height: 28px;}
.w1{ width: 250px; text-align: center; background: #fff;font-size:23px;font-weight: bold;}
.w2{width: 280px; }
.pre,.coupon{ padding: 3px 0;}
.pre{ color: #fff; background: #ff9000; }
.coupon{color: #000; }

.banner-left2{ padding-top: 70px;}
.banner-left2 .presale{ margin-top: 20px;}
.height30{ height:30px;}

/*产品*/
.cpBG{ background: #e3e3e3; padding: 1% 0;}
.clear_float-1{ margin: 0% ;}
.title h1{ font-size: 35px; text-align: center; padding:20px 0; color:#000;}
.clear_float-1 li{ display:table; vertical-align: middle;  width: 48%; float: left; margin:1%;  padding: 1% 0%; background: #fff; }
.col-5-1,.product_img-1{ display:table-cell; vertical-align: middle; }
.col-5-1 { width:47%; text-align: left; padding: 0% 2% 0% 2%;}
.product_img-1{padding: 1%; width: 53%;overflow: hidden;  text-align: center; }
.product_img-1 img{ display: inline-block;}
.product_discount-1{ background:url(https://deal.tomtop.com/activity/201710/20171024_Flash_Sale_zk.gif) center no-repeat; background-size:100%;  display: block; width: 129px; line-height: 37px; height: 47px; font-size:20px; text-align: center; color: #fff; margin:10% 0;}

.product_title-1{font-size:18px;   line-height: 23px; }
.product_title-1 a{ color: #000}
.product_price-1 {
    line-height: 24px;
    font-size: 13.5px;
    color: #000;
    text-decoration: none;
    text-align: left;
    text-decoration: line-through; 
    padding-top: 15px;
    padding-bottom: 15px;
}
.product_price-1 p {
    font-size: 25px;
    color: #ff2626;
    padding-right: 2px;
    display: inline-block;
}
.product_buy-1{ margin-top: 1%;}
.product_buy-1 a {
    display: inline-block;
    font-size: 13px;
    color: #fff;
    background: #4c4c4c;
    padding: 3% 14%;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.product_buy-1 a:hover{ background: #000; color: #fff}

.CODE-1 {
    display: inline-block;
    border: dashed 1px #ed462f;
    font-size: 20px;
    padding: 5px 10px;
    font-weight: bold;
    margin:4% 0 6%; color:#ed462f;
}
.product_title-1 .font13{ line-height:16px;}
.product_img-1 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-1 img:hover {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
}
/*产品2222222222*/
.product ul li{
    -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 ul li:hover {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}
.product{ margin:0% 1.5%;}
.product_content{ position:relative;}
.product ul li img{ max-width:100%;}
.product_price { margin:3% 0 5% 0;  text-decoration: line-through; width: 100%;  line-height: 24px;  font-size:14px;  color: #282828; ;  text-align: center;}
.product_price p {  font-size: 24px; color:#ff603a;  padding-right:4%;text-decoration:none;display: inline-block;}

.product_discount {
     display: none; 
    font-size: 13px;
    line-height: 10px;
    position: absolute;
    top: -2px;
    left: 10px;
    width: 50px;
    height: 50px;
    background: url(https://deal.tomtop.com/activity/201803/2180310-Flash-Sale-for-zk.png) no-repeat center; 
    color: #FFF;
}
.zk01{
    font-size: 20px;
    line-height: 23px;
    display: inline-block;
    font-weight: bold;
    margin-top: 2px;
}

.product ul li{  
    padding-bottom:2%; 
    display: block;
    float: left;
    position: relative;
    width: 24%;
    text-align: center;
    background: #fff;
    margin:0.5% 0.5% 0.5% 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: inline-block; }

.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;
    text-overflow: ellipsis;
    display: block;
    font-size: 12px;
    line-height: 15px;
    font-weight: 100;
    height: 31px;
    margin:3px 2%;
    text-align: center;
}
.product_buy {text-align: center;margin-top: 7px;}
.product_buy a,.product_buy i {
    color: #fff;
    text-align: center;
    font-size: 12px;
    background: #414045;
    padding: 6px 12%;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px;
}
.product_buy i{ font-style:normal;}
.product_buy a:hover{background: #000; }

/*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: 175px;
    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: #263bc8; color: #fff;}
.nav ul .floor_nav_cur {}
.nav .nav_content ul {
    margin-top: 0;
    margin-left: 0;
    width: 175px;
}
.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: 39px; 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;
}

li{ list-style-type:none;}

@media(max-width:1450px){
.W1226,.W1200 { max-width: 1000px !important;}
.banner-bg {
    background-size: 1603px;
}      
.banner-img1, .banner-img2, .banner-img3 {
    background-size: 1000px;    height: 320px;
} 
.clear_float-1 {
    margin: 0% 1%;
}    
.title {
    padding: 25px 0;
}    
.title span.bau-a{ font-size: 38px;}    
.cell h1 {
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 12px;
} 
.cell h2 {
    margin-bottom: 12px;
    line-height: 22px;
    font-size: 14px;
}
.w1 {
    width: 208px;
    text-align: center;
    background: #fff;
    font-size: 17px;
    font-weight: bold;
}
.w2 {
    width: 230px;
}   
  
	}
@media(max-width:1200px){
    .nav .nav_content{ display: none;}   
}

@media(max-width:768px){
.product_title-1 {
    line-height: 20px !important;
}   
.font16 {
    font-size: 13px !important;
}   
.product_price-1 {
    padding-top: 8px;
    padding-bottom: 5px;
}    
.title span.bau-a {
    font-size: 28px;
}   
.title {
    padding: 16px 0;
}    
}
@media(max-width:640px){
.banner-img1, .banner-img2, .banner-img3 {
    background-size: 641px;
    height: 206px;
}
.cell {
    padding-left: 7%;
    padding-top: 23px;
}   
.cell h1 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}  
.cell h2 {
    margin-bottom: 9px;
    line-height: 18px;
    font-size: 12px;
} 
.w1 {
    width: 180px;
    font-size: 14px;
} 
.height30 {
    height: 10px;
}    
.title span.bau-a {
    font-size: 17px;
}   
.title {
    padding: 5px 0;
}    
.title img{ width: 20px; }    
.clear_float-1 {
    margin: 0% 10px;
}    
.clear_float-1 li {
    width: 100%;
    float: left;
    margin: 1% 0;
    padding: 1% 0%;
}
.product ul li {
    padding-bottom: 20px;
    width: 48%;
    margin: 1%;
}   
.product {
    margin: 0% 10px;
} 
 .clear_float{ margin: 0 -1%;}    
.col-5-1 {
    padding: 3% 2% 3% 2%;
}    
    .product_price p,.product_price-1 p{ font-size: 18px;}    
    
}
@media(max-width:440px){
.banner-img3{
    background-size: 440px;
    height: 141px;
    }
.product_title-1 {
    line-height: 14px !important;
}  
font16 {
    font-size: 12px !important;
} 
    
}