/* 基本布局样式 */
/* 头部 */
.header .top .left{
	float: left;
	height: 45px;
	line-height: 45px;
}
.header .top .left a{
	color: #666;
	display: inline-block;
	margin-right: 8px;
}
.header .top .left a:nth-child(1){
	color: red;
}
.header .top .right{
	height: 45px;
	line-height: 45px;
	float: right;
}
.header .top .right .link{
	float: left;
	height: 45px;
	width: 90px;
	text-align: center;
}
.header .top .right .link > a{
	color: #666;
	display: block;
	position: relative;
}
.header .top .right .link > a:hover{
	color: red;
}
.header .top .right .link > a.hasDetail:hover{
	background: #fff;
}
.header .top .right .link:hover > .link-detail{
	display: block;
	background: #fff;
}
.header .top .right a img{
	width: 16px;
	height: 16px;
	padding-left: 5px;
	vertical-align: middle;
}
.header .top .right .link .link-detail{
	background: #fff;
	position: relative;
	z-index: 3;
	display: none;
}
.header .top .right .link .link-detail > a{
	display: block; 
	color: #666;
	text-align: center;
}
.header .top .right .link .link-detail > a:hover{
	background: #ccc;
}
.header .bottom .logo{
	width: 142px;
	height: 125px;
	line-height: 125px;
	float: left;
}
.header .bottom .logo img{
	width: 100%;
	height: 48px;
	display: inline-block;
	margin-top: 38px;
}
.header .bottom .search{
	width: 675px;
	margin-left: 140px;
	height: 40px;
	margin-top: 42px;
	display: inline-block;
}
.header .bottom .search .searchInput{
	width: 588px;
	height: 38px;
	border: 1px solid #ccc;
	padding-left: 10px;
	vertical-align: middle;
}
.header .bottom .search .searchSubmit{
	width: 74px;
	height: 40px;
	background: #000;
	color: #fff;
	font-size: 15px;
	vertical-align: middle;
	cursor: pointer;
	border:none;
}
.header .bottom .shoppingCart{
	width: 161px;
	height: 40px;
	margin-top: 42px;
	float: right;
}
.header .bottom .shoppingCart .con{
	background: red;
	color: #fff;
	height: 40px;
}
.header .bottom .shoppingCart .con .left{
	width: 40px;
	height: 40px;
	background: url(../img/icon/26.png) center no-repeat;
	float: left;
}
.header .bottom .shoppingCart .con p{
	height: 40px;
	width: 90px;
	line-height: 40px;
	float: left;
	text-align: center;
}
.header .bottom .shoppingCart .con .right{
	width: 31px;
	height: 40px;
	background: url(../img/icon/23.png) center no-repeat;
	float: right;
}
/* 购物车详情 */
.header .bottom .shoppingCart .con:hover{
	color: red;
	background: #fff;
}
.header .bottom .shoppingCart .con:hover > .left{
	background: url(../img/icon/25.png) center no-repeat;
}
.header .bottom .shoppingCart .con:hover > .right{
	background: url(../img/icon/22.png) center no-repeat;
}
.header .bottom .shoppingCart .con:hover .shopping-detail{
	display: block;
}
/* 购物车子菜单 */
.header .bottom .shoppingCart .con .shopping-detail{
	width: 350px;
	border: 1px solid #ccc;
	background:#fff;
	z-index: 3;
	position: relative;
	box-sizing: border-box;
	cursor:default;
	display: none;
}
.header .bottom .shoppingCart .con .shopping-detail .caption{
	height: 60px;
	line-height: 60px;
	width: 90%;
	margin: 0 15px;
	padding-left: 10px;
	font-size: 17px;
	font-weight: bold;
	background:white;
	color: #666;
}
.header .bottom .shoppingCart .con .shopping-detail .main{
	height: 340px;
	width: 100%;
	margin-top: 1px;
	overflow-y:scroll;
}
.header .bottom .shoppingCart .con .shopping-detail .main .item{
	width: 90%;
	height: 60px;
	padding: 10px 0 0 15px;
	border-top: 1px solid #ccc;
}
.header .bottom .shoppingCart .con .shopping-detail .main .item:hover{
	background:#eee;
}
.header .bottom .shoppingCart .con .shopping-detail .main .item img{
	width: 50px;
	height: 50px;
	float: left;
	display: block;
}
.header .bottom .shoppingCart .con .shopping-detail .main .item .middle{
	float: left;
	color: #666;
	width: 200px;
	height: 50px;
	line-height: 50px;
	padding-left: 10px;
}
.header .bottom .shoppingCart .con .shopping-detail .main .item .middle div{
	width: 100%;
	height: 15px;
	line-height: 15px;
	font-size: 15px;
	padding-top: 5px;
}
.header .bottom .shoppingCart .con .shopping-detail .main .item .middle .item-name:hover{
	color: red;
	cursor: pointer;
}
.header .bottom .shoppingCart .con .shopping-detail .main .item .close{
	float: right;
	color: #666;
	cursor: pointer;
}
.header .bottom .shoppingCart .con .shopping-detail > .footer{
	height: 60px;
	line-height: 60px;
	width: 90%;
	padding-left: 10px;
	margin-left:15px;
	background:#fff;
}
.header .bottom .shoppingCart .con .shopping-detail .footer .left{
	float: left;
	color: #666;
	height: 60px;
	line-height: 60px;
	width: 200px;
}
.header .bottom .shoppingCart .con .shopping-detail .footer .right{
	float: right;
	width: 80px;
	height: 40px;
	color: white;
	text-align: center;
	line-height: 40px;
	background: red;
	margin-top: 10px;
	cursor: pointer;
}
/* 导航栏 */
.nav .wrap{
	padding-left: 230px;
	box-sizing: border-box;
}
.nav .wrap a{
	display: inline-block;
	height: 48px;
	line-height: 48px;
	font-size: 16px;
	color: #fff;
	margin-right: 50px;
}
/* 广告区 */
.banner > .wrap{
	position: relative;
}
.banner > .wrap > .left{
	width: 208px;
	position: absolute;
	top: -53px;
	left: 0;
	color: #fff;
}
.banner > .wrap > .left > .caption{
	width: 100%;
	height: 53px;
	line-height: 53px;
	background: #c81415;
}
.banner > .wrap > .left > .caption img{
	width: 15px;
	height: 15px;
	margin: 19px 15px 0 20px;
	display: block;
	float: left;
}
.banner > .wrap > .left > .list{
	width: 100%;
	height: 512px;
	background: red;
	position: relative;
}
.banner > .wrap > .left > .list > .item{
	width: 100%;
	height: 36px;
	line-height: 36px;
	padding: 0 10px 0 12px;
	box-sizing: border-box; 
}
.banner > .wrap > .left > .list > .item > span{
	float: right;
}
/* 右侧子菜单 */
.banner > .wrap > .left > .list > .item > .item-detail{
	width: 737px;
	background: #fff;
	position: absolute;
	top: 0;
	left: 208px;
	border-top: 2px solid #ccc;
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	box-sizing: border-box;
	color: #666;
	padding-bottom: 15px;
	display: none;
	z-index: 5;
}
.banner > .wrap > .left > .list > .item > .item-detail > .sub-item{
	color: #666;
	width: 90%;
	height: 50px;
	line-height: 50px;
	padding: 10px 0;
}
.banner > .wrap > .left > .list > .item > .item-detail > .sub-item span{
	width: 70px;
	height: 50px;
	text-align: right;
	float: left;
	margin-left: 10px;
	font-weight: bold;
	line-height: 50px;
}
.banner > .wrap > .left > .list > .item > .item-detail > .sub-item .sub-item-con{
	float: left;
	margin-left: 10px;
	width: 80%;
	height: 50px;
}
.banner > .wrap > .left > .list > .item > .item-detail > .sub-item .sub-item-con a{
	padding: 0 13px;
	float: left;
	height: 25px;
}
.banner > .wrap > .left > .list > .item > .item-detail > .sub-item .sub-item-con a:hover{
	color: red;
}
.banner > .wrap > .right > .top{
	width: 100%;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
.banner > .wrap > .right > .top .caption{
	height: 45px;
	line-height: 45px;
}
.banner > .wrap > .right > .top .caption .title{
	color: red;
	font-size: 19px;
	padding-left: 20px;
	float: left;
}
.banner > .wrap > .right > .top .caption .more{
	display: inline-block;
	float: right;
	color: #666;
	padding-right: 20px;
}
.banner > .wrap > .right > .top .lists{
	width: 100%;
	box-sizing: border-box;
	line-height: 28px;
}
.banner > .wrap > .right > .top .lists a{
	display: block;
	font-size: 14px;
	color: #666;
	padding-left: 5px;
}
.banner > .wrap > .right > .top .lists a > span{
	font-weight: bold;
}
.banner > .wrap > .right > .middle .icon{
	width: 25%;
	height: 80px;
	float: left;
	box-sizing: border-box;
	border: 1px solid #ddd;
}
.banner > .wrap > .right > .middle .icon a{
	width:52px;
	height: 52px; 
	display: block;
	margin: 14px auto;
	text-align: center;
}
.banner > .wrap > .right > .middle .icon a img{
	display: block;
	width:32px;
	height: 32px; 
	margin:0 auto;
}
.banner > .wrap > .right > .bottom{
	width: 100%;
	height: 73px;
}
.banner > .wrap > .right > .bottom img{
	width: 100%;
	height: 73px;
}
/* 主内容区 */
.main > .wrap > .floor{
	width: 100%;
	margin-top: 30px;
	position: relative;
	height: 650px;
}
/* 楼层区-标题栏 */
.main > .wrap > .floor > .caption{
	width: 100%;
	height: 100px;
}
.main > .wrap > .floor > .caption > .left{
	height: 100px;
	line-height: 100px;
	float: left;
}
.main > .wrap > .floor > .caption > .left > .icon{
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background:#000;
	border-radius: 50%;
	color: #fff;
	float: left;
	margin:35px 20px 0 20px;
}
.main > .wrap > .floor > .caption > .left > span{
	font-size: 25px;
	font-weight: bold;
}
.main > .wrap > .floor > .caption > .right{
	float: right;
}
.main > .wrap > .floor > .caption > .right > .btn{
	float: left;
	height: 100px;
	text-align: center;
	position: relative;
	z-index: 3;
	color: #666;
}
.main > .wrap > .floor > .caption > .right > .btn > span{
	margin-top: 35px;
	padding:0 20px;
	display: block;
	cursor: pointer;
}
.main > .wrap > .floor > .caption > .right > .btn-active{
	color: red!important;
}
.main > .wrap > .floor > .caption > .right > .btn > .middle-btn{
	border-left: 1px solid #666;
	border-right: 1px solid #666;
}
.main > .wrap > .floor > .caption > .right > .btn > img{
	width: 14px;
	height: 8px;
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	margin:0 auto;
	bottom: 0;
}
.main > .wrap > .floor > .caption > .right > .btn > .img-active{
	display: block;
}
/* 楼层区-商品内容区 */
.main > .wrap > .floor > .content{
	width: 100%;
	position: absolute;
	left: 0;
	display: none;
	height: 550px;
	background: #fff;
}
.main > .wrap > .floor >.content-active{
	display: block!important;
}
.main > .wrap > .floor > .content > .item{
	width: 16.666%;
	height: 220px;
	margin:30px 0;  
	float: left;
	box-sizing: border-box;
}
.main > .wrap > .floor > .content > .item > img{
	width: 114px;
	height: 114px;
	margin: 20px auto;
	display: block;
}
.main > .wrap > .floor > .content > .item > .item-name{
	text-align: center;
}
.main > .wrap > .floor > .content > .item > .item-price{
	text-align: center;
	color: red;
	margin: 10px 0 20px 0;
}
/* 友情链接区 */
.friendLink .wrap .item{
	width: 300px;
	height: 100%;
	padding: 35px 20px 0 35px;
	float: left;
	box-sizing: border-box;
}
.friendLink .wrap .item .caption{
	font-size: 18px;
	font-weight: bold;
	color: #000;
}
.friendLink .wrap .item .list{
	color: #666;
	line-height: 25px;
	padding-top: 5px;
}
.friendLink .wrap .item .list a{
	margin-right: 10px;
	float:left; 
}
/* 页脚 */
.footer{
	color: #666;
}
.footer .wrap .list{
	margin: 20px 0; 
	padding-top: 30px;
}
.footer .wrap .list a{
	float: left;
	width: 10%;
	box-sizing: border-box;
	padding: 0 20px;
}
.footer .wrap .list a:hover{
	color: #000;
}
.footer .wrap .copyright{
	text-align: center;
	padding-top: 10px;
}
/* 整体导航 */
.mainLink{
	width: 40px;
	height: 170px;
	position: fixed;
	top:0;
	bottom: 0;
	margin: auto auto;
	right:0; 
}
.mainLink .item{
	width: 40px;
	height: 40px;
	background: #ccc;
	padding-top: 8px;
	box-sizing: border-box; 
	margin-top: 1px;
	position: relative;
}
.mainLink .item .tip{
	height: 40px;
	width: 80px;
	line-height: 40px;
	text-align: center;
	position: absolute;
	top: 0;
	left: -80px;
	background:#666;
	display: none;
	color: #fff;
}
.mainLink img{
	width: 25px;
	height: 25px;
	display: block;
	margin: 0 auto;
	cursor: pointer; 
}
.mainLink .item:hover{
	background:#666;
}
.mainLink .item:hover .tip{
	display: block;
}
/* 楼层导航 */
.floorLink{
	position: fixed;
	width: 40px;
	height: 200px;
	top: 50%;
	left: 50%;
	margin-top: -100px;
	margin-left:-700px;
	display: none; 
}
.floorLink a{
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	color: #666;
	border-top:1px solid #ccc; 
	display: block;
}