
.main{background:#f5f5f8;min-height:500px;margin-top:40px;}
.common-footer{margin-top:0;}

.search{margin:20px auto;max-width:1365px;box-sizing: border-box;padding-right:10px;}
.search .common-input{width:100%;position:relative;padding-right:100px;box-sizing:border-box;}
.search .common-input .zh-button{position:absolute;right:0;width:100px;height:43px;top:0;letter-spacing:5px;}

.main .page-top{height:60px;}
.main .page-top>div{float:right;padding:0 6px 0 0;}
.main .page-top .keyword{float:left;padding:0 0 0 2%;}
.main .page-top .keyword>div{float:left;line-height:40px;}
.main .page-top .keyword .name{font-size:12px;padding-left:10px;color:#888;}
.main .page-top .keyword .vals{background:#f0f0f0;border-radius:30px;padding:0 5px 0 20px;margin-left:10px;}
.main .page-top .keyword .vals .iconfont{cursor:pointer;transition:all .3s;padding:0 10px;display:inline-block;}
.main .page-top .keyword .vals .iconfont:hover{color:#900;}

.main .page-bottom{padding:10px 0 20px 2%;}
.main .more{padding:0 4% 0 3%;display:none;}
.main .more .zh-button{display:block;width:100%;box-sizing:border-box;height:40px;line-height:40px;letter-spacing:1px;padding-right:30px;}

/*商品列表*/
.shop-section{max-width:1365px;margin:0 auto;box-sizing:border-box;position:relative;padding-left:300px;min-height:1200px;}
.shop-section .cate-content{position:absolute;width:280px;top:0;left:0;height:95%;overflow-y:scroll;box-sizing: border-box;padding:20px 0 50px;}
.shop-section .cate-content::-webkit-scrollbar{display:none;}

.items{padding:20px 0;}
.items .item{float:left;width:31%;margin:0 0 30px 2%;background:#fff;box-sizing:border-box;padding:20px;transition:all .3s;position:relative;}
.items .item:hover{transform:scale(0.97);}
.items .item .pic{display:block;position:relative;padding-bottom:100%;}
.items .item .pic>img{position:absolute;width:80%;height:80%;top:5%;left:10%;}
.items .item .star{height:20px;line-height:20px;}
.items .item .star span{float:left;}
.items .item .star .num{font-size:12px;color:#888;}
.items .item .p1{font-weight:bold;height:18px;;}
.items .item .p2{font-size:14px;padding:10px 0 0;}
.items .item .p3{padding:5px 0 0;}

.items .selled p{opacity:.3;}
.items .selled .selled-img{position:absolute;width:150px;z-index: 2;left:50%;top:80px;margin-left:-75px;opacity:.5;}

/*左侧类目*/
.cate-content{padding:20px 0 0;}
.cate-content .x-name{font-size:18px;font-weight:300;height:35px;}
.cate-content .follow{background:#fde8c9;height:200px;border-radius:10px;position:relative;margin-bottom:20px;}
.cate-content .follow .title{font-size:18px;font-weight:bold;padding:20px 20px 0;}
.cate-content .follow .pic{position:absolute;width:100px;height:100px;right:15px;top:60px;border-radius:5px;}
.cate-content .follow .desc{padding:20px 130px 0 20px;font-size:12px;line-height:21px;;}
.cate-content .follow .zh-button{position:absolute;bottom:20px;left:20px;border-radius:100px;font-size:13px;}

.cate-content .section{border-top:1px #000 solid;padding:10px 0;}
.cate-content .section .title{position:relative;font-size:18px;;height:40px;line-height:30px;cursor:pointer;transition:all .3s;}
.cate-content .section .title:hover{opacity:.6;}
.cate-content .section .title .iconfont{position:absolute;right:0;font-size:30px;line-height:30px;}
.cate-content .section .inner{padding-bottom:20px;}
.cate-content .section .item{display:block;position:relative;cursor:pointer;height:36px;line-height:36px;padding:0 0 0 28px;}
.cate-content .section .item:hover{background:#fff;}
.cate-content .section .item .iconfont{position:absolute;left:6px;top:10px;font-size:16px;;line-height:16px;}

/*电脑端兼容样式*/
@media screen and (min-width:1024px){

}
/*手机端兼容样式*/
@media screen and (max-width:1024px){
	.main{margin-top:0;min-height:320px;}
	.main .page{display:none;}
	.main .more{display:block;}
	
	.search{padding:0 4% 0 3%;margin:0 auto 4%;}
	.search .common-input{width:100%;margin-top:0;}
	.shop-section{padding:0;min-height:320px;}
	.shop-section .cate-content{display:none;}
	.items .item{width:45%;margin:0 0 3% 3%;}
	.common-location{text-align:left;padding:10px 3% 0;}
	
	.items{padding:12px 0 0;}
}
