@charset "utf-8";
/* CSS Document */
body{ font-size: 12px; background:#000 !important;font-family: 'levenim_mtregular'; }
.w1920{ margin:0 auto;}
.w1920{ max-width: 1920px;background: #000;}
.banner2{ display: none;}
.w1920 img{ display: block; }
.banner-bg{ background:url(//deal.tomtop.com/activity/201710/20171023_insta360_bannerBG.jpg) center no-repeat ;}
.height80{ height:80px; width:20px;}
.banner{ position:relative;}
@font-face {
    font-family: 'levenim_mtregular';
    src: url('//deal.tomtop.com/activity/201710/lvnm-webfont.eot');
    src: url('//deal.tomtop.com/activity/201710/lvnm-webfont.eot?#iefix') format('embedded-opentype'),
         url('//deal.tomtop.com/activity/201710/lvnm-webfont.woff2') format('woff2'),
         url('//deal.tomtop.com/activity/201710/lvnm-webfont.woff') format('woff'),
         url('//deal.tomtop.com/activity/201710/lvnm-webfont.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;

}
/*1*/
.top img{ display: inline-block}
.top{ background: #fed200; text-align: center}
.top ul li{ display: inline-block; padding: 1% 1%; line-height: 20px;}
/*2*/
.top2{ padding: 2% 0; background:url(//deal.tomtop.com/activity/201710/20171023_insta360_bannerBG2.jpg) center no-repeat ; background-size: cover;}
.top2 ul{ display: table;    width: 100%;}
.top2 ul li{ display: inline-table; vertical-align: middle;}
.top2 .t1{ width: 20%;}
.top2 .t2{ width: 40%;}
.top2 .t3{ width: 39%;}
.t2 h1{ font-size: 40px; font-weight: bold;}
.t2 h2{ font-size: 23px; margin: 5% 0;}
.top2 .t2 h3,.top2 .t2 h4 { display: inline-block;}
.top2 .t2 h3 .tt1{ font-size: 38px; font-weight: bold;}
.top2 .t2 h3 .tt2{ font-size: 17px; text-decoration: line-through;}
.top2 .t2 h3{ margin-right:5%;}
.top2 .t2 h4 a{ display: inline-block; color: #000; padding: 5px 15px;  font-size: 18px; background: #fed200;}
.top2 .t3 iframe{ height: 350px; width: 100%;}
/*3*/
.bg3{background:url(//deal.tomtop.com/activity/201710/20171023_insta360_bannerBG3.jpg) center no-repeat ;}
.top3{ position: relative; display: table;}
.top3-1{ position: absolute; 
    width: 39%;
    top: 33%;
    margin-left: 3%;
    height: 100%; text-align: left; display: table-cell; vertical-align: middle; }
.top3-1 h1{ font-size: 40px;}
.top3-1 h2{ margin-top: 4%;}
/*4*/
.bg4 { background: #000; text-align: center;}
.bg4 ul li img{ display: inline-block;}
.bg4 ul li{ display: inline-block; width: 20%;  margin: 2% 0.5%;}
/*5*/
.bg5{background:url(//deal.tomtop.com/activity/201710/20171023_insta360_bannerBG4.jpg) center no-repeat ;}
.top5{ position: relative; display: table; text-align: center;}
.top5-1{ position: absolute; top:33%; width:55%; bottom:0;right: 0;margin-right: 6%;height: 100%;  display: table-cell; vertical-align: middle; }
.top5-1 h1{ font-size: 40px;}
.top5-1 h2{ margin-top: 4%;}
/*table*/
.left{float: left; width: 48.6%;  margin: 0.7%;}
.table{ display: table; background: #fff; color:#fff; padding: 2%; }
.table-left,.table-right{ display:table-cell; vertical-align: middle; overflow: hidden;}
.table-w h1{ font-size: 21px;}
.table-w a{ color: #000;}
.table-w a:hover{ color:#000;}
.col-4{ width:50%;}
.coupon{ font-size: 28.89px; display: inline-block; background: #fff; color:#c64a00; padding: 0.7% 2%;}
.cl-1{ padding:0 10%;}
.jg,.coupon{ margin: 6% 0;}
.jg h1,.jg h2{ display: inline-block; color: #d30707;}
.jg h1{ font-size:32px; font-weight: bold;}
.jg h2{ font-size:20px; text-decoration: line-through; color: #000}
.buy a{ display: inline-block; color: #000; margin-top: 2%; background: #fed200; padding: 2% 10%; font-size: 17px;}
.buy a:hover,.top2 .t2 h4 a:hover{ background: #000; color: #fff;}

.bottom{ padding:3% 0 2% 0;}
/*产品*/
.product_content{ position:relative;}
.product ul li img,.table-left img,.top2 .t1 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%;  line-height: 24px;  font-size:27.39px;  color: #d30707;  text-decoration: none;  text-align: center;   margin:2% 0 2% 0;}
.product_price p {  font-size: 17.45px;  color: #282828;  padding-right: 2px;text-decoration: line-through;display: inline-block;}

.product_discount{
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; }	
.zk01{font-size: 16px;line-height: 18px;display: inline-block;font-weight: bold;margin-top: 15px;}
.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;
    padding-bottom: 2%;
	}
.product ul li img{display: block; }
.product ul li img:hover,.table-left img:hover,.top2 .t1 img:hover{ transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -webkit- transform:scale(1.1);}
.product ul li:hover{}
.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: 19px;
    margin: 0 auto 0px auto;
    text-align: center;
}
.product_buy {
    text-align: center;
    margin-top: 12px;
}
.product_buy a {
    color: #000;
    text-align: center;
    padding: 2px 10px;
    font-size: 15.65px;
    background: #fed200;
    padding: 5px 8%;
}
.product_buy a:hover{background: #000; color: #fff;}

.prozy10{ padding:10px 10px 20px 10px; }
.product_img { overflow: hidden; background: #fff url(//www.tomtop.com/activity/images/edm/20160621_loading.gif) no-repeat 50% 50%; margin:3% 5% 3% 5%;}
.xj01{ font-weight:bold;}
/*.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:1024px){
.table-w h1 { font-size: 16px;}
.top3-1 {  width: 45%; top: 31%;}
.top5-1 { top: 30%;}
.t2 h1 { font-size: 35px;}  
.t2 h2 { font-size: 19px; margin: 3% 0;}  
.top2 .t3 iframe { height: 300px;}      
	}
@media(max-width:768px){
.t2 h1 { font-size: 20px;}  
.t2 h2 { font-size: 15px;margin: 3% 0;}
.top2 .t2 h3 .tt1 { font-size: 25px;}   
.top2 .t2 h3 .tt2 {  font-size: 14px; margin-left: 4%;} 
.top2 .t2 h4 a {padding: 3px 15px;font-size: 15px;}
.top3-1 h1 { font-size: 25px;}  
.top3-1 h2 { margin-top: 4%; font-size: 14px;}
.top3-1 { width: 45%; top: 31%;} 
.top5-1 { top: 29%;}   
.top5-1 h1 { font-size: 20px;}
.top5-1 h2 { margin-top: 4%; font-size: 15px;}
.cl-1 {padding: 0 2%;}   
.buy a { padding: 1% 10%; font-size: 13px;} 
.jg h2 { font-size: 12px;}  
.jg, .coupon { margin: 1% 0;}
    
.top2 .t3 iframe { height: 231px;}    
}
@media(max-width:550px){
.top2 .t1 {  width: 30%; text-align: center;}  
.top2 .t1 img{ display: inline-block; width: 70%;}    
.top2 .t2 { width: 70%;}    
.top2 .t3 { width: 100%;}  
.top3-1 {  width: 70%; top: 27%;}  
.top3-1 h1 { font-size: 17px;}   
.top3-1 h2 { margin-top: 4%;font-size: 12px;}  
.bg4 ul { margin: 3% 0;}    
.bg4 ul li { width: 47%;margin: 1% 1%;} 
.top5-1 { top: 15%; width: 64%; margin-right: 3%;}   
.top5-1 h1 {  font-size: 17px;} 
.top5-1 h2 {  margin-top: 4%; font-size: 12px;}
.left { width: 98%;margin: 1%;}  
.product .product_title a {  color: #000; font-size: 12px;} 
.product_price p { font-size: 2.2vw;}
.product_price{ font-size: 3vw;}   
.product_buy a { font-size: 2.2vw; padding: 2px 8%;}    
.product_buy { margin-top: 0px;}   
.product_title {line-height: 15px;padding: 0 1%; height: 26px;}  
.height80{ height: 30px;}    
.top ul li {
    display: block;
    padding: 1% 1%;
    line-height: 15px;
    width: 33%;
    float: left;
    font-size: 2.2vw;
    height: 96px
}    
.top { padding: 5% 0 2% 0;}
.top2 .t3 iframe { height: 250px; margin: 0 2%; width: 96%;}     
}