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

/*------*/

.bg {
    background: url(https://deal.tomtop.com/activity/201802/20180306_FeiyuTech_BG.png);
}
.bg2{ background: url(https://deal.tomtop.com/activity/201802/20180306_FeiyuTech_BG1.jpg) left top no-repeat,
      url(https://deal.tomtop.com/activity/201802/20180306_FeiyuTech_BG2.jpg) right 1000px no-repeat,
       url(https://deal.tomtop.com/activity/201802/20180306_FeiyuTech_BG3.jpg) left 2100px no-repeat;}
.height50{ width: 50px; height:50px;} .height20{ width:20px; height:20px;}
/*table*/
.t-center{ text-align: center;}
.W1158{ max-width: 1158px; margin: auto;}

.top-conent1 .table{ display: table;  color:#fff; padding:0% 2%; position:relative; width: 100%}
.top-conent1 .table-left,.table-right{ display:table-cell; vertical-align: middle; overflow: hidden;}
.top-conent1 .table-w h1{ font-size:48px;margin-bottom: 2%;}
.top-conent1 .table-w a{ color: #fff;}
.top-conent1 .table-w a:hover{ color:#fff; background: #0293e8;}
.top-conent1 .table-w h3 {
    line-height: 27px;
    font-size: 24px;
    border-bottom: 1px solid #000;
    padding-bottom: 5%;
    margin: 0 5%;
}
.top-conent1 .col-4{ width:37%;}
.top-conent1 .coupon{ font-size: 28.89px; display: inline-block; background: #fff; color:#c64a00; padding: 0.7% 2%;}
.top-conent1 .cl-1{ padding:0 5%; color: #001442;}
.top-conent1 .jg{ margin: 2% 0 0 0;}
.top-conent1 .jg h1,.top-conent1 .jg h2,.top-conent1 .jg a{ display: inline-block;  line-height: 0;}
.top-conent1 .jg h1{ font-size:48px; margin-bottom: 0; font-weight: bold; }
.top-conent1 .jg h2{ font-size:24px; text-decoration: line-through; color: #001442}
.top-conent1 .jg{ vertical-align: middle;}
.top-conent1 .jg a,.throw-3 {
    display: inline-block;
    color: #fff;
    background: #0081cc;
    padding: 3.54% 6%;
    font-size: 20px;
    vertical-align: bottom;
    margin-top: 4%;
    margin-left: 7%;
    border-radius: 7px; -webkit-border-radius: 7px; -ms-border-radius: 7px; -moz-border-radius: 7px; 
}
.top-conent1 jg a:hover,.top-conent1 .top2 .t2 h4 a:hover{ background: #000; color: #000;}
.top-conent1 .Tzk{background:url(https://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; display: none;}
.top-conent1 .Tzk h1{ font-size: 24px; text-align: center; line-height: 13px; margin-top:8px;}
.top-conent1 .Tzk h1 span{ font-size:14px;}
.bottom{ background: #fff;}
.top-conent1 .product_top { text-align: right; width: 40%;}
.product_top img{ display: inline-block;}

@media(max-width:1024px){
.top-conent1 .table-w h1 {font-size: 35px; margin-bottom: 2%;} 
.top-conent1 .table-w h3 {  line-height: 21px; font-size: 20px; padding-bottom: 4%;}
.top-conent1 .jg h1 {font-size: 35px;}   
.top-conent1 .jg h2 { font-size: 18px;}
.top-conent1 .jg a { padding:15px 4%; font-size: 16px;} 
.throw-3 { padding: 3% 11%; font-size: 16px;}    
}
@media(max-width:768px){
.top-conent1 .table-w h1 {font-size: 27px; margin-bottom: 2%;} 
.top-conent1 .table-w h3 { line-height: 21px; font-size: 16px; padding-bottom: 4%;}
.top-conent1 .jg h1 {font-size: 27px;}   
.top-conent1 .jg h2 { font-size: 14px;}
.top-conent1 .jg a { padding:12px 4%; font-size: 12px;} 
.throw-3 { padding: 3% 11%; font-size: 12px;}     
}
@media(max-width:480px){
.top-conent1 .cl-1 { padding: 5% 0%;}    
.top-conent1 .table-w h1 { font-size: 16px; margin-bottom: 2%;} 
.top-conent1 .table-w h3 {line-height: 12px; font-size: 12px; padding-bottom: 2%;}
.top-conent1 .jg { margin: 1% 0 0 0;}    
.top-conent1 .jg h1 { font-size: 15px;}   
.top-conent1 .jg h2 {font-size: 12px;}
.top-conent1 .jg a { padding: 10px 4%; font-size: 12px; margin-left: 2%;} 
.throw-3 { padding: 3% 11%; font-size: 12px;}     
}
/*---4----*/
.throw-row{ background: #fff; margin-top: 1.5%;}
.throw-row article,.w6 ul{ float: left; display: block;}
.w6 { width: 100%; padding: 1% 2% 4% 4%;} .w4{ width:25%; }
.throw{ width:27%; text-align: center; }
.throw img,.jia img{ display: inline-block} 
.throw li{ display: block; overflow: hidden }
.throw-1 { margin: 2% 0; font-size: 18px; height: 40px; overflow: hidden; color: #000;}
.throw-2{ font-size: 30px; padding-top: 8%; font-weight: bold; color: #000;}
.throw-2 span{ display:inline-block; text-decoration: line-through; font-size: 18px; color: #000}
.throw-3 { margin-left: 0; padding: 3% 11%;}
.jia {  padding-top: 10%; width: 9%; text-align: center;}

.w4{ float: left; background: #2eb2b7; height:100%; }
.w4 li{color: #fff; text-align: center;}
.throwBG { margin-top: 15%; margin-bottom: 15%;}
.throwBG li{ padding-top: 5%;}
.lin-e{ text-decoration: line-through;}
.jt{ width: 70%; margin: 2% auto auto auto; height: 1px; background: #fff; position: relative;}
.jt:after{ 
    left: 50%; 
    position: absolute; 
    border-top:5px solid;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top-color:#fff;
    content:'';
    margin-left:-5px;
    z-index: 10;
    top: 0px;
}
.font60{ font-size: 60px;}
.buy2{ display: inline-block; padding: 1.5%  10%; font-size: 24px; color: #000; background: #fff;  margin: 5% 0 0 0 }
.throwBG a:hover .buy2{background: #000; color: #fff; }
.throw a img{}
@media(max-width:1024px){
.throw-1{ font-size: 15px;} 
.throw-2 {
    font-size: 25px;
    padding-top: 4%;
}
.throw-2 span{ font-size: 14px;}
.throw-3 {
    padding: 2% 8%;
    font-size: 14px;
}
}
@media(max-width:768px){
.w6 {
    padding: 1% 2% 4% 1%;
}    
.throw { width: 30%;}    
.throw-1{ font-size: 12px; height: 28px;} 
.throw-2 {
    font-size: 18px;
    padding-top: 4%;
}
.throw-2 span{ font-size: 13px;}
.throw-3 {
    padding: 2% 8%;
    font-size: 14px;
}
.jia {
    padding-top: 13%;
    width: 5%;
}    
}
@media(max-width:480px){
.throw { width: 30%;}    
.throw-1{ font-size: 12px;} 
.throw-2 {
    font-size: 3.2vw;
    padding-top: 1%;
}
.throw-2 span { font-size: 2.5vw;}
.throw-3 {
    padding: 2% 10%;
    font-size: 2.2vw;
}
.jia {
    padding-top: 13%;
    width: 5%;
}    
}

.title{  font-size: 36px; text-align:center; color: #000; line-height:70px; margin: 1.1% 0; }
@media(max-width:550px){
.title { font-size: 23px;  line-height: 47px;  margin: 1.5% 0;}
}
li{ list-style-type:none;}
/*产品*/
.product .clear_float{background:url(https://deal.tomtop.com/activity/201710/20171026_gaming_accessories_zk.png) center no-repeat; margin: -0.5%;}
.product_content{ position:relative;}
.product ul li img,.table img,.throw 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{ max-width:102%;}
.product_price {  width: 100%;  line-height: 24px;  font-size:16px;   text-decoration: line-through;  text-align: center;}
.product_price p {  font-size: 24px;  color: #282828;  padding-right: 2px; display: inline-block; font-weight: bold;}

.product_discount{ display:none;
font-size: 15px;  color: #e1021a;line-height: 10px;  position: absolute; top: -13px; left: 0%;   color: #FFF; 
padding-left: 6px;
}
.product_discount:before{
    content: '';
    width: 0px;
    height: 0px;
    border-top: 70px solid #e03d25;
    border-left: 0px solid transparent;
    border-right: 70px solid transparent;
    position: absolute; left:0px; right: 0px;
}
.zk01{font-size: 15px;
    line-height: 20px;
    display: inline-block;
    font-weight: bold;
    margin-top: 4px;
}
.off,.zk01{z-index: 10;position:relative; }
.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{  
    padding-bottom: 1.5%; 
    display: block;
    float: left;
    position: relative;
    width: 24%;
    text-align: center;
    background: #fff;
    margin:0.5%;
    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,.table img:hover,.throw 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 .product_img a{ display:block;}
.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;
    text-overflow: ellipsis;
    display: block;
    font-size: 12px;
    line-height: 17px;
    font-weight: 100;
    height: 36px;
    margin: 3px auto 5px auto;
    text-align: center;
}
.product_buy {text-align: center;margin-top: 7px;}
.product_buy a {
    display: inline-block;
    color: #FFF;
    text-align: center;
    padding: 2px 10px;
    font-size: 18px;
    background: #0081cc;
    padding: 5px 8%;
    border-radius: 5px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
}
.product_buy a:hover{background:#0293e8; }

.prozy10{ padding:10px 10px 20px 10px; }
.product_img { overflow: hidden; height:245px; background: #fff url(https://www.tomtop.com/activity/images/edm/20160621_loading.gif) no-repeat 50% 50%; margin: 13px;}
.xj01{}


@media(max-width:1450px){
  .product_img{ height: 198px;}    
}
@media(max-width:1220px){
    .product_img{ height: inherit;}
    .nav .nav_content{ display: none;}
}
@media(max-width:1024px){
.W1200 {  margin: 0 1%;}  
.throw-row { margin-top: 17px !important;}    
.product_buy a{
    padding: 1% 8%;
    font-size: 14px;
}  
.product_price p { font-size: 18px;}
.product_price { font-size: 12px;}   
.product_title{ height: 31px;}  
.product .product_title a{font-size: 12px;}  
.product_buy { margin-top: 2px;}
}
@media only screen and (max-width: 550px){
    .banner-bg{ display: none;}
    .banner{ display:block;}
    /*产品*/
    .product ul li{ width: 48%; margin: 1%; padding-bottom:3%;}
    .product .product_title a {font-size: 12px;}
    .product_buy a { padding: 2px 10px; font-size: 12px; padding: 2px 10%;}
    .product_price{ font-size: 16px;}
    .product_price p{ font-size: 20px; margin-right: 3%;}
    .product_buy {margin-top: 1px;}
    .code2 {  height: 284px;}
    .border1,.bg_video .border1,.bg_car .border1,.bg_smart .border1,.bg_Medical .border1,.bg_Musical .border1 {border-width: 10px;}
    .code2 h4,.code2 h2 { font-size: 3vw;}
    .product_discount { font-size: 12px;}
    .zk01 { font-size: 12px; line-height: 16px;}
    .product_discount::before {
    content: '';
    width: 0px;
    height: 0px;
    border-top: 53px solid #e03d25;
    border-left: 0px solid transparent;
    border-right: 53px solid transparent;}
    .product_discount{ padding-left: 2px;}
    .product_img{ background-size:40px; height: 188px;}

.height50 {  height: 25px;}
.height20 { height: 17px;}
.W1158 { margin: 0 1%;}    
    
}
@media only screen and (max-width: 450px){.product_img { height: 168px;}.code2 { height: 265px;}}
@media only screen and (max-width: 430px){.product_img { height: 162px;}.code2 { height: 258px;}}
@media only screen and (max-width: 410px){.product_img { height: 148px;}.code2 { height: 234px;}}
@media only screen and (max-width: 390px){.product_img { height: 142px;}.code2 { height: 229px;}}
@media only screen and (max-width: 370px){.product_img { height: 140px;}.code2 { height: 227px;}}
@media only screen and (max-width: 360px){.product_img { height: 138px;}.code2 { height: 225px;}}
@media only screen and (max-width: 350px){.product_img { height: 135px;}.code2 { height: 223px;}}

.nav {width: 100%;position: fixed;bottom: 200px;right: 55px;}
.nav .nav_content {position: relative}
.nav ul li {width: 50px;height: 35px;padding: 3px 10px;position: absolute;right: -42px;cursor: pointer;background: #b4b4b4;list-style-type: none;}
.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;}

@media(max-width:768px){.nav .nav_content { display:none;}}