﻿@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/201709/20170930_Smartphonse_bannerBG.jpg) center no-repeat ;}
.height80{ height:80px; width:20px;}
.banner{ position:relative;}

.bg{background:#b6fffe url(//deal.tomtop.com/activity/201709/20170930_Smartphonse_BG.gif) top center no-repeat;  padding: 3% 0 2% 0;}
.bg-02d0c5{ background: #02d0c5;    padding-bottom: 2%;}
.W1200 h1{ display: block; text-align: center; font-size: 33.56px; padding: 2% 0; width: 100%; }
.More-Deals a,.W1200 h1 {text-shadow: 0 2px 10px #565656; color: #fff;}
/*产品*/
.clear_float{padding: 0% 1% 1% 1%;}
.product{background: #FFF;  margin: 0 2%;
    box-shadow: 0px 5px 10px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.3);
    -o-box-shadow: 0px 5px 10px rgba(0,0,0,0.3);
    border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -ms-border-radius: 10px;
        padding: 2% 0;
}
.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{  -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{}
.product_price {  width: 100%;  /* float: left; */  /* padding-left: 4%; */  line-height: 24px;  font-size:27.39px;  color: #ef7412;  text-decoration: none;  text-align: center;   margin:2% 0 5% 0;}
.product_price p {  font-size: 17.45px;  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: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;
    border:1px solid #ccc; 
    padding-bottom: 2%;
	}
.product ul li img{display: block; }
.product ul li img:hover,.I2061-ZT img:hover,.piright-le 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 a h4{ font-size:14px; font-weight:100; line-height:20px; display:block; padding-bottom:15px; }
.product .product_title a{ color: #000;font-size:17px;}
.product_title {
    overflow: hidden;
    display: block;
    line-height: 17px;
    font-weight: 100;
    padding:0 1%;
    height: 37px;
    margin: 0 auto 0px auto;
    text-align: center;
}
.product_buy {
    text-align: center;
    margin-top: 12px;
}
.product_buy a {
    color: #FFF;
    text-align: center;
    padding: 2px 10px;
    font-size: 15px;
    background: #343436;
    padding: 4px 8%;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
}
.product_buy a:hover{background: #000; }

.prozy10{ padding:10px 10px 20px 10px; }
.product_img { overflow: hidden; height: 325px; background: #fff url(//www.tomtop.com/activity/images/edm/20160621_loading.gif) no-repeat 50% 50%; margin:3% 4% 3% 4%;}
.xj01{ font-weight:bold;}

.More-Deals{ line-height: 50px; font-size: 33px;margin-top: 2%; text-align: center; background: url(//deal.tomtop.com/activity/201709/20170930_Smartphonse_footer.jpg) no-repeat;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.21);
    -moz-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.21);
    -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.21);
    -o-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.21);
}


.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;}

@media(max-width:1450px){
.W1200 {  max-width: 1100px;}
.banner-bg,.bg {background-size: 1760px;}  
 .product_img{ height: 296px;}    
}
@media(max-width:1100px){.product_img{ height:inherit;}   }
@media(max-width:768px){
 .More-Deals a, .W1200 h1{ font-size: 28px;} 
    .More-Deals{ line-height: 40px;}    
.product .product_title a {  font-size: 12px;} 
.product_title {  line-height: 15px; height: 27px;}  
.product_price{ font-size: 16px; margin: 0% 0 1% 0;}
.product_price p{ font-size: 12px;}    
.product_buy a {  padding: 2px 10px;font-size: 12px; padding: 2px 8%;} 
.product_buy {  margin-top: 0px;}    
    .nav .nav_content{ display:none;}    
}
@media(max-width:450px){
.product ul li{ width: 48%;  margin: 1%; padding-bottom: 3%;} 
.More-Deals a, .W1200 h1 { font-size: 20px;}  
.W1200 h1{ padding: 3% 0;}
.product_img{ background-size: 40px;}    
}
@media(max-width:420px){.product_img,.product-4 .product_img { height:169px;}}
@media(max-width:410px){.product_img,.product-4 .product_img { height:164px;}}
@media(max-width:400px){.product_img,.product-4 .product_img { height:157px;}}
@media(max-width:390px){.product_img,.product-4 .product_img { height:152px;}}
@media(max-width:380px){.product_img,.product-4 .product_img { height:147px;}}
@media(max-width:370px){.product_img,.product-4 .product_img { height:142px;}}
@media(max-width:360px){.product_img,.product-4 .product_img { height:140px;}}
@media(max-width:350px){.product_img,.product-4 .product_img { height:138px;}}
@media(max-width:340px){.product_img,.product-4 .product_img { height:inherit;}}