@charset "utf-8";
/* CSS Document */
body{ font-size: 12px; background:#fff !important; }
.w1920{ margin:0 auto;}
.w1920{ max-width: 1920px;background: #ffedd2;}
.banner2{ display: none;}
.w1920 img{ display: block; }
.height80{ height:80px; width:20px;}
.banner-bg{ background:url(http://deal.rcmoment.com/activity/201711/20171102_Big_Promotion_bannerBG.jpg) top no-repeat;}
.w1920 .none{ display: none;}
.w1920 .block{display: block;}
.bg{ background:url(http://deal.rcmoment.com/activity/201711/20171102_Big_Promotion_bg.jpg) top no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
}
.left{ float: left;}
.right{ float: right;}
.top1{ padding: 3%; background: #fff;}
.content{ background: #fff;}
.video{ width: 63%; overflow: hidden;}
.video img{ max-width: 105% !important; border: none !important;}
.content2{ width: 37%;}
.content2 a{ color: #000;}
.content2 a:hover{color:#f4611d;}
.content2 h1{ font-size: 30px; display: block; height: 70px; overflow: hidden; }
.content2 h2{ font-size: 36px; margin-top: 5%; color: #f4611d;}
.content2 ol{ padding-left: 25px; margin: 9% 0;}
.content2 ol li{ list-style-type: decimal; font-size: 20px;}
.coupon{background:#f4611d; display: inline-block; margin-bottom: 3%;}
.coupon span{ display: table-cell;  border:1px solid #f4611d; padding: 3px 15px; font-size: 16px; }
.coupon span.Bfff{ background: #fff;}
.coupon span.FFF{ color: #fff;}
.c1 span{ line-height:20px; font-size: 18px; padding: 5px 5px;}
.left10{ padding-left: 7%}
.right10{ padding-right: 7%}
.T-B{ margin: 4.5% 0;}

@media(max-width:900px){
    .content2 h1{font-size: 20px;}
    .content2 h2{font-size: 19px;}
    .content2 ol{ padding-left: 18px; margin: 3% 0 3% 0;}
    .content2 ol li{font-size: 14px;}
    .c1 span{ line-height:20px; font-size: 12px; padding: 2px 5px;}
    
}
@media(max-width:768px){
     .content2 h1{font-size: 16px; height: 18px; margin: 2% 0;}
    .content2 h2{font-size: 19px;  margin-top: 2%;}
    .content2 ol{ padding-left: 18px; margin: 2% 0 2% 0;}
    .content2 ol li{font-size: 14px;}
    .c1 span{ line-height:20px; font-size: 12px; padding: 2px 5px;}
    .video,.content2{ float: none; width: 100%;}
    .content2{ padding: 0;}
    .c1 span{ padding: 1 5px;}
}

/* title */
.height3{ height: 3px;background:#583622;}
.height{ margin-top: 3%;}
.title{ 
    max-width: 570px; margin: auto; background:#583622; font-size: 34px; text-align: center; color: #fff;
    position: relative;
    text-transform: uppercase;  padding: 0.5% 0;
  
}

.title:before{ position: absolute;  
    content: '';
    left: -100px;
    top: 0px;
    width: 0;
    height: 0;
    border-bottom: 200px solid #583622;
    border-left: 100px solid transparent;
}
.title:after{position: absolute;
    content: '';
    right: -100px;
    top: 0px;
    width: 0;
    height: 0;
    border-bottom:200px solid #583622;
    border-right: 100px solid transparent;
}
/*产品*/
.clear_float{ margin:-1.222%;}
.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,.video 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: 18px;
    color: #000;
    text-decoration: none;
    text-align: center;
    text-decoration: line-through;
    font-weight: 100;
    margin: 4% 0 3% 0;
}
.product_price p {
	font-size: 30px;
    color: #f4611d;
    padding-right: 2px;
    display:inline-block;
}

.product_discount{
display:none;
font-size: 13px;
    color: #e1021a;
    line-height: 10px;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 50px;
    height: 50px;
    /* background: url(http://www.tomtop.com/activity/images/edm/20160721_back_bargain-price1.png) no-repeat center; */
    color: #FFF;
    background: #f43232;
    border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px;
}	
.zk01{font-size: 20px;
    line-height: 23px;
    display: inline-block;
    font-weight: bold;
    margin-top: 7px;
}
.chi{overflow: hidden;
    -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{   
/*   box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 13px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 0px 13px rgba(0,0,0,0.3);
    -o-box-shadow: 0px 0px 13px rgba(0,0,0,0.3);*/
   background: #FFF;
	padding-bottom: 1.8%; 
    display: block;
    float: left;
    position: relative;
    border: none;
    width: 30.9333%;
    text-align: center;
    margin: 1.2%; 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,.video 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;}
.product_title{ 
    overflow: hidden;
    display: block;
    font-size: 16px;
    line-height: 17px;
    font-weight: 100;
    padding: 10px;
    height: 44px;
    margin: 0 auto 10px auto;
    text-align: center;
}

.product_buy a{
    color: #FFF;
    text-align: center;
    width: 128px;
    padding: 5px 0;
    display: inline-block;
    background: #583622;
    font-size: 18px;
}
.product_buy a:hover{background: #000;}

.prozy10{ padding:10px 10px 20px 10px;}
.product_img{ overflow:hidden; height:277px;  border-top: 15px solid #fff;  border-left: 15px solid #fff;  border-right: 15px solid #fff; background:#fff url(http://www.tomtop.com/activity/images/edm/20160621_loading.gif) no-repeat 50% 50%;}
.xj01{ font-weight:bold;}

/*产品4*/
.product-4 .clear_float li{width: 24%; margin: 0.5%; padding-bottom: 0;}
.product-4 .clear_float .product_title {
    font-size: 14px;
    line-height: 15px;
    padding: 0% 5%;
    height: 31px;
    margin: 0 auto 10px auto;
}
.product-4 .clear_float .product_price p { font-size: 26px;}
.product-4 .clear_float .product_price{font-size: 14px;}
.product-4 .clear_float .product_buy a {width: 100%;padding: 2.5% 0; font-size: 14px; display: block;}
.product-4 .clear_float .product_price {line-height: 16px; font-size: 18px; margin: 5% 0 4% 0;}
.product-4 .clear_float {margin: -0.5% -0.5%;}
/*.product-4 .product_buy{ display: none;}*/
.product-4 .product_img{ height:228px;}
.c2{ background:#f4611d;font-size: 14px; display: inline-block;}
.c2 span display: table-cell; float: none; line-height: 20px; padding: 0 15%;}
.c2 span{color: #f4611d;}
.c2 span.FFF{     }

/*
.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;      }
*/

/*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 {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: 137px;
    height: 159px;
    /* padding-top: 100px; */
    bottom: 0px;
    bottom: 50%;
    margin-bottom: -81px;
}

.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 {
    color: #000;
    text-align: center;
    line-height: 34px;
    cursor: pointer;
    margin: 0 auto 0px auto;
    font-size: 13px;
    background: #f9fffc;
    border: solid 2px #815c46;
}
/*.nav ul .floor_nav:first-child {margin-top: 0px;line-height: 17px;}*/
.nav ul .floor_nav:hover {background: #583622;	color:#fff;}
.nav ul .floor_nav_cur {background: #583622; color:#fff;}
.nav .nav_content ul{}
.nav ul li.nav_top{       
    text-align: center;
    color: #000;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    background:#f9fffc;
    border: solid 1px #583622;
    width: 42px;
    height: 42px;
    line-height: 40px;
    margin: 9px auto auto auto; 
    border-radius: 50px; -ms-border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px;
}
.nav ul li.nav_top:before{
    content: '';
    position: absolute;
    height: 10px;
    width: 2px;
    background: #815c46;
    z-index: 0;
    bottom: 42px;
    margin-left: 14px;
}

.pro-footer ul li{ background: none; overflow: hidden;}
.pro-footer 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: none;
    -o-transform: none;
    -moz-transform: none;
    -webkit-transform:none;
    -ms-transform:none;
    max-width: 100%;
    display: block;
    border: 1px solid #fff;
}
.pro-footer ul li img:hover{
    transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    border: 1px solid #ccc;
}
@media(max-width:1500px){
.W1200 { max-width: 950px;}
.banner-bg { background-size: 1519px;}    
.product-4 .product_img { height: 158px;}  
.coupon span {padding: 2px 15px;font-size: 13px;}    
.title{ font-size: 26px;}    
}
@media(max-width:1250px){.nav .nav_content{ display: none;}}
@media(max-width:950px){.product-4 .product_img { height:inherit;}  }
@media (max-width:1200px){
    .product_img,.product-4 .product_img{ height: inherit;} 
    .nav .nav_content{ display: none;}
}
@media (max-width:1024px){
.coupon span {
    border: 1px solid #f4611d;
    padding: 3px 5px;
    font-size: 12px;
    }
}
@media (max-width:768px){
    .product_img,.product-4 .product_img{ height: inherit;} 
    .product_title {
    font-size: 12px;
    line-height: 15px;
    padding: 5px;
    height: 37px;
    margin: 0 auto 5px auto;
}
    .product_price{ font-size: 12px; margin: 0% 0 0% 0;}
    .product_price p {font-size: 18px;}
    .product_buy a {
    width: 79px;
    padding: 3px 0;
    font-size: 12px;
}
    .product-4 .clear_float .product_title {
    font-size: 12px;
    line-height: 14px;
    padding: 0% 5%;
    height: 28px;
    margin: 0 auto 10px auto;
}
.product-4 .clear_float .product_price {
    line-height: 13px;
    font-size: 12px;
    margin: 2% 0 3% 0;
}
.product-4 .clear_float .product_price p { font-size: 16px;}   
.c2 {font-size: 12px;}   
.c2 span {
    display: inline-block;
    float: none;
    line-height: 20px;
    padding: 0 2px;
}    
 .top1 { margin: 0 1%;}   
}
@media(max-width:550px){
.title {
    max-width: 245px;
    font-size: 18px;
    color: #fff;
    padding: 1% 0 0.5% 0;
}
  .height {
    margin-top: 5%;
}  
.clear_float{ margin-left: 0; margin-right: 0px;}    
.product_img {
    overflow: hidden;
    border-top: 5px solid #fff;
    border-left: 5px solid #fff;
    border-right: 5px solid #fff;
    background-size:40px;
}
.product ul li {
    padding-bottom: 2%;
    position: relative;
    border: none;
    width: 31.33%;
    margin: 1%;
}
 .product_price p {font-size: 14px; }
.product_title {
    font-size: 12px;
    line-height: 15px;
    padding: 5px;
    height: 33px;
    margin: 0 auto 0px auto;
}
.product_buy a {
    width: 79px;
    padding: 1px 0;
    font-size: 12px;
} 
    
.product-4 .clear_float {
    margin: -0.5% 0;
}  
.product-4 .clear_float li {
    width: 48%;
    margin: 1%;
  padding-bottom: 0;
} 
.c2 span {
    line-height: 16px;
    padding: 0 2px;
}

.w1920 .none{ display:block ;}
.w1920 .block{display: none;}  
    .product .product_title a{ font-weight: 100;}
    .height80{ height: 30px;}
}

@media(max-width:450px){  
    .product_img{ min-height: 90px;} 
    .product-4 .product_img{ min-height:136px;}
}
@media(max-width:410px){  .product_img{ min-height: 80px;}   .product-4 .product_img{ min-height:136px;}}
@media(max-width:400px){  .product_img{ min-height: 70px;}   .product-4 .product_img{ min-height:116px;}}
@media(max-width:390px){  .product_img{ min-height: 60px;}   .product-4 .product_img{ min-height:106px;}}
@media(max-width:380px){  .product_img{ min-height: 50px;}   .product-4 .product_img{ min-height:86px;}}

@media(max-width:350px){
 .product ul li { width: 48%;}   
}