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



/*****************Tab切换样式********************/
.topic-tab{ overflow: hidden; margin: 30px auto !important; padding: 30px 10px 20px; border-radius: 5px; box-sizing: border-box;}
.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;}

/*************** 专题模板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;}