@charset "utf-8";
/* CSS Document */
body{ font-size: 12px; background:#fff !important; }
.w1920{ margin:0 auto; overflow: hidden;}
.b{ background: #fff}
.w1920{ max-width: 1920px;}
.banner2{ display: none;}
.w1920 img{ display: block; }
.banner-bg{ background:url(//deal.lovdock.com/activity/201711/20171106_hopping_festival_bannerbg.jpg) center top no-repeat ;}
.height80{ height:80px; width:20px;}
.banner{ position:relative; overflow: hidden;}
.bg{background:url(//deal.lovdock.com/activity/201711/20171106_hopping_festival_bg1.jpg) center top no-repeat ;}
.NoteBGG{background:url(//deal.lovdock.com/activity/201711/20171106_hopping_festival_bg-1.jpg);}
.NoteBG{position: relative; z-index: 10;}
.zhong{background:url(//deal.lovdock.com/activity/201711/20171106_hopping_festival_Note_zho.png); background-size: 100%;}

.Note img{ display: inline-block;}
.Note { text-align: center; padding-left: 2%;  padding-right: 2%;}
.Note h1{ display: block; font-size: 50px; color: #fff;}

.attention{ position:relative; z-index: 1;}
.attention img{ display: inline-block; }
.attention{text-align: center; padding-top: 50px;}
.attention h2{ font-size: 34px; color: #fff; display: block; max-width: 890px; margin: auto;}
.K_left{ position: absolute;  left: -146px; top: -475px;}
.K_right{position: absolute;  right: -146px; top: -475px;}

.bg2{background:#5049d9 url(//deal.lovdock.com/activity/201711/20171106_hopping_festival_savingBG.jpg) center top no-repeat;}
.saving{ position: relative;}
.s_left{ position: absolute; left: -65px; top:0px;}
.s_right{ position: absolute; right: -65px; top:0px;}

.bg3{background:url(//deal.lovdock.com/activity/201711/20171106_hopping_festival_bg2.jpg) center top no-repeat;}
.bg-3{background:url(//deal.lovdock.com/activity/201711/20171106_hopping_festival_bg-2.jpg);}
.miside{ padding: 0 1%;}
.left{ float: left;} .right{  float: left;}
.miside-left{ width: 26%;}
.miside-right{ width: 74%; padding-top:1%; padding-bottom: 2%; }
.left2{ padding-left: 2%;}
.right2{ padding-right: 2%;}
.misde-p2 h1{ font-size: 50px; color: #fff; text-align: center; margin-top:2%;}
.misde-p2 h2{text-align: center}
.misde-p2 img{ display: inline-block;}
.misde-p2 .product ul li{ width: 31.3%;}
.misde-p2 .clear_float{ margin: 0 -2%;}
.misde-p2 .product_title{ display: none;}
.none{ display: none;}

.bottom-content { margin-top: 30px;}
.bottom-content h1{ font-size: 67px; color: #fff; display: block;text-align: center;}
.bottom-content h1 span{display: inline-block; }
.b-con{background:url(//deal.lovdock.com/activity/201711/20171106_hopping_festival_bottom-content3.png); background-size: 100%;}
.W1330{ max-width: 1330px; margin: auto;}
.W1330 .product{ margin: 0 4%;}
.footer-content h1{ font-size: 35px; text-align: center; color: #fff; line-height: 50px;}
.footer-content{ padding: 6% 0;}
.footer-content a{ display: inline-block; border: 1px solid #fff; font-size: 30px; color: #fff;  padding: 0 2%;}
.footer-content a:hover{ border: 1px solid #ff96ef; color: #ff96ef; }


/*title*/ 
.title{ text-align: center; padding: 1%;}
.title img{ display: inline-block;}
/*table*/
.table{ display: table;  color:#fff; padding: 2%; position:relative; background: #FFF; width: 100%;}
.table-left,.table-right{ display:table-cell; vertical-align: middle; }
.table-left{ text-align: center; overflow: hidden;}
.table-left img{ display: inline-block;}
.table-w h1{ font-size:36px;margin-bottom: 3%;}
.table-w a{ color: #fff;}
.table-w a:hover{ color:#000; background: #fff;}
.table-w h3{ line-height: 24px; font-size: 16px;}
.col-4{ width:44%;}
.coupon{ font-size: 28.89px; display: inline-block; background: #fff; color:#c64a00; padding: 0.7% 2%;}
.cl-1 {
    padding: 13% 10% 10% 10%;
    background: #360ba9;
    box-shadow: 0px 0px 20px rgba(6, 6, 6, 0.76);
    -webkit-box-shadow: 0px 0px 20px rgba(6, 6, 6, 0.76);
    -webkit-box-shadow: 0px 0px 20px rgba(6, 6, 6, 0.76);
    -o-box-shadow: 0px 0px 20px rgba(6, 6, 6, 0.76);
    margin-right: 6%;
}
.jg{ margin: 6% 0 0 0;}
.jg h1,.jg h2,.jg a{ display: inline-block; color: #fed200; line-height: 0;}
.jg h1{ font-size:55px; margin-bottom: 0; }
.jg h2{ font-size:20px; text-decoration: line-through; color: #fff}
.jg{ vertical-align: middle;}
.jg a{ display: inline-block; color: #fff;  font-size: 28px;vertical-align: bottom; margin-top: 12%;
    padding: 25px 10%;
    border: 2px #ff96ef solid;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    -ms-border-radius: 50px;
    box-shadow: 0px 0px 10px #ff96ef inset, 0px 0px 10px #ff96ef;
    -webkit-box-shadow: 0px 0px 10px #ff96ef inset, 0px 0px 10px #ff96ef;
    -moz-box-shadow: 0px 0px 10px #ff96ef inset, 0px 0px 10px #ff96ef;
    -o-box-shadow: 0px 0px 10px #ff96ef inset, 0px 0px 10px #ff96ef;
    -ms-box-shadow: 0px 0px 10px #ff96ef inset, 0px 0px 10px #ff96ef;
}
.jg a:hover,.top2 .t2 h4 a:hover{ background: #ff96ef; color: #fff;}
.Tzk{background:url(//deal.tomtop.com/activity/201710/20171026_gaming_accessories_zk.png) center no-repeat; background-size:100%;  position: absolute; width: 55px; height: 55px; z-index: 100;}
.Tzk h1{ font-size: 24px; text-align: center; line-height: 13px; margin-top:8px;}
.Tzk h1 span{ font-size:14px;}

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

.product_discount {
    font-size: 14px;
    color: #e1021a;
    line-height: 10px;
    position: absolute;
    top: -1%;
    left: 1.5%;
    width: 50px;
    height: 50px;
    background: url(//deal.tomtop.com/activity/201710/20171026_gaming_accessories_zk.png) center no-repeat;
    background-size: 100%;
    color: #FFF; display: none;
}	
.zk01 {
    font-size: 23px;
    line-height: 25px;
    display: inline-block;
    font-weight: bold;
    margin-top: 3px;
}
.product ul li{   
    overflow: hidden;
    display: block;
    float: left;
    position: relative;
    width:23%;
    text-align: center;
    margin: 1%;
    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,.re 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: #fff;font-size:14px;}
.product_title {
    overflow: hidden;
    display: block;
    line-height: 17px;
    font-weight: 100;
    padding:0 1%;
    height: 38px;
    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 5px;
    font-size: 15px;
    padding: 5px 5%;
   border:2px #ff96ef solid;
    border-radius: 50px; -webkit-border-radius: 50px;  -moz-border-radius: 50px;  -o-border-radius: 50px;  -ms-border-radius: 50px;

    box-shadow: 0px 0px 10px #ff96ef inset, 0px 0px 10px #ff96ef;
    -webkit-box-shadow: 0px 0px 10px #ff96ef inset, 0px 0px 10px #ff96ef;
    -moz-box-shadow: 0px 0px 10px #ff96ef inset, 0px 0px 10px #ff96ef;
    -o-box-shadow: 0px 0px 10px #ff96ef inset, 0px 0px 10px #ff96ef;
    -ms-box-shadow: 0px 0px 10px #ff96ef inset, 0px 0px 10px #ff96ef;
}
.product_buy a:hover{background: #ff96ef; 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% 3% 5.6% 3%;}
.xj01{ font-weight:bold;}
.product ul li.prod4{ padding-bottom:0;}

.w870{ margin: 0 14%;}
.w870 ul li{ width: 31%;}
/*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 {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;
background:url(//deal.lovdock.com/activity/201711/20171106_hopping_festival_nav.png) center no-repeat; background-size: 100%;
width:200px; height:377px;/* padding-top: 100px; */
bottom:0px;
bottom: 50%;
margin-bottom: -188px;
}
.nav_content a{ width:172px;color: #fff;font-size: 20px;line-height: 10px;text-transform: uppercase; }
.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:#000;}	
.nav ul .floor_nav {    
    height: 42px;
    color: #FFF;
    text-align: center;
    line-height: 15px;
    cursor: pointer;
    font-size: 13px;
}
.nav ul .floor_nav:first-child { }
.nav ul .floor_nav:hover {/*background: #000*/	color:#fbff00;}
.nav ul .floor_nav_cur {color:#fbff00;}
.nav .nav_content ul{}
.nav ul li.nav_top{
    text-align: center;
    margin-top: 46px;
    height: 50px;
    color: #a55220;
    font-size: 18px;
    cursor: pointer;
    padding-right: 16px;
}
.nav ul li.nav_top:hover{ color: #000;}
.nav ul li.papago{ padding-top: 2px;}
li{ list-style-type:none;}
.fo1{padding-top: 47px;} .fo2{padding-top: 52px;} .fo3{padding-top: 60px;} .fo4{padding-top: 61px;} .fo5{padding-top: 58px;} 
@media(max-width:1550px){
.Note h1{ display: block; font-size: 40px; }    
 .W1200 { max-width: 950px;} 
 .nav .nav_content{ width: 170px;}    
 .fo1{padding-top: 67px;} .fo2{padding-top: 44px;} .fo3{padding-top: 52px;} .fo4{padding-top: 50px;} .fo5{padding-top:49px;} 
.banner-bg,.bg{ background-size:1521px; } 
.bg2,.bg3{ background-size:1524px; } 
.K_left{left: -124px; top: -388px; width: 124px;}  
.K_right{  right: -124px;  top: -388px;width: 124px;}
.s_left {  left: -51px; width: 51.5px;}  
.s_right{ right: -51px;width: 51.5px;} 
.W1330{ max-width: 1000px;}    
.attention h2 { font-size: 29px; max-width: 757px;}  
.misde-p2 h1 { font-size: 38px;}
.miside-left { width: 28%;}    
.miside-right {width: 72%;}    
}
@media(max-width:1250px){
    .nav .nav_content{ display: none;}

}
@media(max-width:1024px){
.misde-p2 h1 {font-size: 32px;}
.product_price{ font-size: 27px;}
.product_buy a{font-size: 12px; }
.jg a {font-size: 18px;margin-top: 12%;  padding: 16px 10%;} 
      
}
@media(max-width:768px){
    .Note h1{ display: block; font-size: 30px; }  
    .none{ display:block;} 
    .miside-right { width: 100%;}
    .right2,.left2{ display: none;}
.product_price { font-size: 16px;}   .product_buy a{    padding: 3px 5%}    
.product .product_title a { font-size: 12px;}    
 .attention h2 { font-size: 20px;}   
.misde-p2 h1 { font-size: 25px;}  
.product_title {  line-height: 15px; height: 29px;}    
}

@media(max-width:550px){
    .Note h1{ display: block; font-size: 20px; }  
    .MP{ padding-bottom: 5%;}
    .bottom-content .product ul li,.MP ul li{ width: 48%; margin: 1%;} 
    .w870 { margin: 0 4%;}
    .misde-p2 h1 {    margin-top: 5%; font-size: 17px;}
    .miside-right,.none{ padding-top: 5%;}
    .bottom-content { margin-top: 5%;}
    .bg3 {background-size: 550px;}
    .zhong{ padding: 3% 0;}
    .jg h1 { font-size: 28px;}
    .jg a {font-size: 12px; margin-top: 12%;padding: 11px 10%;} 
    .footer-content h1,.footer-content a { font-size: 12px;}
    .footer-content a{ margin: 2% 1% 0 1%;  line-height: 14px;}
    .product_img{ background-size: 40px;}
    .footer-content h1{ line-height: 20px;}
    .W1330 { margin: 0 1%;}
    .W1330 .product {  margin: 0 2%;}
    .attention h2 { font-size: 14px;}
    .attention { padding-top: 5%;}
}