@-webkit-keyframes loadingScale {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	45% {
		-webkit-transform: scale(.1);
		transform: scale(.1);
		opacity: .7
	}

	80% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
}

@keyframes loadingScale {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	45% {
		-webkit-transform: scale(.1);
		transform: scale(.1);
		opacity: .7
	}

	80% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
}

.width750 .loading {
	margin-top: -.575rem;
	margin-left: -1.75rem;
	width: 3.5rem;
	height: 1.175rem
}

.width750 .loading>div {
	margin: .125rem;
	width: .875rem;
	height: .875rem
}

.loading-mask {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,.5);
	z-index: 9
}

.loading-mask .loading {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -.5rem;
	margin-left: -1.5rem;
	width: 3rem;
	height: 1rem
}

.loading-mask .loading>div {
	display: inline-block;
	margin: .1rem;
	width: .75rem;
	height: .75rem;
	border-radius: 100%;
	background: #fff
}

.loading-mask .loading>div:first-child {
	-webkit-animation: loadingScale .75s cubic-bezier(.2,.68,.18,1.08) .12s infinite;
	animation: loadingScale .75s cubic-bezier(.2,.68,.18,1.08) .12s infinite
}

.loading-mask .loading>div:nth-child(2) {
	-webkit-animation: loadingScale infinite .75s cubic-bezier(.2,.68,.18,1.08) .24;
	animation: loadingScale infinite .75s cubic-bezier(.2,.68,.18,1.08) .24
}

.loading-mask .loading>div:nth-child(3) {
	-webkit-animation: loadingScale infinite .75s cubic-bezier(.2,.68,.18,1.08) .36;
	animation: loadingScale infinite .75s cubic-bezier(.2,.68,.18,1.08) .36
}

.loading-mask.loading-mask-opactiy {
	background: transparent
}

.loading-mask.loading-mask-opactiy .loading>div {
	background-color: #444
}

.filter-nav {
	background-color: #fff;
	border-top: .05rem solid #fff;
	border-bottom: 1px solid #e6e6e6
}

.filter-nav>li {
	float: left;
	width: 25%;
	height: 1.65rem;
	line-height: 1.65rem;
	text-align: center;
	color: #999
}

.filter-nav .bytouch {
	background: #eee
}

.filter-nav a {
	display: inline-block;
	box-sizing: border-box;
	width: auto;
	height: 100%;
	color: #999
}

.filter-nav .active>a {
	color: #000;
	box-sizing: border-box
}

.filter-nav .active>.iconfont,.filter-nav .active>.iconfont.cur,.filter-nav .active>.iconfont.drop {
	color: #000
}

.filter-nav .filter .iconfont {
	font-size: .6rem;
	-webkit-transition: -webkit-transform .1 ease-in;
	transition: -webkit-transform .1 ease-in;
	transition: transform .1 ease-in;
	transition: transform .1 ease-in,-webkit-transform .1 ease-in
}

.filter-nav .filter.active .iconfont {
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg)
}

.filter-body,.filter-mask {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 2
}

.filter-mask {
	height: 100%;
	background: rgba(0,0,0,.1)
}

.filter-body {
	height: 25rem;
	background: #fff;
	color: #000;
	font-size: .7rem;
	cursor: pointer
}

.filter-body .classify {
	width: 50%;
	height: 100%;
	background: #f8f8f8
}

.filter-body .classify>li {
	height: 3rem;
	line-height: 3rem
}

.filter-body .classify>li>* {
	box-sizing: border-box
}

.filter-body .classify>li.active {
	background: #fff
}

.filter-body .classify>li .shower {
	overflow: hidden;
	padding-left: 1rem;
	width: 100%;
	color: #333;
	text-overflow: ellipsis;
	white-space: nowrap
}

.filter-body .classify>li .shower.highlight {
	background: #eee
}

.filter-body .classify>li .default {
	color: #999
}

.filter-body .classify>li .title {
	float: left;
	color: #000
}

.filter-body .sub-classify {
	position: absolute;
	top: 0;
	left: 50%;
	display: none;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	width: 50%;
	height: 22rem
}

.filter-body .sub-classify>li {
	overflow: hidden;
	padding-left: .75rem;
	height: 3rem;
	border-bottom: 1px solid #e6e6e6;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 3rem
}

.filter-body .sub-classify>li.highlight {
	background: #eee
}

.filter-body .sub-classify .chosed-icon {
	display: none
}

.filter-body .sub-classify .chosed .chosed-icon {
	display: inline
}

.filter-body .active>.sub-classify {
	display: block
}

.good-info {
	float: left;
	margin: .25rem .375rem 1rem;
	width: 6.8rem;
	height: 12.65rem
}

.good-info .tag-container {
	overflow: hidden;
	width: 100%;
	height: .7rem
}

.good-info .tag-container .good-tag {
	display: block;
	float: left;
	box-sizing: border-box;
	margin-right: .1rem;
	height: .7rem;
	text-align: center;
	font-size: 12PX;
	line-height: .7rem
}

.good-info .tag-container .good-tag:last-child {
	margin-right: 0
}

.good-info .tag-container .new-tag {
	width: 1.5rem;
	background-color: #78dc7e;
	color: #fff
}

.good-info .tag-container .hot-tag {
	width: 1.5rem;
	background-color: #ff575c;
	color: #fff
}

.good-info .tag-container .renew-tag {
	width: 2.25rem;
	background-color: #78dc7e;
	color: #fff
}

.good-info .tag-container .sale-tag {
	width: 1.5rem;
	background-color: #ff575c;
	color: #fff
}

.good-info .tag-container .new-festival-tag {
	color: #000;
	width: 2.5rem;
	background-image: url(../images/new-festival.72e80b47c8.png);
	background-repeat: no-repeat;
	background-color: #fff;
	background-size: 2.5rem .7rem
}

.good-info .tag-container .limit-tag {
	width: 1.5rem;
	border: 1px solid #000;
	color: #000;
	line-height: .65rem
}

.good-info .tag-container .is-presell {
	width: 1.5rem;
	background-color: #000;
	color: #fff
}

.good-info .tag-container .is-global {
	padding: .075rem .25rem 0 .2rem;
	color: #fff;
	background-color: #462e3e;
	line-height: .65rem
}

.good-info .tag-container .is-global span {
	display: inline-block;
	background-image: url(../images/airplane.cdc95b50de.png);
	background-repeat: no-repeat;
	padding-left: .8rem;
	background-size: auto 95%
}

.good-detail-img {
	position: relative;
	height: 9.2rem
}

.good-detail-img .good-islike {
	position: absolute;
	top: 0;
	right: 0;
	width: 1.5rem;
	height: 1.5rem;
	color: #b0b0b0;
	text-align: center;
	text-decoration: none;
	font-size: .75rem;
	line-height: 1.5rem
}

.good-detail-img .good-like {
	color: #d72928
}

.good-detail-img img {
	display: block;
	width: 100%;
	height: 9.2rem
}

.good-detail-img .few-tag {
	height: .7rem;
	background: #ffac5b;
	font-size: 12PX;
	line-height: .7rem
}

.good-detail-img .few-tag,.good-detail-img .out-tag {
	position: absolute;
	bottom: 0;
	width: 100%;
	color: #fff;
	text-align: center
}

.good-detail-img .out-tag {
	height: .8rem;
	background: #b0b0b0;
	font-size: .45rem;
	line-height: .8rem
}

.good-detail-img .no-storage {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: #000;
	opacity: .4;
	position: absolute;
	top: 0
}

.good-detail-img .no-storage .no-storage-img {
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(../images/outlet_sellout_bg.1dee7efe4d.png);
	background-repeat: no-repeat;
	background-size: contain
}

