/****************
 公用样式
****************/
*{margin:0; padding:0;}

.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear{display:inline-block;}/* Hides from IE-mac \*/
* html .clear{height:1%;}
* .clear{display:block;}


body {font-family: Arial, Helvetica, sans-serif; font-size:14px; background:#211F20;}

a{text-decoration:none;}

a img{border:0;}

.editInfo ul, ol{margin:10px 10px 10px 30px;}
.editInfo {line-height:150%;}

#mainWarpper{background:#FFF;}

#headerBox{background:url(images/bg_header.png) #211F20 repeat-x 0 0; height:90px; overflow:hidden;}
#headerWrapper{width:970px; margin:0 auto;}

#logo{float:left; padding:30px 0 10px 0;}

#headerMenu{padding:49px 0 0 0;}
#headerMenu ul{float:right; background:url(images/bg_menu.png) no-repeat; width:620px; height:41px;}
#headerMenu li{float:left; text-align:center; list-style:none; color:#FFF; padding:16px 0 0 0;}
#headerMenu li a{color:#FFF; font-size:14px; font-family:微软雅黑, 黑体, 'Arial Black';}
#headerMenu li a:hover{color:#FC0;}
#headerMenu li a.hover{color:#333; font-weight:bold;}
#headerMenu #m_index{width:80px;}
#headerMenu #m_special{width:65px;}
#headerMenu #m_women{width:80px;}
#headerMenu #m_men{width:80px;}
#headerMenu #m_kid{width:75px;}
#headerMenu #m_brand{width:75px;}
#headerMenu #m_store{width:75px;}
#headerMenu #m_imagesearch{width:85px;}

#headerMenu.index ul{background-position:0 -50px;}
#headerMenu.special ul{background-position:0 -100px;}
#headerMenu.women ul{background-position:0 -150px;}
#headerMenu.men ul{background-position:0 -200px;}
#headerMenu.kid ul{background-position:0 -250px;}
#headerMenu.brand ul{background-position:0 -300px;}
#headerMenu.store ul{background-position:0 -350px;}
#headerMenu.imagesearch ul{background-position:0 0;}
#headerMenu.imagesearch ul li a.hover{color:#FFF;}

#contentBox{width:970px; margin:15px auto;}

#footerBox{background:url(images/bg_footer.png) repeat-x #211F20;}
#footerWrapper{width:970px; margin:0 auto; padding:10px; height:30px;}
#footerNav{float:left;}
#footerNav li{display:inline; border-right:1px solid #666; padding:0 5px!important; padding:0 5px 0 10px;}
#footerNav li.end{border:0;}
#footerNav li a{color:#999;}
#footerCopyright{float:right; color:#999; font-weight:bold;}

.banner{overflow:hidden; background:#DDD;}

.goodsList{}
.goodsList li{float:left; list-style:none;}
.goodsList li .image{height:160px; overflow:hidden;}
.goodsList li .price{font-weight:bold; color:#666;}
.goodsList li .price span{color:#C00; margin-left:5px;}
.goodsList li .name a{color:#808080;}
.goodsList li .stores{color:#060;}
.goodsList li .same{padding:5px 0;}
.goodsList li .same a{margin-right:5px; color:#666;}

.pagerGoods {text-align:center;}
.pagerGoods li{display:inline; list-style:none; margin:0 10px; color:#666;}
.pagerGoods li.hover{background:#A0A0E6; padding:5px 10px;}
.pagerGoods li a{color:#666;}
.pagerGoods li.hover a{color:#FFF;}

/****************
 首页
****************/
#indexLeftBox{float:left; width:320px;}
#indexRightBox{float:right; width:635px;}

#indexSearch{background:url(images/bg_index_left.png) #DDD no-repeat 0 bottom; padding:20px 0 180px 0;}
#indexSearch form{display:block; width:260px; height:29px; overflow:hidden; background:#FFF; margin:0 auto; border:1px solid #CCC;}
#indexSearch form .inputArea{float:left; padding:7px; width:200px; border:0;}
#indexSearch form .button{float:right; margin:2px;}
#indexSearch dl{width:260px; margin:0 auto; padding-top:10px; font-size:12px; line-height:150%;}
#indexSearch dt, #indexSearch dd{display:inline; margin-right:10px;}
#indexSearch dt, #indexSearch dd a{color:#666;}

#indexBrand{background:url(images/bg_index_left_1.png) repeat-x;}
#indexBrand ul{width:200px; margin:0 auto;}
#indexBrand li{list-style:none; border-bottom:1px dotted #CCC; height:35px; line-height:35px; overflow:hidden;}
#indexBrand li.end{border:0;}
#indexBrand li img{float:left; margin:5px; border:1px solid #CCC; padding:1px;}
#indexBrand li a.name{float:right;}
#indexBrand li, #indexBrand li a{color:#333;}

#indexBanner{height:315px; width:635px;}

#indexCategory{margin:15px 0 0 0;}
#indexCategory div{float:left; width:50%;}
#indexCategory div h3{text-align:right; margin:10px; padding:10px 0; border-bottom:2px dashed #CCC;}
#indexCategory div dl{padding:10px 15px;}
#indexCategory div dt{font-weight:bold; padding:0 0 5px 0;}
#indexCategory div dt a{color:#333;}
#indexCategory div dd{display:inline; margin-right:10px;}
#indexCategory div dd a{color:#666; white-space:nowrap;}
#indexCategoryMen h3{background:url(images/label_men.png) no-repeat 0px 10px; color:#FFF;}
#indexCategoryWomen{background:#E8E6E7;}
#indexCategoryWomen h3{background:url(images/label_women.png) no-repeat 0px 10px; color:#E8E6E7;}

/****************
 单页面
****************/
#pageWrapper{margin:15px 0;}

/****************
 公司介绍页面
****************/
#companyWrapper{background:#F1F1F1; padding:20px; margin:15px 0;}
#pageCompanyLeft{float:left; width:180px;}
#pageCompanyRight{background:#FFF; float:right; width:710px; padding:20px;}

#companyMenu{text-align:right; font-size:16px; font-weight:bold; margin-top:20px;}
#companyMenu li{list-style:none; padding:0 10px 0 50px; margin:10px 0 10px 20px; background:url(images/bg_company_menu.png) no-repeat;}
#companyMenu li a{display:block; padding:10px 20px 10px 10px; color:#666; background:#F1F1F1;}
#companyMenu li.hover a, #companyMenu li a:hover{color:#E5282E;}
#companyMenu li.hover a{background:url(images/bg_tips_1.png) #F1F1F1 no-repeat right 12px;}
#companyMenu #cm_1{background-position:-60px -10px;}
#companyMenu #cm_2{background-position:-60px -70px;}
#companyMenu #cm_3{background-position:-60px -130px;}
#companyMenu #cm_4{background-position:-60px -190px;}
#companyMenu #cm_5{background-position:-60px -250px;}
#companyMenu #cm_6{background-position:-60px -310px;}
#companyMenu #cm_1.hover{background-position:0 -10px;}
#companyMenu #cm_2.hover{background-position:0 -70px;}
#companyMenu #cm_3.hover{background-position:0 -130px;}
#companyMenu #cm_4.hover{background-position:0 -190px;}
#companyMenu #cm_5.hover{background-position:0 -250px;}
#companyMenu #cm_6.hover{background-position:0 -310px;}

/*
品牌列表
*/
#brandBanner{width:970px; height:250px;}
#brandBanner li{display:none;}
#brandBanner li.show{display:block;}
#brandBannerControl{background:#000; position:absolute; margin-top:-25px; width:970px; height:25px; overflow:hidden;}
#brandBannerControl a{color:#FFF; float:left; line-height:25px; text-align:center;}
#brandBannerControl a:hover, #brandBannerControl a.hover{background:#C00;}

#brandList{margin-top:15px;}
#brandList h2{background:#E5E5E5; padding:5px 10px; color:#666; font-size:16px;}
#brandList ul{background:#F0F0F0; padding:10px;}
#brandList ul li{list-style:none; float:left; width:20%; height:100px; text-align:center; padding:10px 0;}
#brandList ul li img{border:2px solid #CCC;}
#brandList ul li span{display:block; padding:5px;}
#brandList ul li a{color:#666;}
#brandList ul li a:hover{color:#C00;}
#brandList ul li a:hover img{border-color:#999;}

#brandListNext{display:block; width:300px; margin:10px auto; font-weight:bold; background:#C66; color:#FFF; text-align:center; padding:10px 0;}

/*
品牌详细页面
*/
#brandDetail{background:#F0F0F0; font-size:12px;}
#brandDetailLogo{text-align:center; padding:40px 0 20px 0;}
#brandDetailLogo img{border:2px solid #333;}
#brandDetailInfo{padding:20px; color:#666; font-size:14px;}

#brandGoodsHeader{background:#E5E5E5; height:30px; padding:0 10px;}
#brandGoodsHeader, #brandGoodsHeader a{color:#E71612;}
#brandGoodsCategory{float:left; width:750px; overflow:hidden; height:30px;}
#brandGoodsCategory a{margin-left:10px;}
#brandGoodsTotal{float:right;}
#brandGoodsCategory, #brandGoodsTotal{line-height:30px;}

#brandGoods ul{padding:10px;}
#brandGoods .goodsList{border:10px solid #F0F0F0;}
#brandGoods .goodsList li{width:20%; font-size:12px;}
#brandGoods .goodsList li .image{margin-bottom:10px;}
#brandGoods .goodsList li .price{font-size:14px;}
#brandGoods .goodsList li .name{padding:5px 0; line-height:150%; padding-right:20px;}

/*
商家列表
*/
#storesBanner{background:#F0F0F0; padding-bottom:15px;}
#storesBanner h2{color:#888; font-size:16px; padding:10px 15px 5px 15px;}
#storesBannerBox{height:200px; background:#000; margin:0 15px;}
#storesBannerList{height:190px; width:820px; background:none; margin:0 auto; padding:5px 0;}
#storesBannerList li{float:left; list-style:none; margin-right:5px;}
#storesBannerList li.end{margin-right:0;}
#storesBannerControlPrev, #storesBannerControlNext{background:url(images/bg_stores_banner_button.gif) no-repeat 0 -25px; width:25px; height:25px; margin-top:80px;}
#storesBannerControlPrev{float:left; margin-left:20px;}
#storesBannerControlPrev:hover{background-position:0 -50px;}
#storesBannerControlNext{float:right; margin-right:20px; background-position:-25px -25px;}
#storesBannerControlNext:hover{background-position:-25px -50px;}
#storesBannerControlPrev.inval{background-position:0 0;}
#storesBannerControlNext.inval{background-position:-25px 0;}

#storesList{background:#F0F0F0;}
#storesList h2{background:#E5E5E5; color:#888; font-size:16px; padding:6px 15px;}
#storesListService{color:#FF025F; font-weight:bold; float:right; line-height:30px; padding-right:15px;}
#storesList ul{background:#F0F0F0; padding:10px;}
#storesList ul li{list-style:none; float:left; width:25%; text-align:center; padding:10px 0;}
#storesList ul li img{border:2px solid #CCC;}
#storesList ul li span{display:block; padding:5px;}
#storesList ul li a{color:#666;}
#storesList ul li a:hover{color:#C00;}
#storesList ul li a:hover img{border-color:#666;}

#storesListNext{display:block; width:300px; margin:10px auto; font-weight:bold; background:#C66; color:#FFF; text-align:center; padding:10px 0;}

/*
商品详情
*/
#goodHeader{background:#F0F0F0;}
#goodHeader{padding:15px; color:#666; font-size:12px;}
#goodBreadcrumb{float:left;}
#goodBreadcrumb a{color:#666; font-weight:bold; font-size:14px;}
#goodBreadcrumb span{margin:0 5px;}
#goodStoresTotal{float:right;}

#goodImageBox{clear:both; background:#000; border:15px solid #F0F0F0; border-top:0; padding:30px;}
#goodByShape{text-align:right;}
#goodByColor, #goodByShape{width:180px;}
#goodByShapeControl, #goodByColorControl{width:100px; text-align:center;}
#goodByShapeControl a, #goodByColorControl a{color:#999; display:block; background:url(images/bg_good_button.gif) no-repeat 0 -25px; height:25px; line-height:25px;}
#goodByColorControl a{margin-left:10px; padding-left:10px;}
#goodByShapeControl a{background-position:right -100px; margin-right:10px; padding-right:10px;}
#goodByColorControl a:hover{background-position:0 -50px; color:#FFF;}
#goodByShapeControl a:hover{background-position:right -125px; color:#FFF;}

#goodStores{background:#F0F0F0; padding:0 15px 15px 15px;}
#goodStores table td{padding:10px; background:#E5E5E5; border-bottom:2px solid #FFF;}
#goodStores table tr.end td{border:0;}
#goodStores .name{color:#E61623; font-weight:bold; margin-bottom:5px;}
#goodStores .total, #goodStores .desc{line-height:180%; font-size:12px; color:#888;}
#goodStores .price{color:#E61623; font-weight:bold; text-align:center; font-size:18px;}
#goodStores .link{text-align:center;}

/*
分类列表页
*/
#pageCategoryBox{background:#F0F0F0; border:1px solid #DADADA;}
#pageCategoryLeft{width:190px; border-right:1px solid #DADADA;}
#pageCategoryRight{width:760px; padding:8px;}

#categoryFilter h2{font-size:16px; padding:20px; color:#333;}
#categoryFilter div{background:#FFF; border:1px solid #DADADA; border-left:0; border-right:0; font-size:12px;}
#categoryFilter div h3{color:#000; font-size:12px; padding:10px;}
#categoryFilter div ul{line-height:20px;}
#categoryFilter div ul li{padding:2px 10px 2px 20px; background:url(images/bg_category_tips.gif) no-repeat 10px 10px; list-style:none;}
#categoryFilter div ul li a{color:#333;}
#categoryFilter div ul li.hover{background:url(images/bg_category_tips.gif) #F31216 no-repeat 10px -45px;}
#categoryFilter div ul li.hover a{color:#FFF;}

#resultColorBox ul{height:310px; overflow:auto;}

#categorySearchBox{background:#FFF; font-size:12px; padding:15px;}
#categorySearchBox form{float:left; width:260px; height:29px; overflow:hidden; background:#FFF; margin:0 auto; border:1px solid #CCC;}
#categorySearchBox form .inputArea{float:left; padding:7px; width:200px; border:0;}
#categorySearchBox form .button{float:right; margin:2px;}
#categorySearchBox dl{float:left; height:30px; line-height:30px; margin-left:20px;}
#categorySearchBox dt, #categorySearchBox dd{display:inline;}
#categorySearchBox dl, #categorySearchBox dl a{color:#888;}
#categorySearchBox dd{margin-right:10px;}

#categoryStoreBox{background:#FFF; padding:0 15px 15px 15px;}
#categoryStoreBox dt{color:#F41216; padding-bottom:5px;}
#categoryStoreBox dd{font-size:12px; display:inline; line-height:200%; margin-right:10px;}
#categoryStoreBox dd.hover a{color:#F41216;}
#categoryStoreBox dd a{color:#666; white-space:nowrap;}

#categoryTips{background:#E5E5E5; font-size:12px; padding:10px 15px;}

#categoryGoodsFilter{background:#E5E5E5; margin-top:10px; padding:0 15px; font-size:12px; border:1px solid #E5E5E5;}
#categoryGoodsFilter dt, #categoryGoodsFilter dd{float:left; height:35px; line-height:35px;}
#categoryGoodsFilter dt{margin-right:10px;}
#categoryGoodsFilter dd{padding:0 30px;}
#categoryGoodsFilter dd.hover{background:url(images/bg_category_goods_filter.png) repeat-x;}
#categoryGoodsFilter dd a{color:#333;}

#categoryGoods{background:#FFF; font-size:12px;}
#categoryGoods ul{padding:20px 15px;}
#categoryGoods ul li{width:25%;}
#categoryGoods ul li .name{line-height:150%; padding:5px 20px 5px 0;}
#categoryGoods ul li .price{font-size:14px;}

#categoryGoodsPager ul{padding:50px 0; background:#FFF;}

/*
 看图找鞋 
 */
#imageSearchGoods ul{margin:20px 0;}
#imageSearchGoods ul li{width:20%;}
#imageSearchGoods ul li .image{margin-bottom:5px;}
#imageSearchGoods ul li .same{padding:5px 0;}
#imageSearchGoods ul li .same a{margin-right:5px; color:#666;}

/*
 特惠
 */
#specialGoods ul{margin:20px 0;}
#specialGoods ul li{width:20%;}
#specialGoods ul li .name{padding:5px 20px 5px 0; line-height:150%;}
#specialGoods ul li .image{margin-bottom:5px;}
#specialPager{padding:50px 0;}