@charset "utf-8";
/* CSS Document */
body{ font-size: 12px; background:#fff !important; }
li{ list-style-type:none;}
.w1920,.w1124,.w1180,.w1120{ margin:0 auto;}
.w1124, .w1180, .w1120{ position: relative; z-index: 20}
.w1920{ max-width: 1920px;background: #fbf5f1;}
.w1920 img{ display: block; }
.banner-bg{ background:url(//deal.cafago.com/activity/201710/201017_trick_or_treat_bannerBG.jpg) center no-repeat ;}
.height80{ height:80px; width:20px;}
.banner{ position:relative;}
.w1124{ max-width: 1123px;}.w1120{ max-width: 1120px;}
.content{background:#0a0c17 url(//deal.cafago.com/activity/201710/201017_trick_or_treat_BG.jpg) center top no-repeat ;}
.bg1{background:url(//deal.cafago.com/activity/201710/201017_trick_or_treat_bg2.jpg)}

.BG1_left{background:url(//deal.cafago.com/activity/201710/201017_trick_or_treat_left.png) left repeat-y,url(//deal.cafago.com/activity/201710/201017_trick_or_treat_right.png) right repeat-y ; 
    background-size: 1.4%;
}
.BG1_right{background:url(//deal.cafago.com/activity/201710/201017_trick_or_treat_top.png) top no-repeat,url(//deal.cafago.com/activity/201710/201017_trick_or_treat_bottom.png) bottom no-repeat; 
    padding-top: 50px; padding-bottom: 50px; background-size:100%; }

.bg2{background:url(//deal.cafago.com/activity/201710/201017_trick_or_treat_bg3.jpg)}
.BG2_left{background:url(//deal.cafago.com/activity/201710/201017_trick_or_treat_b_left.jpg) left repeat-y ;}
.BG2_right{background:url(//deal.cafago.com/activity/201710/201017_trick_or_treat_b_right.jpg) right repeat-y ;}
.he50{ height: 50px; width: 50px;}
.w1180{ position:relative; max-width: 1180px;}
.w1180 h1{ display: block; width: 100%; position: absolute; top: 31%; font-size: 36px; color: #fff; text-align: center; font-family: 'futurab'; text-transform: uppercase;
background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgb(90, 154, 177)), to(rgb(195, 224, 255)));
background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgb(90, 154, 177)), to(rgb(195, 224, 255)));
background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgb(90, 154, 177)), to(rgb(195, 224, 255)));    
    -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;
}
@font-face {
    font-family: 'futuram';
    src: url('//deal.cafago.com/activity/201710/futuram_0-webfont.eot');
    src: url('//deal.cafago.com/activity/201710/futuram_0-webfont?#iefix') format('embedded-opentype'),
         url('//deal.cafago.com/activity/201710/futuram_0-webfont.woff2') format('woff2'),
         url('//deal.cafago.com/activity/201710/futuram_0-webfont.woff') format('woff'),
         url('//deal.cafago.com/activity/201710/futuram_0-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

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

}

/*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,#n_a_v2 {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: 265px;
    height: 589px;
    padding-top:311px; 
    bottom: 0px;
    bottom: 66%;
    margin-bottom: -270px;
    background:url(//deal.cafago.com/activity/201710/201017_trick_or_treat_n_nav.png)
}

.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;
    font-family: 'futurab'; 
	}
.nav_content a:hover { color:#000;}	
.nav ul .floor_nav {    
    color: #fff;
    text-align: center;
    line-height:26px;
    cursor: pointer;
    margin: 0 auto 24px auto;
    font-size: 14px;
}
/*.nav ul .floor_nav:first-child {margin-top: 0px;line-height: 17px;}*/
.nav ul .floor_nav:hover {/*background: #000*/	color:#ffdb00;}
.nav ul .floor_nav_cur {color:#ffdb00; }
.nav .nav_content ul{}
.nav ul li.nav_top{       
    text-align: center;
    color: #000;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    width: 134px;
    height: 98px;
    line-height: 40px;
    margin: 9px auto auto auto; 

}

/*n_a_v*/
.Nleft1{left: 2%;}
.Nright1{right: 2%;}
.n_a_v1{width: 233px; position: fixed; top: 50%; margin-top: -382px; z-index: 9;}


/*---*/
.product2 ul.xian{    
height: 720px;
 width: 0.3%;
    background: #14192d;
    border-right: solid #283f58 1px;
    margin: 3% 0px 0% 0px;
}
.product2{    margin: -1.2% -0.6%;}
.product2 ul,.product2 ul li{ display: block; text-align: center; font-size: 18px; color: #aadffe; }
.product2 ul li.copy-writer span{ color: #f8c545; display: block; height: 44px; overflow: hidden;}
.product2 ul li{ margin:0% 0 3% 0;}
.product2 ul {    
    width: 37.2%;
    float: left;
    margin:4% 6.2%;
    position: relative;
}
.product2 ul li.copy-writer{    
    padding: 0 5%;
    overflow: hidden;
    font-weight: 100;
    height: 129px;
    margin-bottom: 0px ;
}
.product2 ul li.ss{ margin-top: 0px; color: #b59b38;}
.s1{ font-size: 36px; font-weight: bold;}
.s2{ text-decoration: line-through; font-size: 18px;}
.BUY{ width: 40%; background: #ff9000; }
.BUY a{color: #fff; transition:all 0.3s eles; -moz-transition:all 0.3s eles; -webkit-transition:all 0.3s eles;}
.BUY a:hover{color: #000; }
.animation{ overflow: hidden;}
.animation img,.ti_img 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%;
}
.animation img:hover,.ti_img img:hover {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
}
.buy a{ display: block; text-align: center; color: #573801; font-size: 24px;font-family: 'futuram';
    background:url(//deal.cafago.com/activity/201710/201017_trick_or_treat_rn.gif) center no-repeat; 
    background-size: 100%; width: 303px; line-height: 54px;  margin:auto;
}
.buy a:hover{ color: #000;}
.zk-top{ position: absolute; 
    background:url(//deal.cafago.com/activity/201710/201017_trick_or_treat_top_zk.png) center no-repeat; top: 0;  right: 4%;    
    background-size: 100%;
    width: 57px;
    height: 67px;
    color: #573801;
    z-index: 100;
    font-size: 24px;
    font-weight: bold;
    line-height: 14px;
    padding-top: 3%;
}
.zk-top span{ font-size: 17px;}
/*产品*/
.clear_float{padding: 0% 1% 1% 1%;}
.product{padding: 1% 2%;}

.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%;
    line-height: 30px;
    padding-bottom: 6px;
    font-size: 20px;
    color: #ff6035;
    text-decoration: none;
    text-align: center;
        font-weight: bold;
}
.product_price p {
    font-size: 14px;
    color: rgb(40, 40, 40);
    padding-right: 2px;
    display: inline-block;
    text-decoration: line-through;
        font-weight: 100;
}
.product_discount{
 position: absolute;
    background:url(//deal.cafago.com/activity/201710/201017_trick_or_treat_bottom_zk.png) center no-repeat; background-size: 100%;
    top: 0;  right: 4%;    width: 46px;
    font-size: 15px;
    color: #e1021a;
    line-height: 16px;
    top: 0px;
    right: 2.5%;
    width: 46px;
    height: 55px;
    color: #FFF;  
}	
.zk01{font-size: 20px;line-height: 18px;display: inline-block;font-weight: bold;margin-top: 7px;}
.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:23.6%;
    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 #6d6d6d; 

	}
.product ul li img{display: block; }
.product ul li img:hover,.I2061-ZT img:hover,.piright-le 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: 14px;}
.product_title {
    overflow: hidden;
    display: block;
    line-height: 15px;
    font-weight: 100;
    padding: 0 1%;
    height: 32px;
    margin: 0 auto 0px auto;
    text-align: center;
}
.product_buy {
    text-align: center;
    margin-top: 7px;
    display: none;
}
.product_buy a {
    color: #FFF;
    text-align: center;
    padding: 2px 10px;
    font-size: 12px;
    background: #343436;
    padding: 4px 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: 231px; background: #fff url(//www.tomtop.com/activity/images/edm/20160621_loading.gif) no-repeat 50% 50%; margin: 3%;}
.xj01{ }
.Pcs{ text-align: center; font-size:18px; padding: 2% 0; background: #ff6035; color: #fff; margin-top:0;}
.footer-bg { position: relative; z-index: 20;}
@media(max-width:1500px){
.W1200 {  max-width: 1000px;}
.banner-bg,.content {background-size: 1601px;}    
/*top*/    
 .w1124 {max-width: 850px;}
.product2 ul.xian { height: 573px; width: 0.3%; margin: 2% 0px 0% 0px;}  
.buy a {  font-size: 19px;width: 226px;line-height: 54px;}  
    .product2 ul, .product2 ul li{ font-size: 16px;} 
    .s1 {font-size: 30px; }
    .product2 ul li.copy-writer{ height: 110px;}
.zk-top {
    background: url(//deal.cafago.com/activity/201710/201017_trick_or_treat_top_zk.png) center no-repeat;
    width: 45px;
    height: 53px;
    font-size: 20px;
    background-size: 100%;
}   
/*bottom*/
    
.w1180 {max-width: 896px;}   
.w1120 {max-width: 850px;}    
.BG2_right,.BG2_left{ background-size:1.6%; }
.product_discount {
    right: 4%;
    width: 46px;
    font-size: 12px;
    line-height: 13px;
    right: 2.8%;
    width: 39px;
    height: 45px;
}    
 .zk01 {font-size: 16px;line-height: 18px; margin-top: 4px;}  
 .product_img{ height: 175px;} 
    .product .product_title a,.Pcs{ font-size: 12px;}
    .product_price p{ font-size: 12px;}
    .product_price{ font-size: 18px;}
}
@media(max-width:1330px){.nav .nav_content{ right:-25px;}}
@media(max-width:1200px){.nav .nav_content{ display: none;}}
@media(max-width:914px){
 .nav, #n_a_v, #n_a_v2{ display: none;}    
.content{ background-size: 100%;}    
.w1124,.w1120 {margin: 0 2.6%;}
.BG2_right, .BG2_left { background-size: 1.55%;}   
.product_img{ height: inherit;}    
}
@media(max-width:768px){
/*title*/
.w1180 h1 { top: 29%;font-size: 32px;} 
/*top*/    
.product2 ul.xian{    height: 480px;}
.product2 ul li{ font-size: 14px;}
.product2 ul { width: 42%; margin: 4% 3.9%;}   
.buy a {font-size: 15px; width: 179px; line-height: 35px;}          
}
@media(max-width:550px){
/*title*/    
.w1180 h1 {top: 30%;  font-size: 21px;} 
/*top*/
.product2 ul li { font-size: 12px;}
.product2 ul li.copy-writer { height: 113px;    margin-bottom: 10px;}  
.s1 {font-size: 22px;}
.s2 {  font-size: 13px;} 
.product2 ul.xian { height: 359px;}
.zk-top { width: 37px; height: 44px; font-size: 17px;}    
.BG1_right{padding-top: 22px; padding-bottom: 10px;} 
.w1180 h1 {top: 25%; font-size: 21px;} 
.zk-top span { font-size: 12px;}    
.buy a { font-size: 15px; width: 141px; line-height: 25px;}    
/*bottom*/
.product ul li{ width: 48%; margin: 1%;} 
.he50 { height: 25px; width: 50px;} 
}
@media (max-width: 450px){
.product2 ul.xian { height: 344px;}
}