.good-detail-img .similar-c {
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.good-detail-img .similar-c .bg {
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .6
}

.good-detail-img .similar-c a {
	display: block;
	width: 3rem;
	height: 3rem;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -1.5rem;
	margin-top: -1.5rem;
	color: #fff;
	background-color: #d0021b;
	font-size: .7rem;
	line-height: 3rem;
	text-align: center;
	border-radius: 50%
}

.good-detail-text {
	position: relative
}

.good-detail-text .name a {
	margin: .375rem 0 .25rem;
	min-height: 1.25rem;
	color: #444;
	line-height: .75rem;
	padding: .125rem 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	height: 1.5rem
}

.good-detail-text .name a,.good-detail-text .price {
	-webkit-transform: scale(.9);
	transform: scale(.9);
	font-size: 12PX
}

.good-detail-text .price {
	line-height: .55rem;
	white-space: nowrap
}

.good-detail-text .price .sale-price {
	color: #d62927
}

.good-detail-text .price .sale-price.no-price {
	color: #000
}

.good-detail-text .price .market-price {
	font-size: 12PX;
	margin: 0 0 0 .125rem;
	color: #b0b0b0;
	text-decoration: line-through
}

.good-detail-text .vip-grade {
	display: inline-block;
	margin-right: .2rem;
	width: 1.3rem;
	height: .8rem;
	vertical-align: text-bottom
}

.good-detail-text .vip-grade-1 {
	background: url(../images/silver.ec0710b40b.png) no-repeat;
	background-size: contain
}

.good-detail-text .vip-grade-2 {
	background: url(../images/golden.ac08c14407.png) no-repeat;
	background-size: contain
}

.good-detail-text .vip-grade-3 {
	background: url(../images/platinum.c43c465acf.png) no-repeat;
	background-size: contain
}

.good-detail-text .vip-info {
	margin-top: .475rem;
	color: #444;
	font-size: .45rem;
	line-height: .8rem
}

.good-detail-text .vip-info .vip-icon {
	display: inline-block;
	margin-right: .2rem;
	width: 2.2rem;
	height: .8rem;
	background: url(../images/vip-icon.84d2b14146.png) no-repeat;
	background-size: contain;
	vertical-align: bottom
}

.good-detail-text .similar-btn {
	color: #b0b0b0;
	width: 1.25rem;
	height: 2rem;
	line-height: 2.5rem;
	text-align: center;
	position: absolute;
	bottom: -.5rem;
	right: 0;
	font-weight: 700
}

.width750 .good-info {
	margin: .3rem .45rem 1.175rem;
	width: 8.075rem;
	height: 14.825rem
}

.width750 .good-info .tag-container {
	height: .825rem
}

.width750 .good-info .tag-container .good-tag {
	margin-right: .125rem;
	height: .825rem;
	font-size: .525rem;
	line-height: .825rem
}

.width750 .good-info .tag-container .hot-tag,.width750 .good-info .tag-container .new-tag {
	width: 1.75rem
}

.width750 .good-info .tag-container .renew-tag {
	width: 2.625rem
}

.width750 .good-info .tag-container .sale-tag {
	width: 1.75rem
}

.width750 .good-info .tag-container .new-festival-tag {
	width: 2.925rem;
	background-size: 2.925rem .825rem
}

.width750 .good-info .tag-container .limit-tag {
	width: 1.75rem;
	line-height: .75rem
}

.width750 .good-info .tag-container .is-presell {
	width: 1.75rem
}

.width750 .good-detail-img {
	height: 10.775rem
}

.width750 .good-detail-img .good-islike {
	width: 1.75rem;
	height: 1.75rem;
	font-size: .875rem;
	line-height: 1.75rem
}

.width750 .good-detail-img img {
	height: 10.775rem
}

.width750 .good-detail-img .few-tag {
	height: .825rem;
	font-size: .525rem;
	line-height: .825rem
}

.width750 .good-detail-img .out-tag {
	height: .95rem;
	font-size: .525rem;
	line-height: .95rem
}

.width750 .good-detail-text .name a {
	margin: .45rem 0 .3rem;
	min-height: 1.475rem;
	font-size: .65rem;
	line-height: .875rem;
	padding: .15rem 0;
	height: 1.75rem
}

.width750 .good-detail-text .price {
	font-size: .65rem;
	line-height: .65rem
}

.width750 .good-detail-text .price .market-price {
	margin: 0 0 0 .15rem
}

.width750 .good-detail-text .vip-grade {
	margin-right: .225rem;
	width: 1.525rem;
	height: .95rem
}

.width750 .good-detail-text .vip-info {
	margin-top: .55rem;
	font-size: .525rem;
	line-height: .95rem
}

.width750 .good-detail-text .vip-info .vip-icon {
	margin-right: .225rem;
	width: 2.575rem;
	height: .95rem
}

.width750 .goods-container {
	padding-top: .225rem;
	padding-left: .45rem;
	min-height: 25.775rem
}

.load-more-info {
	width: 100%;
	height: 1.75rem;
	line-height: 1.75rem;
	text-align: center;
	font-size: 14PX;
	overflow: hidden
}

.load-more-info .status.hide {
	display: none
}

.suspend-home {
	position: fixed;
	right: .75rem;
	bottom: 3.5rem;
	z-index: 10;
	width: 2.2rem;
	height: 2.2rem;
	border-radius: 50%;
	background: rgba(0,0,0,.3);
	text-align: center;
	line-height: 2.2rem
}

.suspend-home a {
	display: block;
	width: 100%;
	height: 100%
}

.suspend-home .iconfont {
	color: #fff;
	font-size: .9rem
}

.index-page {
	overflow: hidden;
	margin: 0 auto;
	width: 100%
}

.index-page #double11 {
	display: block;
	width: 10.8rem;
	height: 2.5rem;
	margin: 0 auto;
	background-color: transparent;
	background-image: url(../images/11.11.e74b46889f.png);
	background-size: 100%
}

.index-page #double11:active {
	background-image: url(../images/11.11-touch.c9311be525.png)
}

.index-page #yohood {
	border: none;
	border-bottom: .2rem solid #fff;
	background-color: transparent;
	background-image: url(../images/yohood.8d34f7adea.png);
	background-position-x: 26%;
	background-position-y: 36%;
	background-size: 40%;
	background-repeat: no-repeat
}

.index-page #yohood:active {
	border-bottom-color: #000;
	background-color: hsla(0,0%,100%,.4);
	background-image: url(../images/yohood-tapped.c440b075f8.png)
}

.index-page #yohood:active .right-icon {
	color: #000
}

.index-page .index-header {
	box-sizing: border-box;
	padding: 0 .5rem;
	width: 100%;
	height: 2.4rem;
	line-height: 2.4rem
}

.index-page .index-header .index-logo {
	float: left;
	width: 7.2rem;
	height: 2.4rem;
	background: url(../images/yohologo.ea3c272db8.png) 0 no-repeat;
	background-size: 7rem 1.5rem;
	opacity: 1;
	-webkit-transition: all .4s;
	transition: all .4s
}

.index-page .index-header .index-logo img {
	width: 5.175rem;
	height: 1.225rem;
	vertical-align: middle
}

.index-page .index-header .index-logo.action {
	width: 0;
	opacity: 0
}

.index-page .index-header .box {
	position: relative;
	z-index: 1;
	overflow: hidden
}

.index-page .index-header .box.action .clear-text,.index-page .index-header .box.action .no-search {
	display: block
}

.index-page .index-header .index-search {
	overflow: hidden;
	height: 2.4rem;
	background: #fff;
	-webkit-transition: width .4s;
	transition: width .4s
}

.index-page .index-header .index-search .search-box {
	position: relative;
	top: .5rem;
	overflow: hidden;
	box-sizing: border-box;
	padding-right: 2rem;
	height: 1.4rem;
	border: 1px solid #ccc;
	-webkit-transition: width .4s;
	transition: width .4s;
	-webkit-transition: margin-left .4s;
	transition: margin-left .4s
}

.index-page .index-header .index-search input {
	float: left;
	overflow: hidden;
	padding: .25rem;
	width: 96%;
	border: none;
	color: #999;
	font-size: .7rem;
	-webkit-appearance: none
}

.index-page .index-header .index-search .iconfont {
	position: absolute;
	top: .2rem;
	z-index: 1;
	width: 1rem;
	font-size: .7rem;
	line-height: 1rem
}

.index-page .index-header .index-search .clear-text {
	right: 1.25rem;
	display: none;
	color: #ccc
}

.index-page .index-header .index-search .search-icon {
	right: .25rem;
	color: #666
}

.index-page .index-header .index-search .search-icon.empty {
	color: #e6e6e6
}

.index-page .index-header .no-search {
	display: none;
	float: left;
	margin-right: .25rem;
	color: #999;
	font-size: .7rem
}

.index-page .index-container {
	position: relative;
	background-color: #fff;
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s,-webkit-transform .5s
}

.index-page .index-container .index-channel {
	position: relative;
	min-height: 20rem;
	background-color: #000;
	color: #fff;
	text-align: center
}

.index-page .index-container .index-channel img {
	width: 100%
}

.index-page .index-container .index-channel .index-channel-list {
	position: absolute;
	top: 50%;
	margin-top: -7.5rem;
	width: 100%
}

.index-page .index-container .index-channel .index-channel-list .list-item {
	position: relative;
	display: block;
	margin: 0 auto 1rem;
	width: 10.8rem;
	height: 2.5rem;
	border: .2rem solid #fff;
	background-color: #000;
	color: #fff;
	text-align: center;
	font-weight: 700;
	font-size: .8rem;
	line-height: 2.05rem
}

.index-page .index-container .index-channel .index-channel-list .list-item:last-child {
	margin-bottom: 0
}

.index-page .index-container .index-channel .index-channel-list .lighter {
	font-weight: lighter
}

.index-page .index-container .index-channel .index-channel-list .right-icon {
	position: absolute;
	top: 0;
	right: .25rem;
	font-weight: 700
}

.index-page .index-container .index-channel .index-channel-list .homestyle {
	margin-bottom: 1.25rem;
	width: 7.1825rem
}

.swiper-container {
	position: relative;
	z-index: 1;
	overflow: hidden;
	margin: 0 auto
}

.swiper-container-no-flexbox .swiper-slide {
	float: left
}

.swiper-container-vertical>.swiper-wrapper {
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical
}

.swiper-wrapper {
	position: relative;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	width: 100%;
	height: 100%;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform,-webkit-transform;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-o-transform: translate(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple
}

.swiper-container-free-mode>.swiper-wrapper {
	margin: 0 auto;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.swiper-slide {
	position: relative;
	-ms-flex: 0 0 auto;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.swiper-container .swiper-notification {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1000;
	opacity: 0;
	pointer-events: none
}

.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
	touch-action: pan-y
}

.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
	touch-action: pan-x
}

.swiper-button-next,.swiper-button-prev {
	position: absolute;
	top: 50%;
	z-index: 10;
	margin-top: -.55rem;
	width: .675rem;
	height: 1.1rem;
	background-position: 50%;
	-moz-background-size: .675rem 1.1rem;
	-webkit-background-size: .675rem 1.1rem;
	background-size: .675rem 1.1rem;
	background-repeat: no-repeat;
	cursor: pointer
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
	right: auto;
	left: .25rem;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
	right: .25rem;
	left: auto;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-pagination {
	position: absolute;
	z-index: 10;
	text-align: center;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0)
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}

.swiper-pagination-bullet {
	display: inline-block;
	width: .2rem;
	height: .2rem;
	border-radius: 100%;
	background: #000;
	opacity: .2
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
	background: #fff
}

.swiper-pagination-bullet-active {
	background: #007aff;
	opacity: 1
}

.swiper-pagination-white .swiper-pagination-bullet-active {
	background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
	background: #000
}

.swiper-container-vertical>.swiper-pagination {
	top: 50%;
	right: .25rem;
	-webkit-transform: translate3d(0,-50%,0);
	-moz-transform: translate3d(0,-50%,0);
	-o-transform: translateY(-50%);
	-ms-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0)
}

.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet {
	display: block;
	margin: .125rem 0
}

.swiper-container-horizontal>.swiper-pagination {
	bottom: .25rem;
	left: 0;
	width: 100%
}

.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
	margin: 0 .125rem
}

.swiper-container-3d {
	-webkit-perspective: 30rem;
	-moz-perspective: 30rem;
	-o-perspective: 30rem;
	perspective: 30rem
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	pointer-events: none
}

