@charset "utf-8";
/* CSS Document */
body{ font-size: 12px; background:#fff !important; }
.w1920{ margin:0 auto; background:url(//deal.tomtop.com/activity/201710/20171010_SADES_BG2.jpg);}
.w1920{ max-width: 1920px;}
.banner2{ display: none;}
.w1920 img{ display: block; }
.banner-bg{ background:url(//deal.tomtop.com/activity/201710/20171010_SADES_bannerBG.jpg) center no-repeat;}
.height80{ height:80px; width:20px;}
.banner{ position:relative;}

@font-face {
    font-family: 'impactregular';
    src: url('//deal.tomtop.com/activity/201710/impact-webfont.eot');
    src: url('//deal.tomtop.com/activity/201710/impact-webfont.eot?#iefix') format('embedded-opentype'),
         url('//deal.tomtop.com/activity/201710/impact-webfont.woff2') format('woff2'),
         url('//deal.tomtop.com/activity/201710/impact-webfont.woff') format('woff'),
         url('//deal.tomtop.com/activity/201710/impact-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
.ttsds{font-family: 'impactregular'; position: absolute; text-align: center; bottom:27.3%; font-size: 45px; color: #fae21e; width: 100%; letter-spacing:3px; padding-left: 4%;
background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgb(255, 218, 33)), to(rgb(255, 180, 2)));
background-image: -moz-gradient(linear, 0 0, 0 bottom, from(rgb(255, 218, 33)), to(rgb(255, 180, 2)));
background-image: -o-gradient(linear, 0 0, 0 bottom, from(rgb(255, 218, 33)), to(rgb(255, 180, 2)));    
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -o-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -o-text-fill-color: transparent;
}

.bg1{ background:url(//deal.tomtop.com/activity/201710/20171010_SADES_BG1.jpg) center top no-repeat;}
.frame-top{ text-align: center;width: 48.8%; margin-left: 25%}
.frame {display: table; width:99%; padding: 2%; position:relative; background: #222732; margin:0 0.5% 0.5% 0.5%}
.x1,.x2,.x3,.x4,.x5,.x6{ position: absolute; width: 4.8%}
.x1{ top:-1.3%; left: -0.5%;}
.x2{ top:-1.3%; right:-0.5%;}
.x3{ bottom:-1%; left: -0.5%;}
.x4{ bottom:-1%; right: -0.5%;}
.x5{ right: 3%; top: 3%; width: 4.8%}
.x6{ left: 3.2%; bottom: 2%; width:17.6%;}
.frame-left,.frame-right{display: table-cell;}
.frame-left{vertical-align:middle; width: 50%; text-align: center; overflow: hidden;}
.frame-left img{ display: inline-block;}
.frame-right{vertical-align:middle;  width: 50%; }
.frame-right h1{ color: #fff; line-height: 36px; height: 143px; overflow: hidden;font-size: 26px;}
.price{ color: #fff; margin-top: 5%;}
.price .f1,.price .f2{ display: inline-block;}
.price .f1{ font-size: 24px; text-decoration: line-through;}
.price .f2{ font-size: 63px; color: #fae21e; padding-left:4%; }
.Button{background:url(//deal.tomtop.com/activity/201710/20171010_SADES_Button.png) center no-repeat;
    background-size:100%;  margin-top: 5%;
 font-size: 20px; color: #fff; text-transform: uppercase; display: block; text-align: center; width:170px;; padding: 2%;
}
.Button:hover{ color: #fae21e;}
.hg{ margin-bottom: 4%;}
.frame2 .x1,.frame2 .x2{ top: -0.35%;}
.frame2 .x3,.frame2 .x4{ bottom:-0.35%;}

.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;}
/*产品*/
.clear_float{}
.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,.frame-left 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: #ef7412;  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{
/*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,.frame-left 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: 19px;
    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: 15.65px;
    background: #343436;
    padding: 5px 8%;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
}
.product_buy a:hover{background: #000; }

.prozy10{ padding:10px 10px 20px 10px; }
.product_img { overflow: hidden; height: 323px; 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;}
@media(max-width:1200px){.product_img{ height: inherit;}}
@media(max-width:1100px){.ttsds { bottom: 27.3%; font-size: 39px;} }
@media(max-width:1024px){.ttsds { bottom: 27.3%; font-size: 3.6vw;}}
@media(max-width:768px){
.nav .nav_content { display:none;}    
/*top*/    
.frame-right h1 { line-height: 28px; height: 113px; overflow: hidden; font-size: 20px;}
.price .f2 { font-size: 36px;  padding-left: 3%;}  
.Button { margin-top: 5%; font-size: 16px;  width: 141px; padding: 2%;}
.price .f1 { font-size: 20px;}
.frame-left img { max-width: 75%;}
/*bottom*/
.product .product_title a { font-size: 12px;}
.product_title { line-height: 15px; padding: 0 1%; height: 31px;}
.product_price p { font-size: 14px;}
.product_price { font-size: 20px;}
.product_buy a { font-size: 12px; padding: 3px 8%;} 
.product_buy {margin-top: 0;}    
}
@media(max-width:550px){
/*top*/    
.frame-right h1 { line-height: 16px; height: 65px; overflow: hidden; font-size: 12px;}
.price .f2 { font-size: 25px;  padding-left: 3%;}  
.Button { margin-top: 3%; font-size: 12px;  width: 100px; padding: 2%;}
.price .f1 { font-size: 14px;}
.frame-left img { max-width: 85%;}
    .height80{ height: 30px;}    
}
@media(max-width:450px){
    .clear_float { margin: -0.8%;}
    .product ul li{ width: 48%; margin: 1%; padding-bottom: 3%;}
    .frame2 .x1, .frame2 .x2 { top: -0.18%;}
    .frame2 .x3, .frame2 .x4 { bottom: -0.18%;}
    .product_img { height:177px; }
}
@media(max-width:430px){.product_img { height:170px; }}
@media(max-width:420px){.product_img { height:165px; }}
@media(max-width:410px){.product_img { height:160px; }}
@media(max-width:400px){.product_img { height:155px; }}
@media(max-width:390px){.product_img { height:150px; }}
@media(max-width:380px){.product_img { height:145px; }}
@media(max-width:370px){.product_img { height:143px; }}
@media(max-width:360px){.product_img { height:139px; }}
@media(max-width:350px){.product_img { height:137px; }}