@charset "utf-8";
/* CSS Document */
body{ font-size: 12px; background:#fff !important; }
.w1920{ margin:0 auto;background:url(//deal.tomtop.com/activity/201712/20171212sports_outdoor_bg2.jpg);}
.w1920{ max-width: 1920px;}
.banner2{ display: none;}
.w1920 img{ display: block; }
.banner-bg{ background:url(//deal.tomtop.com/activity/201712/20171212sports_outdoor_bannerBG.jpg) center no-repeat;}
.height80{ height:80px; width:20px;}
.banner{ position:relative;}
article{ display: block;}
.bg{background:url(//deal.tomtop.com/activity/201712/20171212sports_outdoor_bg1.jpg) center top no-repeat;}
.title{ position: relative; text-align: center; }
.title h1{ font-size: 35px; color: #4c1b00; text-transform: uppercase; }
.title h2{ font-size: 18px; color: #e75300;}
.title article{ top: 25%; position: absolute; width: 100%;}
.veiw{ font-size: 25px; max-width: 250px; text-align: center;  background:#8f3604;  margin: auto auto 5% auto ;
    border-radius: 50px; -webkit-border-radius: 50px; -ms-border-radius: 50px; -moz-border-radius: 50px;
}
.veiw a{color: #fff; display: block; padding:3% 0;}
.veiw a:hover{ color: #ffd227;}
.W1 { margin: 0 auto 3% auto; background: #6b2c09;}
/*产品*/
.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);
    max-width: 100%;
}
.product ul li:hover {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}
.left-right{ padding: 2.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:25px;  color: #e34730;  text-decoration: none;  text-align: center;}
.product_price p {  font-size: 16px;  color: #282828; text-decoration: line-through;display: inline-block;    width: 100%;}

.product_discount{ background: #e34730; border-radius: 100px; -o-border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; display: none;
font-size: 20px;  color: #e1021a;  line-height: 10px;  position: absolute; top: 3%; right: 3%;  width: 60px;  height: 60px; color: #FFF; /*   background: #000;
  border-radius: 100px;*/}	
.zk01{font-size: 21px;line-height: 28px;display: inline-block;font-weight: bold;margin-top: 8px;}

.product ul li{   
    display: block;
    float: left;
    position: relative;
    width:23.58%;
    text-align: center;
    background: #ffefbb;
    margin:0.8% 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: 14px;}
.product_title {
    overflow: hidden;
    display: block;
    /* font-size: 12px; */
    line-height: 16px;
    font-weight: 100;
    padding: 0;
    height: 34px;
    margin:0;
    text-align: center;
}
.product_buy {
    text-align: center;
    margin-top: 12px;
}
.product_buy a {
    color: #FFF;
    text-align: center;
    padding: 2px 10px;
    font-size: 12px;
    background: #eb8604;
    padding: 7px 12%;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
}
.product_buy a:hover{background:#e34730; }

.prozy10{ padding:10px 10px 20px 10px; }
.product_img {
    height: 237px;
    background: #fff url(//www.tomtop.com/activity/images/edm/20160621_loading.gif) no-repeat 50% 50%;
    margin: 4%;
    position: relative;
}
.xj01{ font-weight:bold;}
.Pcs {
    text-align: center;
    font-size: 16px;
    padding: 3% 0;
    background: #9a491d;
    color: #fff;
    margin-top: 15px;
}
.adc ul li{padding-bottom: 2%;}
.img-logo {
    position: absolute;
    top: 0;
    width: 34%;
    left: 0;
}


.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 a:before {
    content: '';
    position: absolute;
    height: 11px;
    width: 2px;
    background: #3c589e;
    z-index: 0;
    bottom: 74px;
    margin-left: 30px;
}
.nav .nav_content {
    position: fixed;
    right: 10px;
    z-index: 99999;
    background: url(//deal.tomtop.com/activity/201712/20171212sports_outdoor_nav.png) center no-repeat;
    width: 180px;
    height:380px;
    bottom: 50%;
    margin-bottom: -171px;
}
.nav .nav_content li{ color:#fff;cursor: pointer;/* text-transform:uppercase*/ text-decoration: none;}
.nav_content a{  text-align: center;
    width: 127px;
    color: #fff;
    font-size: 16px;
    line-height: 40px;
    text-transform: uppercase; }
.nav ul {
	position: absolute;
	width:100%;
}
.nav ul .floor_nav,.nav_content a,.nav .nav_content li.nav_top {
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;}
.nav .nav_content li.nav_top:hover,.nav .nav_content li:hover { color:#ffd227}	
.nav ul .floor_nav {
    text-align: center;
    line-height: 17px;
    margin: 0 auto;
    padding: 6px 0;
    font-size: 12px;
    font-weight: bold;
    /* border-bottom: solid 1px #ccc; */
    text-transform: uppercase;
}
/*.nav ul .floor_nav:first-child { font-weight:bold; font-size: 17px;}*/
.nav ul .floor_nav:hover,.nav ul .floor_nav_cur{color:#ffd227;}

.nav .nav_content ul{margin-top:38px;}
.nav_top {
    text-align: center;
    font-size: 17px;
    margin-top: 5px;
    line-height: 34px;
    text-transform: uppercase;
    font-weight: bold;
}
.nav_top img{ vertical-align:middle}
li{ list-style-type:none;}
@media(max-width:1450px){
.W1200 {max-width: 940px;}
.banner-bg,.bg { background-size: 1506px;}  
.product_img {height: 186px;}    
.title article {top: 23%;}  
.title h1 { font-size: 30px;}   
.title h2 { font-size: 14px;}
.product_buy a{ padding: 5px 8%;}    
	}
@media(max-width:1200px){.nav .nav_content{ display: none;}}
@media(max-width:940px){.product_img{ height: inherit;background-size:40px; }}
@media(max-width:768px){
.title h1 {font-size: 20px;}  
.title h2,.product .product_title a,.Pcs { font-size: 12px;} 
.veiw{ font-size: 20px; max-width: 200px; }    
}
@media(max-width:550px){
.product ul li{ width: 48%; margin: 1%;}   
.title h1 {font-size: 14px;}   
.adc ul li { padding-bottom: 4%;}  
.veiw{ font-size: 16px; max-width:180px; }        
}
@media(max-width:450px){
  .title article { top: 18%;}  
}
@media(max-width:420px){
  .title article { top: 12%;}  
}