@charset "utf-8";
/* CSS Document */
.site-footer{ margin-top: 0px;}
.footer-related{ padding: 0px;}

/***********广告组1***********/
.ad-groups1{ margin: 15px auto !important;}

/***********广告组2***********/
.ad-groups2{  margin-top: 10px;}
.ad-groups2 ul{ width: 1220px; display: inline-block; overflow: hidden;}
.ad-groups2 ul li{ width: 600px; margin-right: 10px; float: left; display: inline-block; overflow: hidden;}
.ad-groups2 ul li a:hover{ opacity: .8; filter: alpha(opacity=80)}
.ad-groups2 ul li a img{ width: 600px; height: auto;}

/***********广告组4***********/
.ad-groups4 { position: relative; height: 150px; margin-top: 15px;}
.ad-groups4 .ad-groups4-list .item{ position: relative; width: 295px; height: 150px; margin-right: 10px; overflow: hidden; float: left;}
.ad-groups4 .ad-groups4-list .item.last{ margin-right: 0px;}

/***********广告组5***********/
.ad-groups5 { overflow: hidden; margin: 15px auto !important;}
.ad-groups5 .ad-groups5-layout { width: 1240px;}
.ad-groups5 .ad-groups5-list { *margin-bottom:10px;}
.ad-groups5 .ad-groups5-list .item { float: left; width: 242px; height: 350px; overflow: hidden;}
.ad-groups5 .ad-groups5-list .item .ad-img { display: block; width: 242px; height: 350px;}

