body {background-color: #F8F8F8; color: #333;}

a {color: #333; text-decoration: none;}
a:focus,a:active {text-decoration: none;}
.clearfix::after {content: ' ';display: block;clear: both;visibility: hidden}
.fr {float: right}
.text-primary {color: #feab2d}
.text-ellipsis {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.flex {display: flex}
.flex-item {flex: 1}
.empty {text-align: center; line-height: 2.4; color: #999999}
.empty-nodata {padding-top: 60px}
.v-cloak {display: none;}

/*search*/
.search {padding: 8px 15px}
.search-form {background-color: #fff; line-height: 2.2; border-radius: 30px; position: relative;}
.search-form > input {border: 0; background-color: transparent; line-height: inherit; color: #555; padding-left: 15px; padding-right: 40px; display: block; width: 100%}
.search-form > input:focus {outline: 0}
.search-form > button {background-color: transparent; outline: 0; border: 0; line-height: inherit; color: #999; width: 40px; text-align: center; position: absolute; top: 0; right: 0}
.search-a {line-height: 1;padding-right: 15px;font-size: 2rem;}

.filter {padding: 0 15px}
.filter-item {line-height: 3; float: left; padding: 0 10px; font-size: .9rem;}
.filter-item.fr {float: right;}

.meta {padding: 0 10px}
.meta > select {-webkit-appearance: none;border: 0;outline: 0;background-color: transparent; line-height: inherit;}
.meta > .fa {line-height: inherit;}

.rec {padding: 0 5px;}
.rec > input {display: none;}
.rec > input:checked + b {color: #feab2d}

.cate {display: block; line-height: 2.2; text-align: center; border-bottom: 2px solid transparent;}
.cate.active {border-bottom-color: #feab2d}

/*栅格*/
.album {margin-left: 10px; margin-right: 10px}
.col {padding: 5px;width: 50%;box-sizing: border-box;float: left;}

/*goods*/
.goods {border: 1px solid #eee;display: block;border-radius: 6px;overflow: hidden;}
.goods-face {background: center/cover no-repeat; padding-bottom: 100%}
.goods-cap {padding: 5px}
.goods-cap > h5 {margin: 0 0 5px}
.goods-meta {color: #aaa; font-size: .7rem; line-height: 1.6}
.goods-meta-row .goods-meta {float: left;width: 50%;white-space: nowrap;}
.goods-meta-row .goods-meta-ex {float: right;}

/*weui*/
.weui-mask{position:fixed;z-index:1000;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,.6)}
.weui-actionsheet{position:fixed;left:0;bottom:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:5000;width:100%;max-height:80%;overflow-y:scroll;background-color:#EFEFF4}
.popover-enter-active .weui-actionsheet,.popover-leave-active .weui-actionsheet{-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}
.popover-enter .weui-actionsheet,.popover-leave-to .weui-actionsheet{-webkit-transform:translate(0,100%);transform:translate(0,100%)}
.weui-gallery{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000;z-index:1000}
.weui-cells__title{margin-top:.77em;margin-bottom:.3em;padding-left:15px;padding-right:15px;color:grey;font-size:14px}

/*gallery*/
.gallery-opr {position: absolute;line-height: 1;color: #fff;z-index: 9;padding: 15px;width: 100%;bottom: 0;background-color: rgba(255,255,255,.3);}
.gallery-opr-btn {font-size: 36px;display: inline-block;padding: 0 15px;}
.weui-gallery .swiper-container {height: 100%}
.weui-gallery .gallery-slide {position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: column; justify-content: center}
.weui-gallery .gallery-slide > img {width: 100%;}
.weui-gallery .swiper-container-horizontal > .swiper-pagination {bottom: 60px}
.weui-gallery .swiper-pagination-bullet {background-color: #fff;}

/*query*/
.app-query .labels {padding: 0 15px}
.labels .label {display: inline-block; line-height: 1.6; background-color: #eee; padding: 0 15px; color: #555; margin-bottom: 5px}

.scrollTop {
	position: fixed;
	bottom: 30px;
	right: 30px;
	width: 40px;
	line-height: 40px;
	font-size: 28px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.3);
	text-align: center;
	border-radius: 4px;
}

@media screen and (min-width: 660px) {
	.col {width: 33.3333%}
}

@media screen and (min-width: 980px) {
	.col {width: 25%}
}

@media screen and (min-width: 1200px) {
	.col {width: 20%}
}

@media screen and (max-width: 360px) {
    filter {padding: 0 10px}
	.filter-item {padding: 0}
    .album {margin-left: 5px; margin-right: 5px}
    .goods-meta-row .goods-meta {width: auto}
}