.swiper-container-3d .swiper-slide-shadow-left {
	background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(transparent));
	background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),transparent);
	background-image: -moz-linear-gradient(right,rgba(0,0,0,.5),transparent);
	background-image: -o-linear-gradient(right,rgba(0,0,0,.5),transparent);
	background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
	background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(transparent));
	background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),transparent);
	background-image: -moz-linear-gradient(left,rgba(0,0,0,.5),transparent);
	background-image: -o-linear-gradient(left,rgba(0,0,0,.5),transparent);
	background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
	background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(transparent));
	background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),transparent);
	background-image: -moz-linear-gradient(bottom,rgba(0,0,0,.5),transparent);
	background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),transparent);
	background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(transparent));
	background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),transparent);
	background-image: -moz-linear-gradient(top,rgba(0,0,0,.5),transparent);
	background-image: -o-linear-gradient(top,rgba(0,0,0,.5),transparent);
	background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-coverflow .swiper-wrapper {
	-ms-perspective: 30rem
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide,.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-cube {
	overflow: visible
}

.swiper-container-cube .swiper-slide {
	visibility: hidden;
	width: 100%;
	height: 100%;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
	-webkit-transform-origin: 100% 0;
	-moz-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
	visibility: visible;
	pointer-events: auto
}

.swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	-webkit-filter: blur(1.25rem);
	filter: blur(1.25rem)
}

.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow {
	z-index: 0
}

.swiper-scrollbar {
	position: relative;
	border-radius: .25rem;
	background: rgba(0,0,0,.1);
	-ms-touch-action: none
}

.swiper-container-horizontal>.swiper-scrollbar {
	position: absolute;
	bottom: .075rem;
	left: 1%;
	z-index: 50;
	width: 98%;
	height: .125rem
}

.swiper-container-vertical>.swiper-scrollbar {
	position: absolute;
	top: 1%;
	right: .075rem;
	z-index: 50;
	width: .125rem;
	height: 98%
}

.swiper-scrollbar-drag {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: .25rem;
	background: rgba(0,0,0,.5)
}

.swiper-scrollbar-cursor-drag {
	cursor: move
}

.swiper-lazy-preloader {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 10;
	margin-top: -.525rem;
	margin-left: -.525rem;
	width: 1.05rem;
	height: 1.05rem;
	-webkit-transform-origin: 50%;
	-moz-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
	-moz-animation: swiper-preloader-spin 1s steps(12) infinite;
	animation: swiper-preloader-spin 1s steps(12) infinite
}

.swiper-lazy-preloader:after {
	display: block;
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
	background-position: 50%;
	-webkit-background-size: 100%;
	background-size: 100%;
	background-repeat: no-repeat;
	content: ""
}

.swiper-lazy-preloader-white:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
	to {
		-webkit-transform: rotate(1turn)
	}
}

@keyframes swiper-preloader-spin {
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

.swiper-pagination-s1 {
	position: absolute;
	left: 0;
	right: 0;
	bottom: .5rem;
	text-align: center;
	z-index: 1
}

.swiper-pagination-s1 .pagination-inner {
	display: inline-block;
	padding: 0 .2rem .1rem;
	background: rgba(0,0,0,.2);
	border-radius: 1.25rem
}

.swiper-pagination-s1 .pagination-inner span {
	display: inline-block;
	width: .35rem;
	height: .35rem;
	background: #fff;
	opacity: .5;
	margin: 0 .225rem;
	border-radius: 50%
}

.swiper-pagination-s1 .pagination-inner span.swiper-pagination-bullet-active {
	background: #fff;
	opacity: 1
}

.brand-page .re-pos-search {
	top: 40PX!important
}

.brand-page .banner-top {
	position: relative;
	margin-bottom: -2PX;
	padding-top: 4.2rem;
	background-color: #f8f8f8
}

.brand-page .banner-top .swiper-pagination {
	position: absolute;
	left: 0;
	right: 0;
	bottom: .5rem;
	text-align: center;
	z-index: 1
}

.brand-page .banner-top .swiper-pagination .pagination-inner {
	display: inline-block;
	padding: 0 .2rem .1rem;
	background: rgba(0,0,0,.2);
	border-radius: 1.25rem;
	line-height: 1.2
}

.brand-page .banner-top .swiper-pagination .pagination-inner span {
	display: inline-block;
	width: .35rem;
	height: .35rem;
	background: #fff;
	opacity: .5;
	margin: 0 .225rem;
	border-radius: 50%
}

.brand-page .banner-top .swiper-pagination .pagination-inner .swiper-pagination-bullet-active {
	background: #fff;
	opacity: 1
}

.brand-page .gender-nav {
	display: block;
	width: 100%;
	height: 40PX;
	line-height: 40PX;
	overflow: hidden;
	color: #aeaeae;
	z-index: 3;
	position: fixed;
	border-bottom: 1px solid #e1e1e1;
	background-color: #fff
}

.brand-page .gender-nav ul {
	width: 100%;
	height: 90%;
	overflow: hidden
}

.brand-page .gender-nav ul li {
	width: 25%;
	height: 100%;
	overflow: hidden;
	float: left;
	text-align: center;
	position: relative
}

.brand-page .gender-nav ul li i {
	width: 100%;
	height: 40%;
	overflow: hidden;
	display: block
}

.brand-page .gender-nav ul li span:not(.split-border) {
	width: 100%;
	height: auto;
	overflow: hidden;
	display: block;
	font-size: 14PX
}

.brand-page .gender-nav ul li .split-border {
	display: inline-block;
	width: .05rem;
	height: 1rem;
	background-color: #e1e1e1;
	position: absolute;
	top: 30%;
	right: 0
}

.brand-page .gender-nav ul li:last-child .split-border {
	display: none
}

.brand-page .gender-nav ul li.active {
	color: #444
}

.brand-page .brand-nav {
	display: block;
	width: 100%;
	line-height: 2rem;
	overflow: hidden;
	color: #aeaeae;
	z-index: 3;
	border-top: .75rem solid #f4f4f4;
	background-color: #fff;
	border-bottom: 1px solid #f4f4f4
}

.brand-page .brand-nav ul {
	width: 100%;
	height: 90%;
	overflow: hidden
}

.brand-page .brand-nav ul li {
	width: 33%;
	height: 100%;
	overflow: hidden;
	float: left;
	text-align: center;
	position: relative
}

.brand-page .brand-nav ul li i {
	width: 100%;
	height: 40%;
	overflow: hidden;
	display: block
}

.brand-page .brand-nav ul li span:not(.split-border) {
	width: 100%;
	height: auto;
	overflow: hidden;
	display: block;
	font-size: 14PX
}

.brand-page .brand-nav ul li .split-border {
	display: inline-block;
	width: .05rem;
	height: 1rem;
	background-color: #e1e1e1;
	position: absolute;
	top: 30%;
	right: 0
}

.brand-page .brand-nav ul li:last-child .split-border {
	display: none
}

.brand-page .brand-nav ul li.active {
	color: #444
}

.brand-page .newbrand-search {
	width: 100%;
	height: 2.2rem;
	padding: .35rem 3.125%;
	background-color: #f8f8f8;
	left: 0;
	top: 2.25rem;
	position: fixed;
	z-index: 2
}

.brand-page .newbrand-search.wechat {
	top: 0
}

.brand-page .newbrand-search .search-box {
	position: relative;
	height: 1.5rem;
	background-color: #fff;
	border-radius: .75rem;
	padding: 0 .8rem 0 1.3rem
}

.brand-page .newbrand-search .search-box a {
	width: 100%;
	height: 1.5rem;
	border: 0;
	display: block
}

.brand-page .newbrand-search .search-box a span {
	line-height: 1.5rem;
	color: #bdbdbd;
	font-size: 1.2em;
	padding-left: .45rem
}

.brand-page .newbrand-search .search-box .search-icon {
	position: absolute;
	font-size: 12PX;
	top: 0;
	left: .6rem;
	line-height: 1.5rem;
	color: #bdbdbd
}

.brand-page .newbrand-search .search-box .search-input {
	border: none;
	width: 95%;
	height: 1.5rem;
	font-size: 16PX;
	padding: 0 .25rem
}

.brand-page .newbrand-search .search-box .search-action {
	display: none;
	position: absolute;
	top: 0;
	right: -1.85rem;
	font-size: .8rem;
	line-height: 1.5rem;
	color: #666
}

.brand-page .newbrand-search .search-box .search-action .clear-text {
	font-size: 1rem
}

.brand-page .newbrand-search .search-box .cancel-btn {
	display: inline;
	font-size: .7rem;
	vertical-align: middle;
	color: #666
}

.brand-page .newbrand-search .search-box .clear-text {
	margin-right: .5rem
}

.brand-page .second-level-brand {
	overflow: hidden;
	margin-bottom: 2.5rem
}

.brand-page .hot-brands {
	border-top: .75rem solid #f4f4f4
}

.brand-page .hot-brands .floor-header {
	padding: 0
}

.brand-page .hot-brands .floor-header h2 {
	font-size: 15PX;
	color: #444
}

.brand-page .hot-brands .brands-swiper {
	border-top: 0
}

.brand-page .hot-brand {
	margin: .75rem 0 0
}

.brand-page .hot-brand .hot-brand-list {
	background: #fff
}

.brand-page .hot-brand .hot-brand-list li {
	float: left;
	width: 3.95rem;
	height: 3.95rem
}

.brand-page .hot-brand .hot-brand-list li .img-box {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 3.95rem;
	height: 3.95rem
}

.brand-page .hot-brand .hot-brand-list li img {
	max-width: 3.5rem;
	max-height: 3.5rem
}

.brand-page .brand-list {
	width: 100%
}

.brand-page .brand-list .title-bar {
	width: 100%;
	background: #eee;
	color: #999;
	position: relative
}

.brand-page .brand-list .title-bar h2 {
	padding: 0 .5rem;
	height: 1.25rem;
	line-height: 1.25rem;
	font-size: 17PX;
	border-top: 1px solid #e6e6e6;
	background-color: #f4f4f4
}

.brand-page .brand-list p {
	cursor: pointer;
	padding: 0 .5rem
}

.brand-page .brand-list p a {
	display: block;
	height: 1.9rem;
	line-height: 1.9rem;
	font-size: 14PX;
	border-bottom: 1px solid #f3f3f3;
	border-top: 1px solid #f9f9f9
}

.brand-page .brand-list p a i {
	display: inline-block;
	margin-top: -.1rem;
	width: 2.7rem;
	height: 1.05rem;
	text-align: center;
	vertical-align: middle;
	font-size: 14PX;
	line-height: 1.1rem;
	color: #fff;
	border-radius: 1.25rem;
	-webkit-transform: scale(.8);
	transform: scale(.8)
}

.brand-page .brand-list p a .icon-hot {
	background: red
}

.brand-page .brand-list p a .icon-new {
	background: #86c048
}

.brand-page .branding-wall {
	padding: 0;
	width: 98%;
	margin-left: 1%
}

.brand-page .brand-wall-box {
	margin-top: .5rem;
	width: 32%;
	float: left
}

.brand-page .brand-name {
	margin-top: .25rem;
	text-align: center;
	vertical-align: middle;
	font-size: .6rem;
	line-height: 1.75rem;
	height: 1.75rem;
	overflow: hidden;
	color: #b8b8b8
}

.brand-page .right-bar {
	width: 1.5rem;
	height: 75%;
	top: 20%;
	overflow: auto;
	position: fixed;
	right: .05rem;
	border-radius: .3rem;
	background: rgba(0,0,0,.8);
	z-index: 2;
	display: none
}

.brand-page .right-bar b {
	height: .9rem;
	line-height: .9rem;
	text-align: center;
	display: block;
	color: #999;
	font-weight: 700
}

.brand-page .right-bar::-webkit-scrollbar {
	display: none
}

.brand-page .con {
	padding-top: .25rem
}

.brand-page .search-result {
	width: 100%;
	padding-top: 4.45rem;
	background: #fff
}

.brand-page .search-result.wechat {
	padding-top: 2.2rem
}

.banner-bottom {
	margin: .75rem 0 0;
	height: 4rem;
	overflow: hidden
}

.banner-bottom img {
	display: block;
	width: 100%
}

.banner-center {
	position: relative;
	height: 5rem;
	overflow: hidden;
	margin-bottom: -2PX;
	z-index: 2
}

.banner-center img {
	display: block;
	width: 100%;
	height: 100%
}

.banner-center .swiper-pagination {
	position: absolute;
	left: 0;
	right: 0;
	bottom: .5rem;
	text-align: center;
	z-index: 1
}

.banner-center .swiper-pagination .pagination-inner {
	display: inline-block;
	padding: 0 .2rem .1rem;
	background: rgba(0,0,0,.2);
	border-radius: 1.25rem;
	line-height: 1.2
}

.banner-center .swiper-pagination .pagination-inner span {
	display: inline-block;
	width: .35rem;
	height: .35rem;
	background: #fff;
	opacity: .5;
	margin: 0 .225rem;
	border-radius: 50%
}

.banner-center .swiper-pagination .pagination-inner span.swiper-pagination-bullet-active {
	background: #fff;
	opacity: 1
}

.banner-center-swiper {
	background: #fff;
	width: 100%;
	height: 5rem;
	overflow: hidden
}

.banner-center-swiper .banner-list {
	height: 5rem
}

.banner-center-swiper .banner-list li {
	float: left;
	width: 100%;
	height: 5rem
}

.banner-center-swiper .banner-list li a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	line-height: 5rem;
	font-size: 0
}