/***********广告组***********/
.ad-groups-more { position: relative; height: 383px; margin-top: 15px;}
.ad-groups-more .ad-groups-more-left { position: relative; float: left; width: 402px; height: 383px; overflow: hidden;}
.ad-groups-more .ad-groups-more-left a.ad-groups-more-left-top, .ad-groups-more .ad-groups-more-left a.ad-groups-more-left-down { display: block; border: 1px solid #eee; width: 400px; height: 190px;}
.ad-groups-more .ad-groups-more-left a.ad-groups-more-left-down { border-top: 0;}
.ad-groups-more .ad-groups-more-left img { display: block; width: 400px; height: 190px;}
.ad-groups-more .ad-groups-more-right { position: relative; float: left; width: 797px; height: 383px; background: #EEE; margin: 0 0 0 10px;}
.ad-groups-more .ad-groups-more-right li { float: left; width: 198px; height: 190px; margin: 1px 0 0 1px;}
.ad-groups-more .ad-groups-more-right li a { display: block; width: 198px; height: 190px; position: relative;}
.ad-groups-more .ad-groups-more-right li a:hover { box-shadow: 0 0 8px #ddd; z-index: 1;}
.ad-groups-more .ad-groups-more-right img { display: block; width: 198px; height: 190px;}

/*****************Tab切换样式********************/
.topic-tab{ overflow: hidden; margin: 30px auto !important; padding: 30px 10px 20px; border-radius: 5px;}
.topic-tab .tabs-nav { width: 100%; height: 50px; border-style: solid; border-width: 0 0 2px 0; position: relative; float: left; z-index: 1;}
.topic-tab .tabs-nav li { width: 25%; height: 50px; float: left; padding: 0; position: relative; z-index: 1; cursor: pointer; text-align: center;}
.topic-tab .tabs-nav li h3 { width: 95%; font-size: 20px; font-weight: 400; line-height: 50px; margin: 0 auto; text-align: center; border-radius: 5px 5px 0px 0px; color: #fff;}
.topic-tab .tabs-nav .tabs-selected { border-style: solid; border-width: 0 0 2px 0;}
.topic-tab .tabs-nav .tabs-selected h3 { color: #fff;}
.topic-tab .tabs-panel { width: 1210px; overflow: hidden;}
.topic-tab .tabs-panel.tabs-hide { display: none !important;}
.topic-tab .tabs-panel ul { width: 1210px; padding: 15px 0px; overflow: hidden;}
.topic-tab .tabs-panel ul li { width: 280px; height: 390px; background-color: #fff; float: left; overflow: hidden; margin: 0px 7px 0px 8px; border: 1px #fff 
 solid;}
.topic-tab .tabs-panel ul li dl { width: 280px; margin: 0 auto auto;}
.topic-tab .tabs-panel ul li dl dt.goods-thumb { width: 280px; height: 280px;}
.topic-tab .tabs-panel ul li dl dt.goods-thumb a { text-align: center; vertical-align: middle; display: block; width: 280px; height: 280px; overflow: hidden;}
.topic-tab .tabs-panel ul li dl dt.goods-thumb img { max-width: 280px; max-height: 280px; }
.topic-tab .tabs-panel ul li dl dd.goods-info { width: 280px; height: 110px; border: none; overflow: hidden; text-align: center;}
.topic-tab .tabs-panel ul li dl dd.goods-info .goods-name{ width: 240px; height: 20px; line-height: 20px; font-size: 14px; margin-top: 10px; text-align: left; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.topic-tab .tabs-panel ul li dl dd.goods-info .goods-price { width: 240px; height: 30px; line-height: 30px; font-size: 16px; font-weight: bold; text-align: left; margin: 0 auto;}
.topic-tab .tabs-panel ul li dl dd.goods-info .topic-add-cart{ width: 240px; height: 35px; line-height: 35px; color: #fff; text-align: center; margin: 0 auto; display: inline-block;}

.topic-tab .tabs-panel ul li:hover dl dd.goods-info .goods-name{ color: #fff;}
.topic-tab .tabs-panel ul li:hover dl dd.goods-info .goods-price { color: #fff;}
.topic-tab .tabs-panel ul li:hover dl dd.goods-info .topic-add-cart{ background-color: #fff;}

/*商品楼层*/
.topic-goods{ overflow: hidden; margin: 10px auto !important;}
.topic-goods .tabs-panel { width: 1210px; overflow: hidden;}
.topic-goods .tabs-panel ul { width: 1210px; padding: 15px 0px; overflow: hidden;}
.topic-goods .tabs-panel ul li { width: 230px; height: 340px; background-color: #fff; float: left; overflow: hidden; margin: 0px 0px 12px 12px; border: 1px #fff solid;}
.topic-goods .tabs-panel ul li.first{ margin-left: 1px;}
.topic-goods .tabs-panel ul li dl { width: 230px; margin: 0 auto auto;}
.topic-goods .tabs-panel ul li dl dt.goods-thumb { width: 230px; height: 230px;}
.topic-goods .tabs-panel ul li dl dt.goods-thumb a { text-align: center; vertical-align: middle; display: block; width: 230px; height: 230px; overflow: hidden;}
.topic-goods .tabs-panel ul li dl dt.goods-thumb img { max-width: 230px; max-height: 230px; }
.topic-goods .tabs-panel ul li dl dd.goods-info { width: 230px; height: 110px; border: none; overflow: hidden; text-align: center;}
.topic-goods .tabs-panel ul li dl dd.goods-info .goods-name{ width: 210px; height: 20px; line-height: 20px; font-size: 14px; margin-top: 10px; text-align: left; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.topic-goods .tabs-panel ul li dl dd.goods-info .goods-price { width: 210px; height: 30px; line-height: 30px; font-size: 16px; font-weight: bold; text-align: left; margin: 0 auto;}
.topic-goods .tabs-panel ul li dl dd.goods-info .topic-add-cart{ width: 210px; height: 35px; line-height: 35px; color: #fff; text-align: center; margin: 0 auto; display: inline-block;}

.topic-goods .tabs-panel ul li:hover dl dd.goods-info .goods-name{ color: #fff;}
.topic-goods .tabs-panel ul li:hover dl dd.goods-info .goods-price { color: #fff;}
.topic-goods .tabs-panel ul li:hover dl dd.goods-info .topic-add-cart{ background-color: #fff;}

/***************横条广告***************/
.banner-ad{ width: 1210px; height: 100px; display: inline-block;}

/*自定义模块*/
.custom-box{ width: 100%; height: auto; margin: 0 auto;}
.custom-box .custom{ width: 100%; height: auto; text-align: center;}
.custom-box .custom img { max-width: 100%; height: auto; margin: 0 auto;}

/*************** 首页楼层模板2 **********/
.shop-ad-group2{ width: 1210px; height: 980px; position: relative; margin: 80px auto 20px;}
.shop-ad-group2 .shop-ad{ position: absolute;}
.shop-ad-group2 .shop-ad1{ width: 650px; height: 580px; left: 0px; top: 0px;}
.shop-ad-group2 .shop-ad2{ width: 540px; height: 580px; right: 0px; top: 0px;}
.shop-ad-group2 .shop-ad3{ width: 380px; height: 380px; left: 0px; top: 600px;}
.shop-ad-group2 .shop-ad4{ width: 810px; height: 380px; right: 0px; top: 600px;}

.shop-category-ad2{ width: 1110px; height: 100%; padding: 40px 50px 30px; margin: 0 auto; clear: both; position: relative; box-sizing: content-box;}
.shop-category-ad2 .shop-category-con{ width: 1120px; height: 100%; display: inline-block;}
.shop-category-ad2 .shop-category-con a{ float: left; width: 145px; height: 200px; margin-right: 15px; margin-bottom: 10px;}
.shop-category-ad2 .shop-category-con a.last{ margin-right: 0px;}
.shop-floor2{ margin-top: 20px;}
.shop-floor2 h2{ height: auto; padding: 0px; position: relative;}
.shop-floor2 .shop-floor-goods,.shop-floor2 .shop-floor-ad{ margin-top: 15px; display: inline-block; position: relative;}
.shop-floor2 .shop-floor-ad .shop-floor-ad-img{ display: inline-block; width: 1210px; height: auto;}
.shop-floor2 .shop-floor-goods .shop-goods { width: 290px; height: 350px; float: left; margin-left: 16px; margin-bottom: 10px;}
.shop-floor2 .shop-floor-goods .shop-goods.shop-goods-spe{ margin-left: 0px;}
.shop-floor2 .shop-floor-goods .shop-goods a { width: 290px; height: 350px; float: left; display: block; position: relative; z-index: 10; overflow: hidden; font-size: 12px; text-align: center; text-decoration: none; color: #FFF;}
.shop-floor2 .shop-floor-goods .shop-goods .shop-goods-masked { width: 290px; height: 290px; float: left;}
.shop-floor2 .shop-floor-goods .shop-goods .shop-goods-masked img{ width: 290px; height: 290px;}
.shop-floor2 .shop-floor-goods .shop-goods-name{ width: 290px; height: 50px; position: absolute; bottom: 0px; left: 0px;}
.shop-floor2 .shop-floor-goods .shop-goods-name .goods-name{ font-size: 14px; color: #666; padding: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.shop-floor2 .shop-floor-goods .shop-goods-name .goods-price{ font-size: 18px;}


/*************** 首页楼层模板3 **********/
.shop3-title{ width: 100%; height: auto; text-align: center; padding: 30px 0px; position: relative}
.shop3-title a.title{ width: 100%; height: 100%; display: inline-block;}
.shop3-title a.title img, .shop3-title a img { max-width: 1210px; height: auto;}

.shop-ad-group3{ width: 1210px; height: auto; margin: 20px auto;}
.shop-ad-group3 .shop-ad-group3-con{ height: auto;}
.shop-ad-group3 .shop-ad-group3-con .shop-ad-group-up{ width: 1210px; height: auto; position: relative;}
.shop-ad-group3 .shop-ad-group3-con .shop-ad-group-up .shop-ad1{ width: 1210px; height: 100%;}
.shop-ad-group3 .shop-ad-group3-con .shop-ad-group-up .shop-ad1 img { max-width: 1210px; height: auto;}
.shop-ad-group3 .shop-ad-group3-con .shop-ad-group-middle{ width: 1210px; height: 265px; position: relative;}
.shop-ad-group3 .shop-ad-group3-con .shop-ad-group-middle .shop-ad2{ width: 595px; height: 245px; position: absolute; left: 0px; top: 20px;}
.shop-ad-group3 .shop-ad-group3-con .shop-ad-group-middle .shop-ad3{ width: 595px; height: 245px; position: absolute; right: 0px; top: 20px;}
.shop-ad-group3 .shop-ad-group3-con .shop-ad-group-middle .shop-ad2 img, .shop-ad-group3 .shop-ad-group3-con .shop-ad-group-middle .shop-ad3 img { width: 595px; height:  245px;}
.shop-ad-group3 .shop-ad-group3-con .shop-ad-group-down{ width: 1210px; height: 195px; position: relative;}
.shop-ad-group3 .shop-ad-group3-con .shop-ad-group-down .shop-ad4{ width: 390px; height: 175px; position: absolute; left: 0px; top: 20px;}
.shop-ad-group3 .shop-ad-group3-con .shop-ad-group-down .shop-ad5{ width: 390px; height: 175px; position: absolute; left: 410px; top: 20px;}
.shop-ad-group3 .shop-ad-group3-con .shop-ad-group-down .shop-ad6{ width: 390px; height: 175px; position: absolute; right: 0px; top: 20px;}
.shop-ad-group3 .shop-ad-group3-con .shop-ad-group-down .shop-ad4 img,.shop-ad-group3 .shop-ad-group3-con .shop-ad-group-down .shop-ad5 img,.shop-ad-group3 .shop-ad-group3-con .shop-ad-group-down .shop-ad6 img{ width: 390px; height: 175px;}

.shop-category-ad3{ width: 1210px; height: 100%; padding: 0px 0px 30px; margin: 0 auto; clear: both;}
.shop-category-ad3 .shop-category-con{ width: 1210px; height: 100%; display: inline-block; position: relative;}
.shop-category-ad3 .shop-category-con .shop-category-item{ float: left; width: 145px; height: 200px; margin-right: 32px; margin-bottom: 10px;}
.shop-category-ad3 .shop-category-con a.last{ margin-right: 0px;}

.shop-floor3{ margin-bottom: 30px;}
.shop-floor3 .shop-floor3-goods{ width: 100%; height: auto; display: inline-block;}
.shop-floor3 .shop-floor3-goods .shop-floor3-more{ width: 280px; height: 320px; float: left; display: inline-block;}
.shop-floor3 .shop-floor3-goods .shop-goods { width: 180px; height: 240px; float: left; margin: 30px 15px; background: #fff; padding: 10px;}
.shop-floor3 .shop-floor3-goods .shop-goods:hover { margin-top: 20px; -webkit-box-shadow: 0 15px 20px rgba(0,0,0,0.1); box-shadow: 0 15px 20px rgba(0,0,0,0.1); transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.shop-floor3 .shop-floor3-goods .shop-goods .shop-goods-masked img{ width: 180px; height: 180px;}
.shop-floor3 .shop-floor3-goods .shop-goods-name .goods-name{ font-size: 14px; color: #666; padding: 5px 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.shop-floor3 .shop-floor3-goods .shop-goods-name .goods-price{ font-size: 16px;}
.shop-floor3 .shop-floor3-goods .shop-goods-spe{ margin-left: 65px;}

/*************** 专题模板4 **********/
.topic-goods-border{ overflow: hidden; margin: 10px auto !important;}
.topic-goods-border .tabs-panel { width: 1210px; overflow: hidden;}
.topic-goods-border .tabs-panel ul { width: 1210px; padding: 15px 0px; overflow: hidden;}
.topic-goods-border .tabs-panel ul li { width: 230px; height: 305px; background-color: #fff; float: left; overflow: hidden; margin: 0px 0px 12px 12px; border-width: 1px; border-style: solid;}
.topic-goods-border .tabs-panel ul li.first{ margin-left: 1px;}
.topic-goods-border .tabs-panel ul li dl { width: 230px; margin: 0 auto auto;}
.topic-goods-border .tabs-panel ul li dl dt.goods-thumb { width: 230px; height: 230px;}
.topic-goods-border .tabs-panel ul li dl dt.goods-thumb a { text-align: center; vertical-align: middle; display: block; width: 230px; height: 230px; overflow: hidden;}
.topic-goods-border .tabs-panel ul li dl dt.goods-thumb img { max-width: 230px; max-height: 230px; }
.topic-goods-border .tabs-panel ul li dl dd.goods-info { width: 230px; height: 75px; border: none; overflow: hidden; text-align: center;}
.topic-goods-border .tabs-panel ul li dl dd.goods-info .goods-name{ width: 210px; height: 20px; line-height: 20px; font-size: 14px; margin-top: 10px; text-align: left; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.topic-goods-border .tabs-panel ul li dl dd.goods-info p{ width: 210px; height: 30px; line-height: 30px; margin: 0 auto; overflow: hidden;}
.topic-goods-border .tabs-panel ul li dl dd.goods-info p .goods-price { width: 120px; height: 30px; line-height: 30px; font-size: 16px; font-weight: bold; text-align: left; margin: 0 auto;}
.topic-goods-border .tabs-panel ul li dl dd.goods-info p .topic-add-cart{ width: 90px; height: 30px; line-height: 30px; color: #fff; text-align: center;  display: inline-block;}
.topic-goods-border .tabs-panel ul li dl dd.goods-info p .topic-add-cart:hover{ opacity: .8;}