@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;background: #9b41f1; overflow: hidden;}
.banner2{ display: none;}
.w1920 img{ display: block; }
.banner-bg{ background:url(http://deal.tomtop.com/activity/201708/20170803_SHOPPING_DAY_banner_bg.jpg) center no-repeat;}
.height80{ height:38px; width:20px;}
.banner{ position:relative;}

.W1200 article{ font-size: 35px; text-align: center; background: #9d45f1; color: #ffe420; padding:1% 0; margin:3.5% 0 3% 0; border-radius: 50px; -o-border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px;}
.left-right{ background: #4f0088; padding: 0%  3%  3%  3%;}
.he1{ height: 1px;}
.W1 { margin: 0 auto 3% auto;}
/*产品*/
.clear_float{margin:-1.3% -0.5%;}
.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{ width:100%;}
.product_price {  width: 100%;  /* float: left; */  /* padding-left: 4%; */  line-height: 24px;  font-size:29.39px;  color: #e34730;  text-decoration: none;  text-align: center;}
.product_price p {  font-size: 18.73px;  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(http://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:1.3% 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 ul li img{display: block; }
.product ul li img:hover,.I2061-ZT img:hover,.piright-le img:hover{ transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -webkit- transform:scale(1.05);}
.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;  text-overflow: ellipsis;  display: block;  font-size: 12px;  line-height:20px;  font-weight: 100;  padding: 10px;  height:31px;  margin: 0 auto 10px 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: 15.65px;
    background: #9d45f1;
    padding: 5px 10%;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -o-border-radius: 50px;
    -ms-border-radius: 50px;
}
.product_buy a:hover{background: #790fde; }

.prozy10{ padding:10px 10px 20px 10px; }
.product_img { overflow: hidden; height: 291px; background: #fff url(http://www.tomtop.com/activity/images/edm/20160621_loading.gif) no-repeat 50% 50%; margin: 0 5% 2% 5%;}
.xj01{ font-weight:bold;}
.Pcs{ text-align: center; font-size: 19px; padding: 2% 0; background: #9d45f1; color: #fff;  margin-top: 15px;}


/*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: 9999;
}
.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;
background:url(http://deal.tomtop.com/activity/201708/20170803_SHOPPING_DAY_banner_nav.png) center no-repeat;
width: 189px; height:394px;/* padding-top: 100px; */
bottom:0px;
bottom: 50%;
margin-bottom: -125px;
}
.nav_content a{ width:172px;color: #fff;font-size: 20px;line-height: 10px;text-transform: uppercase; }
.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 ul .floor_nav {    
    height: 37px;
    color: #FFF;
    text-align: center;
    line-height:47px;
    cursor: pointer;
    margin: 0 auto 10px auto;
    font-size: 16px;
}
.nav ul .floor_nav:first-child {margin-top: 0px;line-height: 17px;}
.nav ul .floor_nav:hover {/*background: #000*/	color:#fbff00;}
.nav ul .floor_nav_cur {color:#fbff00;}
.nav .nav_content ul{margin-top:125px;}
.nav ul li.nav_top{    text-align: center;
    padding-top: 19px;
    color: #fff; font-weight: bold;
    font-size: 16px; cursor: pointer}
.position{ 
    position: absolute; top: 60px;
    animation: dj 3.8s infinite;
    -o-animation: dj 3.8s infinite;
    -ms-animation: dj 3.8s infinite;
    -moz-animation: dj 3.8s infinite;
    -webkit-animation: dj 3.8s infinite;
}
@keyframes dj{
    0%{ top: 30px}
    50%{ top: 45px}
    100%{ top: 30px}
}

@media(min-width:1250px) and (max-width:1445px){
	.W1200 { max-width: 900px;}
	.product_img { height: 229px;}
	.banner-bg {  background-size: 1441px;}
	.W1200 article {font-size: 30px; padding: 1% 0; margin: 30px 0;}
	.product_price {font-size:25px; }
.product_price p {  font-size: 14px;}
}
@media(max-width:1250px){.nav .nav_content{ display:none;}}
@media(max-width:1250px){.product_img { height:inherit;}}
@media(max-width:768px){ 
.product .product_title a { font-size: 12px;}
.product_title{ height: 38px; line-height: 14px;}
.product_price{ font-size:16px;margin: 0 auto 5px auto;}
.product_price p {font-size: 12px;}
.product_buy a {padding: 2px 10px; font-size: 12px; padding: 3px 10%;}
.product_buy { margin-top: 3px;}
.Pcs { font-size: 12px;}
.W1200 article {font-size: 24px; padding: 1% 0; margin: 14px 0;}

}

@media(max-width:480px){ 
.W1 { margin: 0 auto 5% auto;}
.left-right { padding: 0% 1% 2% 1%;}
.product .product_title a { font-size: 11px;}
.product_price {font-size: 12px;}
.product_title{ height:40px;}
.product_price p {font-size: 2.5vw;}
.product_buy a {padding: 2px 10px; font-size: 2.5vw;padding: 2px 10%;}
.product_buy { margin-top:-6px;}
.Pcs { font-size: 2.5vw;}
.W1200 article {font-size: 24px; padding: 1% 0; margin: 14px 0;}
.product_title {
    overflow: hidden;
    font-size: 11px;
    line-height: 12px;
    padding: 2px 2px;
    height: 26px;
    margin: 0 auto 0px auto;
}
.product ul li{ margin:0.7%;}
.clear_float { margin: -0.5% 0.5% -0.5% 0.5%;}
.W1200 article { font-size: 18px;}
.Pcs{ margin-top:8px}
.product_img { min-height: 99px; background-size:30px;}
.height80{ height:30px; width:20px;}
}
@media(max-width:340px){
.product ul li{ width:48.5%;}
}