.banner-center-swiper .banner-list li img {
	display: inline-block;
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle
}

.single-one {
	margin-bottom: -2PX;
	z-index: 2
}

.banner-top {
	position: relative;
	margin-bottom: -2PX
}

.banner-top .swiper-pagination {
	position: absolute;
	left: 0;
	right: 0;
	bottom: .5rem;
	text-align: center;
	z-index: 1
}

.banner-top .swiper-pagination .pagination-inner {
	display: inline-block;
	padding: 0 .2rem .1rem;
	background: rgba(0,0,0,.2);
	border-radius: 1.25rem;
	line-height: 1.2
}

.banner-top .swiper-pagination .pagination-inner span {
	display: inline-block;
	width: .35rem;
	height: .35rem;
	background: #fff;
	opacity: .5;
	margin: 0 .225rem;
	border-radius: 50%
}

.banner-top .swiper-pagination .pagination-inner span.swiper-pagination-bullet-active {
	background: #fff;
	opacity: 1
}

.banner-swiper {
	position: static;
	max-height: 7.8rem
}

.banner-swiper ul {
	position: relative;
	max-height: 7.8rem
}

.banner-swiper ul li {
	float: left
}

.banner-swiper ul li,.banner-swiper ul li img {
	width: 100%;
	height: 100%
}

.category-page {
	font-size: 15PX
}

.category-page .search-input {
	position: relative;
	background-color: #f8f8f8;
	padding: .325rem .5rem
}

.category-page .search-input p {
	box-sizing: border-box;
	width: 100%;
	height: 1.5rem;
	line-height: 1.5rem;
	border: none;
	padding-left: 1.65rem;
	border-radius: 1.5rem;
	font-size: 13PX;
	background: #fff;
	color: #999
}

.category-page .search-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 1.075rem;
	line-height: 2.15rem;
	color: #999
}

.category-page .category-nav {
	height: 1.75rem;
	border-bottom: 1px solid #e6e6e6
}

.category-page .category-nav li {
	display: block;
	box-sizing: border-box;
	float: left;
	height: 100%;
	padding: .5rem 0;
	width: 25%;
	text-align: center;
	color: #999
}

.category-page .category-nav li:last-child {
	border-right: none
}

.category-page .category-nav li.focus {
	color: #000
}

.category-page .category-nav li.bytouch {
	background: #eee
}

.category-page .category-nav span {
	display: block;
	width: 100%;
	height: .75rem;
	line-height: .75rem;
	font-size: 15PX;
	border-right: 1px solid #e6e6e6
}

.category-page .category-nav li:last-child span {
	border-right: 0
}

.category-page .category-container {
	margin-bottom: 2.5rem
}

.category-page .content {
	background: #f8f8f8;
	overflow: hidden;
	position: relative
}

.category-page .content.hide {
	display: none
}

.category-page .primary-level {
	float: left;
	box-sizing: border-box;
	width: 45%
}

