@charset "utf-8";
/* CSS Document */
body{ font-size: 12px; background:#fff !important; }
.w1920,.W1204,.W1182{ margin:0 auto;}
.w1920{ max-width: 1920px;background: #fff;}
.banner2{ display: none;}
.w1920 img{ display: block; }
/*.banner-bg{ background:url(https://deal.tomtop.com/activity/201708/20170809_Back_To_School_BG.jpg) center no-repeat ;}*/
.height80{ height:80px; width:20px;}
.banner{ position:relative;}
.W1204{ max-width: 1204px;}
.W1182{ max-width: 1182px;}
.cycle-x{background:url(https://deal.tomtop.com/activity/201711/20171124_Video_Audio_tiao.gif); background-size: 100%;}
.bottom20{ margin-bottom: 2%;}
.fo-bg{background:url(https://deal.tomtop.com/activity/201711/20171124_Video_Audio_footer1.jpg) bottom no-repeat; padding-bottom: 1%; }
.fo-bg2{background:url(https://deal.tomtop.com/activity/201711/20171124_Video_Audio_footer2.jpg) top no-repeat;text-align: center;  
 padding: 1.5% 0;  background-size: cover;}
.fo-bg2 img{ display: inline-block; }
.left{ width: 35%; float: left;}
.right{ width: 65%; float: left;}
.fo div{ float: left; width: 50%;}
.a1{width: 56.7%; margin: auto;}
.a1 img{ display: block;}
.a1 p{ background: #fff; display: block; font-size: 18px; padding:2px 0;}
.a1,.a2{ padding: 5% 0;}
.b1{  padding: 4% 0 0 0;}
.b4,.b5{ margin-top: 3.5%;}
/*.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; }
.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,#n_a_v {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: 165px;
    height: 381px;
    /* padding-top: 100px; */
    bottom: 0px;
    bottom: 50%;
    margin-bottom: -201px;
}
.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:#004058;}	
.nav ul .floor_nav {    
    color: #000;
    text-align: center;
    line-height:26px;
    cursor: pointer;
    margin: 0 auto 10px auto;
    font-size: 14px;
    background: #fff;
    border:solid 1px #000;
}
/*.nav ul .floor_nav:first-child {margin-top: 0px;line-height: 17px;}*/
.nav ul .floor_nav:hover {/*background: #000*/	color:#f04d13;}
.nav ul .floor_nav_cur {color:#f04d13;}
.nav .nav_content ul{}
.nav ul li.nav_top{       
    text-align: center;
    color: #000;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    background: #fff;
    border: solid 1px #000;
    width: 42px;
    height: 42px;
    line-height: 40px;
    margin: 9px auto auto auto; 
    border-radius: 50px; -ms-border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px;
}
.nav ul li.nav_top:before{
    content: '';
    position: absolute;
    height: 10px;
    width: 2px;
    background: #000;
    z-index: 0;
    bottom: 42px;
    margin-left: 14px;
}

/*产品*/
.clear_float{ padding:5%;}
.product ul li img{
    -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 img:hover {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}
.product{ }
.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:16px;  color: #d9d9d9; ;  text-align: center;}
.product_price p {
    font-size: 30px;
    font-weight: bold;
    color: #ffcc00;
    padding-right: 4%;
    text-decoration: none;
    display: inline-block;
}

.product_discount {
    display: none; 
    font-size: 13px;
    line-height: 10px;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 50px;
    height: 50px;
    /* background: url(https://www.tomtop.com/activity/images/edm/20160721_back_bargain-price1.png) no-repeat center; */
    color: #FFF;
    background: #cf3600;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
}
.zk01{
    font-size: 20px;
    line-height: 23px;
    display: inline-block;
    font-weight: bold;
    margin-top: 7px;
}

.product ul li {
    padding-bottom: 3.3%;
    display: block;
    float: left;
    position: relative;
    width: 23.3%;
    margin: 0 5%;
    padding-bottom:5%;
    text-align: center;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    /* border: #CCC solid 1px; */
}
.product ul li img{display: block; }

.product ul li:hover{/*border:#6a6a6a 1px solid;*/}
.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: #d0d0d0;font-size:16px;}
.product_title{
    overflow: hidden;
    display: block;
    line-height: 17px;
    font-weight: 100;
    height:36px;
    margin:5% 2%;
    text-align: center;
}
.product_buy {text-align: center;margin-top: 7px; }
.product_buy a {
    color: #000;
    text-align: center;
    font-size: 14px;
    background: #ffffff;
    padding: 3px 3%;
/*
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
*/
}
.product_buy a:hover{background: #000; color: #fff }

.prozy10{ padding:10px 10px 20px 10px; }
.product_img { overflow: hidden; height: 249px;}
@media(max-width:1500px){
.W1204 {  max-width: 900px;}
.W1182 { max-width: 884px;}
}
@media(max-width:1204px){
 .W1182{ margin: 0 0.99%;}
 .product_img{ height: inherit;}    
    .nav .nav_content{ display: none;}    
	}
@media(max-width:1024px){
    .fo-bg2{ display: none;}
}

@media(max-width:1024px){ 
.product ul li { width: 25.3%;  margin: 0 4%;}
.a1 { width: 79.7%; }   
.a1 img {  display:inline-block;}    
    
}
@media(max-width:768px){ 
.clear_float {
    padding: 1%;
}
.product ul li {
    padding-bottom: 3.3%;
    width: 29.2%;
    margin: 0 2%;
}
.product .product_title a { font-size: 12px;}    
.product_price p {font-size: 20px;} 
.product_price{ font-size: 14px;}
.product_title { margin: 5% 2% 0% 2%;}    
.a1 p{ font-size: 12px;}   
.b1 {
    padding: 9% 0 0 0;
}    
}    
@media(max-width:550px){ 
.clear_float {
    padding: 1%;
}
.product ul li {
    padding-bottom: 5%;
    width: 31.3%;
    margin: 0 1%;
}
.product .product_title a { font-size: 12px;}    
.product_price p { font-size: 3vw;} 
.product_price,.product_buy a,.a1 p{ font-size: 12px;}  { font-size: 2.4vw;}
.product_title { margin: 5% 2% 0% 2%;}    
} 
@media(max-width:350px){
.product ul li {
    padding-bottom: 5%;
    width: 48%;
    margin: 0 1%;
}    
}