/*
Template Name: EC模板堂正版授权模板
Template URI: http://www.ecmoban.com/
Description: 买模板请认准模板堂(ecmoban.com) <br/> 24小时客服联系 QQ:264944615
Version: 2.73
Author: 进模板堂挑选更多ECSHOP模板
Author URI: http://www.ecmoban.com/
Logo filename: logo.gif
*/

/*
	index css
*/
/*banner*/
.banner-floor{ overflow: hidden; position: relative; z-index:10}
.banner-floor .index-slide{ background: #f5f5f5; height: 360px; position: relative;}
.banner-floor .index-slide .bd li{ position: absolute; height: 360px;  width: 1920px; margin-left: -360px; }
.banner-floor .index-slide .bd li .inner{ padding-left: 26px; width: 780px; margin: 0 auto;}
.banner-floor .index-slide .bd li .inner img{
	-webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04);
    height: 360px;
    width: 770px;
}
.banner-floor .index-slide .bd li.on .inner img{
    -webkit-transition:-webkit-transform 4s linear;
    -moz-transition:-moz-transform 4s linear;
    -o-transition:-o-transform 4s linear;
    transition:transform 4s linear;	
    -webkit-transform:scale(1);
	-moz-transform:scale(1);
    -ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
}
.banner-floor .index-slide .hd{top: 325px; left: 10px; text-align: center; width: 100%; z-index: 100; position: absolute;}
.banner-floor .index-slide .hd li{width: 21px; height: 21px; margin-right: 5px; text-align: center; display: inline-block; *display:inline;*zoom:1;line-height: 21px; background-color: #999; border-radius: 50%; color: #FFF; cursor: pointer;}
.banner-floor .index-slide .hd li.on{ background-color: #FFF; box-shadow: 0 0 8px #ccc; color: #000;}
/*banner right ad*/
.banner-floor .bf-rightbox{width: 100%; position: absolute; left: 0; top: 0; height: 0;}
.banner-floor .bf-rightbox .rightbox{ width: 200px; height: 360px; background: #fff; position: relative; z-index: 10; margin-right: 2px; overflow: hidden;}
.banner-floor .bf-rightbox .rightbox a{ overflow: hidden; display: block; font-size: 0px; border-bottom: 1px dotted #ddd; height: 119px;}
.banner-floor .bf-rightbox .rightbox img{-webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out;}
.banner-floor .bf-rightbox .rightbox a:hover img {margin-left: -12px; }
/*热卖商品楼层*/
.hot-floor{ height: 250px; overflow: hidden; background: #fff; }
/*快乐购物*/
.happy-shopping {padding: 30px 0 55px; }
/*新品推荐*/
.fresh-floor{ border: 1px solid #eee;  background: #fff; overflow: hidden;}
.fresh-l{ float: left; width: 224px; height: 478px;}
.fresh-r{ width: 928px; padding: 0 24px; float: right;}
.fresh-r .fresh-title{ line-height: 60px; }
.fresh-r .fresh-title em{ font-size: 18px; color: #000; font-style: normal; float: left; }
.fresh-r li{ padding: 15px 0 30px; border-bottom: 1px solid #eee; overflow: hidden;}
.fresh-r li:last-child{ border-bottom: none; }
.fresh-r li .fgoods-l{padding: 0 50px; float: left;}
.fresh-r li .fgoods-l a{width: 158px; height: 158px; display: block; overflow: hidden; font-size: 0;}
.fresh-r li .fgoods-l img{ height: 158px; width: 158px;}
.fresh-r li .fgoods-r{ padding-left: 15px; width: 655px; float: left;}
.fresh-r li .fgoods-r h3{ line-height: 34px; font-weight: bold; color: #333; font-size: 14px;}
.fresh-r li .fgoods-r p{ line-height: 20px; max-height: 40px; overflow: hidden; color: #999;}
.fresh-r li .fgoods-r p em{ color: #333; margin-right: 3px; }
.fresh-r li .fgoods-r div{ line-height: 56px; padding-top: 12px;}
.fresh-r li .fgoods-r .price{ color: #f40; font-size: 28px; margin-right: 10px;}
.fresh-r li .fgoods-r .p-buy{width: 188px; height: 56px; line-height: 56px; color: #fff; font-weight: bold; font-size: 18px; text-indent: 78px;  margin-left: 25px; background: url(../image/indexico.png) 0 -36px no-repeat; display: inline-block; float: right;}
/*精品推荐*/
.best-floor h2{ line-height: 36px; padding-bottom: 8px; font-size: 16px;}
.best-floor ul{ width: 1220px;}
.best-floor li{ background: #fff; width: 530px; padding: 30px; overflow: hidden; float: left; border: 1px solid #eee; margin: 0 18px 20px 0;}
.best-floor li .best-l{ width: 200px; height: 200px; overflow: hidden; float: left;}
.best-floor li .best-l img{ width: 200px; height: 200px; }
.best-floor li .best-r{ width: 300px; padding-left: 30px; float: left;}
.best-floor li .best-r h3 {height: 34px; line-height: 34px; overflow: hidden; font-size: 14px; border-bottom: 1px solid #dad8d8; }
.best-floor li .best-r .price {padding: 3px 0 3px 56px; position: relative; line-height: 22px; margin-top: 20px; }
.best-floor li .best-r .price b{ position: absolute; left: 0; top: 0; width: 40px; height: 50px; background: url(../image/indexico.png)  0 -210px no-repeat; display: inline-block;}
.best-floor li .best-r .price strong{ font-size: 18px; font-style: normal; display: block; color: #f40;}
.best-floor li .best-r .price span{ font-size: 16px; display: block; }
.best-floor li .best-r .info { padding-top: 18px; text-indent: 2em; height: 100px; text-align: justify; color: #999;}
/*分类楼层*/
.cate-floor{ border: 1px solid #eee; background: #fff; overflow: hidden;}
.cate-floor h2{ height: 60px; line-height: 60px; padding-left: 15px; border-bottom: 1px solid #e6e6e6;}
.cate-floor h2 .t-img{ vertical-align: middle; margin-top: 13px; float: left; width: 36px; height: 36px;}
.cate-floor h2 .f-title{ color: #fa7d67; display: inline-block; vertical-align: middle; margin-left: 15px; float: left; font-size: 20px;}
.cate-floor h2 .cate-sub{ height: 26px; margin-top: 22px; line-height: 26px; display: block; float: right;}
.cate-floor h2 .cate-sub a{ display: inline-block; vertical-align: top; padding: 0 18px; line-height: 26px; border-right: 1px dashed #eee;}
.cate-floor h2 .cate-sub a img{ width: 26px; height: 26px; vertical-align: middle; margin-right: 5px;}
.cate-floor .fcate-l{ width: 250px; height: 480px; float: left;}
.cate-floor .fcate-l img{ width: 250px; height: 480px; }
.cate-floor .fcate-r{width: 950px; height: 480px; overflow: hidden; float: left;}
.cate-floor .fcate-r li{ 
	width: 200px; float: left; margin: 16px 18px 0;
	border-bottom: 1px dashed #eee;
}
.cate-floor .fcate-r li .imgBox{ display: block; width: 200px; height: 150px; text-align: center; margin-bottom: 6px;}
.cate-floor .fcate-r li .imgBox img{ width: 150px; height: 150px; }
.cate-floor .fcate-r li h3{ line-height: 18px; height: 36px; overflow: hidden; margin-bottom: 6px; text-align: center;}
.cate-floor .fcate-r li h3 a{ color: #666; }
.cate-floor .fcate-r li .price{color: #f40; text-align: center;}



.in_mrxsg{}
.in_mrxsg .tit{ position:relative;}
.in_mrxsg .tit .hd{ padding:31px 0 22px; height:34px;}
.in_mrxsg .tit ul{ position:absolute; top:0; left:128px; height:28px; border-bottom:1px solid #e1e0e0; padding:0 0 21px 50px;}
.in_mrxsg .tit li{ float:left; width:140px; text-align:center; position:relative; cursor:pointer;}
.in_mrxsg .tit li span{ color:#999; font-size:14px;}
.in_mrxsg .tit li i{}
.in_mrxsg .tit li em{ width:24px; height:24px; background:url(../image/daysur_ico.png) -14px -227px no-repeat; position:absolute; top:38px; left:50%; margin-left:-12px;}
.in_mrxsg .tit li.out em{ background-position:-14px -200px;}
.in_mrxsg .tit li.on span{ color:#fff; font-weight:bold; padding:3px 20px; background:#fe5400; display:inline-block; *display:inline; *zoom:1; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.in_mrxsg .tit li.on i{ position: absolute; bottom: -12px; left:50%; margin-left:-7px; border-style: solid solid dotted solid; border-color: #fe5400 transparent transparent transparent; border-width: 7px; font-size: 0; line-height: 0; z-index: 1;}
.in_mrxsg .tit li.on em{ background-position:-6px -268px; margin-left:-29px; top:23px; width:58px; height:58px;}
.in_mrxsg .con{ background:#fff; border:1px solid #eee;}
.in_mrxsg .ad{ width:224px; margin-left:-1px; position:relative;}
.in_mrxsg .ad .hd{ position:absolute; left:50%; margin-left:-30px; bottom:15px; z-index:1;}
.in_mrxsg .ad .hd ul{ overflow:hidden;}
.in_mrxsg .ad .hd li{ width: 10px; height: 10px; overflow: hidden; cursor: pointer; background: #fff; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; float: left; margin: 0 5px; display: inline; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; box-shadow: 0px 0px 5px #fff;}
.in_mrxsg .ad .hd li.on{ filter: alpha(opacity=100); -moz-opacity:1; opacity:1;}
.in_mrxsg .ad .bd img{ vertical-align:top;}
.in_mrxsg .con .pro_list{ margin-right:-1px; width:976px;}
.in_mrxsg .con .f_r ul{ display:none;}
.in_mrxsg .con .f_r li{ float:left; width:243px; height:375px; border-right:1px solid #eee; padding-top:5px;}
.in_mrxsg .img_text{ padding:25px;}
.in_mrxsg .img_text h1{ height:36px; line-height:18px; margin-top:10px;}
.in_mrxsg .price{ margin:5px 0 0 25px;}
.in_mrxsg .num{ font-size:22px; color:#ff4400; font-weight:bold; line-height:1.2;}
.in_mrxsg .num em{ font-size:14px; font-style:normal;}
.in_mrxsg .c999 span{ padding-left:10px;}
.in_mrxsg .mlday{ color:#f40; padding-left:10px;}
.atonce_buy{ width:73px; padding-left: 20px; height: 42px; line-height: 42px; color: #fff; background: url(../image/daysur_ico.png) -4px -8px no-repeat; display: block; font-size:14px; font-weight:bold; text-align:center;}
.atonce_buy:hover{ color:#fff;}
.atonce_buy.out{ background-position:-4px -57px;}
.atonce_buy.fast{ background-position:-4px -104px;}
.atonce_buy.collect{ background-position:-4px -153px;}


.ads_warp{ background:#fff; padding:25px 0;}
.ads_warp .zonh{ width: 228px; height: 200px; overflow: hidden; position: relative;}
.ads_warp .zonh_1{ position:absolute; left:0; right:0; top:0; bottom:0; margin:auto 0;}
.ads_warp .zonh_1.first-ele{ height:200px;}
.ads_warp .zonh_c{ height:100px; border-bottom:1px dashed #fff; background:#fec038; color:#fff;}
.ads_warp .zonh_2 .zonh_c{ background:#fa7d67;}
.ads_warp .zonh_c h2{ font-size:12px; text-indent:8px; line-height:40px; color:#fff;}
.ads_warp .zonh_c b,.ads_warp .zonh_c span{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; height:40px; line-height:40px;}
.ads_warp .zonh_c b{ width:36px; background:url(../image/ads.png) no-repeat; margin:0 20px 0 50px;}
.ads_warp .zonh_c span{ font-size:20px;}
.ads_warp .zonh_c.item01 b{ background-position:0 0;}
.ads_warp .zonh_c.item02 b{ background-position:-37px 0;}
.ads_warp .zonh_c.item03 b{ background-position:0 -41px;}
.ads_warp .zonh_c.item04 b{ background-position:-37px -41px;}
.ads_warp .pingj{ width:968px; height:200px; overflow:hidden; position:relative;}
.ads_warp .pingj .pingj_c{ position:absolute; top:0; bottom:0; left:0; right:0; margin:auto 0; height:0; background:#f5f5f5; overflow:hidden;}
.ads_warp .pingj .first-ele{ height:200px;}
.ads_warp .pingj ul{ overflow:hidden;}
.ads_warp .pingj li{ float:left; margin-right:12px;}
.ads_warp .pingj .hd{ width:80px; padding:28px 18px 0; float:left; text-align:center;}
.ads_warp .pingj .hd img{ -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
.ads_warp .pingj .hd p{ height:36px; line-height:36px; color:#;}
.ads_warp .pingj .bd{ width:308px; padding:0 18px; margin-top:12px; position:relative; background:#fff; border:1px solid #eee; height:172px; float:left; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
.ads_warp .pingj .bd span{ line-height:44px;}
.ads_warp .pingj .bd em{ font-size:16px; color:#f40;}
.ads_warp .pingj .bd p{ line-height:18px; height:72px; overflow:hidden; color:#333; text-align:justify;}
.ads_warp .pingj .bd a{ display:block; margin-top:10px; color:#999; text-decoration:underline; overflow:hidden; line-height:18px;}
.ads_warp .pingj .bd i{ width: 18px; height: 30px; position: absolute; background: url(../image/ads.png) 0 -82px; top: 60px; left: -18px;}