.category-page .primary-level>li {
	height: 2.225rem;
	line-height: 2.225rem;
	padding: 0 .8rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.category-page .primary-level>li.focus {
	background-color: #fff
}

.category-page .primary-level>li.highlight {
	background-color: #eee
}

.category-page .sub-level-container {
	float: left;
	overflow-x: auto;
	box-sizing: border-box;
	background: #fff;
	width: 55%;
	height: 100%
}

.category-page .sub-level {
	width: 100%
}

.category-page .sub-level.hide {
	display: none
}

.category-page .sub-level>li {
	box-sizing: border-box;
	height: 2.225rem;
	line-height: 2.225rem;
	border-bottom: 1px solid #e6e6e6;
	padding-left: .5rem
}

.category-page .sub-level>li.highlight {
	background: #eee
}

.category-page .sub-level>li:last-child {
	border-bottom: none
}

.category-page .sub-level a {
	display: block;
	height: 100%;
	width: 100%;
	color: #000
}

.creative-life {
	background: #fff
}

.creative-life .banner {
	display: block;
	height: 10rem;
	overflow: hidden
}

.creative-life .banner img {
	width: 100%;
	height: 100%
}

.creative-life .classify-list {
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0
}

.creative-life .classify-list>li {
	float: left;
	width: 5.3325rem;
	height: 4.85rem;
	border-top: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0
}

.creative-life .classify-logo {
	width: 5.3rem;
	height: 4.8rem
}

.creative-life .classify-logo img {
	display: block;
	width: 100%;
	height: 100%
}

.creative-life .classify-name {
	line-height: 1.3rem;
	font-size: .65rem;
	color: #000;
	text-align: center;
	text-decoration: none;
	border-bottom: none;
	overflow: hidden
}

.creative-life .classify:nth-child(3n) {
	border-right: 0
}
.warperstw{
    background-image:url(../images/012861c7ab0b730fe5825bab664bd374b7.jpg)
}
.divide-image {
	height: 14PX;
	width: 100%;
    background-image:url(../images/011b38b2de8ff682ebd5ea2d019f4e20ee.jpg);
	background-size: 100% 100%
}

.fine-brands {
	background: #fff;
	border-top: 1px solid #e0e0e0
}

.fine-brands a {
	display: block;
	text-decoration: none
}

.fine-brands .brand {
	float: left;
	width: 3.95rem;
	height: 4.35rem;
	border-right: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	overflow: hidden
}

.fine-brands .brand .brand-logo {
	display: table-cell;
	width: 3.95rem;
	height: 3.25rem;
	vertical-align: middle
}

.fine-brands .brand .brand-logo img {
	display: inline-block;
	max-width: 3.95rem;
	max-height: 3.25rem;
	vertical-align: middle;
	margin: 0 auto
}

.fine-brands .brand .brand-name {
	line-height: 1.1rem;
	font-size: .45rem;
	color: #babac2;
	text-align: center;
	text-decoration: none;
	border-bottom: none;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.fine-brands .brand:nth-child(4n) {
	border-right: none
}

.fine-brands .more .brand-logo {
	display: block;
	text-align: center;
	line-height: 3.75rem
}

.fine-brands .more .brand-logo .iconfont {
	font-size: 1.2rem;
	color: #333
}

.floor-header {
	margin: .725rem .75rem 0;
	background: #fff;
	border: 1px solid #e0e0e0;
	border-bottom: none;
	height: 1.75rem;
	line-height: 1.75rem;
	text-align: center;
	font-size: .75rem;
	color: #b1b1b1
}

.floor-header-more {
	position: relative;
	height: 2rem;
	line-height: 2rem;
	background: #f0f0f0;
	text-align: center;
	font-size: .8rem;
	color: #444
}

.floor-header-more h2 {
	font-size: 15PX;
	color: #000
}

.floor-header-more .more-btn {
	position: absolute;
	right: .75rem;
	top: 0;
	bottom: 0;
	color: #b0b0b0;
	font-size: 1.25rem
}

.footer-tab {
	position: fixed;
	left: 50%;
	bottom: 0;
	margin-left: -8rem;
	width: 100%;
	height: 2.5rem;
	max-width: 16rem;
	padding-top: .5rem;
	box-sizing: border-box;
	background: #fff;
	border-top: 1px solid #b0b0b0;
	z-index: 3
}

.footer-tab .tab-item {
	float: left;
	width: 25%;
	text-align: center;
	color: #b0b0b0
}

.footer-tab .tab-item.current.boys {
	color: #414141
}

.footer-tab .tab-item.current.girls {
	color: #ff88ae
}

.footer-tab .tab-item.current.kids {
	color: #7ad9f9
}

.footer-tab .tab-item.current.lifestyle {
	color: #4f4138
}

.footer-tab .tab-icon {
	font-size: 1rem;
	line-height: 1
}

.footer-tab .tab-name {
	margin-top: .25rem;
	font-size: 12PX;
	line-height: 1;
	-webkit-transform: scale(.9);
	transform: scale(.9)
}

.boys-wrap .footer-tab .tab-item.current {
	color: #414141
}

.girls-wrap .footer-tab .tab-item.current {
	color: #ff88ae
}

.kids-wrap .footer-tab .tab-item.current {
	color: #7ad9f9
}

.lifestyle-wrap .footer-tab .tab-item.current {
	color: #4f4138
}

.width750 .footer-tab {
	height: 3rem;
	width: 18.75rem;
	max-width: 18.75rem;
	margin-left: -9.375rem;
	padding-top: .625rem
}

.width750 .footer-tab .tab-icon {
	font-size: 1.125rem
}

.width750 .footer-tab .tab-name {
	font-size: .6rem
}

.fresh-swiper {
	position: relative;
	overflow: hidden
}

.fresh-swiper ul li {
	float: left;
	width: 100%
}

.fresh-swiper ul li a,.fresh-swiper ul li img {
	display: block;
	width: 100%;
	height: 100%
}

.fresh-swiper .swiper-pagination {
	position: absolute;
	left: 0;
	right: 0;
	bottom: .5rem;
	text-align: center
}

.fresh-swiper .swiper-pagination .pagination-inner {
	display: inline-block;
	padding: 0 .2rem .1rem;
	background: rgba(0,0,0,.2);
	border-radius: 1.25rem;
	line-height: 1.2
}

.fresh-swiper .swiper-pagination .pagination-inner span {
	display: inline-block;
	width: .35rem;
	height: .35rem;
	background: #fff;
	opacity: .5;
	margin: 0 .225rem;
	border-radius: 50%
}

.fresh-swiper .swiper-pagination .pagination-inner span.swiper-active-switch {
	opacity: 1
}

.fresh-list-swiper {
	overflow: hidden;
	padding-bottom: .375rem;
	background-color: #fff;
	height: 11.75rem
}

.fresh-list-swiper ul {
	box-sizing: border-box
}

.fresh-list-swiper li {
	float: left;
	width: 6rem;
	margin: .5rem .25rem 0;
	border: none
}

.fresh-list-swiper li:first-child {
	margin-left: .5rem
}

.fresh-list-swiper li:last-child {
	margin-right: .5rem
}

.fresh-list-swiper li .img-box {
	width: 100%;
	height: 8rem;
	overflow: hidden;
	text-align: center;
	position: relative
}

.fresh-list-swiper li .img-box img {
	width: 100%;
	height: 8rem;
	vertical-align: middle;
	border: none;
	outline: none
}

.fresh-list-swiper li .fresh-info .fresh-name a {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	white-space: nowrap;
	color: #444;
	line-height: 1.2rem;
	font-size: .55rem
}

.fresh-list-swiper li .fresh-info .cur-price {
	color: #d62927;
	font-size: .55rem
}

.fresh-list-swiper li .fresh-info .old-price {
	margin: 0 0 0 .25rem;
	color: #b0b0b0;
	text-decoration: line-through;
	font-size: .55rem
}

.fresh-list-swiper li .fresh-info .fresh-icon {
	background: #d62927;
	width: 2.5rem;
	height: .825rem;
	display: block;
	margin: .2rem auto 0;
	color: #fff;
	text-align: center;
	border-radius: 1rem;
	line-height: .825rem
}

.fresh-list {
	position: relative;
	padding: .375rem 0 0 .375rem
}

.category-swiper {
	position: relative;
	height: 10rem;
	overflow: hidden
}

.category-swiper ul li {
	float: left;
	width: 100%
}

.category-swiper ul li a,.category-swiper ul li img {
	display: block;
	width: 100%;
	height: 100%
}

.category-swiper .swiper-pagination {
	position: absolute;
	left: 0;
	right: 0;
	bottom: .5rem;
	text-align: center
}

.category-swiper .swiper-pagination .pagination-inner {
	display: inline-block;
	padding: 0 .2rem .1rem;
	background: rgba(0,0,0,.2);
	border-radius: 1.25rem;
	line-height: 1.2
}

.category-swiper .swiper-pagination .pagination-inner span {
	display: inline-block;
	width: .35rem;
	height: .35rem;
	background: #fff;
	opacity: .5;
	margin: 0 .225rem;
	border-radius: 50%
}

.category-swiper .swiper-pagination .pagination-inner span.swiper-active-switch {
	opacity: 1
}

.goods-category {
	background: #fff
}

.goods-category .category-list {
	height: 9.55rem;
	border-bottom: 1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;
	overflow: hidden
}

.goods-category .category-list li {
	float: left;
	width: 4.775rem;
	height: 4.775rem;
	border-left: 1px solid #e0e0e0
}

.goods-category .category-list li .first-show {
	display: none
}

.goods-category .category-list li .img-box {
	height: 100%;
	line-height: 100%;
	text-align: center
}

.goods-category .category-list li .img-box img {
	width: 100%;
	height: 100%;
	vertical-align: middle
}

.goods-category .category-list li .category-name {
	line-height: .8rem;
	font-size: .5rem;
	color: #444;
	text-align: center
}

.goods-category .category-list li:first-child {
	width: 6.45rem;
	height: 9.55rem;
	border-left: none
}

.goods-category .category-list li:first-child .img-box {
	height: 100%;
	line-height: 100%
}

.goods-category .category-list li:first-child .category-name {
	line-height: 1rem;
	font-size: .55rem
}

.goods-category .category-list li:nth-child(4),.goods-category .category-list li:nth-child(5) {
	border-top: 1px solid #e0e0e0
}

.hot-brands {
	border-bottom: 1px solid #e0e0e0;
	background: #fff
}

.hot-brands .floor-header {
	width: 100%;
	background: #f0f0f0;
	padding: 0 .75rem;
	margin: 0;
	border: 0
}

.hot-brands .floor-header h2 {
	border: 1px solid #e0e0e0;
	background: #fff;
	border-bottom: 0
}

.hot-brands a {
	display: block;
	text-decoration: none;
	height: 100%
}

.hot-brands .brand {
	float: left;
	background-color: #e0e0e0;
	width: 4rem;
	height: 4rem;
	overflow: hidden;
	padding: 1PX 1PX 0 0
}

.hot-brands .brand:nth-child(4n+1) {
	padding: 1PX 0 0
}

.hot-brands .brand .brand-logo {
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 0;
	vertical-align: middle
}

.hot-brands .brand .brand-logo img {
	width: 100%;
	height: 100%
}

.hot-brands .brand .brand-name {
	line-height: 1.1rem;
	font-size: .45rem;
	color: #babac2;
	text-align: center;
	text-decoration: none;
	border-bottom: none;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap
}

.hot-brands .brand:nth-child(5n) {
	border-right: none
}

.hot-brands .more {
	float: left;
	width: 8rem;
	height: 4rem;
	overflow: hidden
}

.hot-brands .more a {
	display: block;
	width: 100%;
	height: 100%
}

.hot-brands .more a.default {
	background: url(../images/more-brand.2a13dbd0f2.png) no-repeat;
	background-size: 100% 100%
}

.brands-swiper {
	background: #fff;
	width: 100%;
	height: 4rem;
	border-top: 1px solid #e0e0e0;
	overflow: hidden
}

.brands-swiper .brands-list {
	position: relative;
	height: 4rem
}

.brands-swiper .brands-list li {
	float: left;
	padding-left: 5%;
	padding-bottom: 5%;
	width: 21.875%;
	height: 3.5rem;
	position: relative
}

.brands-swiper .brands-list li a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	line-height: 3.5rem;
	font-size: 0
}

.brands-swiper .brands-list li img {
	display: inline-block;
	max-width: 100%;
	max-height: 100%
}

.brands-swiper .brands-list li .brands-title {
	position: absolute;
	left: 0;
	right: .2rem;
	bottom: -.125rem;
	height: .7rem;
	line-height: .7rem;
	text-align: center;
	font-size: .45rem;
	color: #444;
	background: hsla(0,0%,100%,.5);
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap
}

.hot-category {
	border-bottom: 1px solid #e0e0e0
}

.hot-category .category-banner {
	height: 4.95rem
}

.hot-category .category-banner img {
	display: block;
	width: 100%;
	height: 4.95rem
}

.hot-category .category-list {
	background: #fff
}

.hot-category .category-list li {
	float: left;
	width: 4rem;
	height: 4.35rem;
	border-top: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	overflow: hidden
}

.hot-category .category-list li .img-box {
	width: 100%;
	height: 100%;
	line-height: 3.85rem;
	text-align: center;
	overflow: hidden;
	font-size: 0
}

.hot-category .category-list li .img-box img {
	vertical-align: middle;
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%
}

.hot-category .category-list li .category-title {
	line-height: .55rem;
	color: #aaa;
	font-size: .45rem;
	text-align: center
}

.home-header {
	height: 2.25rem;
	line-height: 2.25rem;
	background-image: -webkit-linear-gradient(#323232,#414141);
	background-image: linear-gradient(#323232,#414141);
	position: relative;
	overflow: hidden
}

.home-header.iswechat {
	width: 100%;
	height: 2.25rem;
	line-height: 2.25rem;
	z-index: 99;
	background: rgba(0,0,0,.6)
}

.home-header .iconfont {
	color: #fff
}

.home-header .nav-btn {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	z-index: 2;
	width: 1rem;
	margin: 0 .75rem;
	text-align: center
}

.home-header .logo {
	display: block;
	margin: 0 auto;
	width: 5.2rem;
	height: 2.175rem;
	background: url(../images/logo.png) no-repeat 50%;
	background-size: 100%
}

.home-header .logo.animate {
	
}

.home-header .search-btn {
	position: absolute;
	right: 0;
	top: 0;
	width: 2.25rem;
	height: 2.25rem;
	text-align: center
}

.home-header .search-btn a {
	display: block;
	color: #fff;
	font-size: 20PX;
	line-height: 2.25rem
}

.home-header .search-input {
	margin-left: 2.5rem;
	margin-top: .45rem;
	width: 12.75rem;
	height: 1.4rem;
	background: #fff;
	border-radius: .25rem
}

.home-header .search-input .search-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 2.75rem;
	color: #999
}

.home-header .search-input p {
	color: #999;
	padding-left: 1.25rem;
	height: 1.4rem;
	line-height: 1.4rem
}

.home-header .iconfont.highlight {
	background: hsla(0,0%,78.4%,.4)
}

.girls-wrap .home-header {
	background: #ff88ae
}

.girls-wrap .home-header.iswechat {
	background: rgba(255,136,174,.6)
}

.kids-wrap .home-header {
	background: #7ad9f9
}

.kids-wrap .home-header.iswechat {
	background: rgba(122,217,249,.6)
}

.lifestyle-wrap .home-header {
	background: #4f4138
}

.lifestyle-wrap .home-header.iswechat {
	background: rgba(79,65,56,.6)
}

.kids-wrap .logo {
	font-style: italic;
	font-family: helvetica,Arial,"\5FAE\8F6F\96C5\9ED1",sans-serif;
	font-weight: 700;
	color: #fff
}

.hot-single {
	position: relative;
	background: #fff;
	-webkit-overflow-scrolling: touch
}

.hot-single-banner {
	height: 5rem;
	width: 100%;
	overflow: hidden
}

.hot-single-goods-list {
	width: 100%;
	height: 8.25rem;
	overflow-x: scroll;
	overflow-y: hidden;
	background-size: 100% 100%
}

.hot-single-goods-list ul {
	height: 8.25rem;
	padding: .625rem 0 .425rem .65rem;
	white-space: nowrap
}

.hot-single-goods {
	display: inline-block;
	height: 7.25rem;
	width: 3.825rem;
	margin-right: .65rem;
	background: #fff;
	border-radius: .125rem;
	vertical-align: top
}

.hot-single-goods .goods-pic {
	height: 5.15rem;
	width: 100%
}

.hot-single-goods .goods-info {
	position: relative;
	height: 2.1rem;
	width: 200%;
	background: #fff;
	text-align: center;
	padding: .6rem 0 .5rem;
	-webkit-transform: scale(.5);
	transform: scale(.5);
	-webkit-transform-origin: 0 0 0;
	transform-origin: 0 0 0
}

.hot-single-goods .goods-info .price {
	color: #444;
	font-size: 1rem;
	line-height: 1
}

.hot-single-goods .goods-info .view-num {
	color: #b0b0b0;
	font-size: .75rem;
	margin-top: .5rem;
	line-height: 1
}

.hot-single-goods .goods-info .view-status {
	color: #b0b0b0;
	font-size: .75rem;
	margin-top: .35rem;
	line-height: 1
}

.hot-single-goods .goods-info .view-margin {
	margin-left: 1rem
}

.hot-single-goods .goods-info .head-icon {
	position: absolute;
	left: .25rem;
	bottom: .25rem;
	height: .8rem;
	width: .8rem;
	border-radius: 50%
}

.icons-wrapper {
	box-sizing: border-box;
	padding: 15PX 0 2PX;
	background: #fff;
	background-size: 100% 100%;
	border-bottom: 1px solid #e0e0e0
}

.icons-wrapper .icons-item {
	float: left;
	margin-bottom: .25rem;
	width: 20%;
	height: 70PX;
	text-align: center
}

.icons-wrapper .icons-item.item-4 {
	width: 25%
}

.icons-wrapper .icons-item.item-5 {
	width: 20%
}

.icons-wrapper .imagebar {
	display: block;
	margin: 0 auto;
	text-align: center;
	width: 40PX;
	height: 40PX;
	line-height: 40PX;
	box-sizing: border-box;
	overflow: hidden
}

.icons-wrapper .imagebar img {
	width: 100%;
	height: 100%
}

.icons-wrapper .linkbar {
	display: block;
	line-height: 22PX;
	font-size: 12PX;
	color: #444;
	-webkit-transform: scale(.9);
	transform: scale(.9)
}

.icons-wrapper .linkbar:active,.icons-wrapper .linkbar:hover,.icons-wrapper .linkbar:link,.icons-wrapper .linkbar:visited {
	color: #444
}

.left-right-thumb-row {
	background-color: #fff;
	text-align: center;
	margin-bottom: .75rem;
	padding: .75rem .7rem;
	border-bottom: 1px solid #e0e0e0;
	font-size: 0
}

.left-right-thumb-row .thumb-row-box {
	display: inline-block;
	width: 6.9rem;
	height: 3.35rem;
	border-radius: 0;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: 50%;
	margin: 0
}

.left-right-thumb-row .thumb-row-box.first {
	margin: 0!important
}

.left-right-thumb-row .left-thumb-row-box {
	height: 7.4rem
}

.left-right-thumb-row .left-container {
	float: left
}

.left-right-thumb-row .right-container {
	float: right;
	width: 6.9rem;
	height: 7.4rem;
	border-radius: .1rem;
	margin: 0
}

.left-right-thumb-row .right-container .right-thumb-row-box {
	margin: .7rem 0 0
}

.maybe-like {
	position: relative;
	background: #fff;
	padding-left: .375rem;
	border-top: 1px solid #ccc;
	margin-top: .75rem
}

.maybe-like .title {
	height: 2.6rem;
	font-size: .95rem;
	line-height: 2.6rem;
	text-align: center;
	color: #dadada
}

.maybe-like .icon {
	display: inline-block;
	height: .775rem;
	width: .775rem;
	background: url(../images/up-icon.dd4b29b7e6.png) no-repeat;
	background-size: 100% 100%
}

.maybe-like .maybe-like-nav {
	width: 100%;
	height: 1.5rem;
	padding: .25rem 0;
	background-color: #fff
}

.maybe-like .maybe-like-nav:before {
	content: "";
	position: absolute;
	border-top: 1px solid #ccc;
	left: 0;
	top: 2rem;
	width: 16rem;
	height: 0
}

.maybe-like .maybe-like-nav-item {
	box-sizing: border-box;
	float: left;
	width: 50%;
	height: 1.5rem;
	line-height: 1.5rem;
	text-align: center;
	color: #ccc;
	border-right: 1px solid #ccc
}

.maybe-like .maybe-like-nav-item.focus {
	color: #000
}

.load-more-img {
	padding-left: 0;
	height: 5rem;
	border-top: 1px solid #ccc;
	overflow: hidden
}

.load-more-img img {
	display: block;
	width: 100%;
	height: 100%
}

.new-first .float-container {
	float: left
}

.new-first .left {
	height: 9rem;
	width: 6.7rem
}

.new-first .right {
	height: 4.5rem;
	width: 4.65rem
}

.new-user-floor {
	position: relative;
	background: #fff;
	-webkit-overflow-scrolling: touch
}

.new-user-floor .new-user-icon {
	position: absolute;
	bottom: .65rem;
	left: 0;
	height: 4.275rem;
	width: .875rem;
	font-size: .55rem;
	color: #fff;
	text-align: center;
	letter-spacing: .1rem;
	line-height: 2;
	background: url(../images/new-user.18db5ee3ab.png);
	background-size: 100% 100%;
	writing-mode: tb-rl;
	-webkit-writing-mode: tb-rl;
	-ms-writing-mode: tb-rl;
	z-index: 2
}

.new-user-banner {
	height: 5rem;
	width: 100%;
	overflow: hidden
}

.new-user-goods-container {
	height: 5.325rem;
	width: 100%;
	overflow-x: scroll;
	overflow-y: hidden;
	background-size: 100% 100%
}

.new-user-goods-container ul {
	height: 5.325rem;
	padding: .425rem 0 .65rem 1.25rem;
	white-space: nowrap
}

.new-user-goods-container .new-user-good {
	display: inline-block;
	height: 4.275rem;
	width: 6.4rem;
	background: #ccc;
	margin-right: .4rem
}

.new-user-goods-container .goods-pic {
	float: left;
	height: 100%;
	width: 50%
}

.new-user-goods-container .goods-info {
	float: right;
	height: 100%;
	width: 50%;
	background: #fff
}

.new-user-goods-container .goods-info .title {
	height: 1.25rem;
	width: 2.125rem;
	margin: .65rem .55rem 0 .65rem;
	line-height: 1.4;
	text-align: center;
	font-size: .425rem;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	white-space: normal
}

.new-user-goods-container .goods-info .price {
	height: .5rem;
	width: 2.125rem;
	margin: .5rem .55rem 0 .65rem;
	line-height: 1.5;
	text-align: center;
	font-size: .425rem
}

.new-user-goods-container .goods-info .buy-now {
	height: .5rem;
	width: 2.125rem;
	margin: .625rem .55rem 0 .65rem;
	line-height: 1.5;
	text-align: right;
	font-size: .375rem;
	color: #c5c5c5
}

.notice-wrap .trend {
	position: relative;
	box-sizing: border-box;
	float: left;
	width: 4.25rem;
	height: 1.8rem;
	background: url(../images/trend.5cd35290fa.png) no-repeat 50%;
	background-size: 90%;
	background-color: #fff
}

.notice-wrap .trend:after {
	content: "";
	position: absolute;
	right: 0;
	top: .4rem;
	width: 1px;
	height: 1rem;
	background: #eee
}

.notice-wrap .notice {
	box-sizing: border-box;
	float: left;
	padding: 0 .75rem;
	background: #fff;
	width: 11.75rem;
	height: 1.8rem;
	overflow: hidden
}

.notice-wrap .notice .notice-item {
	display: block;
	width: 100%;
	font-size: .6rem;
	line-height: 1.8rem;
	color: #444;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.notice-wrap .notice .notice-icon {
	display: inline-block;
	margin-right: .25rem;
	width: .575rem;
	height: .55rem;
	background: url(../images/volume.21a4fa3ff9.png);
	background-size: 100%;
	vertical-align: middle
}

.notice-wrap .notice span.notice-icon {
	background-repeat: no-repeat!important
}

.plus-star img {
	display: block;
	width: 100%;
	height: 4.95rem;
	border-top: 1px solid #e0e0e0
}

.sale-floor-banner {
	height: 5rem;
	width: 100%;
	overflow: hidden
}

.sale-floor a.float-container {
	float: left
}

.sale-floor-limit {
	height: 9rem;
	width: 6.725rem;
	background: #000
}

.sale-floor a.time-floor {
	position: relative
}

.sale-floor-time {
	position: absolute;
	top: .625rem;
	left: 49%;
	margin-left: -1.725rem;
	color: #fff;
	font-size: .7rem
}

.sale-floor-time .icon {
	display: inline-block;
	height: .65rem;
	width: .65rem;
	background: url(../images/sale-time.58a94ff0e6.png);
	background-size: 100% 100%;
	vertical-align: text-bottom;
	margin-right: .2rem
}

.sale-floor-time .limit-title {
	font-size: .6rem;
	color: #fff;
	margin-bottom: .45rem
}

.sale-floor-time span {
	display: inline-block;
	height: .875rem;
	background: #fff;
	border-radius: .05rem;
	color: #444;
	line-height: .875rem;
	text-align: center;
	margin-right: .175rem;
	padding: 0 .05rem
}

.sale-floor-break,.sale-floor-discount {
	height: 4.5rem;
	width: 7.1rem
}

.sale-floor-entry {
	display: block;
	float: left;
	height: 4.5rem;
	width: 2.175rem
}

.sale-floor-entry img {
	height: 100%;
	width: 100%
}

.sale-floor-entry .title {
	height: 3.5rem;
	width: 100%;
	padding: 1.25rem .85rem 0;
	font-size: .475rem;
	color: #444;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl
}

.sale-floor-entry .entry {
	text-align: center;
	font-size: .3rem;
	color: #b0b0b0
}

.search-associate {
	width: 100%;
	background: #f8f8f8;
	display: none;
	position: absolute;
	z-index: 1
}

.search-associate li {
	height: 2.1rem;
	line-height: 2.1rem;
	width: 100%;
	padding: 0 .5rem;
	clear: both;
	margin-bottom: .125rem;
	background: #fff;
	box-sizing: border-box
}

.search-associate .keyword {
	float: left;
	font-size: .75rem
}

.search-associate .count {
	float: right;
	color: #b0b0b0;
	font-size: .45rem
}

.search-associate .count i {
	font-size: 12PX;
	margin-left: .25rem;
	position: relative;
	top: .075rem
}

.search-brand-page .search-input {
	position: relative;
	padding: .35rem .55rem;
	background: #f8f8f8
}

.search-brand-page .search-input form {
	width: 100%
}

.search-brand-page .search-input .search-icon {
	position: absolute;
	font-size: .6rem;
	top: .65rem;
	left: .9rem;
	color: #b2b2b2
}

.search-brand-page .search-input input {
	height: 1.4rem;
	width: 9.45rem;
	border-radius: .7rem;
	padding: 0 1.3rem;
	font-size: .6rem;
	background: #fff;
	border: none
}

.search-brand-page .search-input .clear-input {
	position: absolute;
	top: .5rem;
	right: 3.625rem;
	font-size: .8rem;
	color: #666
}

.search-brand-page .search-input .search {
	position: absolute;
	top: .45rem;
	right: 1rem;
	border: none;
	background: transparent;
	color: #666;
	font-size: .75rem;
	line-height: 1.4rem
}

.search-brand-page .search-items {
	padding: 1rem .5rem
}

.search-brand-page .search-items h3 {
	font-size: .6rem;
	margin-bottom: .5rem;
	color: #b8b8b8
}

.search-brand-page .search-items li {
	float: left;
	margin-right: .5rem;
	margin-bottom: .5rem;
	max-width: 100%;
	overflow: hidden
}

.search-brand-page .search-items a {
	display: block;
	height: 1.7rem;
	line-height: 1.7rem;
	padding: 0 .5rem;
	font-size: .7rem;
	background: #fff;
	color: #b8b8b8;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border: 1px solid #b8b8b8;
	border-radius: .2rem
}

.search-brand-page .search-items .clear-history {
	font-size: .7rem
}

.search-brand-page .search-items .clear-icon {
	float: right;
	color: #b8b8b8;
	border: none;
	background: #fff
}

.search-brand-page .search-items span {
	margin-right: .25rem;
	font-size: .35rem
}

.search-brand-page .search-items .history-search {
	border-bottom: 1px solid #f3f3f3
}

.search-brand-page .search-items .hot-search {
	margin-top: .5rem
}

.search-brand-page .search-items .clearfix {
	margin-left: .75rem
}

.search-brand-page .search-items .left-icon {
	font-size: .6rem
}

.seckill .seckill-times {
	height: 2.975rem;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1
}

.seckill .seckill-times .time-item {
	float: left
}

.shop-recom-swiper-container {
	position: relative;
	width: 100%;
	height: 10.175rem
}

.shop-recom-swiper-container .top {
	float: left;
	height: 4.35rem;
	width: 100%
}

.shop-recom-swiper-container .bottom {
	float: left;
	height: 4.575rem;
	width: 50%;
	background: #f5f7f6
}

.shop-recom-swiper-container .bottom.left {
	border-right: 1px solid #e0e0e0
}

.shop-recom-swiper-container .bottom img {
	width: 3.45rem;
	height: 100%;
	margin: 0 auto
}

.shop-recom-swiper-container .fav-container {
	position: absolute;
	top: .3rem;
	left: .375rem
}

.shop-recom-swiper-container .fav-container span {
	font-size: .45rem;
	color: #fff
}

.shop-recom-swiper-container .shop-fav {
	background: url(../images/faved.6d25535780.png);
	background-size: 100% 100%
}

.shop-recom-swiper-container .shop-fav,.shop-recom-swiper-container .shop-notfav {
	display: inline-block;
	height: .525rem;
	width: .6rem;
	vertical-align: middle;
	margin-right: .2rem
}

.shop-recom-swiper-container .shop-notfav {
	background: url(../images/notfav.387e119b57.png);
	background-size: 100% 100%
}

.shop-recom-swiper-container .faved-num {
	position: absolute;
	top: .3rem;
	right: .3rem;
	color: #fff;
	font-size: .45rem
}

.shop-recom .swiper-wrapper {
	white-space: nowrap
}

.shop-recom .swiper-slide {
	text-align: center;
	font-size: .45rem;
	background: #fff
}

.shop-recom .recom-shop {
	position: relative;
	display: inline-block;
	height: 8.85rem;
	width: 8.95rem;
	margin: .65rem .65rem 0;
	border-radius: .125rem;
	vertical-align: top;
	-webkit-transition: all .3s;
	transition: all .3s
}

.shop-recom .recom-shop .shop-top {
	position: absolute;
	top: 0;
	left: 0;
	height: 1.125rem;
	width: 8.95rem;
	background: url(../images/shop-top.cdc1969878.png);
	background-size: 100% 100%
}

.shop-recom .recom-active {
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
	-webkit-transform-origin: 50% 0 0;
	transform-origin: 50% 0 0;
	margin-top: 0
}

.side-nav {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 2.5rem;
	width: 13.5rem;
	background: #f0f0f0;
	z-index: 4;
	overflow: hidden;
	overflow-y: auto;
	-webkit-transition: all .3s;
	transition: all .3s
}

.side-nav>ul {
	margin-bottom: .5rem;
	background: #fff;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0
}

.side-nav li {
	position: relative;
	height: 1.9rem;
	line-height: 1.9rem;
	background: #fff
}

.side-nav li:after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 10.75rem;
	height: 0;
	border-top: 1px solid #e0e0e0
}

.side-nav li:last-child:after {
	content: none
}

.side-nav li a {
	display: block;
	height: 100%;
	padding-left: 2.75rem;
	color: #444
}

.side-nav li em {
	font-weight: 700;
	font-size: .65rem
}

.side-nav li .title {
	display: inline-block;
	font-size: .9rem;
	vertical-align: bottom;
	padding-left: .5rem;
	-webkit-transform: scale(.5);
	transform: scale(.5);
	-webkit-transform-origin: 0 50% 0;
	transform-origin: 0 50% 0
}

.side-nav li .nav-icon,.side-nav li .nav-img {
	position: absolute;
	width: .95rem;
	height: .95rem;
	top: 50%;
	margin-top: -.475rem;
	left: .875rem;
	background: no-repeat 0;
	background-size: 100% 100%
}

.side-nav li .enter-subnav {
	position: absolute;
	right: .75rem;
	top: 0;
	bottom: 0;
	font-size: .9rem;
	color: #b0b0b0;
	font-weight: lighter
}

.side-nav li.highlight {
	background: #eee
}

.side-nav .first li {
	height: 2.2rem;
	line-height: 2.2rem;
	border-bottom: 1px solid #e0e0e0
}

.side-nav .first li:last-child {
	border-bottom: none
}

.side-nav .first li:after {
	content: none
}

.side-nav .first li em {
	font-size: .9rem
}

.side-nav .first li .nav-icon,.side-nav .first li .nav-img {
	width: 1.2rem;
	height: 1.2rem;
	margin-top: -.6rem;
	left: .75rem
}

.side-nav .first .sub-nav li {
	border-bottom: 1px solid #e0e0e0
}

.side-nav li.boys i {
	background: url(../images/boys.ebb505bbc1.png) no-repeat 0;
	background-size: 100% 100%
}

.side-nav li.girls i {
	background: url(../images/girls.ffd3267223.png) no-repeat 0;
	background-size: 100% 100%
}

.side-nav li.kids i {
	background: url(../images/kids.2c83ebfb3c.png) no-repeat 0;
	background-size: 100% 100%
}

.side-nav li.life i {
	background: url(../images/life.ac7d2e24a8.png) no-repeat 0;
	background-size: 100% 100%
}

.side-nav li.guang .nav-icon,.side-nav li.trendfinder .nav-icon {
	background: url(../images/guang.f9ccc2c078.png) no-repeat 0;
	background-size: 100% 100%
}

.side-nav.on {
	display: block
}

.sub-nav {
	display: none;
	position: fixed;
	bottom: 0;
	top: 0;
	left: 0;
	width: 13.5rem;
	background: #fff!important;
	overflow: hidden;
	-webkit-transform: translateX(13.5rem);
	transform: translateX(13.5rem);
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s,-webkit-transform .3s
}

.sub-nav li {
	height: 2rem!important;
	line-height: 2rem!important;
	border: none;
	border-bottom: 1px solid #e0e0e0
}

.sub-nav li:after {
	content: none
}

.sub-nav li a {
	position: relative;
	display: block;
	margin: 0 0 0 .75rem;
	padding-left: .25rem;
	font-size: .9rem;
	z-index: 2
}

.sub-nav li .nav-point {
	position: absolute;
	left: 0;
	font-size: .4rem;
	color: #f0f0f0
}

.sub-nav li.highlight {
	background: #eee
}

.sub-nav li em {
	font-weight: 400;
	font-size: .75rem!important
}

.sub-nav li.current .nav-point,.sub-nav li:hover .nav-point {
	color: #3e3e3e
}

.sub-nav li:first-child {
	height: 2.25rem!important;
	line-height: 2.25rem!important;
	background: #3e3e3e
}

.sub-nav li:first-child a {
	color: #fff;
	border-bottom: none;
	padding-left: 1.75rem
}

.sub-nav li:first-child .nav-back {
	position: absolute;
	left: 0
}

.sub-nav.show {
	display: block;
	z-index: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s,-webkit-transform .3s
}

.six-lines-floor li {
	height: 3.85rem;
	width: 50%;
	float: left
}

.six-lines-floor li img {
	height: 3.85rem;
	width: 100%
}

.three-picture {
	padding: 0 0 .6rem .6rem;
	border-bottom: 1px solid #e0e0e0;
	background: #fff
}

.three-picture a {
	float: left;
	width: 4.55rem;
	height: 5.95rem;
	margin-right: .6rem
}

.three-picture a:nth-child(3n) {
	margin-right: 0
}

.three-picture img {
	width: 100%;
	height: 100%
}

.thumb-row {
	background-color: #f0f0f0;
	text-align: center;
	padding: .8rem 0 0
}

.thumb-row .thumb-row-box {
	display: inline-block;
	width: 6.875rem;
	height: 4rem;
	border-radius: .25rem;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 50%;
	margin: 0 .36rem
}

.trend-topic-wrapper {
	background: #fff
}

.trend-topic-content {
	position: relative;
	width: 100%;
	border-bottom: 1px solid #e0e0e0
}

.trend-topic-content .swiper-pagination {
	position: absolute;
	left: 0;
	right: 0;
	bottom: .55rem;
	text-align: center;
	z-index: 0
}

.trend-topic-content .swiper-pagination .pagination-inner {
	display: inline-block;
	padding: 0 .2rem .1rem;
	background: rgba(0,0,0,.2);
	border-radius: 1.25rem;
	line-height: 1.2
}

.trend-topic-content .swiper-pagination span {
	float: left;
	width: .4rem;
	height: .4rem;
	margin: 0 .2rem;
	background: #f0f0f0;
	border-radius: 50%;
	opacity: 1
}

.trend-topic-content .swiper-pagination span.swiper-pagination-bullet-active {
	background: #b0b0b0
}

.trend-topic-swiper {
	height: 13.35rem;
	overflow: hidden
}

.trend-topic-swiper ul {
	position: relative
}

.trend-topic-swiper ul li {
	float: left;
	height: 13.35rem
}

.trend-topic-swiper ul li .img-box {
	margin: 0 auto;
	width: 14.5rem;
	height: 9rem;
	line-height: 9rem;
	text-align: center
}

.trend-topic-swiper ul li .img-box img {
	vertical-align: middle;
	width: 100%;
	height: 100%
}

.trend-topic-swiper ul li .item-content {
	margin: .5rem .75rem 0
}

.trend-topic-swiper ul li .item-content .title {
	line-height: 1.3rem;
	font-size: .75rem;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap
}

.trend-topic-swiper ul li .item-content .time {
	margin: .4rem 0 0;
	line-height: .6rem;
	color: #afafaf;
	font-size: .45rem
}

.trend-topic-swiper ul li .item-content .time-icon {
	margin-right: .2rem;
	font-size: .35rem
}

.trend-tops-wrapper {
	width: 100%;
	height: 16.125rem
}

.trend-tops-header {
	position: relative;
	width: 100%
}

.trend-tops-header .trend-tops-title {
	width: 100%;
	height: 2.5rem;
	line-height: 2.5rem;
	text-align: center;
	font-size: .85rem;
	color: #747474
}

.trend-tops-header .more {
	position: absolute;
	right: .6rem;
	top: .5rem
}

.trend-tops-content {
	width: 100%
}

.main-tops-show {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 10.1rem;
	border: 1px solid #000
}

.tops-list {
	width: 100%;
	height: 9.625rem
}

.tops-list .tops-left {
	box-sizing: border-box;
	float: left;
	width: 6.3rem;
	height: 100%;
	border-right: 1px solid #000
}

.tops-list .tops-right {
	float: left;
	width: 9.625rem;
	height: 100%
}

.tops-right-toslist {
	width: 100%
}

.tops-right-toslist .tops-right-tositem {
	box-sizing: border-box;
	float: left;
	width: 50%;
	height: 4.9rem;
	border: 1px solid #000
}

.recommed-title {
	margin-top: 1.375rem;
	width: 100%;
	height: .875rem;
	line-height: .875rem;
	text-align: center;
	font-size: .875rem
}

.recommed-imgwrapper {
	display: block;
	margin-top: .6rem;
	width: 100%;
	height: 4.6rem;
	text-align: center
}

.recommed-imgwrapper img {
	width: 4.225rem;
	height: 100%;
	border: 1px solid #000
}

.recommed-productname {
	display: block;
	margin-top: .5rem;
	width: 100%;
	height: .5rem;
	line-height: .5rem auto;
	text-align: center
}

.tops-right-imgwrapper {
	display: block;
	width: 100%;
	height: 3.625rem;
	text-align: center
}

.tops-right-imgwrapper img {
	width: 3.25rem;
	height: 100%;
	border: 1px solid #000
}

.tops-right-productname {
	display: block;
	width: 100%;
	height: 1.125rem;
	line-height: 1.125rem;
	text-align: center
}

.trend-coll-wrapper {
	background: #fff;
	height: 16.125rem;
	border-bottom: 1px solid #e0e0e0
}

.trend-coll-header {
	position: relative;
	widows: 100%
}

.trend-coll-header .trend-coll-title {
	width: 100%;
	height: 2.5rem;
	line-height: 2.5rem;
	text-align: center;
	font-size: .85rem;
	color: #747474
}

.trend-coll-header .more {
	position: absolute;
	right: .6rem;
	top: .5rem
}

.trend-coll-content {
	padding: 0 0 0 .375rem
}

.trend-coll-content .lspan,.trend-coll-content .rspan {
	float: left;
	margin: 0 .375rem
}

.lspanimg,.rspanimg {
	display: block;
	float: right;
	width: 6.875rem;
	height: 6.875rem
}

.trend-coll-tail {
	box-sizing: border-box;
	width: 100%;
	height: 6.675rem;
	clear: both
}

.recommend-title {
	widows: 100%;
	height: 2.5rem;
	line-height: 2.5rem;
	text-align: center;
	font-size: .85rem
}

.recommend-swiper {
	width: 100%;
	height: 3.5rem;
	overflow: hidden
}

.recommend-list {
	position: relative;
	height: 100%
}

.recommend-list .recommend-item {
	float: left;
	padding-left: 5%;
	width: 21.875%;
	height: 3.5rem
}

.recommend-list .recommend-item a {
	display: block;
	width: 100%;
	height: 100%
}

.recommend-list .recommend-item a img {
	width: 100%;
	height: 100%
}

.two-column-goods {
	margin: .75rem 0 0;
	padding: .9rem 0 0;
	background: #fff;
	border-top: 1px solid #e0e0e0
}

.two-column-goods .column-nav {
	padding: 0 0 .75rem;
	line-height: .8rem;
	font-size: .7rem;
	border-bottom: 1px solid #f1f1f1
}

.two-column-goods .column-nav li {
	float: left;
	width: 7.975rem;
	text-align: center;
	color: #aaa
}

.two-column-goods .column-nav li.current {
	color: #000
}

.two-column-goods .column-nav li:first-child {
	border-right: 1px solid #e6e6e6
}

.two-column-goods .goods-list {
	padding-left: .375rem
}

.vip-only {
	display: none;
	position: relative;
	background: #fff;
	-webkit-overflow-scrolling: touch
}

.vip-only-banner {
	height: 5rem;
	width: 100%;
	overflow: hidden
}

.vip-only-goods-list {
	width: 100%;
	overflow-x: scroll;
	overflow-y: hidden;
	background-size: 100% 100%
}

.vip-only-goods-list ul {
	height: 8.25rem;
	padding: .625rem 0 .425rem .65rem;
	white-space: nowrap
}

.vip-only-goods {
	display: inline-block;
	height: 7.25rem;
	width: 3.825rem;
	margin-right: .65rem;
	background: #fff;
	border-radius: .125rem;
	vertical-align: top
}

.vip-only-goods .goods-pic {
	height: 5.15rem;
	width: 100%
}

.vip-only-goods .goods-info {
	position: relative;
	height: 2.1rem;
	width: 200%;
	background: #fff;
	padding: .7rem 0 .5rem;
	-webkit-transform: scale(.5);
	transform: scale(.5);
	-webkit-transform-origin: 0 0 0;
	transform-origin: 0 0 0
}

.vip-only-goods .goods-info .vip-price {
	display: none;
	color: #d0021b;
	font-size: 1rem;
	line-height: 1;
	text-align: center
}

.vip-only-goods .goods-info .sale-price {
	color: #b0b0b0;
	font-size: .75rem;
	line-height: 1rem;
	text-decoration: line-through;
	margin-top: .6rem
}

.vip-only-goods .goods-info .vip-icon {
	display: inline-block;
	height: 1rem;
	width: 2.5rem;
	margin-left: .4rem;
	vertical-align: middle;
	background: url(../images/vip.60ac920542.png);
	background-size: 100% 100%
}

.mobile-container {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 16rem;
    padding-bottom:3rem;
	overflow: hidden
}

.mobile-wrap {
	position: relative;
	z-index: 2;
	background: #f0f0f0;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s,-webkit-transform .3s
}

.mobile-wrap .creative-life .classify-name {
	display: none
}

.mobile-wrap .banner-top .banner-swiper:first-child {
	height: 7.8rem
}

.mobile-wrap.menu-open {
	-webkit-transform: translateX(13.5rem);
	transform: translateX(13.5rem)
}

.overlay {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
	z-index: 4;
	-webkit-transition: opacity 1s;
	transition: opacity 1s
}

.overlay.show {
	display: block;
	opacity: .3
}










/*

.home-header {
	background-image: -webkit-linear-gradient(#d0021b,#cc0000);
	background-image: linear-gradient(#d0021b,#cc0000);
}
*/