@charset "UTF-8";

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font: inherit;
	font-size: 100%
}

html {
	line-height: 1
}

ol,ul {
	list-style: none
}

table {
	border-spacing: 0;
	border-collapse: collapse
}

caption,td,th {
	vertical-align: middle;
	text-align: left;
	font-weight: 400
}

blockquote,q {
	quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
	content: "";
	content: none
}

a img {
	border: none
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
	display: block
}

body {
	-webkit-text-size-adjust: 100%!important;
	-ms-text-size-adjust: 100%!important;
	text-size-adjust: 100%!important
}

b,strong {
	font-weight: 700
}

.clearfix:after {
	content: "";
	display: block;
	clear: both
}

*,:after,:before {
	box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0,0,0,0)
}

body,html {
	width: 100%;
	font-size: .6rem;
	font-family: helvetica,Arial,"\9ED1\4F53",sans-serif;
	line-height: 1.4
}

.width750 {
	font-size: .7rem
}

.width750 .main-wrap {
	max-width: 18.75rem
}

.width750 .good-failure {
	background-size: 3.875rem!important
}

button,input,select,textarea {
	margin: 0;
	font-size: 100%
}

img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	border: 0
}

a {
	outline: none;
	color: #000;
	text-decoration: none
}

button {
	border: 0;
	outline: 0
}

:focus {
	outline: none
}

.main-wrap {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	max-width: 16rem;
	width: 100%
}

.main-wrap.full-screen,.main-wrap.full-screen .mobile-container {
	max-width: none!important
}

@font-face {
	font-family:iconfont;src:url(//cdn.yoho.cn/yohobuywap-node/fonts/iconfont.c896eac613.eot);src:url(//cdn.yoho.cn/yohobuywap-node/fonts/iconfont.c896eac613.eot) format("embedded-opentype"),url(//cdn.yoho.cn/yohobuywap-node/fonts/iconfont.991d067c16.woff) format("woff"),url(//cdn.yoho.cn/yohobuywap-node/fonts/iconfont.7e8b80b205.ttf) format("truetype"),url(../images/iconfont.edf44d5c50.svg) format("svg")
}

.iconfont {
	text-decoration: none;
	font-style: normal;
	font-size: .6rem;
	font-family: iconfont,sans-serif!important;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: .4px;
	-moz-osx-font-smoothing: grayscale
}

.yoho-tip {
	position: fixed;
	display: none;
	text-align: center;
	width: 50%;
	padding: 15PX;
	top: 50%;
	left: 50%;
	margin-left: -25%;
	margin-top: -45PX;
	background-color: rgba(0,0,0,.7);
	color: #fff;
	font-size: .6rem;
	border: none;
	z-index: 1000;
	box-sizing: border-box;
	border-radius: 10PX
}

.order-failure {
	background-size: 100%
}

.good-failure,.order-failure {
	background-image: url()
}

.good-failure {
	background-position-x: 40%;
	background-size: 3.3rem!important
}

img:not([src]),img[src=""] {
	opacity: 0
}

.yoho-order-bg {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(0,0,0,.7);
	z-index: 4;
	display: none
}

.yoho-order-bg .order-tip-box {
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	border-radius: .25rem;
	width: 10.5rem;
	margin-top: 10rem;
	vertical-align: center;
	position: relative
}

.yoho-order-bg .order-tip-box .order-tip-msg {
	font-size: 1.1em;
	padding: 1rem .5rem;
	text-align: center
}

.yoho-order-bg .order-tip-box .order-tip-msg p:last-child {
	margin-bottom: 1.25rem
}

.yoho-order-bg .order-tip-box .order-tip-btn-group {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 1.5rem;
	line-height: 1.5rem
}

.yoho-order-bg .order-tip-box .order-tip-btn-group a {
	width: 5.225rem;
	box-shadow: none;
	background-color: #fff;
	font-size: 1.2em;
	text-align: center;
	float: left;
	display: inline-block
}

.yoho-order-bg .order-tip-box .order-tip-btn-group a span {
	display: block;
	width: 100%;
	height: 100%
}

.yoho-order-bg .order-tip-box .order-tip-btn-group a:first-child {
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-radius: 0 0 0 .2rem
}

.yoho-order-bg .order-tip-box .order-tip-btn-group a:last-child {
	border-top: 1px solid #ccc;
	border-radius: 0 0 .2rem
}

.yoho-order-bg .order-tip-box .order-tip-btn-group .order-tip-btnred {
	color: #d0021b
}

.yoho-order-bg .order-tip-box .order-tip-btn-group .order-tip-btn1 {
	width: 10.45rem;
	border-right: none;
	border-radius: 0 0 .2rem .2rem!important
}

.icon-checkbox:before {
	content: "\E61C"
}

.icon-cb-checked:before {
	content: "\E61D"
}

.icon-radio:before {
	content: "\E647"
}

.icon-cb-radio:before {
	content: "\E646"
}

.icon-up:before {
	content: "\E608"
}

.icon-down:before {
	content: "\E609"
}

.icon-wenhao:before {
	content: "\E699"
}

.icon-point1:before {
	content: "\E60C"
}

.icon-tan:before {
	content: "\E73B"
}

.wx-footer-c {
	margin-top: .75rem
}

.wx-footer {
	padding: .5rem 0;
	border-top: 1px solid #e0e0e0;
	background-color: #fff
}

.wx-footer .wx-pic {
	width: 15%;
	float: left;
	padding: .375rem .625rem 0
}

.wx-footer .wx-pic img {
	width: 100%;
	height: auto
}

.wx-footer .wx-text {
	float: left;
	width: 73%
}

.wx-footer .wx-text .wx-title {
	font-size: .7rem;
	color: #444
}

.wx-footer .wx-text .wx-tip {
	font-size: .6rem;
	color: #b0b0b0
}

.wx-footer .wx-btn {
	margin-top: .25rem;
	width: 10%;
	text-align: center;
	line-height: .875rem;
	height: .875rem;
	display: block;
	background-color: #444;
	color: #fff;
	font-size: .6rem;
	border-radius: .075rem;
	float: left
}

@-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
}

.width750 .yoho-header {
	height: 2.625rem;
	line-height: 2.625rem
}

.width750 .yoho-header .nav-back {
	left: 0;
	width: 2.625rem;
	height: 2.625rem;
	line-height: 2.625rem
}

.width750 .yoho-header .nav-home {
	right: 0;
	width: 2.625rem;
	height: 2.625rem;
	line-height: 2.625rem
}

.width750 .yoho-header .nav-btn {
	right: .3rem;
	width: 2.625rem;
	height: 2.625rem;
	line-height: 2.625rem
}

.width750 .yoho-header .nav-sub-right {
	position: absolute;
	top: 0;
	display: block;
	width: 2.25rem;
	height: 2.25rem;
	outline: none;
	color: #fff;
	text-align: center;
	font-size: 20PX;
	line-height: 2.25rem;
	width: 3rem;
	height: 2.625rem;
	line-height: 2.625rem;
	font-size: .8rem
}

.width750 .yoho-header .nav-title {
	margin-right: 2.925rem;
	margin-left: 2.925rem;
	font-size: 1.05rem;
	font-weight: 400
}

.width750 .yoho-header .my-reward {
	font-size: .7rem;
	width: auto;
	padding-right: .5rem
}

.width750 .yoho-header .save {
	font-size: .7rem
}

.width750 .system-update {
	height: 2.625rem;
	line-height: 2.625rem
}

.width750 .system-update .system-header {
	font-size: 1.75rem
}

.width750 .system-update span {
	font-size: 2.35rem
}

.width750 .homebuttom {
	height: 8.875rem;
	top: 2.325rem
}

.width750 .user-defined-header {
	background: none;
	background-color: #3e3e3e
}

.yoho-header {
	position: relative;
	z-index: 20;
	width: 100%;
	height: 2.25rem;
	background-color: #000;
	color: #fff;
	line-height: 2.25rem
}

.yoho-header,.yoho-header.boys {
	background-image: -webkit-linear-gradient(#323232,#414141);
	background-image: linear-gradient(#323232,#414141)
}

.yoho-header.girls {
	background: #ff88ae
}

.yoho-header.kids {
	background: #7ad9f9
}

.yoho-header.life-style {
	background: #4f4138
}

.yoho-header a.highlight {
	background: hsla(0,0%,78.4%,.1)
}

.yoho-header .nav-back {
	left: 0
}

.yoho-header .nav-back,.yoho-header .nav-home {
	position: absolute;
	top: 0;
	display: block;
	width: 2.25rem;
	height: 2.25rem;
	outline: none;
	color: #fff;
	text-align: center;
	font-size: 20PX;
	line-height: 2.25rem
}

.yoho-header .nav-home {
	right: 0
}

.yoho-header .nav-btn {
	font-size: 20PX;
	right: .25rem;
	font-size: 14PX
}

.yoho-header .nav-btn,.yoho-header .nav-sub-right {
	position: absolute;
	top: 0;
	display: block;
	width: 2.25rem;
	height: 2.25rem;
	outline: none;
	color: #fff;
	text-align: center;
	line-height: 2.25rem
}

.yoho-header .nav-sub-right {
	font-size: 20PX;
	right: 2.5rem
}

.yoho-header .nav-title {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	overflow: hidden;
	margin-right: 2.5rem;
	margin-left: 2.5rem;
	height: 100%;
	color: #fff;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 700;
	font-size: .9rem
}

.system-update {
	display: none;
	overflow: hidden;
	width: 100%;
	height: 2.25rem;
	background-image: -webkit-linear-gradient(#323232,#414141);
	background-image: linear-gradient(#323232,#414141);
	line-height: 2.25rem
}

.system-update .system-header {
	width: 85%;
	font-size: 1.5rem
}

.system-update .system-header,.system-update span {
	float: left;
	overflow: hidden;
	height: 100%;
	color: #fff;
	text-align: center
}

.system-update span {
	width: 14%;
	font-weight: 700;
	font-size: 2rem
}

.homebuttom {
	width: 7.2rem;
	height: 8.875rem;
	position: absolute;
	top: 2rem;
	right: .3rem;
	z-index: 2;
	overflow: hidden;
	color: #fff;
	background-size: 100% 100%;
	padding-top: .425rem
}

.homebuttom.boys ul {
	background-image: -webkit-linear-gradient(#434343,#171717);
	background-image: linear-gradient(#434343,#171717)
}

.homebuttom.boys ul li span {
	border-bottom: 1px solid #444
}

.homebuttom.boys .ul-arr {
	background-color: #434343
}

.homebuttom.girls ul {
	background-image: -webkit-linear-gradient(#fc89ad,#e96e94);
	background-image: linear-gradient(#fc89ad,#e96e94)
}

.homebuttom.girls .ul-arr {
	background-color: #fc89ad
}

.homebuttom.kids ul {
	background-image: -webkit-linear-gradient(#7ed3f7,#5fc9f6);
	background-image: linear-gradient(#7ed3f7,#5fc9f6)
}

.homebuttom.kids .ul-arr {
	background-color: #7ed3f7
}

.homebuttom.life-style ul {
	background-image: -webkit-linear-gradient(#5e4a3c,#4c3727);
	background-image: linear-gradient(#5e4a3c,#4c3727)
}

.homebuttom.life-style .ul-arr {
	background-color: #5e4a3c
}

.homebuttom .ul-arr {
	width: .75rem;
	height: .75rem;
	position: absolute;
	top: .1rem;
	right: .8rem;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.homebuttom ul {
	overflow: hidden;
	width: 100%;
	height: 8.45rem;
	padding: 1px 0;
	border-radius: .25rem
}

.homebuttom ul li {
	float: left;
	overflow: hidden;
	width: 100%;
	height: 2.1rem;
	line-height: 2.1rem;
	padding-left: 1rem
}

.homebuttom ul li i {
	display: block;
	float: left;
	font-size: .75rem;
	color: #fff;
	width: 1.75rem
}

.homebuttom ul li span {
	display: block;
	float: left;
	font-size: .7rem;
	color: #fff;
	width: 4.25rem;
	height: 2.1rem;
	border-bottom: 1px solid #fff;
	padding-left: .5rem
}

.homebuttom ul li:last-child span {
	border-bottom: 0
}

.is-mars-app .yoho-header {
	display: none
}

.width750 .yoho-footer {
	font-size: .7rem;
	border-top: 1px solid #e0e0e0
}

.width750 .op-row {
	padding: 0 .875rem;
	height: 3.5rem;
	line-height: 3.5rem
}

.width750 .op-row .user-name {
	margin-left: .35em;
	max-width: 5.85rem
}

.width750 .op-row .back-to-top {
	right: 1.175rem
}

.width750 .op-row .sep-line {
	color: #e0e0e0;
	margin: 0 .75rem
}

.width750 .copyright {
	height: 2.75rem!important;
	line-height: 2.75rem!important
}

.wechat-body .yoho-footer .float-top.hover {
	bottom: 6.2rem
}

.yoho-footer {
	position: relative;
	width: 100%;
	background-color: #fff;
	font-size: .6rem;
	display: none
}

.yoho-footer .op-row {
	padding: 0 .75rem;
	height: 3rem;
	line-height: 3rem
}

.yoho-footer .op-row a,.yoho-footer .op-row span {
	display: inline-block;
	overflow: hidden
}

.yoho-footer .op-row .user-name {
	max-width: 5rem;
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap
}

.yoho-footer .op-row .back-to-top {
	position: absolute;
	right: 1rem
}

.yoho-footer .op-row .sep-line {
	color: #e0e0e0;
	margin: 0 .75rem
}

.yoho-footer .float-top {
	position: absolute;
	top: 1.175rem;
	right: 1.175rem;
	left: auto;
	bottom: auto;
	border-radius: 50%;
	width: 2.2rem;
	height: 2.2rem;
	background: url(../images/back-to-top.fcf6828d24.png) no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	display: none
}

.yoho-footer .float-top.hover {
	position: fixed;
	top: auto;
	left: auto;
	right: .75rem;
	bottom: 3.5rem;
	z-index: 9999;
	display: block
}

.yoho-footer .copyright {
	height: 60PX;
	background-color: #eee;
	color: #666;
	text-align: center;
	line-height: 60PX;
	font-size: .6rem
}

.float-layer,.yoho-footer.bottom {
	position: fixed;
	bottom: 0;
	width: 100%
}

.float-layer {
	opacity: 0;
	height: 44PX;
	background: rgba(68,68,68,.95);
	left: 0;
	z-index: 9999;
	padding: 10PX 0;
	box-sizing: content-box
}

.float-layer .float-layer-left {
	padding-left: 22PX;
	overflow: hidden;
	float: left
}

.float-layer .float-layer-left img {
	height: 44PX;
	float: left;
	margin-right: 10PX
}

.float-layer .float-layer-left p {
	float: left;
	font-size: 16PX;
	height: 44PX;
	line-height: 44PX;
	color: #fff
}

.float-layer .float-layer-left .yoho-icon {
	float: left;
	margin-right: 10PX;
	font-size: 22PX;
	line-height: 44PX;
	width: 44PX;
	height: 44PX;
	text-align: center;
	color: #fff;
	border-radius: 10PX;
	background-image: -webkit-linear-gradient(#323232,#0f0f0f);
	background-image: linear-gradient(#323232,#0f0f0f)
}

#float-layer-close {
	position: absolute;
	left: 0;
	top: 0;
	width: 2.5rem;
	height: 2.5rem
}

#float-layer-close .close-icon {
	position: absolute;
	left: 0;
	top: 0;
	color: silver;
	z-index: 2;
	font-size: 18PX
}

#float-layer-btn {
	position: absolute;
	top: 50%;
	right: 15PX;
	font-size: 16PX;
	padding: 0 10PX;
	height: 27PX;
	line-height: 27PX;
	background: #fff;
	border-radius: 5PX;
	margin-top: -13PX;
	-webkit-tap-highlight-color: rgba(0,0,0,.5)
}

#float-layer-btn:active,#float-layer-btn:hover,#float-layer-btn:link,#float-layer-btn:visited {
	color: #000
}

.circle-rightbottom {
	position: absolute;
	width: 25PX;
	height: 0;
	border: solid #323232;
	border-width: 0 0 25px;
	border-radius: 0 0 25PX
}

.is-now-app .op-row .back-to-top,.is-now-app .op-row .float-top {
	display: none
}

.relative {
	position: relative
}

.text-left {
	text-align: left
}

.text-right {
	text-align: right
}

.text-center {
	text-align: center
}

.pull-left {
	float: left
}

.pull-right {
	float: right
}

.hide {
	display: none
}

.show {
	display: block!important
}

.overflow-hidden {
	overflow: hidden
}

.text-overflow {
	white-space: nowrap
}

.line-clamp-2,.text-overflow {
	overflow: hidden;
	text-overflow: ellipsis
}

.line-clamp-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.vh-center {
	text-align: center
}

.vh-center:before,.vh-center>* {
	display: inline-block;
	vertical-align: middle
}

.vh-center:before {
	content: "";
	width: 0;
	height: 100%;
	line-height: 100%;
	vertical-align: middle
}

.ymodal-open {
	overflow: hidden
}

.ymodal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999;
	display: none
}

.ymodal-dialog {
	position: relative;
	margin: .375rem auto;
	width: 13.5rem
}

.ymodal-content {
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	border-radius: .2rem
}

.ymodal-header {
	position: relative
}

.ymodal-footer {
	font-size: .85rem;
	height: 2.2rem;
	border-top: 1px solid #e0e0e0
}

.ymodal-body {
	padding: .625rem
}

.ymodal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 998;
	background-color: #000;
	opacity: .8
}

.ymodal-alert .ymodal-dialog {
	margin-top: 5rem
}

.ymodal-alert .ymodal-content {
	width: 13.5rem
}

.ymodal-alert .ymodal-body {
	padding-top: 1rem;
	text-align: center;
	min-height: 4.25rem;
	font-size: .65rem
}

.ymodal-alert .ymodal-footer {
	text-align: center
}

.ymodal-alert .ymodal-btn-close {
	color: #d0021b;
	display: block;
	height: 100%;
	width: 100%;
	background-color: transparent
}

.img-check {
	margin-top: 1.125rem;
	margin-bottom: .75rem
}

.img-check-header {
	font-size: .7rem;
	line-height: .875rem;
	text-align: left;
	margin-bottom: .75rem;
	color: #b0b0b0
}

.img-check-refresh {
	float: right;
	font-size: .55rem;
	color: #d0021b
}

.img-check-pics {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	list-style: none;
	padding: 0;
	margin: 0
}

.img-check-pics li {
	background-size: 15rem 15rem;
	background-repeat: no-repeat;
	background-color: #575757;
	width: 3.75rem;
	height: 3.75rem
}

#js-img-check.hide {
	display: none!important
}

#js-img-check.popup {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: 99;
	background-color: rgba(0,0,0,.3)
}

.input-group {
	display: table
}

.input-group .input {
	width: 100%
}

.input-group .input,.input-group .input-addon {
	display: table-cell;
	vertical-align: middle
}

.input-group .input-addon {
	width: 1%;
	overflow: hidden
}

.suspend-cart {
	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-cart a {
	display: block;
	width: 100%;
	height: 100%
}

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

.suspend-cart .cart-count {
	position: absolute;
	top: -.6rem;
	right: -.5rem;
	width: 1.8rem;
	height: 1.8rem;
	border-radius: 50%;
	background: #f03d35;
	color: #fff;
	text-align: center;
	font-size: 1rem;
	line-height: 1.8rem;
	-webkit-transform: scale(.5);
	transform: scale(.5)
}

.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
}

.err-page .err-bg {
	position: fixed;
	height: 5rem;
	width: 5rem;
	top: 50%;
	left: 50%;
	margin-left: -2.5rem;
	margin-top: -2.5rem;
	background: url() no-repeat;
	background-size: 100% 100%
}

.err-page .err-refresh {
	margin-top: -6.25rem
}

.err-page .refresh-wrap {
	width: 11.5rem;
	position: absolute;
	left: 50%;
	top: 100%;
	margin-left: -5.75rem;
	text-align: center
}

.err-page .refresh-wrap .refresh-msg {
	line-height: 1.4;
	padding: .5rem 0
}

.err-page .refresh-wrap .refresh-btn {
	width: 5rem;
	line-height: 1.5rem;
	background-color: #414141;
	display: block;
	color: #fff;
	margin: .25rem auto
}

.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
}

.data-bind {
	display: none!important
}

.dialog-wrapper {
	background: rgba(0,0,0,.5);
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: none;
	z-index: 20
}

.dialog-wrapper .dialog-box {
	width: 13.5rem;
	border-radius: .5rem;
	background: hsla(0,0%,100%,.84);
	position: absolute;
	left: 50%;
	margin-left: -6.75rem;
	font-size: .75rem;
	text-align: center;
	color: #000
}

.dialog-wrapper .dialog-content {
	padding: 1.5rem .75rem;
	font-size: .8rem
}

.dialog-wrapper .dialog-header {
	padding: 1.25rem 0 1rem;
	font-size: .85rem;
	text-align: center;
	font-weight: 700
}

.dialog-wrapper .dialog-footer {
	height: 2.2rem;
	line-height: 2.2rem
}

.dialog-wrapper .dialog-footer>span {
	display: block;
	width: 50%;
	height: 100%;
	float: left;
	box-sizing: border-box
}

.dialog-wrapper .dialog-footer>span:last-of-type {
	border-left: 1px solid #ccc;
	color: #d0021b
}

.dialog-wrapper .dialog-footer>span:active {
	background-color: #ccc
}

.dialog-wrapper .dialog-footer>span.dialog-center-btn {
	width: 100%;
	border: none;
	text-align: center
}

.dialog-wrapper .dialog-footer:before {
	content: "";
	position: absolute;
	left: 0;
	width: 200%;
	height: 0;
	border-top: 1px solid #ccc;
	-webkit-transform-origin: left top;
	transform-origin: left top;
	-webkit-transform: scale3d(.5,.5,.5);
	transform: scale3d(.5,.5,.5)
}

.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();
	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()
}

.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() 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
}

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

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

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

.brand-page .banner-top .swiper-pagination .pagination-inner,.brand-page .shop-index .banner-area .swiper-pagination .pagination-inner,.shop-index .brand-page .banner-area .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,.brand-page .shop-index .banner-area .swiper-pagination .pagination-inner span,.shop-index .brand-page .banner-area .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,.brand-page .shop-index .banner-area .swiper-pagination .pagination-inner .swiper-pagination-bullet-active,.shop-index .brand-page .banner-area .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
}

.header-download {
	position: relative;
	height: 5.3rem;
	padding: 1.2rem 0 0;
	overflow: hidden
}

.header-download .download-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: -1
}

.header-download .yoho-logo {
	height: 1.425rem;
	background: url() no-repeat 50%;
	background-size: auto 100%
}

.header-download p {
	line-height: 1.2rem;
	font-size: .7rem;
	color: #fff;
	text-align: center
}

.header-download .download-btn {
	display: block;
	margin: .45rem auto 0;
	width: 7.35rem;
	height: 1.6rem;
	line-height: 1.6rem;
	border: .075rem solid #fff;
	font-size: .9rem;
	text-align: center;
	color: #fff
}

.header-download .close-btn {
	position: absolute;
	top: .425rem;
	right: .325rem;
	width: 1.25rem;
	height: 1.25rem;
	background: url(../images/close-icon.003a003f9e.png);
	background-size: 100% 100%
}

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

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

.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
}

.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
}

.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
}

.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%
}

.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
}

.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() no-repeat 50%;
	background-size: 100%
}

.home-header .logo.animate {
	background: url() no-repeat 50%;
	background-size: 100%
}

.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
}

.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
}

.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-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;
    border-top:1px solid #e6e6e6;
}

.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
}

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

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

.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%
}

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

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

.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
}

.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%
}

.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%
}

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

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

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

.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
}

.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
}

.divide-image {
	height: 14PX;
	width: 100%;
	background-size: 100% 100%
}

.mobile-container {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 16rem;
	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,.mobile-wrap .shop-index .banner-area .banner-swiper:first-child,.shop-index .mobile-wrap .banner-area .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
}

.goods-page .list-nav {
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6
}

.goods-page .list-nav>li {
	float: left;
	width: 20%;
	height: 1.65rem;
	text-align: center;
	font-size: .575rem;
	line-height: 1.65rem
}

.goods-page .list-nav .bytouch {
	background: #eee
}

.goods-page .list-nav a {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	color: #999
}

.goods-page .list-nav .active>a {
	color: #000
}

.goods-page .list-nav .active>a .span-test {
	display: inline-block;
	box-sizing: border-box;
	width: auto;
	height: 100%
}

.goods-page .list-nav .active>a .iconfont {
	color: #999
}

.goods-page .list-nav .active>a .iconfont.cur,.goods-page .list-nav .active>a .iconfont.drop {
	color: #000
}

.goods-page .list-nav .new .iconfont {
	font-weight: 700;
	-webkit-transform: scale(.8);
	transform: scale(.8)
}

.goods-page .list-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
}

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

.goods-page .list-nav .icon {
	position: relative
}

.goods-page .list-nav .icon i {
	position: absolute;
	font-weight: 700;
	-webkit-transform: scale(.8);
	transform: scale(.8)
}

.goods-page .list-nav .icon .up {
	top: -.55rem
}

.goods-page .list-nav .icon .down {
	top: -.2rem
}

.goods-page .list-nav .drop {
	font-size: 12PX
}

.goods-page .drop-list {
	padding-left: .75rem;
	position: absolute;
	z-index: 10;
	background: #fff;
	width: 100%
}

.goods-page .drop-list li {
	width: 100%;
	height: 2.2rem;
	font-size: .7rem;
	color: #b0b0b0;
	line-height: 2.2rem;
	border-bottom: 1px solid #e0e0e0
}

.goods-page .drop-list li:last-child {
	border-bottom: none
}

.goods-page .drop-list .active {
	color: #444
}

.goods-page .drop-list .active .chose {
	display: inline-block;
	width: .75rem;
	height: .55rem;
	background-image: url(../images/chose.7fe7f1efd9.png);
	background-size: 100%;
	float: right;
	margin-top: .825rem;
	margin-right: .75rem;
	background-repeat: no-repeat
}

.goods-page .no-result {
	margin-top: 8rem;
	color: #ccc;
	vertical-align: middle;
	text-align: center;
	font-size: 1.2em
}

.goods-page .goods-container {
	position: relative;
	padding-top: .2rem;
	padding-left: .375rem;
	min-height: 16rem
}

.goods-page .new-list {
	width: 100%;
	background-color: #fff;
	font-size: .7rem;
	color: #444;
	position: absolute;
	z-index: 5
}

.goods-page .new-list li {
	margin-left: .875rem;
	height: 2.2rem;
	line-height: 2.2rem;
	border-bottom: 1px solid #e0e0e0;
	padding-right: .95rem
}

.goods-page .new-list li:last-child {
	border-bottom: none
}

.goods-page .new-list li.active {
	background: url(../images/check.7f41e785c1.png) no-repeat 94%;
	background-size: .9rem .65rem
}

.yoho-header .sale-nav {
	text-transform: capitalize;
	width: auto;
	right: .5rem;
	font-size: .9rem
}

.yoho-header+.sale-nav-select {
	position: absolute;
	top: 2.25rem;
	right: .5rem;
	z-index: 2;
	padding: .25rem .75rem;
	min-width: 6.15rem;
	border-radius: .25rem;
	background-color: #000;
	background-image: -webkit-linear-gradient(top,#000,#333);
	background-image: linear-gradient(180deg,#000 0,#333);
	box-shadow: 0 .05rem .125rem 0 rgba(0,0,0,.6);
	text-align: center;
	font-size: .7rem;
	line-height: 2rem;
	display: none
}

.yoho-header+.sale-nav-select .arrow {
	position: absolute;
	top: -.35rem;
	right: .75rem;
	width: 0;
	height: 0;
	border-color: transparent transparent #000;
	border-style: solid;
	border-width: 0 .35rem .4rem
}

.yoho-header+.sale-nav-select.show {
	display: block
}

.yoho-header+.sale-nav-select a {
	display: block;
	border-bottom: .05rem solid #ccc;
	color: #fff
}

.yoho-header+.sale-nav-select a:last-child {
	border-bottom: none
}

.sale-page,.shop-index .discount-area,.shop-index .pos-list {
	overflow: hidden;
	background-color: #f0f0f0
}

.sale-page .thumb-row,.shop-index .discount-area .thumb-row,.shop-index .pos-list .thumb-row {
	padding-top: .625rem;
	padding-bottom: 0;
	overflow: hidden;
	padding-left: .4rem
}

.sale-page .thumb-row .thumb-row-box,.shop-index .discount-area .thumb-row .thumb-row-box,.shop-index .pos-list .thumb-row .thumb-row-box {
	margin-top: .25rem;
	display: block;
	float: left
}

.sale-page .goods-container,.sale-page .list-nav,.shop-index .discount-area .goods-container,.shop-index .discount-area .list-nav,.shop-index .pos-list .goods-container,.shop-index .pos-list .list-nav {
	background: #fff
}

.sale-page .category-swiper,.shop-index .discount-area .category-swiper,.shop-index .pos-list .category-swiper {
	height: auto;
	max-height: 8rem
}

.sale-page .focus-wrap .banner-top,.sale-page .focus-wrap .shop-index .banner-area,.sale-page .off-code-area-wrap .banner-top,.sale-page .off-code-area-wrap .shop-index .banner-area,.sale-page .vip-floor-wrap .banner-top,.sale-page .vip-floor-wrap .shop-index .banner-area,.shop-index .discount-area .focus-wrap .banner-area,.shop-index .discount-area .focus-wrap .banner-top,.shop-index .discount-area .off-code-area-wrap .banner-area,.shop-index .discount-area .off-code-area-wrap .banner-top,.shop-index .discount-area .vip-floor-wrap .banner-area,.shop-index .discount-area .vip-floor-wrap .banner-top,.shop-index .pos-list .focus-wrap .banner-area,.shop-index .pos-list .focus-wrap .banner-top,.shop-index .pos-list .off-code-area-wrap .banner-area,.shop-index .pos-list .off-code-area-wrap .banner-top,.shop-index .pos-list .vip-floor-wrap .banner-area,.shop-index .pos-list .vip-floor-wrap .banner-top,.shop-index .sale-page .focus-wrap .banner-area,.shop-index .sale-page .off-code-area-wrap .banner-area,.shop-index .sale-page .vip-floor-wrap .banner-area {
	height: 5rem;
	overflow: hidden
}

.sale-page .vip-floor,.shop-index .discount-area .vip-floor,.shop-index .pos-list .vip-floor {
	border-bottom: 1px solid #e0e0e0
}

.sale-page .vip-floor .good-info,.shop-index .discount-area .vip-floor .good-info,.shop-index .pos-list .vip-floor .good-info {
	margin-bottom: .5rem;
	height: auto;
	min-height: 12.65rem
}

.sale-page .list-nav,.sale-page .list-nav-layer,.shop-index .discount-area .list-nav,.shop-index .discount-area .list-nav-layer,.shop-index .pos-list .list-nav,.shop-index .pos-list .list-nav-layer {
	width: 100%;
	z-index: 1;
	background: #fff
}

.sale-page .list-nav-layer.fixed,.sale-page .list-nav.fixed,.shop-index .discount-area .list-nav-layer.fixed,.shop-index .discount-area .list-nav.fixed,.shop-index .pos-list .list-nav-layer.fixed,.shop-index .pos-list .list-nav.fixed {
	position: fixed;
	top: 0;
	left: 0
}

.sale-page .filter-mask.fixed,.shop-index .discount-area .filter-mask.fixed,.shop-index .pos-list .filter-mask.fixed {
	position: fixed;
	top: 1.75rem
}

.sale-vip-page .good-info {
	height: 14.25rem
}

.sale-vip-page .sale-vip {
	height: 12.65rem
}

.sale-vip-page .good-detail-text .price {
	white-space: nowrap
}

.discount-list li {
	margin-bottom: .75rem;
	background: #fff
}

.discount-list img {
	width: 100%;
	height: 6.25rem
}

.discount-list .discount-cont {
	box-sizing: border-box;
	padding: 0 .5rem;
	height: 1.925rem;
	border-bottom: 1px solid #e0e0e0;
	line-height: 1.925rem
}

.discount-list .discount-title {
	float: left;
	overflow: hidden;
	width: 11.25rem;
	height: 1.925rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: .6rem
}

.discount-list .discount-time {
	float: right;
	font-size: .55rem
}

.discount-list .red-color {
	color: #d0021b
}

.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
}

.banner-swiper ul li img {
	height: auto
}

.swiper-lazy-preloader {
	-webkit-transform: translateZ(-1px);
	transform: translateZ(-1px)
}

.outlet-nav {
	width: 100%;
	height: 2.2rem;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	white-space: nowrap;
	position: relative;
	background: #fff;
	overflow: hidden
}

.outlet-nav .nav-main {
	width: 100%;
	height: 2.45rem;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch
}

.outlet-nav ul {
	padding: 0 .5rem;
	margin: 0;
	display: table;
	table-layout: fixed;
	white-space: nowrap;
	width: auto
}

.outlet-nav li {
	-webkit-box-flex: 1;
	display: inline-block;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	vertical-align: top;
	margin-right: .25rem;
	height: 2.2rem
}

.outlet-nav li a {
	display: inline-block;
	width: auto;
	height: 2.15rem;
	padding: 0 .5rem;
	line-height: 2.2rem;
	color: #b0b0b0;
	font-size: .7rem;
	border-bottom: .15rem solid #fff
}

.outlet-nav li.active a {
	border-color: #3d3d3d;
	color: #444
}

.outlet-nav li:last-child {
	margin-right: 0
}

.outlet-nav.outlet-category-nav,.outlet-nav.outlet-category-nav li {
	height: 1.7rem
}

.outlet-nav.outlet-category-nav a {
	height: .95rem;
	line-height: 1.75rem
}

.outlet-nav.outlet-category-nav a.active {
	color: #444
}

.outlet-nav.outlet-category-nav span {
	color: #b0b0b0;
	font-size: .7rem
}

.nav-fix {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100
}

.outlet-page .thumb-row .thumb-row-box {
	height: 3.3rem;
	border-radius: 0;
	background-size: 100% 100%
}

.outlet-page .left-right-thumb-row {
	background: #f0f0f0;
	border-bottom: none
}

.outlet-page .banner {
	position: relative
}

.outlet-page .banner .outlet-activity-time {
	position: absolute;
	left: .25rem;
	top: .25rem;
	background-color: rgba(0,0,0,.6);
	border-radius: 1rem;
	padding: 0 .25rem;
	display: inline-block;
	height: 1rem;
	line-height: 1rem
}

.outlet-page .banner .outlet-activity-time .iconfont {
	display: inline-block;
	margin-right: .125rem;
	position: relative;
	top: -.05rem
}

.outlet-page .banner .outlet-activity-time .iconfont,.outlet-page .banner .outlet-activity-time span {
	color: #fff;
	font-size: .5rem
}

.outlet-page .active-list {
	background-color: #f0f0f0
}

.outlet-page .back-ground-white {
	display: block;
	background-color: #f0f0f0;
	position: relative;
	padding: .5rem 0;
	width: 100%;
	height: 7.5rem
}

.outlet-page .back-ground-white .back-image {
	width: 100%
}

.outlet-page .back-ground-white .center-square {
	position: absolute;
	margin-top: -2.65rem;
	margin-left: -4.825rem;
	width: 9.65rem;
	left: 50%;
	top: 50%;
	height: 5.3rem
}

.outlet-page .back-ground-white .num {
	text-align: center;
	font-size: .5rem;
	color: #ff0705
}

.outlet-page .back-ground-white .num .discount-num {
	font-size: .75rem
}

.outlet-page .back-ground-white .title {
	text-align: center;
	font-size: .8rem;
	font-weight: 700;
	height: 1rem;
	line-height: 1rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 2.125rem
}

.outlet-page .back-ground-white .time {
	text-align: center;
	font-size: .55rem;
	height: .8rem
}

.outlet-page .will-end-back {
	display: inline-block;
	position: relative;
	margin: 1rem 0;
	width: 100%;
	height: 7.5rem
}

.outlet-page .will-end-back .last-time {
	position: absolute;
	left: .25rem;
	top: .25rem;
	background-color: rgba(0,0,0,.6);
	border-radius: 1rem;
	padding: 0 .25rem;
	display: inline-block;
	height: 1rem;
	line-height: 1rem
}

.outlet-page .will-end-back .last-time .iconfont {
	display: inline-block;
	margin-right: .125rem;
	position: relative;
	top: -.05rem
}

.outlet-page .will-end-back .last-time .iconfont,.outlet-page .will-end-back .last-time span {
	display: inline-block;
	color: #fff;
	font-size: .5rem
}

.outlet-page .will-end-back .logo {
	top: .25rem;
	width: 2rem;
	height: 1.5rem;
	margin-right: .5rem;
	float: right
}

.outlet-page .will-end-back .line-space {
	width: 100%;
	height: 1.625rem;
	display: inline-block;
	margin-bottom: 1rem;
	line-height: 1.625rem
}

.outlet-page .will-end-back .num {
	top: .25rem;
	width: 2.5rem;
	font-size: .5rem;
	color: #ff0705;
	margin-left: .75rem
}

.outlet-page .will-end-back .title {
	top: .25rem;
	margin-left: .75rem;
	width: 5rem;
	font-size: .75rem;
	font-weight: 700;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.outlet-page .will-end-back .time {
	font-size: .55rem
}

.outlet-page .outlet-discount {
	width: 100%;
	color: #fff;
	background-color: rgba(0,0,0,.6);
	text-align: right;
	padding: .075rem 1.5rem;
	position: absolute;
	bottom: 0
}

.outlet-page .more-activity {
	padding-top: .125rem;
	color: #f1f1f9;
	background-color: #444;
	font-size: .9rem;
	text-align: center;
	margin-bottom: .5rem
}

.outlet-page .more-activity .count-down-icon {
	margin-top: -.375rem;
	font-size: .75rem;
	color: #fff
}

.outlet-page .hidden {
	display: none
}

.outlet-page .empty {
	position: absolute;
	width: 9.5rem;
	left: 50%;
	top: 7.5rem;
	margin-left: -4.75rem;
	font-size: .6rem;
	color: #444;
	font-family: STHeitiSC Mdedi,sans-serif
}

.outlet-page .empty .bag {
	display: block;
	width: 5rem;
	height: 5rem;
	margin-left: 2.25rem;
	margin-bottom: .75rem;
	background-image: url(../images/bag_moren.641ae9dddd.png);
	background-repeat: no-repeat;
	background-size: 100% 100%
}

.outlet-page .more-fashion {
	padding: .25rem;
	background: #f0f0f0;
	font-size: .7rem
}

.banner-top,.shop-index .banner-area {
	position: relative;
	margin-bottom: -2PX
}

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

.banner-top .swiper-pagination .pagination-inner,.shop-index .banner-area .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,.shop-index .banner-area .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,.shop-index .banner-area .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%
}

.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
}

.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
}

.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
}

.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
}

.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
}

.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
}

.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%
}

.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
}

.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
}

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

.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
}

.good-info {
	float: left;
	margin: .25rem .375rem 1rem;
	width: 6.9rem;
	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
}

.outlet-page .good-tag,.outlet-page .suspend-cart {
	display: none!important
}

.outlet-page .goods-container {
	margin-bottom: .25rem
}

.seckill-list .nav-list {
	background-color: #fff;
	width: 18.75rem;
	border-top: 1px solid #e1e1e1;
	height: 2.975rem;
	overflow: hidden
}

.seckill-list .nav-list.fix-top {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 100;
	box-shadow: 0 1px 0 0 #e1e1e1
}

.seckill-list .nav-list ul {
	width: auto;
	overflow: hidden;
	height: 100%;
	padding-top: .5rem
}

.seckill-list .nav-list ul li {
	width: 5.65rem;
	height: 1.975rem;
	border-right: 1px solid #e1e1e1;
	text-align: center;
	float: left
}

.seckill-list .nav-list ul li.now .info-now,.seckill-list .nav-list ul li.now .tip-now,.seckill-list .nav-list ul li.over .info-over,.seckill-list .nav-list ul li.over .tip-over,.seckill-list .nav-list ul li.wait .info-wait,.seckill-list .nav-list ul li.wait .tip-wait {
	display: initial
}

.seckill-list .nav-list ul li.last .last-info {
	display: block
}

.seckill-list .nav-list ul li .last-info,.seckill-list .nav-list ul li.last .last-count-down,.seckill-list .nav-list ul li .status {
	display: none
}

.seckill-list .nav-list ul li p {
	font-size: .55rem
}

.seckill-list .nav-list ul li:last-child {
	border: none
}

.seckill-list .nav-list ul li.focus {
	width: 7.5rem
}

.seckill-list .nav-list ul li.focus .selected {
	display: block
}

.seckill-list .nav-list ul li.focus .normal {
	display: none
}

.seckill-list .nav-list ul li .selected {
	display: none;
	color: #d0021b!important;
	height: 1.975rem;
	line-height: 1rem
}

.seckill-list .nav-list ul li .selected .time {
	font-weight: 700
}

.seckill-list .nav-list ul li .normal {
	display: block;
	height: 1.975rem;
	line-height: 1rem
}

.seckill-list .nav-list ul li .time {
	font-size: .75rem
}

.seckill-list .nav-list ul li .time span {
	margin-right: .125rem;
	font-size: .75rem
}

.seckill-list .nav-list ul li .tick {
	font-size: .5rem;
	background-color: #d60117;
	color: #fff;
	margin-left: .25rem;
	border-radius: 3PX;
	padding-left: .125rem;
	padding-right: .125rem
}

.seckill-list .product-list {
	background-color: #fff;
	margin-top: 1px
}

.seckill-list .product-list .item-link {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1
}

.seckill-list .product-list .item {
	position: relative;
	padding: .5rem .75rem;
	display: -webkit-box;
	border-bottom: 1px solid #e1e1e1
}

.seckill-list .product-list .item:first-child {
	border-top: 1px solid #e1e1e1
}

.seckill-list .product-list .item .item-img {
	width: 3.8rem;
	height: 5.075rem;
	margin-right: .75rem
}

.seckill-list .product-list .item .item-img img {
	width: 100%;
	height: 100%
}

.seckill-list .product-list .item .item-info {
	-webkit-box-flex: 1;
	position: relative;
	min-height: 5.05rem
}

.seckill-list .product-list .item .item-info .item-title {
	font-size: .7rem;
	color: #444
}

.seckill-list .product-list .item .item-info .item-price {
	margin-top: .375rem
}

.seckill-list .product-list .item .item-info .item-price ins {
	color: #d0021b;
	font-size: .85rem;
	text-decoration: none;
	margin-right: .25rem
}

.seckill-list .product-list .item .item-info .item-price del {
	font-size: .5rem;
	color: #000;
	color: #b0b0b0;
	text-decoration: line-through
}

.seckill-list .product-list .item .item-info .item-foot {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	display: -webkit-box
}

.seckill-list .product-list .item .item-info .item-foot .item-price {
	-webkit-box-flex: 1
}

.seckill-list .product-list .item .item-info .item-foot .item-time {
	-webkit-box-flex: 1;
	font-size: .55rem;
	padding-top: .7rem;
	-webkit-box-align: end
}

.seckill-list .product-list .item .item-info .item-foot .item-time i {
	margin-right: .125rem;
	color: #b0b0b0
}

.seckill-list .product-list .item .item-info .item-foot .item-time span {
	color: #b0b0b0
}

.seckill-list .product-list .item .item-info .item-foot .item-button {
	width: 5rem;
	text-align: right
}

.seckill-list .product-list .item .item-info .item-foot .item-button .btn {
	position: relative;
	z-index: 2;
	display: inline-block;
	min-width: 4rem;
	padding: 0 .2rem;
	height: 1.5rem;
	line-height: 1.5rem;
	text-align: center;
	color: #fff;
	background-color: #d0021b;
	border-radius: 3PX;
	border: none;
	font-size: .7rem
}

.seckill-list .product-list .item .item-info .item-foot .item-button .btn.btn-buy {
	background-color: #d0021b
}

.seckill-list .product-list .item .item-info .item-foot .item-button .btn.btn-over {
	background-color: #b2b2b2
}

.seckill-list .product-list .item .item-info .item-foot .item-button .btn.btn-chance,.seckill-list .product-list .item .item-info .item-foot .item-button .btn.btn-remind-off {
	background-color: #fff;
	border: 1px solid #454545;
	color: #454545
}

.seckill-list .product-list .item .item-info .item-foot .item-button .btn.btn-remind-on {
	background-color: #000
}

.seckill-list .product-list .item .item-info .item-foot .item-button .old-price {
	display: block;
	width: 100%;
	position: absolute;
	top: -.875rem;
	right: 0;
	font-size: .5rem;
	color: #d0021b;
	line-height: .75rem
}

.seckill-list {
	background-color: #f0f0f0
}

.seckill-list .tips {
	font-size: .6rem;
	line-height: 1.4;
	color: #666;
	padding: .75rem;
	background-color: #fff
}

.seckill-list .tips h5 {
	font-size: .625rem;
	font-weight: 700
}

.seckill-list .tips ol {
	list-style: decimal inside
}

.seckill-error {
	text-align: center;
	padding-top: 3.75rem;
	padding-bottom: 3.75rem
}

.seckill-page {
	background-color: #f0f0f0
}

.search-page ::-webkit-scrollbar,.shop-index .search-area ::-webkit-scrollbar {
	width: 0;
	height: 0
}

.search-page .search-input,.shop-index .search-area .search-input {
	position: relative;
	padding: .35rem .55rem;
	background: #f8f8f8
}

.search-page .search-input form,.shop-index .search-area .search-input form {
	width: 100%
}

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

.search-page .search-input input,.shop-index .search-area .search-input input {
	height: 1.4rem;
	width: 14.75rem;
	border-radius: .7rem;
	padding: 0 1.3rem;
	font-size: .6rem;
	background: #fff;
	border: none
}

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

.search-page .search-input .search,.shop-index .search-area .search-input .search {
	position: absolute;
	top: .35rem;
	right: 1rem;
	border: none;
	background: transparent;
	color: #666;
	font-size: 15PX;
	line-height: 1.4rem
}

.search-page .hot-search-new,.shop-index .search-area .hot-search-new {
	white-space: nowrap;
	width: 100%;
	overflow-x: auto;
	border-bottom: 1px solid #e0e0e0
}

.search-page .hot-search-new .new-hot,.shop-index .search-area .hot-search-new .new-hot {
	background: #fff;
	padding-left: .75rem;
	padding-top: .625rem;
	padding-bottom: .625rem;
	line-height: 0
}

.search-page .hot-search-new .hot-term,.shop-index .search-area .hot-search-new .hot-term {
	display: inline-block;
	height: 1.55rem;
	line-height: 1.55rem;
	padding: 0 .5rem;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-radius: .2rem;
	border: 1px solid #e0e0e0;
	background: #fff;
	font-size: .7rem;
	width: auto;
	margin-right: .375rem
}

.search-page .hot-search-new .hot-title,.shop-index .search-area .hot-search-new .hot-title {
	font-size: .85rem;
	color: #000;
	border: none;
	padding: 0
}

.search-page .search-items,.shop-index .search-area .search-items {
	background: #f0f0f0;
	
}

.search-page .search-items h3,.shop-index .search-area .search-items h3 {
	font-size: .6rem;
	margin-bottom: .5rem
}

.search-page .search-items li,.shop-index .search-area .search-items li {
	margin-right: .375rem;
	margin-bottom: .375rem;
	max-width: 100%;
	overflow: hidden;
	display: inline-block
}

.search-page .search-items a,.shop-index .search-area .search-items a {
	float: left;
	height: 1.55rem;
	line-height: 1.55rem;
	padding: 0 .5rem;
	font-size: .7rem;
	background: #f8f8f8;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.search-page .search-items .search-index,.shop-index .search-area .search-items .search-index {
	border-top: 1px solid #e0e0e0;
	background: #fff;
	padding: .75rem
}

.search-page .search-items .clear-icon,.shop-index .search-area .search-items .clear-icon {
	float: right;
	background: #fff
}

.search-page .search-items span,.shop-index .search-area .search-items span {
	margin-right: .125rem
}

.search-page .search-items .search-group,.shop-index .search-area .search-items .search-group {
	background: #fff
}

.search-page .search-items .search-group .ico-hot,.shop-index .search-area .search-items .search-group .ico-hot {
	width: .55rem;
	height: .75rem;
	display: inline-block;
	background: url(../images/hot-ico.d766e332d0.png) no-repeat;
	background-size: 100%;
	margin-right: .5rem;
	position: relative;
	top: .05rem
}

.search-page .search-items .search-group h3,.shop-index .search-area .search-items .search-group h3 {
	color: #b0b0b0;
	font-size: .7rem
}

.search-page .search-items .search-content-title,.shop-index .search-area .search-items .search-content-title {
	height: 1rem
}

.search-page .search-items .search-content-title .ico-lately,.shop-index .search-area .search-items .search-content-title .ico-lately {
	width: .65rem;
	height: .65rem;
	display: inline-block;
	background: url(../images/time-ico.279ae9ca2f.png) no-repeat;
	background-size: 100%;
	margin-right: .5rem;
	position: relative;
	top: .05rem
}

.search-page .search-items .search-content-title .ico-del,.shop-index .search-area .search-items .search-content-title .ico-del {
	width: .6rem;
	height: .65rem;
	display: inline-block;
	color: #b0b0b0
}

.search-page .search-items .search-content-title .left,.shop-index .search-area .search-items .search-content-title .left {
	float: left
}

.search-page .search-items .search-content-title .right,.shop-index .search-area .search-items .search-content-title .right {
	float: right
}

.search-page .search-items .search-content,.shop-index .search-area .search-items .search-content {
	clear: both;
	box-sizing: border-box;
	padding-bottom: .45rem
}

.search-page .search-items .search-content a,.shop-index .search-area .search-items .search-content a {
	border-radius: .2rem;
	border: 1px solid #e0e0e0;
	background: #fff;
	font-size: .7rem;
	width: auto
}

.search-page .search-items .history,.shop-index .search-area .search-items .history {
	max-height: 7.5rem;
	overflow: hidden
}

.search-page .search-items .history li,.shop-index .search-area .search-items .history li {
	margin-right: .375rem
}

.search-page .search-items .want-search,.shop-index .search-area .search-items .want-search {
	padding-top: .5rem
}

.search-page .search-items .want,.shop-index .search-area .search-items .want {
	max-height: 6.25rem;
	overflow: hidden
}

.search-page .swiper-slide,.shop-index .search-area .swiper-slide {
	width: auto
}

.search-brand-page .search-items a {
	line-height: 1.775rem
}

.good-list-page {
	min-height: 22rem
}

.good-list-page .intro-text {
	line-height: .7rem;
	padding: .55rem .6rem;
	font-size: .6rem;
	background: #f8f8f8;
	text-align: center
}

.good-list-page .search-input {
	position: relative;
	padding: .35rem .75rem;
	background: #f8f8f8
}

.good-list-page .search-input>form {
	position: relative;
	line-height: 1.5rem
}

.good-list-page .search-input .search-icon {
	position: absolute;
	font-size: .6rem;
	left: .5rem;
	height: 1.5rem;
	line-height: 1.5rem;
	display: inline-block;
	top: 1px
}

.good-list-page .search-input input {
	box-sizing: border-box;
	padding-left: 1.3rem;
	padding-right: 1.7rem;
	height: 1.5rem;
	width: 85%;
	border-radius: .75rem;
	background: #fff;
	border: none;
	line-height: 1.5rem
}

.good-list-page .search-input .clear-input {
	position: absolute;
	top: .1rem;
	right: 2.5rem
}

.good-list-page .search-input .search {
	position: absolute;
	top: .1rem;
	right: -.2rem;
	border: none;
	background: transparent;
	font-size: .8rem;
	height: 1.5rem;
	overflow: hidden;
	line-height: 1.5rem;
	color: #666
}

.good-list-page .brand-way {
	padding-bottom: .5rem;
	background: #f4f4f4
}

.good-list-page .brand-way .brand-enter {
	max-height: 4rem;
	overflow: hidden
}

.good-list-page .brand-way a {
	display: block;
	height: 2rem;
	line-height: 2rem;
	padding: 0 .5rem;
	border-top: 1px solid #e6e6e6;
	font-size: .85rem;
	background: #fff;
	color: #000;
	overflow: hidden
}

.good-list-page .brand-way span {
	font-size: .7rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.good-list-page .brand-way .brand-name {
	max-width: 35%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	float: left
}

.good-list-page .brand-way .brand-thumb {
	float: left;
	margin: 0;
	display: inline-block;
	height: 2rem;
	width: auto
}

.good-list-page .brand-way .occupy {
	float: left;
	width: 3.25rem;
	height: 2rem;
	margin: 0;
	display: inline-block
}

.good-list-page .brand-way .global-box {
	margin-left: .25rem;
	height: 2rem;
	width: 2.3rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	float: left
}

.good-list-page .brand-way .global {
	background-image: url(../images/global.86de9a00d5.png);
	display: inline-block;
	width: 2.3rem;
	height: .85rem;
	background-size: 100%;
	background-repeat: no-repeat
}

.good-list-page .brand-way .entry {
	color: #999;
	font-size: .6rem;
	float: right;
	display: inline-block
}

.good-list-page .brand-way .more-shop {
	width: 100%;
	height: 1rem;
	background: #fff;
	color: #999;
	margin-top: 0;
	text-align: center
}

.good-list-page .brand-way .more-shop span {
	position: relative;
	top: -.15rem
}

.good-list-page .brand-header {
	position: relative;
	height: 3.75rem
}

.good-list-page .brand-header>img {
	display: block;
	height: 100%;
	width: 100%
}

.good-list-page .btn-col,.good-list-page .btn-intro {
	position: absolute;
	display: block;
	width: 3.1rem;
	height: 1.2rem;
	line-height: 1.2rem;
	font-size: 12PX;
	text-align: center;
	border: 1px solid #fff;
	color: #fff;
	top: 50%;
	margin-top: -.6rem
}

.good-list-page .btn-intro {
	right: 4.5rem
}

.good-list-page .btn-col {
	right: .75rem
}

.good-list-page .btn-col .iconfont {
	font-size: 12PX
}

.good-list-page .btn-col.coled {
	opacity: .5
}

.good-list-page .btn-col .txt:after {
	content: "\6536\85CF"
}

.good-list-page .btn-col.coled .txt:after {
	content: "\5DF2\6536\85CF"
}

.good-list-page .brand-intro-box {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.3);
	padding: 2.2rem 0;
	z-index: 10;
	overflow: auto
}

.good-list-page .brand-intro-box .brand-intro {
	position: relative;
	box-sizing: border-box;
	width: 85%;
	margin: 1rem 7.5% 0;
	background: #fff;
	padding: .5rem 8%
}

.good-list-page .brand-intro-box h2 {
	text-align: center;
	font-size: .85rem;
	line-height: 2rem
}

.good-list-page .brand-intro-box .con {
	font-size: .6rem;
	line-height: .8rem;
	padding: 1rem 0;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	overflow-x: hidden
}

.good-list-page .brand-intro-box .fo {
	font-size: .9rem;
	height: 2rem;
	line-height: 2rem;
	text-align: center
}

.good-list-page .brand-intro-box .fo>span {
	font-size: 1.1rem
}

.good-list-page .brand-intro-box .close-intro {
	position: absolute;
	top: .3rem;
	right: .3rem
}

.good-list-page .list-nav {
	border-top: .05rem solid #fff;
	border-bottom: 1px solid #e6e6e6;
	position: relative
}

.good-list-page .list-nav>li {
	float: left;
	width: 20%;
	height: 33PX;
	line-height: 33PX;
	text-align: center;
	font-size: 14PX
}

.good-list-page .list-nav .bytouch {
	background: #eee
}

.good-list-page .list-nav a {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	color: #999
}

.good-list-page .list-nav .nav-txt {
	display: inline-block;
	height: 100%;
	box-sizing: border-box
}

.good-list-page .list-nav .active>a {
	color: #000
}

.good-list-page .list-nav .active>a .iconfont {
	color: #999
}

.good-list-page .list-nav .active>a .iconfont.cur,.good-list-page .list-nav .active>a .iconfont.drop {
	color: #000
}

.good-list-page .list-nav .new .iconfont {
	-webkit-transform: scale(.8);
	transform: scale(.8);
	font-weight: 700;
	font-size: 12PX
}

.good-list-page .list-nav .filter .iconfont {
	font-size: 12PX;
	-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
}

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

.good-list-page .list-nav .icon {
	position: relative
}

.good-list-page .list-nav .icon i {
	position: absolute;
	-webkit-transform: scale(.8);
	transform: scale(.8);
	font-weight: 700
}

.good-list-page .list-nav .icon .up {
	top: -11PX
}

.good-list-page .list-nav .icon .down {
	top: -4PX
}

.good-list-page .list-nav .drop {
	font-size: 12PX
}

.good-list-page .drop-list {
	padding-left: .75rem;
	position: absolute;
	z-index: 10;
	background: #fff;
	width: 100%
}

.good-list-page .drop-list li {
	width: 100%;
	height: 2.2rem;
	font-size: .7rem;
	color: #b0b0b0;
	line-height: 2.2rem;
	border-bottom: 1px solid #e0e0e0
}

.good-list-page .drop-list li:last-child {
	border-bottom: none
}

.good-list-page .drop-list .active {
	color: #444
}

.good-list-page .drop-list .active .chose {
	display: inline-block;
	width: .75rem;
	height: .55rem;
	background-image: url(../images/chose.7fe7f1efd9.png);
	background-size: 100%;
	float: right;
	margin-top: .825rem;
	margin-right: .75rem;
	background-repeat: no-repeat
}

.good-list-page .no-result {
	text-align: center;
	vertical-align: middle;
	color: #ccc;
	font-size: 1.2em;
	margin-top: 11rem
}

.good-list-page .goods-container {
	position: relative;
	min-height: auto!important;
	padding-left: .375rem;
	padding-top: .2rem
}

.good-list-page .goods-container .brand-info {
	padding-top: .7rem;
	text-align: center;
	display: inline-block
}

.good-list-page .goods-container .brand-info .brand-info-box {
	padding-top: 1rem;
	height: 11.95rem;
	overflow: hidden;
	border: .05rem solid #e0e0e0
}

.good-list-page .goods-container .brand-info img {
	height: 2rem
}

.good-list-page .goods-container .brand-info .bname {
	font-size: .6rem;
	color: #444;
	margin-top: 1rem;
	margin-bottom: 1.45rem
}

.good-list-page .goods-container .brand-info .summary {
	font-size: .575rem;
	color: #b0b0b0;
	margin-top: .625rem
}

.good-list-page .goods-container .brand-info .summary b {
	color: #d60018
}

.good-list-page .goods-container .brand-info .entry {
	height: 1.125rem;
	width: 4.25rem;
	font-size: .6rem;
	line-height: 1.125rem;
	color: #fff;
	background-color: #d0021b;
	margin: .875rem 1.325rem;
	display: inline-block
}

.good-list-page .goods-container .brand-info .entry span {
	background-image: url(../images/shop-entry.155f7e2a9b.png);
	background-repeat: no-repeat;
	display: inline-block;
	width: .35rem;
	height: .45rem;
	background-size: 100%;
	margin-left: .25rem
}

.good-list-page .goods-container .brand-info .shop-goods {
	border-top: 1px solid #e0e0e0;
	position: relative;
	padding: .45rem .4rem
}

.good-list-page .goods-container .brand-info .shop-goods:before {
	content: "";
	position: absolute;
	top: -.625rem;
	left: 47%;
	width: 0;
	height: 0;
	border: .25rem solid transparent;
	border-bottom: .325rem solid #e0e0e0
}

.good-list-page .goods-container .brand-info .shop-goods:after {
	content: "";
	position: absolute;
	top: -.55rem;
	left: 47%;
	width: 0;
	height: 0;
	border: .25rem solid transparent;
	border-bottom: .325rem solid #fff
}

.good-list-page .goods-container .brand-info .shop-goods .info {
	width: 2.75rem;
	height: 3.625rem;
	float: left
}

.good-list-page .goods-container .brand-info .shop-goods img {
	width: 100%;
	height: 100%
}

.good-list-page .goods-container .brand-info .shop-goods .info:first-child {
	margin-right: .5rem
}

.good-list-page .new-list {
	width: 100%;
	background-color: #fff;
	font-size: .7rem;
	color: #444;
	position: absolute;
	z-index: 5
}

.good-list-page .new-list li {
	margin-left: .875rem;
	height: 2.2rem;
	line-height: 2.2rem;
	border-bottom: 1px solid #e0e0e0;
	padding-right: .95rem
}

.good-list-page .new-list li:last-child {
	border-bottom: none
}

.good-list-page .new-list li.active {
	background: url(../images/check.7f41e785c1.png) no-repeat 94%;
	background-size: .9rem .65rem
}

.good-list-page .suspend-home {
	bottom: 6.45rem
}

.good-list-page .intro-text,.good-list-page .word-content {
	margin-left: -.375rem;
	margin-top: -.2rem
}

.good-list-page .search-divide {
	height: 1.25rem;
	width: 100%;
	padding: .25rem 0;
	color: #ccc;
	text-align: center
}

.good-list-page .list-too-little {
	padding: .625rem .5rem;
	border-bottom: 1px solid #e6e6e6;
	color: #444;
	font-size: .6rem
}

.good-list-page .list-too-little .word {
	display: inline-block;
	padding: .125rem .375rem;
	border-radius: .25rem;
	border: 1px solid #bbb;
	margin-right: .325rem;
	margin-top: .25rem
}

.good-list-page .no-result-new {
	text-align: center;
	padding-top: 2.25rem;
	padding-bottom: 2.75rem
}

.good-list-page .no-result-new p {
	color: #ccc;
	margin-bottom: .625rem;
	font-size: .65rem
}

.good-list-page .no-result-new p:first-child {
	color: #444;
	font-size: .8rem
}

.good-list-page .maybe-like-search {
	height: 1.5rem;
	line-height: 1.5rem;
	background-color: #eee;
	text-align: center;
	font-size: .5rem
}

.good-list-page .maybe-like-word {
	margin-top: 0;
	border-top: none
}

.reds-shop .search-divide {
	margin-bottom: 2.5rem
}

.seo-data {
	color: #b0b0b0;
	padding: .75rem
}

.seo-data>h1 {
	display: inline
}

.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
}

.shop-index {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden
}

.shop-index.new-shop {
	border-bottom: 1px solid #e6e6e6;
	position: static;
	overflow: initial
}

.shop-index.new-shop #pos-nav {
	z-index: 99
}

.shop-index.new-shop #pos-list {
	z-index: 100
}

.shop-index.new-shop #pos-list,.shop-index.new-shop #pos-nav {
	position: fixed;
	left: 0;
	top: 0
}

.shop-index.new-shop .nav li {
	height: 100%;
	line-height: 100%;
	margin-top: 0;
	border-left: none
}

.shop-index.new-shop .nav li .text {
	display: block;
	width: 100%;
	border-left: 1px solid #e0e0e0;
	margin-top: 15PX;
	height: 14PX;
	font-size: 14PX;
	line-height: 14PX
}

.shop-index.new-shop .nav:first-child .text {
	border-left: none
}

.shop-index.new-shop .shop-foot-wrapper {
	position: fixed;
	left: 0
}

.shop-index.new-shop li {
	position: relative
}

.shop-index.new-shop .default .iconfont,.shop-index.new-shop .discount .iconfont,.shop-index.new-shop .new .iconfont,.shop-index.new-shop .price .iconfont {
	transform: scale(.8);
	-webkit-transform: scale(.8);
	font-weight: 700
}

.shop-index .nav-main {
	margin-bottom: .75rem
}

.shop-index .branner-top {
	width: 100%;
	height: 5rem;
	position: relative;
	overflow: hidden
}

.shop-index .branner-top .shop-back-img {
	height: 100%;
	width: 100%
}

.shop-index .logo {
	position: absolute;
	overflow: hidden;
	left: .75rem;
	bottom: .75rem;
	width: 2.5rem;
	height: 2.5rem
}

.shop-index .store-name {
	color: #fff;
	font-size: .7rem;
	position: absolute;
	overflow: hidden;
	left: 3.7rem;
	bottom: .5rem
}

.shop-index .collect {
	width: 3.2rem;
	height: 1.225rem;
	position: absolute;
	bottom: .75rem;
	right: .75rem;
	border-radius: .25rem;
	text-align: center;
	background-size: contain
}

.shop-index .already-collect {
	width: 3.2rem;
	height: 1.25rem;
	border-radius: .25rem;
	background: url(../images/already-collect.ab693a2f62.png) no-repeat;
	background-size: contain
}

.shop-index .not-collect {
	width: 3.2rem;
	height: 1.25rem;
	border-radius: .25rem;
	background: url(../images/not-collect.4c57e0858d.png) no-repeat;
	background-size: contain
}

.shop-index .nav {
	width: 100%;
	height: 44PX;
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
	list-style: none;
	font-size: .7rem;
	background: #fff;
	overflow: hidden;
	box-sizing: border-box;
	border-bottom: 1px solid #e0e0e0;
	z-index: 2
}

.shop-index .nav li {
	display: block;
	height: .7rem;
	float: left;
	line-height: .7rem;
	width: 24.7%;
	text-align: center;
	border-left: 1px solid #e0e0e0;
	margin-top: .75rem;
	box-sizing: border-box;
	color: #b0b0b0
}

.shop-index .nav li:first-child {
	border-left: none
}

.shop-index .nav li a {
	color: #b0b0b0
}

.shop-index .nav .color {
	color: #444
}

.shop-index .main {
	background: #f0f0f0;
	padding-bottom: 1rem;
	overflow: hidden
}

.shop-index .banner-area {
	margin-bottom: .75rem
}

.shop-index .coupon {
	width: 100%;
	padding: .75rem 0;
	overflow: hidden
}

.shop-index .coupon img {
	width: 6.125rem;
	height: 3rem;
	vertical-align: top;
	margin-left: .75rem;
	float: left
}

.shop-index .multi-brands {
	width: 100%;
	height: 7.25rem;
	background: #fff;
	border: 1px solid #e0e0e0;
	border-top: none;
	font-size: .5rem;
	text-align: center;
	padding-top: .625rem;
	padding-bottom: .5rem;
	margin-bottom: .75rem;
	overflow: hidden
}

.shop-index .multi-brands p {
	font-size: .75rem
}

.shop-index .multi-browse {
	margin-top: 1.25rem
}

.shop-index .brand-img {
	margin-left: .75rem;
	width: 3.5rem;
	height: 3.75rem;
	overflow: hidden;
	padding-bottom: .5rem;
	float: left
}

.shop-index .brand-img p {
	font-size: .45rem;
	color: #b0b0b0;
	padding-top: .25rem;
	height: .75rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.shop-index .brand-img img {
	height: 3rem
}

.shop-index .spring {
	margin: 0 .375rem;
	overflow: hidden
}

.shop-index .spring li {
	width: 50%;
	height: 4rem;
	float: left;
	text-align: center;
	list-style: none;
	display: list-item
}

.shop-index .spring li img {
	width: 6.875rem;
	height: 4rem;
	border-radius: .25rem;
	vertical-align: top
}

.shop-index .hot-category .floor-header {
	margin: 0;
	border-bottom: none
}

.shop-index .hot-category .floor-header,.shop-index .popularity-title {
	background: #fff;
	border-bottom: 1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;
	color: #444;
	text-align: center;
	height: 50PX;
	line-height: 50PX;
	margin-top: .75rem;
	position: relative;
	font-size: 15PX
}

.shop-index .hot-category .floor-header h2,.shop-index .popularity-title h2 {
	font-size: 15PX
}

.shop-index .more {
	position: absolute;
	right: .75rem;
	top: 0;
	bottom: 0;
	color: #b0b0b0;
	font-size: 1.25rem;
	font-family: iconfont,sans-serif!important;
	font-style: normal;
	text-decoration: none
}

.shop-index .product-list {
	margin-left: auto;
	margin-right: auto;
	width: 15.25rem;
	overflow: hidden;
	background: #fff;
	border-bottom: .75rem solid #f0f0f0
}

.shop-index .product-list li {
	width: 6.875rem;
	height: 9.2rem;
	margin-top: 1.25rem;
	margin-left: .375rem;
	margin-right: .375rem;
	float: left;
	text-align: center;
	list-style: none
}

.shop-index .product-list li img {
	width: 6.875rem;
	height: 9.2rem;
	vertical-align: top
}

.shop-index .list-price {
	height: 1.5rem;
	background: #aaaeac;
	color: #fff;
	font-size: .55rem;
	margin-top: -1.5rem;
	position: relative;
	opacity: .9;
	padding-left: .375rem
}

.shop-index .list-price p {
	margin: 0;
	line-height: .8rem;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.shop-index .red {
	color: red
}

.shop-index .icon {
	position: relative;
	color: #b0b0b0
}

.shop-index .icon i {
	position: absolute
}

.shop-index .icon .up {
	top: -.125rem;
	left: .2rem
}

.shop-index .icon .down {
	top: .2rem;
	left: .2rem
}

.shop-index .product-warp {
	background-color: #fff
}

.shop-index .goods-container {
	position: relative;
	min-height: 11rem;
	padding-top: .5rem;
	border-bottom: 1px solid #e0e0e0;
	padding-left: .375rem
}

.shop-index .discount-area #list-nav {
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0
}

.shop-index .discount-area .list-nav li {
	display: block;
	height: 40PX;
	float: left;
	line-height: 40PX;
	width: 20%;
	text-align: center;
	box-sizing: border-box;
	position: relative
}

.shop-index .discount-area .list-nav li span {
	padding-top: 0;
	font-size: 14PX
}

.shop-index .discount-area .active .cur {
	color: #444
}

.shop-index .discount-area .goods-container {
	padding-top: .75rem;
	padding-bottom: 2.5rem
}

.shop-index .drop-list {
	padding-left: .75rem;
	position: absolute;
	z-index: 10;
	background: #fff;
	width: 100%
}

.shop-index .drop-list li {
	width: 100%;
	height: 2.2rem;
	font-size: .7rem;
	color: #b0b0b0;
	line-height: 2.2rem;
	border-bottom: 1px solid #e0e0e0
}

.shop-index .drop-list li:last-child {
	border-bottom: none
}

.shop-index .drop-list .active {
	color: #444
}

.shop-index .drop-list .active .chose {
	display: inline-block;
	width: .75rem;
	height: .55rem;
	background-image: url(../images/chose.7fe7f1efd9.png);
	background-size: 100%;
	float: right;
	margin-top: .825rem;
	margin-right: .75rem;
	background-repeat: no-repeat
}

.shop-index .pos-drop {
	position: fixed;
	left: 0;
	top: 40PX
}

.shop-index .hide {
	display: none
}

.shop-index .shop-foot-wrapper {
	position: absolute;
	bottom: 0;
	display: table;
	width: 100%;
	height: 44PX;
	line-height: 44PX;
	font-size: 14PX;
	background: #fff;
	border-top: 1px solid #e0e0e0;
	z-index: 2
}

.shop-index .shop-foot-wrapper ul {
	display: table-row
}

.shop-index .shop-foot-wrapper li {
	display: table-cell;
	text-align: center
}

.shop-index .shop-foot-wrapper li .wall {
	width: 0;
	height: 14PX;
	margin-top: 15PX;
	float: right;
	border-right: 1px solid #e0e0e0;
	display: inline-block
}

.shop-index .shop-foot-wrapper .sub-group {
	position: absolute;
	background: #fff;
	border: 1px solid #e0e0e0;
	border-radius: .3rem;
	bottom: 2.6rem;
	width: 40%;
	margin-left: 5%
}

.shop-index .shop-foot-wrapper .sub-group dl {
	padding: 0 .75rem;
	margin: 0 auto
}

.shop-index .shop-foot-wrapper .sub-group dd {
	line-height: 2rem;
	text-align: center;
	border-top: 1px solid #e0e0e0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.shop-index .shop-foot-wrapper .sub-group dd a {
	color: #444
}

.shop-index .shop-foot-wrapper .sub-group dd:first-child {
	border-top: 0
}

.shop-index .shop-foot-wrapper .sharp {
	position: absolute;
	width: 100%;
	height: .25rem;
	background: url(../images/sharp.5f918a419d.png) no-repeat 50%;
	background-size: contain
}

.shop-index .shop-foot-wrapper .foot-list-3 .sub-group {
	width: 29%;
	margin-left: 2%
}

.shop-index .bytouch {
	background: #eee
}

.shop-index .new-arrival,.shop-index .popularity {
	padding-top: .75rem;
	overflow: hidden;
	padding-left: .375rem;
	background: #fff;
	padding-bottom: 2.5rem
}

.shop-index .pos-list {
	background: #fff;
	width: 100%;
	overflow: hidden
}

.shop-index .pos-list li {
	display: block;
	height: 40PX;
	float: left;
	line-height: 40PX;
	width: 20%;
	text-align: center;
	box-sizing: border-box
}

.shop-index .pos-list li span {
	font-size: 14PX
}

.shop-index .pos-list li a {
	display: block;
	box-sizing: border-box;
	text-align: center;
	width: 100%;
	color: #b0b0b0;
	border-left: 1px solid #e0e0e0;
	height: 14PX;
	line-height: 14PX;
	margin-top: 14PX
}

.shop-index .pos-list .active .cur,.shop-index .pos-list .active a {
	color: #444
}

.shop-index .pos-list .new .iconfont,.shop-index .pos-list .price .iconfont {
	-webkit-transform: scale(.8);
	transform: scale(.8);
	font-weight: 700
}

.shop-index .pos-list .filter .iconfont {
	font-size: 12PX;
	-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
}

.shop-index .pos-list .filter.active .iconfont {
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg)
}

.shop-index .category-list-top-board {
	border-top: 1px solid #e0e0e0
}

.shop-index .category-list-last-li {
	border-right: 1px solid #e0e0e0
}

.shop-index .category-list-only-one-row {
	border-top: none!important
}

.shop-index .new-list {
	width: 100%;
	background-color: #fff;
	font-size: .7rem;
	color: #444;
	position: absolute;
	z-index: 102
}

.shop-index .new-list.classics {
	position: fixed;
	top: 41PX;
	left: 0
}

.shop-index .new-list.full-height {
	height: 100%
}

.shop-index .new-list li {
	margin-left: .875rem;
	height: 2.2rem;
	line-height: 2.2rem;
	border-bottom: 1px solid #e0e0e0;
	padding-right: .95rem
}

.shop-index .new-list li:last-child {
	border-bottom: none
}

.shop-index .new-list li.active {
	background: url(../images/check.7f41e785c1.png) no-repeat 94%;
	background-size: .9rem .65rem
}

.shop-index .no-result {
	margin-top: 8rem;
	color: #ccc;
	vertical-align: middle;
	text-align: center;
	font-size: 1.2em
}

.shop-index .banner-swiper {
	height: 7.8rem
}

.shop-index+.filter-mask {
	margin-top: 1px;
	z-index: 101
}

.shop-index+.filter-mask .filter-body {
	overflow: auto
}

.shop-index+.filter-mask .classify {
	height: auto
}

.shop-index+.filter-mask.call-by-fix {
	top: 1.95rem
}

.new-shop+.filter-mask {
	margin-top: 0;
	position: fixed;
	top: 1.15rem
}

.new-shop+.filter-mask.call-by-fix {
	top: 41PX;
	position: fixed;
	left: 0
}

.is-mars-app .collect,.is-now-app .not-collect {
	display: none
}

.shop-introduce-page .banner {
	width: auto;
	display: block;
	background-size: 100%;
	overflow: hidden
}

.shop-introduce-page .banner img {
	margin: 2.175rem auto;
	width: 10rem
}

.shop-introduce-page .descripition {
	margin: 0 .5rem;
	font-size: .55rem;
	line-height: .9rem;
	padding: 1.5rem .5rem 1rem;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	text-indent: 2em
}

.shop-introduce-page .sign-icon {
	font-size: .8rem;
	height: 2rem;
	line-height: 2rem;
	text-align: center;
	font-weight: 100
}

.shop-introduce-page .sign-icon>span {
	width: auto
}

.shop-introduce-page .license {
	width: auto;
	display: block;
	overflow: hidden
}

.shop-introduce-page .license-style {
	font-size: .6rem;
	color: #444;
	height: 1.25rem;
	line-height: 1.25rem;
	text-align: center;
	max-width: 7.5rem;
	margin: .25rem auto .75rem;
	border: 1px solid #e0e0e0
}

.shop-introduce-page .license-description {
	margin: 0 auto
}

.brand-shop-page .brand-list {
	margin-left: .5rem;
	font-size: .9rem;
	border-bottom: 1px solid #e6e6e6;
	text-align: left;
	height: 2.25rem;
	line-height: 2.25rem;
	vertical-align: middle;
	display: block;
	width: 100%
}

.product-category {
	font-size: .75rem;
	background-color: #fff
}

.product-category .allproduct {
	padding: 0 .75rem;
	display: block;
	height: 2.225rem;
	line-height: 2.225rem
}

.product-category .allproduct.highlight {
	background: #dbdbdb
}

.product-category .margin-under-allproduct {
	width: 100%;
	height: .75rem;
	background-color: #f0f0f0
}

.product-category .category-container {
	border-top: 1px solid #e6e6e6
}

.product-category .arrow-icon {
	position: relative;
	float: right;
	font-size: .75rem;
	top: -2.225rem;
	color: #e1e1e1;
	padding: 0 .25rem
}

.product-category .all-product-paragaraph {
	left: .5rem
}

.product-category .content {
	background: #fff
}

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

.product-category .primary-level {
	box-sizing: border-box;
	width: 100%;
	position: absolute
}

.product-category .primary-level>li {
	position: relative;
	height: 2.225rem;
	line-height: 2.225rem;
	box-sizing: border-box;
	border-bottom: 1px solid #e6e6e6;
	background-color: #fff;
	margin-left: .75rem
}

.product-category .primary-level-trilangle {
	float: right;
	background: url(../images/arrow.00d75208a7.png) no-repeat;
	background-size: 100%;
	margin-top: .55rem;
	width: .5rem;
	height: 1.15rem
}

.product-category .trilanglefont {
	font-family: iconfont,sans-serif!important;
	font-size: .75rem;
	font-style: normal;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: .2px;
	-moz-osx-font-smoothing: grayscale;
	color: #f4f4f4
}

.product-category .sub-level-container {
	box-sizing: border-box;
	background: #f4f4f4;
	width: 55%;
	height: 100%;
	position: relative;
	left: 45%
}

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

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

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

.product-category .sub-level>li.highlight {
	background: #dbdbdb;
	margin-left: 0;
	padding-left: .75rem
}

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

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

.shop-coupon {
	overflow: auto;
	width: 100%;
	color: #fff;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch
}

.shop-coupon .coupon-big {
	height: 3.5rem;
	width: 17rem;
	background: url(../images/coupon-big.6649eff1d7.png) no-repeat;
	background-size: contain;
	margin: .875rem;
	position: relative;
	display: inline-block;
	white-space: normal
}

.shop-coupon .coupon-big .coupon-left {
	position: absolute;
	margin: .275rem 0
}

.shop-coupon .coupon-big .coupon-left .coupon-left-price {
	margin: 0 1.45rem;
	float: left
}

.shop-coupon .coupon-big .coupon-left .coupon-left-price .coupon-sign {
	font-size: 1.25rem;
	float: left;
	margin-top: .625rem;
	width: .875rem
}

.shop-coupon .coupon-big .coupon-left .coupon-left-price .coupon-price {
	font-size: 1.8rem;
	float: left
}

.shop-coupon .coupon-big .coupon-left .coupon-left-name {
	width: 8.05rem;
	height: 2.925rem;
	float: left
}

.shop-coupon .coupon-big .coupon-left .coupon-left-name,.shop-coupon .coupon-big .coupon-right {
	font-size: .55rem;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex
}

.shop-coupon .coupon-big .coupon-right {
	width: .5rem;
	right: .925rem;
	position: absolute;
	height: inherit;
	line-height: 1.2em
}

.shop-coupon .coupon-small {
	height: 3.5rem;
	width: 7.175rem;
	background: url(../images/coupon-small.ce5e5695df.png) no-repeat;
	background-size: contain;
	margin: .875rem 0 .875rem .875rem;
	position: relative;
	display: inline-block;
	white-space: normal
}

.shop-coupon .coupon-small:last-child {
	margin-right: .875rem
}

.shop-coupon .coupon-small .coupon-left {
	position: absolute;
	width: 4.625rem;
	overflow: hidden;
	margin: 0 0 0 .875rem;
	height: inherit
}

.shop-coupon .coupon-small .coupon-left .coupon-left-price {
	width: inherit;
	height: 1.6rem;
	overflow: hidden;
	float: left
}

.shop-coupon .coupon-small .coupon-left .coupon-left-price .coupon-sign {
	font-size: 1.05rem;
	float: left;
	width: .825rem;
	margin-top: .375rem
}

.shop-coupon .coupon-small .coupon-left .coupon-left-price .coupon-price {
	font-size: 1.3rem;
	float: left;
	width: 2.5rem;
	overflow: hidden
}

.shop-coupon .coupon-small .coupon-left .coupon-left-name {
	font-size: .4rem;
	overflow: hidden;
	word-break: break-all;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	float: left
}

.shop-coupon .coupon-small .coupon-right {
	width: .575rem;
	font-size: .45rem;
	right: .55rem;
	position: absolute;
	height: inherit;
	line-height: 1.2em;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex
}

.recommend-for-you {
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	background: #fff;
	font-size: .3rem;
	padding: .75rem 0 .75rem .375rem
}

.recommend-for-you .title {
	color: #444;
	text-align: center;
	font-size: .8rem;
	line-height: 2.2rem
}

.recommend-for-you .swiper-container {
	padding: .75rem .75rem .5rem;
	width: 100%
}

.recommend-for-you .swiper-container .swiper-slide {
	float: left;
	margin: 0 .25rem;
	width: 3.9rem
}

.recommend-for-you .swiper-container .swiper-slide img {
	width: 100%;
	height: 5.2rem
}

.recommend-for-you .sale-name {
	overflow: hidden;
	margin-top: .5rem;
	width: 100%;
	color: #444;
	text-overflow: ellipsis;
	white-space: nowrap
}

.recommend-for-you .price {
	position: relative;
	margin-top: .2rem;
	font-size: .6rem;
	line-height: 1
}

.recommend-for-you .price .sale-price {
	margin-right: .2rem;
	color: #d9134f
}

.recommend-for-you .price .old-price {
	display: block;
	color: #b0b0b0;
	text-decoration: line-through
}

.recommend-for-you .price .no-price {
	color: #444
}

.width750 .recommend-for-you {
	padding: .875rem 0;
	font-size: .35rem
}

.width750 .recommend-for-you .title {
	font-size: .95rem;
	line-height: 2.575rem
}

.width750 .recommend-for-you .swiper-container {
	padding: .875rem .875rem .575rem
}

.width750 .recommend-for-you .swiper-container .swiper-slide {
	margin: 0 .3rem;
	width: 4.575rem
}

.width750 .recommend-for-you .swiper-container .swiper-slide img {
	height: 6.1rem
}

.width750 .recommend-for-you .sale-name {
	margin-top: .575rem
}

.width750 .recommend-for-you .price {
	margin-top: .225rem;
	font-size: .7rem
}

.width750 .recommend-for-you .price .sale-price {
	margin-right: .225rem
}

.newarrival-page {
	background-color: #fff
}

.newarrival-page .swiper-container {
	width: 100%;
	height: 7.75rem
}

.newarrival-page .swiper-container img {
	height: 100%;
	width: 100%
}

.newarrival-page .swiper-container .swiper-pagination {
	bottom: 0;
	left: 0;
	width: 100%
}

.newarrival-page .swiper-container .swiper-pagination-bullet-active {
	background: #fff
}

.newarrival-page .banner-swiper {
	height: 5rem
}

.newarrival-page .swiper-slide {
	width: 100%;
	height: 5rem
}

.newarrival-page .swiper-slide img {
	display: block;
	height: 100%;
	width: 100%
}

.newarrival-page .list-nav {
	border-top: .05rem solid #fff;
	border-bottom: 1px solid #e6e6e6
}

.newarrival-page .list-nav>li {
	float: left;
	width: 25%;
	height: 1.65rem;
	line-height: 1.65rem;
	text-align: center;
	font-size: .575rem;
	color: #999
}

.newarrival-page .list-nav .bytouch {
	background: #eee
}

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

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

.newarrival-page .list-nav .active>.iconfont,.newarrival-page .list-nav .active>.iconfont.cur {
	color: #000
}

.newarrival-page .list-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
}

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

.newarrival-page .no-result {
	text-align: center;
	vertical-align: middle;
	color: #ccc;
	font-size: 1.2em;
	margin-top: 8rem
}

.newarrival-page .goods-container {
	position: relative;
	min-height: 22rem;
	padding-left: .375rem;
	padding-top: .2rem
}

.newarrival-page .suspend-home {
	bottom: 6.45rem
}

.rank-main {
	padding: .35rem 0 0 .75rem;
	background: #fff
}

.rank-main li {
	height: 5.75rem;
	overflow: hidden
}

.rank-main li .item-img {
	float: left;
	width: 3.75rem;
	height: 5rem;
	padding: .35rem 0;
	line-height: 5rem;
	text-align: center
}

.rank-main li .item-img img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle
}

.rank-main li .item-content {
	float: left;
	width: 10.175rem;
	height: 5.325rem;
	margin: 0 0 0 .325rem;
	padding: .35rem 0 0 .75rem;
	border-top: 1px solid #e0e0e0;
	overflow: hidden
}

.rank-main li .item-content .rank-icon {
	display: block;
	height: 1.125rem;
	width: 1.25rem;
	line-height: 1.25rem;
	text-align: center;
	font-size: .55rem;
	color: #fff;
	background: url(../images/rank.7e81fefce2.png) no-repeat;
	background-position: top;
	background-size: auto 100%
}

.rank-main li .item-content .rank-icon.top {
	background: url(../images/rank-t.afab4538a8.png) no-repeat;
	background-position: top;
	background-size: 100%;
	line-height: 1.35rem
}

.rank-main li .item-content h2 {
	margin: .375rem 0 0!important;
	padding: 0!important;
	width: 9.5rem;
	max-height: 1.8rem;
	overflow: hidden;
	line-height: .9rem;
	color: #444;
	font-size: .7rem
}

.rank-main li .item-content h2.has-active {
	margin: .125rem 0 0!important
}

.rank-main li .item-content p {
	margin: 0!important;
	padding: 0!important;
	width: 9.5rem;
	line-height: .9rem;
	font-size: .6rem;
	color: #d0021b;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.rank-main li .item-content p b {
	text-decoration: line-through;
	color: #b0b0b0;
	margin-left: .25rem
}

.rank-main li:first-child .item-content {
	border: none
}

.goods-nav {
	border-bottom: .05rem solid #e6e6e6;
	height: 1.675rem;
	overflow: hidden
}

.goods-nav li {
	float: left;
	height: 1.675rem;
	line-height: 1.675rem;
	width: 3.625rem;
	text-align: center;
	font-size: .7rem
}

.goods-nav li a {
	display: inline-block;
	padding: 0 .125rem;
	font-size: .7rem;
	color: #999;
	height: 1.625rem
}

.goods-nav li:first-child {
	margin-left: .75rem
}

.goods-nav li.focus a {
	border-bottom: .1rem solid #000;
	color: #000
}

.s-goods-nav {
	box-sizing: border-box;
	overflow: hidden;
	background: #fff
}

.s-goods-nav li {
	margin: 0 .25rem;
	padding: 0 .375rem;
	width: auto;
	height: 100%;
	color: #999
}

.s-goods-nav li.active {
	color: #000
}

.s-goods-nav li.bg-active {
	color: #000;
	background-color: #e0e0e0
}

.s-goods-nav li a {
	padding: 0
}

.s-goods-nav li:first-child {
	margin: 0 0 0 .975rem
}

.s-goods-nav .swiper-wrapper {
	background: #fff
}

.bundle-body {
	background-color: #f0f0f0;
	min-height: 25rem
}

.bundle-tabs {
	padding-left: .575rem;
	padding-right: .575rem;
	height: 1.9rem;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
	background-color: #fff;
	box-sizing: content-box
}

.bundle-tabs.any {
	padding: 0
}

.bundle-tabs.any .swiper-slide {
	width: auto;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1
}

.bundle-tabs .swiper-slide {
	width: 4.2rem;
	text-align: center;
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex
}

.bundle-tabs .swiper-slide:first-child .line {
	display: none
}

.bundle-tabs .swiper-slide.selected span {
	color: #454545;
	border-bottom: 2px solid #454545
}

.bundle-tabs .swiper-slide .line {
	width: 1px;
	height: .7rem;
	margin-top: .6rem;
	float: left;
	border-left: 1px solid #ddd
}

.bundle-tabs .swiper-slide .title {
	width: 100%;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1
}

.bundle-tabs .swiper-slide .title span {
	display: inline-block;
	min-width: 2.575rem;
	max-width: 100%;
	color: #b2b2b2;
	line-height: 1.9rem;
	height: 1.9rem;
	font-size: .7rem;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.bundle-detail-goods {
	width: 100%;
	height: 6.2rem;
	overflow: hidden;
	padding: .5rem .75rem;
	background-color: #fff;
	border-bottom: 1px solid #e0e0e0
}

.bundle-detail-goods .goods-img {
	float: left;
	margin-right: .75rem
}

.bundle-detail-goods .goods-img img {
	width: 3.875rem;
	height: 5.15rem;
	overflow: hidden
}

.bundle-detail-goods .goods-info {
	float: left;
	width: 9.75rem
}

.bundle-detail-goods .goods-info p {
	line-height: 1.5rem
}

.bundle-detail-goods .goods-info .title {
	width: 8.75rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
	color: #444
}

.bundle-detail-goods .goods-info .count {
	float: right;
	color: #b0b0b0
}

.bundle-detail-goods .goods-info .select-btn {
	padding: .25rem;
	border: 1px solid #e0e0e0;
	color: #444
}

.bundle-detail-goods .goods-info .select-btn i {
	color: #e0e0e0
}

.bundle-detail-goods .goods-info .price {
	color: #d0021b
}

.bundle-bar {
	width: 100%;
	position: fixed;
	bottom: 0;
	background-color: #fff;
	padding: .375rem .75rem
}

.bundle-bar .no-buy {
	height: 2.3rem;
	line-height: 2.3rem;
	color: #d0021b
}

.bundle-bar .bundle-bar-md {
	width: 9rem;
	display: inline-block;
	text-align: right
}

.bundle-bar .bundle-bar-md .bundle-discount {
	color: #d0021b;
	border: 1px solid #d0021b;
	border-radius: .075rem;
	font-size: .6em;
	padding: 0 .05rem
}

.bundle-bar .bundle-bar-md .bundle-price {
	color: #d0021b;
	font-size: 1.2em;
	font-weight: 600
}

.bundle-bar .bundle-bar-md .sale-price {
	color: #b3b3b3;
	font-size: .8em;
	text-decoration: line-through
}

.bundle-bar .bundle-buy-btn {
	float: right;
	background-color: #d0021b;
	color: #fff;
	border: solid #d0021b;
	border-radius: .125rem;
	padding: .5rem;
	font-size: 1.2em
}

.chose-panel-top {
	height: 4rem
}

.limit-help-page {
	padding: .7rem;
	color: #444
}

.limit-help-page h2 {
	font-size: .75rem;
	font-weight: 700
}

.limit-help-page .method {
	display: block;
	width: 2rem;
	height: .875rem;
	line-height: .875rem;
	background-color: #444;
	color: #fff;
	border-radius: .5rem;
	text-align: center;
	margin: .5rem 0
}

.limit-help-page li {
	font-size: .6rem
}

.limit-help-page .intro-img {
	width: 100%;
	height: 5.5rem;
	background-size: 100%;
	background-repeat: no-repeat;
	margin: .5rem 0
}

.limit-help-page .method-1 li:first-child .intro-img {
	background-image: url(../images/1.16c7bf70e6.png)
}

.limit-help-page .method-1 li:nth-child(2) .intro-img {
	background-image: url(../images/2.99379bdb5e.png)
}

.limit-help-page .method-1 li:nth-child(3) .intro-img {
	background-image: url(../images/3.df68d72416.png)
}

.limit-help-page .method-2 li:first-child .intro-img {
	background-image: url(../images/4.4dd5841b67.png)
}

.limit-help-page .method-2 li:nth-child(2) .intro-img {
	background-image: url(../images/5.46c0ca5c0c.png)
}

.limit-help-page .method-2 li:nth-child(3) .intro-img {
	background-image: url(../images/6.5a4c4af22b.png)
}

.limit-help-page .method-2 li:nth-child(4) .intro-img {
	background-image: url(../images/7.c8ae819505.png)
}

.limit-help-page .how li:first-child .intro-img {
	background-image: url(../images/8.118b82b9a2.png)
}

.limit-help-page .how li:nth-child(2) .intro-img {
	background-image: url(../images/9.c564cb119b.png);
	margin-bottom: 0
}

.limit-good-page {
	background-color: #f4f4f4;
	color: #444
}

.limit-good-page .top {
	font-size: .6rem;
	height: 2rem;
	line-height: 2.2rem;
	margin-bottom: .1rem;
	background-color: #fff;
	padding: .2rem 0 .2rem .5rem
}

.limit-good-page .top div {
	width: 0;
	display: inline-block
}

.limit-good-page .top div img {
	width: 1.5rem;
	position: relative;
	top: .25rem
}

.limit-good-page .top p {
	display: inline-block;
	width: 80%
}

.limit-good-page .detail {
	background-color: #fff;
	padding: .6rem .8rem;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 1rem
}

.limit-good-page .detail .name {
	font-size: .9rem;
	margin-bottom: .5rem
}

.limit-good-page .detail .sale-info {
	height: 1rem;
	line-height: 1rem
}

.limit-good-page .detail .price {
	font-size: .8rem;
	color: #d0021b;
	float: left
}

.limit-good-page .detail .date {
	font-size: .6rem;
	float: right
}

.limit-good-page .detail .date .text {
	position: relative;
	top: .08rem
}

.limit-good-page .detail .iconfont {
	vertical-align: middle
}

.limit-good-page .good-desc {
	padding: .5rem;
	border-top: 1px solid #e6e6e6;
	background-color: #fff
}

.limit-good-page .good-desc p {
	font-size: .6rem;
	line-height: 1rem;
	text-indent: 2em
}

.limit-good-page .good-desc img {
	margin: .3rem 0;
	max-width: 100%
}

.limit-good-page .bottom {
	background-color: #fff;
	padding: .5rem 2rem 2rem;
	margin: 0 auto
}

.limit-good-page .bottom .logo {
	height: 2.5rem;
	background-image: url(../images/logo-bottom.f9ccc74409.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 50%
}

.limit-good-page .bottom .btn {
	font-size: .8rem;
	background-color: #fff;
	border: 1px solid #444;
	border-radius: .2rem;
	padding: .3rem .6rem
}

.limit-good-page .bottom .btn:active {
	background-color: #ccc
}

.limit-good-page .bottom .left,.limit-good-page .bottom .right {
	float: left
}

.limit-good-page .bottom .left {
	width: 39%
}

.limit-good-page .bottom .right {
	width: 60%;
	font-size: .65rem
}

.limit-good-page .bottom .right span {
	display: block;
	width: 95%;
	margin: 0 auto
}

.vip-day-header {
	background: url(../images/activity.1d484dfc6a.jpg);
	background-size: 100% 100%;
	height: 9.075rem
}

.vip-day-footer {
	position: relative;
	height: 11.65rem;
	background: url(../images/foot-app.db324609cc.png);
	background-size: 100% 100%;
	margin-bottom: 2.9rem
}

.vip-day-footer .app-download {
	position: absolute;
	right: 1.125rem;
	bottom: 4.625rem;
	width: 4.225rem;
	height: 1.3rem
}

.vip-day-slogan {
	height: 2.675rem;
	background: no-repeat 50% url(../images/slogan.3df27bb8a9.png);
	background-size: 8.05rem 2.675rem
}

.vip-day-sec {
	margin-left: .475rem;
	margin-right: .475rem
}

.vip-day-sec .title-pic {
	display: inline-block;
	background-repeat: no-repeat
}

.vip-day-sec .header {
	position: relative;
	text-align: center
}

.vip-day-sec .content {
	position: relative;
	background-color: #fff;
	padding-left: .375rem;
	padding-right: .375rem;
	border-radius: .4rem;
	box-shadow: inset -.15rem -.15rem .175rem rgba(15,5,10,.32)
}

.vip-day-sec .content:after,.vip-day-sec .content:before {
	display: table;
	content: "";
	clear: both
}

.vip-day-fuli .title-pic {
	width: 8.225rem;
	height: 3.375rem;
	background-image: url(../images/happy-fuli.3c5fff20c7.png);
	background-size: 100%
}

.vip-day-msg {
	padding-top: .375rem
}

.vip-day-msg .mirror {
	float: left;
	width: 60%;
	margin-right: .875rem;
	padding: .125rem;
	background-color: #e9e9ea;
	border-radius: .1rem
}

.vip-day-msg .vip-msg-content {
	height: 3.4rem;
	display: block;
	background-color: #e9e9ea;
	border: none;
	outline: none;
	width: 100%;
	resize: none
}

.vip-day-msg .vip-msg-send {
	display: block;
	height: 1.05rem;
	line-height: 1.05rem;
	background-color: #e95d3f;
	color: #fff;
	width: 100%;
	border-radius: .2rem;
	font-weight: 700
}

.vip-day-msg .txt {
	float: left;
	margin-top: .575rem;
	margin-bottom: .575rem;
	width: 4.875rem;
	height: 3.3rem
}

.vip-day-msg-input {
	position: relative;
	display: block;
	height: 51PX;
	margin-top: .375rem;
	margin-bottom: .375rem;
	border: 3px solid #e9e9ea;
	box-sizing: content-box;
	overflow: hidden
}

.vip-day-msg-input li {
	padding-left: .375rem;
	padding-right: .375rem;
	height: 51PX;
	line-height: 51PX;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.vip-day.entry {
	background-color: #262992
}

.vip-day .qiangjuan {
	text-align: center
}

.vip-day .qiangjuan .chits {
	margin-top: .775rem;
	margin-bottom: .625rem;
	overflow: hidden
}

.vip-day .qiangjuan .chits li {
	float: left;
	width: 33.3333333%;
	padding-right: .175rem
}

.vip-day .qiangjuan .chits li:last-of-type {
	padding-right: 0
}

.vip-day .qiangjuan .chit {
	display: block;
	height: 2.225rem;
	background-size: 100% 100%
}

.vip-day .qiangjuan .chit10 {
	background-image: url(../images/chit10.855e89d101.png)
}

.vip-day .qiangjuan .chit30 {
	background-image: url(../images/chit30.2fc2c7ca57.png)
}

.vip-day .qiangjuan .chit60 {
	background-image: url(../images/chit60.8e30827972.png)
}

.vip-day .qiangjuan-foucs {
	width: 9.55rem;
	height: 1.6rem;
	font-size: .85rem;
	background-color: #000;
	color: #fff;
	box-shadow: .2rem .2rem #929191;
	border-radius: .4rem;
	margin-bottom: 1rem
}

.vip-day .play-coin .d-chit-more {
	display: inline-block;
	position: absolute;
	left: .575rem;
	top: -1.5rem;
	width: 3.5rem;
	height: 2.25rem;
	background: no-repeat 50% url(../images/chit-more.769dc2895a.png);
	background-size: 100%
}

.vip-day .play-coin ul {
	position: relative;
	margin-top: 1.25rem;
	margin-bottom: .75rem
}

.vip-day .play-coin .title-pic {
	width: 6.075rem;
	height: 2.725rem;
	background-image: url(../images/play-coin-txt.daea9d64a2.png);
	background-size: 100%
}

.vip-day .play-coin .item {
	width: 50%;
	text-align: center;
	background-color: #fff
}

.vip-day .play-coin-left {
	width: 5.45rem;
	height: 4.25rem
}

.vip-day .play-coin-right {
	width: 4.55rem;
	height: 4.225rem
}

.vip-day .play-coin-div {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	width: .1rem;
	margin-left: -.05rem;
	background-color: #e95d3f
}

.vip-day .vip-rocket .title-pic {
	width: 5.575rem;
	height: 2.575rem;
	background-image: url(../images/vip-boot.eea8c3fe95.png);
	background-size: 100% 100%
}

.vip-day .vip-rocket .content {
	height: 6.575rem;
	background: no-repeat 50% url(../images/vip-boot-pic.1450d6c8ac.jpg);
	background-size: 100% 100%
}

.vip-day .vip-rocket-a {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.vip-day .vip-rocket-point {
	position: absolute;
	left: 50%;
	bottom: -1.25rem;
	margin-left: -.95rem;
	width: 1.9rem;
	height: 2.675rem;
	background: no-repeat 50% url(../images/point.5e931c903c.png);
	background-size: 100%
}

.vip-day .vip-goods .title-pic {
	width: 8.25rem;
	height: 3.15rem;
	background-image: url(../images/vip-day-goods.bff0ec9dc3.png);
	background-size: 100%
}

.vip-day .vip-goods-sec {
	overflow: hidden
}

.vip-day .vip-goods-more {
	display: block;
	margin: 1.175rem auto;
	width: 4.65rem;
	height: 1.1rem;
	line-height: 1.1rem;
	background-color: #000;
	color: #fff;
	box-shadow: .2rem .2rem #929191;
	border-radius: .4rem
}

.vip-day .vip-goods-sec-label {
	width: 5rem;
	height: 1.425rem;
	line-height: 1.425rem;
	margin: 1.25rem auto .625rem;
	background-color: #e95d3f;
	box-shadow: -.1rem -.1rem .1rem rgba(0,0,0,.28);
	font-size: 1rem;
	color: #fff;
	text-align: center;
	letter-spacing: 2PX
}

.vip-day .vip-good {
	position: relative;
	float: left;
	width: 33.3333%;
	padding-right: .2rem
}

.vip-day .vip-good:nth-child(3n) {
	margin-right: 0
}

.vip-day .vip-good-link {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.vip-day .vip-good-show {
	width: 5.5rem;
	height: 7.33333rem
}

.vip-day .vip-good-price {
	margin-top: .25rem;
	margin-bottom: .35rem;
	position: relative;
	text-align: center
}

.vip-day .vip-good-price .disable-price {
	margin-left: .125rem;
	text-decoration: line-through;
	color: #5b5b5b
}

.vip-day .vip-good-price:before {
	position: absolute;
	left: 50%;
	bottom: -.35rem;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-left: .25rem solid transparent;
	border-right: .25rem solid transparent;
	border-bottom: .225rem solid #000;
	-webkit-transform: translate3d(-50%,0,0);
	transform: translate3d(-50%,0,0)
}

.vip-day .vip-good-price:after {
	display: block;
	content: "";
	clear: both
}

.vip-day .vip-good-bottom {
	padding-top: .25rem;
	padding-bottom: .3rem;
	background-color: #000;
	text-align: center
}

.vip-day .vip-good-name {
	font-size: .5rem;
	color: #fff;
	height: 1.4rem;
	margin-bottom: .25rem;
	margin-left: .125rem;
	margin-right: .125rem
}

.vip-day .vip-good-fav {
	line-height: .625rem;
	font-size: .4rem;
	background-color: #fff;
	color: #000
}

.vip-day .friends {
	margin-top: 1.6rem;
	margin-bottom: 1.4rem;
	color: transparent;
	height: 8.175rem;
	background-image: url(../images/invite.0f85f645b2.jpg);
	background-size: 100% 100%
}

.vip-day #chit-qcode .qcode {
	width: 13.5rem;
	height: 13.5rem
}

.vip-day .chit-qcode-tip {
	color: #fff;
	margin-top: .25rem
}

.vip-day #qiandao-modal img {
	width: 13.975rem;
	height: 13.625rem
}

.vip-day #vip-privilege img {
	width: 12.35rem
}

.vip-day #vipday-msg-input .msg-text {
	width: 100%;
	height: 8.25rem
}

.vip-day #chit-qcode .ymodal-dialog,.vip-day #qiandao-modal .ymodal-dialog,.vip-day #vip-privilege .ymodal-dialog {
	height: 100%;
	width: auto;
	margin: 0
}

.vip-day .footer-nav {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	background-color: #131313;
	color: #345abc;
	text-shadow: 0 0 .125rem #0919f5
}

.vip-day .footer-nav li {
	position: relative;
	padding-top: .375rem;
	float: left;
	width: 20%;
	height: 2.875rem;
	text-align: center
}

.vip-day .footer-nav li a {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.vip-day .footer-nav i {
	display: inline-block;
	width: 1.9rem;
	height: 1.175rem;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 100% 100%
}

.vip-day .footer-nav .bg-chit {
	background-image: url(../images/get-chit.7413a9dfae.png)
}

.vip-day .footer-nav .bg-coin {
	background-image: url(../images/play-coin.f4ffe9375e.png)
}

.vip-day .footer-nav .bg-level {
	background-image: url(../images/double-level.6c6ecf19fa.png)
}

.vip-day .footer-nav .bg-goods {
	background-image: url(../images/private-goods.58709acdd8.png)
}

.vip-day .footer-nav .bg-fuli {
	background-image: url(../images/double-fuli.6299d1b0b4.png)
}

.vipday-game .game-stage {
	position: absolute;
	top: 1.5rem;
	right: 2.05rem;
	left: 2.05rem;
	width: 14.65rem;
	height: 10.15rem;
	background-size: contain
}

.vipday-game.game-luck .game-stage {
	background-image: url(../images/luck-stage.bfb3f7679a.png);
	background-size: 100%
}

.vipday-game.game-wheel .game-stage {
	background-image: url(../images/chit-stage.d2d5184243.png);
	background-size: 100%
}

.vip-day10 .entry {
	background: url(../images/bg.027626f0ce.jpg);
	background-size: 100% 100%
}

.vip-day10-header {
	background: url(../images/head.9bef96b7c0.gif);
	background-size: 100% 100%;
	height: 12.15rem
}

.vip-day10-slogan {
	height: 1.65rem;
	background: no-repeat 50% url(../images/slogan.51153a69fa.png);
	background-size: 16rem 1.65rem
}

.vip-day10-coin {
	position: relative;
	height: 8.45rem;
	width: 14.8rem;
	background: url(../images/coin.32c17781d9.png);
	background-size: 100% 100%;
	margin: 1.45rem auto 0
}

.vip-day10-coin .checkin {
	position: absolute;
	left: 3.85rem;
	bottom: 1.15rem;
	height: 1.5rem;
	width: 7.125rem
}

.vip-day10-double {
	height: 9.675rem;
	width: 14.8rem;
	background: url(../images/vip-double.281f9414ee.png);
	background-size: 100% 100%;
	margin: 1.45rem auto 0
}

.vip-day10-goods {
	position: relative;
	width: 14.8rem;
	border: 1px solid #3d3325;
	margin: 2.125rem auto 0
}

.vip-day10-goods .title {
	height: 1.45rem;
	width: 7.875rem;
	margin: -.575rem auto 0;
	background: url(../images/vip-goods-title.55705e892a.png);
	background-size: 100% 100%
}

.vip-day10-goodsbg {
	width: 13.65rem;
	margin: 0 auto;
	background: #9b7a4f
}

.vip-day10-goodsbg .goods-title {
	height: 1.45rem;
	margin: 1rem auto 0
}

.vip-day10-goodsbg .goods-title.first-title {
	margin-top: .5rem;
	background: url(../images/first-title.cd87d86343.png);
	background-size: 100% 100%
}

.vip-day10-goodsbg .goods-title.second-title {
	background: url(../images/second-title.7ed6eedac8.png);
	background-size: 100% 100%
}

.vip-day10-goodsbg .goods-title.third-title {
	background: url(../images/third-title.0606ada6ea.png);
	background-size: 100% 100%
}

.vip-day10-goodsbg .goods-main {
	margin: 0 -.575rem .5rem
}

.vip-day10-goodsbg .vip10-good {
	height: 6.775rem;
	width: 4.8rem;
	background: #fff;
	float: left;
	margin-bottom: .5rem
}

.vip-day10-goodsbg .vip10-good:nth-child(3n+2) {
	margin: 0 .175rem
}

.vip-day10-goodsbg .vip10-good-show {
	height: 5.375rem;
	width: 4.8rem
}

.vip-day10-goodsbg .vip10-good-name {
	padding: 0 .3rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: .5rem;
	line-height: 1.2
}

.vip-day10-goodsbg .vip10-good-price {
	padding: 0 .3rem;
	vertical-align: top;
	line-height: 1.2
}

.vip-day10-goodsbg .vip10-good-price .sale-price {
	display: inline-block;
	font-size: .5rem;
	font-weight: 700
}

.vip-day10-goodsbg .vip10-good-price .sale-price:nth-child(2) {
	padding-right: .25rem
}

.vip-day10-goodsbg .vip10-good-price .disable-price {
	display: inline-block;
	font-size: .4rem;
	font-weight: 700;
	color: #b6b6b6;
	text-decoration: line-through
}

.vip-day10-goodsbg .vip10-good-price .buy-icon {
	display: inline-block;
	float: right;
	padding: .05rem .15rem;
	margin-top: .05rem;
	font-size: .4rem;
	background: #d60000;
	color: #fff
}

.last-vip .vip10-good {
	margin-bottom: -.375rem
}

.view-more {
	display: block;
	height: 1.875rem;
	width: 13.65rem;
	margin: -.375rem auto .625rem;
	background: url(../images/view-more.55e71f4484.png);
	background-size: 100% 100%
}

.vip-day10-student {
	position: relative;
	height: 12.175rem;
	width: 14.75rem;
	margin: 1.5rem auto 0;
	background: url(../images/student.f33172f229.png);
	background-size: 100% 100%
}

.vip-day10-student .in-button {
	position: absolute;
	bottom: 3rem;
	left: 4.375rem;
	height: 1.55rem;
	width: 6.1rem
}

.vip-day10-student .in-button-bg1 {
	background: url(../images/in-button1.dc283bcd7c.png);
	background-size: 100% 100%
}

.vip-day10-student .in-button-bg2 {
	background: url(../images/in-button2.19c2e5ae5d.png);
	background-size: 100% 100%
}

.vip-day10-student .student-more {
	position: absolute;
	bottom: .5rem;
	left: .5rem;
	height: 1.55rem;
	width: 13.625rem
}

.vip-day10-invite {
	position: relative;
	height: 8.875rem;
	width: 14.8rem;
	margin: 1.5rem auto 0;
	background: url(../images/invite-friend.b0aa0398e6.png);
	background-size: 100% 100%
}

.vip-day10-invite .invite-button {
	position: absolute;
	bottom: 1.6rem;
	right: 1.45rem;
	height: 1.5rem;
	width: 7.25rem
}

.vip-day10-download {
	position: relative;
	height: 10.875rem;
	width: 16rem;
	margin: -.5rem auto 2.425rem;
	background: url(../images/download-app.8d0d1ed589.png);
	background-size: 100% 100%;
	z-index: 2
}

.vip-day10-download .download-button {
	position: absolute;
	bottom: 4.3rem;
	right: .95rem;
	height: 1.15rem;
	width: 3.6rem
}

.vip-day10-menu {
	position: fixed;
	bottom: 0;
	height: 2.425rem;
	width: 16rem;
	margin: -.5rem auto 0;
	background: url(../images/menu.a52cd82cb2.png);
	background-size: 100% 100%;
	z-index: 99
}

.vip-day10-menu .id-a {
	display: block;
	width: 3.2rem;
	height: 2.425rem;
	float: left
}

#vip-privilege .ymodal-dialog {
	height: 100%;
	width: auto;
	margin: 0
}

#vip-privilege img {
	width: 10.525rem
}

.vip-day.game {
	background-color: #27272b
}

.vipday-game {
	font-size: .6rem;
	width: 18.75rem;
	border-top: 1px solid #27272b
}

.vipday-game .game-rect {
	border: .075rem solid #001;
	background-color: #342327;
	box-shadow: 0 0 0 .075rem #ee5646;
	border-radius: .2rem;
	color: #ffea5f
}

.vipday-game .game-val {
	font-size: .95rem;
	display: inline-block;
	padding: .125rem .5rem;
	margin-left: .5rem;
	margin-right: .5rem
}

.vipday-game .game-btn {
	height: 2.5rem;
	line-height: 2.5rem;
	border: none;
	outline: none;
	border-radius: 8PX;
	box-shadow: 0 .2rem #952c20;
	background-color: #ffea5f;
	font-size: .8rem;
	padding: 0 1rem
}

.vipday-game .my-award {
	color: #5e4412
}

.vipday-game .header {
	height: 3.55rem;
	background-color: #c03729;
	overflow: hidden
}

.vipday-game .header-banner {
	float: left;
	width: 4.05rem;
	height: 3.1rem;
	margin: .275rem .625rem .175rem .375rem
}

.vipday-game.game-luck .header-banner {
	background: url(../images/chit.6b85a79525.png);
	background-size: 100%
}

.vipday-game.game-wheel .header-banner {
	background: url(../images/coin.2ea9555439.png);
	background-size: 100%
}

.vipday-game .game-notify {
	width: 12.75rem;
	height: 1.975rem;
	margin-top: .8rem;
	overflow: hidden;
	text-align: center;
	font-size: .7rem;
	line-height: calc(79 - .15rem)
}

.vipday-game .game {
	position: relative;
	height: 13.4rem;
	background: url(../images/stage@2x.b741a65115.png);
	background-size: 18.75rem 13.4rem
}

.vipday-game .game10-stage {
	position: absolute;
	top: 1.5rem;
	right: 2.05rem;
	left: 2.05rem;
	width: 14.65rem;
	height: 10.15rem;
	background-size: contain
}

.vipday-game .game-item {
	float: left;
	width: 4.85rem;
	height: 3.35rem;
	margin-right: .05rem;
	margin-bottom: .05rem
}

.vipday-game .game-item:nth-child(3n) {
	margin-right: 0
}

.vipday-game .game-award.is-active {
	background: url(../images/cursor.6eb4affadc.png);
	background-size: 100%
}

.vipday-game.game-luck .game10-stage {
	background-image: url(../images/luck-stage.bfb3f7679a.png)
}

.vipday-game.game-wheel .game10-stage {
	background-image: url(../images/chit-stage.d596c3bbfe.jpg)
}

.vipday-game .small-icon {
	display: inline-block;
	width: .625rem;
	height: .625rem;
	margin-right: .125rem;
	vertical-align: middle;
	background: url(../images/coin-lite@2x.33a32578d9.png);
	background-size: 100%
}

.vipday-game .info {
	display: table;
	width: 100%;
	position: relative;
	padding-top: .375rem;
	padding-bottom: 1.5rem;
	background-color: #c03729;
	color: #ffedbf
}

.vipday-game .my-icon-label {
	margin-bottom: .375rem
}

.vipday-game .my-icon-label span {
	vertical-align: middle
}

.vipday-game .player-num {
	font-size: .55rem
}

.vipday-game .player-num-val {
	font-size: .8rem
}

.vipday-game .info-item {
	display: table-cell;
	text-align: center;
	vertical-align: middle
}

.vipday-game .explain {
	position: relative;
	width: 17.7rem;
	margin-left: auto;
	margin-right: auto;
	margin-top: -1.075rem
}

.vipday-game .explain:before {
	display: block;
	content: "";
	height: .675rem;
	border: .125rem solid #ffedbf;
	border-radius: .3rem;
	background-color: #32212c
}

.vipday-game .explain-txt {
	position: relative;
	z-index: 1;
	width: 16.975rem;
	height: 7.425rem;
	padding: .675rem 1rem .325rem;
	margin: -.325rem auto 0;
	background: #fff url(../images/sprite1.ebeb4c228a.png) repeat-x 0 100%;
	background-size: .325rem
}

.vipday-game .explain-txt:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	content: "";
	height: .675rem;
	background: -webkit-linear-gradient(top,hsla(0,0%,67.1%,.8),transparent);
	background: linear-gradient(180deg,hsla(0,0%,67.1%,.8),transparent)
}

.vipday-game .explain-title {
	font-size: .65rem;
	font-weight: 700;
	margin-bottom: .25rem
}

.vipday-game .explain-rules li {
	margin-bottom: .25rem
}

.vipday-game-alert .primary {
	font-size: .85rem
}

.vipday-game-alert .award {
	color: #d0021b
}

.vipday-luck-awards .ymodal-body {
	text-align: left;
	padding-top: 0;
	height: 10rem;
	overflow: auto
}

.vipday-luck-awards .ymodal-header {
	font-size: .95rem;
	height: 3rem;
	line-height: 3rem;
	color: #fff;
	background-color: #444;
	text-align: center
}

.vipday-luck-awards .close {
	font-size: .9rem;
	position: absolute;
	top: .55rem;
	right: .55rem;
	line-height: 1
}

.vipday-luck-awards li {
	font-size: .8rem;
	height: 2.375rem;
	line-height: 2.375rem;
	border-bottom: 1px solid #e0e0e0
}

.vipday-luck-awards li:last-of-type {
	border-bottom: none
}

.vipday-luck-awards .red {
	color: #d0021b
}

.vipday-luck-awards .time {
	color: #999;
	font-size: .65rem
}

.ma-container {
	width: 100%;
	max-width: 16rem;
	margin: 0 auto;
	position: relative;
	background: #222;
	padding-bottom: .25rem
}

.ma-container .ma-header {
	width: 100%;
	height: 2.05rem;
	background: url(../images/header.2dbe495e8f.jpg) no-repeat 50%;
	background-size: contain
}

.ma-container .ma-header div {
	width: 9.375rem;
	line-height: 2.05rem;
	font-size: .6rem;
	color: #fff;
	float: right;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis
}

.ma-container .tab {
	width: 100%;
	height: 7.75rem
}

.ma-container .swiper-container,.ma-container .tab img {
	width: 100%;
	height: 100%
}

.ma-container .swiper-pagination-bullet {
	background: #959799!important;
	width: .35rem!important;
	height: .35rem!important;
	margin: 0 .225rem!important
}

.ma-container .swiper-pagination-bullet-active {
	background: #fff!important
}

.ma-container .floor-top {
	width: 100%;
	height: 1.7rem
}

.ma-container .floor-top img {
	width: 100%;
	height: 100%
}

.ma-container .floor-ul li {
	width: 100%;
	height: 4.25rem;
	position: relative;
	margin-bottom: .425rem
}

.ma-container .floor-ul li p {
	height: 1.125rem;
	line-height: 1.125rem;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	color: #fff;
	font-size: .45rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	padding: 0 .625rem
}

.ma-container .floor-ul li img {
	width: 100%;
	height: 100%
}

.ma-container .floor-c {
	background: #fff;
	padding: .625rem;
	position: relative
}

.ma-container .floor-c img {
	width: 100%;
	height: 100%
}

.ma-container .floor-c p {
	height: 1.125rem;
	line-height: 1.125rem;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	color: #fff;
	font-size: .45rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	margin: 0 1rem .625rem
}

.ma-container .down {
	width: 100%;
	height: 6.625rem;
	position: relative;
	display: block
}

.ma-container .down img {
	width: 100%;
	position: absolute;
	top: -.25rem;
	left: 0;
	right: 0
}

.shop-collect {
	background: #f0f0f0
}

.shop-collect .nav {
	height: 2.25rem;
	background: #fff;
	box-sizing: border-box;
	overflow: hidden;
	margin-bottom: .75rem
}

.shop-collect .nav li {
	float: left;
	width: 4.7rem;
	display: block;
	height: 1rem;
	line-height: 1rem;
	text-align: center;
	margin: .625rem 0;
	border-right: 1px solid #e0e0e0;
	font-size: .6rem;
	color: #666
}

.shop-collect .nav li:last-child {
	border-right: none
}

.shop-collect .nav .active {
	color: #000
}

.shop-collect .nav .shop-area {
	background: #fff;
	border-bottom: 1px solid #e0e0e0;
	min-width: 18.75rem
}

.shop-collect .shop-list {
	width: 100%
}

.shop-collect .shop-list .shop-info {
	background: #fff;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	margin-bottom: .75rem
}

.shop-collect .shop-list .info-title {
	height: 2.5rem;
	padding: .375rem 0 .375rem .75rem
}

.shop-collect .shop-list .collect {
	float: right;
	margin-right: .375rem;
	line-height: 1.75rem;
	height: 1.75rem
}

.shop-collect .shop-list .collect .fans {
	margin-right: .25rem;
	color: #666;
	font-size: .55rem
}

.shop-collect .shop-list .collect .collect-btn {
	color: #b0b0b0;
	display: inline-block;
	width: 1.25rem;
	font-size: .8rem;
	text-align: center;
	position: relative;
	top: .1rem
}

.shop-collect .shop-list .collect .already-collect {
	color: #d0021b
}

.shop-collect .shop-list .shop-tile {
	width: 8.375rem
}

.shop-collect .shop-list .shop-tile img {
	width: 2.75rem;
	height: 1.75rem;
	float: left
}

.shop-collect .shop-list .shop-tile p {
	display: block;
	float: left;
	margin-left: .625rem;
	font-size: .55rem;
	width: 5rem;
	height: 1.625rem
}

.shop-collect .shop-list .shop-tile span {
	display: inline-block;
	height: .875rem;
	line-height: .875rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 6rem
}

.shop-collect .shop-list .shop-tile .shop-name {
	font-weight: 700;
	font-size: .65rem;
	height: .875rem
}

.shop-collect .shop-list .shop-tile .giving {
	color: #b0b0b0;
	font-size: .55rem;
	position: relative;
	bottom: -.175rem
}

.shop-collect .shop-list .info-content {
	height: 8.25rem;
	border-top: 1px solid #e0e0e0
}

.shop-collect .shop-list .info-content .content {
	width: 18.75rem;
	height: 8.225rem
}

.shop-collect .fixer {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2
}

.single-day-page {
	overflow: hidden
}

.single-day-page .banner {
	width: 100%
}

.single-day-page .banner .swiper-slide {
	height: 5.85rem
}

.single-day-page .fixer {
	position: fixed;
	top: 0;
	z-index: 2
}

.single-day-page .tab-area {
	height: 2.15rem
}

.single-day-page .swiper-tab,.single-day-page .tab-area {
	width: 100%;
	background: #fff;
	border-bottom: 1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0
}

.single-day-page .swiper-tab li {
	float: left;
	padding: 0 1.25rem;
	height: 2rem;
	line-height: 2rem;
	color: #b0b0b0;
	width: auto;
	font-size: .7rem;
	background: #fff
}

.single-day-page .swiper-tab li:after {
	content: "";
	height: .75rem;
	width: .05rem;
	border-left: 1px solid #e0e0e0;
	position: absolute;
	right: 0;
	top: .7rem
}

.single-day-page .swiper-tab li:last-child:after {
	border-left: none
}

.single-day-page .swiper-tab .active {
	color: #444
}

.single-day-page .product-list ul {
	width: 18rem;
	margin-left: .75rem;
	padding-top: .75rem;
	height: auto;
	overflow: hidden
}

.single-day-page .product-list li {
	margin-bottom: .35rem;
	height: auto;
	overflow: hidden
}

.single-day-page .product-list li .lazy {
	width: 8.05rem;
	height: 10.725rem;
	float: left;
	margin-right: .675rem
}

.single-day-page .product-list .product-info {
	width: 9.25rem;
	height: 11.125rem;
	float: right;
	position: relative;
	border-bottom: 1px solid #e8e8e8;
	padding-right: .75rem;
	box-sizing: border-box
}

.single-day-page .product-list li:last-child .product-info {
	border-bottom: none
}

.single-day-page .product-list p {
	width: 8.5rem
}

.single-day-page .product-list .no-result {
	width: 100%;
	text-align: center;
	vertical-align: middle;
	color: #ccc;
	font-size: 1.2em;
	margin-top: 8rem
}

.single-day-page .product-list h3 {
	margin-top: .5rem;
	font-size: .7rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	color: #444
}

.single-day-page .product-list .prompt-info {
	font-size: .6rem;
	margin-top: .625rem;
	color: #d0021b;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.single-day-page .product-list .price {
	margin-top: .9rem
}

.single-day-page .product-list .sale-price {
	font-size: .85rem;
	color: #d62927
}

.single-day-page .product-list .no-price {
	color: #000
}

.single-day-page .product-list .market-price {
	font-size: .75rem;
	color: #b0b0b0;
	text-decoration: line-through;
	margin-left: .6rem
}

.single-day-page .product-list .info-txt {
	position: absolute;
	bottom: 1.125rem;
	font-size: .6rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	color: #b0b0b0
}

.ali-cloud-page {
	overflow: hidden;
	position: relative
}

.ali-cloud-page .back-img {
	width: 100%;
	height: 100%
}

.ali-cloud-page .btn {
	position: absolute;
	display: block;
	width: 6rem;
	height: 2rem
}

.ali-cloud-page .btn img {
	width: 100%;
	height: 100%
}

.ali-cloud-page .receive-bottom-btn {
	bottom: 3.675rem;
	left: 6.35rem
}

.ali-cloud-page .receive-right-btn {
	left: 11.5rem;
	bottom: 4.175rem
}

.student-market {
	margin-bottom: .75rem
}

.student-market .sm-layout {
	height: 2rem;
	line-height: 2rem;
	padding: 0 .5rem 0 .625rem;
	border-bottom: 1px solid #e0e0e0
}

.student-market .sm-layout .s-renzhen {
	font-size: .5rem;
	width: 2.75rem;
	height: 1.2rem;
	line-height: 1.275rem;
	color: #fff;
	background-color: #d10922;
	border-radius: .5rem;
	text-align: center;
	vertical-align: middle;
	display: block;
	float: right;
	margin-top: .375rem
}

.student-market .s-coupon-contain {
	background-color: #f0f0f0
}

.student-market .float-layer-left p {
	font-size: .5rem;
	line-height: 20PX;
	padding: 3PX 0
}

.student-market .s-dialog img {
	height: 3.8rem
}

.aslider {
	display: none;
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 100
}

.aslider,.aslider .scroll {
	overflow: hidden;
	height: 100%
}

.aslider .scroll {
	background-color: #fff;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-box-flex: 1;
	box-flex: 1
}

.aslider .slider {
	height: 100%
}

.aslider .asilder_wrapper {
	position: absolute;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-box-orient: vertical;
	box-orient: vertical;
	overflow: hidden;
	width: 100%;
	height: 100%;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.aslider .asilder_wrapper.left:not(.for_uc) {
	-webkit-transform: translate(-100%);
	-moz-transform: translate(-100%);
	-ms-transform: translate(-100%);
	transform: translate(-100%);
	left: 0
}

.aslider .asilder_wrapper.right:not(.for_uc) {
	-webkit-transform: translate(100%);
	-moz-transform: translate(100%);
	-ms-transform: translate(100%);
	transform: translate(100%);
	right: 0
}

.aslider .asilder_wrapper.top:not(.for_uc) {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	top: 0
}

.aslider .asilder_wrapper.bottom:not(.for_uc) {
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	bottom: 0
}

.aslider .asilder_wrapper.bottom.for_uc {
	bottom: -100%
}

.aslider .asilder_wrapper.top.for_uc {
	top: -100%
}

.aslider .asilder_wrapper.left.for_uc {
	left: -100%
}

.aslider .asilder_wrapper.right.for_uc {
	right: -100%
}

.aslider .asilder_wrapper.scrolling {
	-webkit-transition: none 0s ease-in-out!important;
	-moz-transition: none 0s ease-in-out!important;
	-ms-transition: none 0s ease-in-out!important;
	transition: none 0s ease-in-out!important
}

.aslider .bg {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	background-color: #000;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.aslider .fade_out {
	opacity: 0
}

.aslider .fade_in {
	opacity: .4
}

.aslider .asilder_wrapper.slide_out.right {
	-webkit-transform: translate(100%);
	-moz-transform: translate(100%);
	-ms-transform: translate(100%);
	transform: translate(100%)
}

.aslider .asilder_wrapper.slide_out.left {
	-webkit-transform: translate(-100%);
	-moz-transform: translate(-100%);
	-ms-transform: translate(-100%);
	transform: translate(-100%)
}

.aslider .asilder_wrapper.slide_out.top {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%)
}

.aslider .asilder_wrapper.slide_out.bottom:not(.for_uc) {
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%)
}

.aslider .asilder_wrapper.slide_out.bottom.for_uc {
	bottom: -100%
}

.aslider .asilder_wrapper.slide_out.top.for_uc {
	top: -100%
}

.aslider .asilder_wrapper.slide_out.left.for_uc {
	left: -100%
}

.aslider .asilder_wrapper.slide_out.right.for_uc {
	right: -100%
}

.aslider .asilder_wrapper.slide_in:not(.for_uc) {
	-webkit-transform: translate(0);
	-moz-transform: translate(0);
	-ms-transform: translate(0);
	transform: translate(0)
}

.aslider .asilder_wrapper.slide_in.bottom.for_uc {
	bottom: 0
}

.aslider .asilder_wrapper.slide_in.top.for_uc {
	top: 0
}

.aslider .asilder_wrapper.slide_in.left.for_uc {
	left: 0
}

.aslider .asilder_wrapper.slide_in.right.for_uc {
	right: 0
}

.aslider .s-layout-title {
	height: 3.25rem;
	background-color: #000;
	opacity: .3;
	position: relative
}

.aslider .s-layout-title .close {
	position: absolute;
	bottom: .25rem;
	right: .75rem;
	font-size: .75rem;
	color: #fff
}

.student {
	background-color: #fff
}

.student .s-coupon-contain .main-left {
	width: 82%
}

.student .s-coupon-contain .main-right-use {
	width: 18%
}

.student .s-section h1 {
	height: 2rem;
	line-height: 2rem;
	font-size: .75rem;
	background-color: #f0f0f0;
	text-align: center;
	position: relative
}

.student .s-section h1 .more {
	float: right;
	font-size: .9rem;
	color: #b0b0b0;
	position: absolute;
	display: block;
	top: 0;
	right: .75rem
}

.student .s-section h1 .s-quan {
	font-size: .6rem
}

.student .s-section .s-title {
	padding: .75rem 0
}

.student .s-section .s-content {
	border-top: 1px solid #e0e0e0
}

.student .s-section .s-section {
	border-left: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	width: 50%;
	height: 3.8rem;
	background-color: #fff;
	display: table;
	float: left
}

.student .s-section .s-section:nth-child(odd) {
	border-left-color: #fff
}

.student .s-section .s-activity {
	height: 5rem;
	width: 100%;
	margin-bottom: .75rem;
	display: block
}

.student .s-section .s-activity:last-child {
	margin-bottom: 0
}

.student .s-section .s-activity img {
	width: 100%;
	height: 100%;
	display: block
}

.student .s-section .goods-list {
	background-color: #fff
}

.student .s-section .goods-list .good-info {
	margin: .25rem 0 1rem;
	width: 50%;
	padding: 0 .375rem
}

.student .s-section .s-more {
	height: 2rem;
	line-height: 2rem;
	text-align: center;
	font-size: .7rem;
	color: #b0b0b0;
	display: block
}

.student .s-section .s-verify-img {
	width: 3rem;
	height: 3rem;
	margin: 1.35rem auto .75rem;
	text-align: center
}

.student .s-section .s-verify-success {
	background-image: url(../images/success.00f1f71c38.png)
}

.student .s-section .s-verify-fail,.student .s-section .s-verify-success {
	width: 3rem;
	height: 3rem;
	background-repeat: no-repeat;
	background-size: contain
}

.student .s-section .s-verify-fail {
	background-image: url(../images/fail.149cc566c2.png)
}

.student .s-section .s-verify-title {
	text-align: center;
	color: #d0021b;
	font-size: .7rem
}

.student .s-section .s-verify-txt {
	text-align: center;
	color: #b0b0b0;
	font-size: .5rem;
	margin: .4rem auto 1.25rem
}

.student .s-section .s-verify-txt .red {
	color: #d0021b;
	margin: 0 .2rem
}

.student .s-layout {
	position: fixed;
	padding: 0 .75rem;
	color: #fff;
	font-size: .5rem;
	background-color: #555;
	height: 2rem;
	line-height: 2rem;
	bottom: 0;
	width: 16rem
}

.student .s-layout .s-renzhen {
	font-size: .5rem;
	width: 3rem;
	height: 1.2rem;
	line-height: 1.2rem;
	color: #fff;
	background-color: #d10922;
	border-radius: .5rem;
	text-align: center;
	vertical-align: middle;
	display: block;
	float: right;
	margin-top: .375rem
}

.student .s-replace {
	height: 2rem
}

.student .sale-price {
	position: relative
}

.student .s-biaoqian {
	background-image: url(../images/studentjia.a7cac5488c.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 1.925rem;
	height: .7rem;
	line-height: .65rem;
	position: absolute;
	right: -2.175rem;
	color: #fff;
	text-align: center;
	font-size: .45rem;
	top: 50%;
	margin-top: -.325rem
}

.student .s-form {
	background-color: #fff;
	padding: 0 .75rem;
	border-bottom: 1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0
}

.student .s-feild {
	height: 2.2rem;
	line-height: 2.2rem;
	font-size: .7rem;
	border-bottom: 1px solid #e0e0e0;
	position: relative
}

.student .s-feild label {
	width: 4.35rem;
	display: inline-block
}

.student .s-feild input {
	border: 0;
	padding: .3rem 0;
	height: 1.5rem;
	line-height: 1.5rem;
	width: 8rem;
	display: inline-block;
	position: relative;
	z-index: 100
}

.student .s-feild .s-red {
	color: #d0021b
}

.student .s-feild:last-child {
	border-bottom: 0
}

.student .s-feild .s-select {
	position: absolute;
	right: 0
}

.student .s-marbot {
	margin-bottom: .75rem;
	background-color: #fff;
	padding: 0 .75rem
}

.student .s-footer {
	padding: 0 .75rem
}

.student .s-footer .s-shenming {
	font-size: .7rem;
	height: 2.2rem;
	line-height: 2.2rem;
	text-align: center
}

.student .s-footer .s-shenming .s-blue {
	color: #4a90e2
}

.student .s-footer .s-shenming .icon-s-checked:before {
	content: "\E61D"
}

.student .s-footer .s-shenming .icon-s-check:before {
	content: "\E61C"
}

.student .s-footer .s-submit {
	color: #fefefe;
	font-size: .7rem;
	background-color: #b0b0b0;
	height: 2.2rem;
	line-height: 2.2rem;
	display: block;
	text-align: center;
	border-radius: .2rem
}

.student .s-footer .s-sub-tip {
	font-size: .6rem;
	color: #b0b0b0;
	text-align: center;
	margin-top: .6rem
}

.student .s-footer .s-submit.succ {
	background-color: #444
}

.student .s-price-block {
	margin-top: .35rem
}

.student .s-price-block .market-price {
	margin-left: 0;
	font-size: .5rem
}

.student .s-search {
	height: 1.375rem;
	line-height: 1.375rem;
	background-color: #f0f0f0;
	border-radius: .2rem;
	margin: .4rem .75rem .4rem .4rem;
	text-align: center;
	position: relative
}

.student .s-search input {
	border: 0;
	height: 100%;
	width: 100%;
	background-color: transparent;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	padding-left: 1rem
}

.student .s-search .s-seach-tip {
	width: 100%;
	height: 100%;
	text-align: center;
	color: #b0b0b0
}

.student .s-search .s-clear {
	top: 50%;
	right: .25rem;
	background: #b0b0b0;
	color: #f0f0f0;
	height: .7rem;
	width: .7rem;
	line-height: .7rem;
	margin-top: -.35rem;
	border-radius: .35rem
}

.student .s-search .s-clear,.student .s-search .s-empty {
	position: absolute;
	font-size: .3rem;
	display: none;
	z-index: 2
}

.student .s-search .s-empty {
	top: 0;
	left: .25rem;
	color: #aeaeae
}

.student h6.s-title {
	height: 1.25rem;
	line-height: 1.25rem;
	font-size: .7rem;
	background-color: #f0f0f0;
	color: #b0b0b0;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	padding: 0 .75rem
}

.student .s-items {
	padding-right: .75rem
}

.student .s-item {
	height: 2.2rem;
	line-height: 2.2rem;
	font-size: .7rem;
	margin-left: .75rem;
	font-size: .85rem;
	border-bottom: 1px solid #e0e0e0;
	background-color: #fff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.student .s-text {
	padding: 0 .75rem
}

.student .s-text h6 {
	font-size: .85rem;
	margin-top: 1rem;
	margin-bottom: .75rem
}

.student .s-text b {
	font-weight: 700
}

.s-group-zimu {
	position: fixed;
	right: -.5rem;
	z-index: 1000;
	top: 50%;
	width: .75rem;
	transform: translate(-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%)
}

.s-group-zimu a {
	display: block
}

.s-dialog-wrapper {
	z-index: 99
}

.s-dialog-content {
	max-height: 11.5rem;
	max-width: 13.5rem;
	overflow-y: scroll;
	text-align: left;
	color: #444;
	font-family: PingFangSC-Regular,helvetica,Arial,"\9ED1\4F53";
	-webkit-overflow-scrolling: touch
}

.s-dialog-content h2 {
	padding: 1.25rem 0 1rem .5rem;
	text-align: center;
	font-weight: 700;
	font-size: .85rem;
	color: #000
}

.s-dialog-content p {
	font-size: .7rem;
	padding-bottom: .75rem
}

.s-yohocoin {
	display: block;
	height: 1.475rem;
	width: 6.45rem;
	border: .05rem solid #444;
	border-radius: .125rem;
	color: #444;
	font-size: .7rem;
	line-height: 1.475rem;
	text-align: center;
	margin: 0 auto .5rem
}

::-webkit-scrollbar {
	opacity: 0
}

.head-margin {
	height: .75rem;
	width: 100%;
	border-bottom: 1px solid #e0e0e0
}

.liverec {
	width: 16rem;
	overflow: hidden
}

.liverec_child {
	position: relative;
	width: 50%;
	float: left;
	border-right: 1px solid #e0e0e0;
	overflow: hidden
}

.liverec_pic {
	height: 8rem;
	width: 8rem;
	background: grey
}

.liverec .pre-living {
	padding: 0 .5rem;
	border: .1rem solid #fff;
	border-radius: 1rem
}

.liverec .living,.liverec .pre-living {
	position: absolute;
	top: .75rem;
	left: .75rem;
	height: 1.75rem;
	color: #fff;
	font-size: 1.1rem;
	text-align: center;
	line-height: 1.75rem;
	-webkit-transform: scale(.5);
	transform: scale(.5);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0
}

.liverec .living {
	width: 3.5rem;
	background: #d0021b;
	border-radius: 1rem
}

.liverec_tag {
	font-size: .5rem;
	line-height: 1.2;
	color: #444;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.liverec_info {
	padding: .5rem .25rem .5rem .75rem
}

.liverec_head {
	float: left;
	width: 1.5rem;
	height: 1.5rem;
	margin-right: .5rem;
	border-radius: 50%
}

.liverec_pannel {
	line-height: 1;
	overflow: hidden
}

.liverec_name {
	font-size: .65rem;
	margin-bottom: .35rem;
	color: #444;
	line-height: 1.2
}

.liverec_name .name-name {
	max-width: 2.625rem;
	overflow: hidden
}

.liverec_name .name-name,.liverec_name .name-tag {
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap
}

.liverec_name .name-tag {
	float: right;
	font-size: .45rem;
	height: .65rem;
	max-width: 100%;
	line-height: .65rem;
	padding: 0 .2rem;
	text-align: center;
	background: #444;
	border-radius: .5rem;
	color: #fff;
	vertical-align: top
}

.living_title {
	width: 16rem;
	height: 2rem;
	text-align: center;
	line-height: 2rem;
	color: #444;
	background: #ededed;
	font-size: .8rem
}

.liveliving header {
	position: relative;
	height: 2.55rem;
	width: 16rem;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	overflow: hidden
}

.liveliving .main-head {
	position: absolute;
	top: .5rem;
	left: .75rem;
	height: 1.5rem;
	width: 1.5rem;
	border-radius: 50%
}

.liveliving .header-info {
	position: absolute;
	top: .5rem;
	left: 2.75rem;
	right: 0
}

.liveliving .header-info .main-name {
	font-size: .65rem;
	color: #444;
	margin-bottom: .35rem
}

.liveliving .header-info .main-name,.liveliving .header-info .main-tag {
	line-height: 1.2;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.liveliving .header-info .main-tag {
	font-size: .5rem;
	color: #b0b0b0
}

.liveliving section {
	position: relative;
	height: 16rem;
	width: 16rem
}

.liveliving section .record-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 2.6rem;
	width: 2.625rem;
	margin-left: -1.25rem;
	margin-top: -1.25rem;
	background: url(../images/record-icon.f728936a8d.png);
	background-size: 100%
}

.liveliving section .main-bg {
	height: 100%;
	width: 100%
}

.liveliving section .main-living {
	position: absolute;
	top: .75rem;
	left: .75rem;
	height: 1.75rem;
	width: 3.5rem;
	background: #d0021b;
	border-radius: 1rem;
	color: #fff;
	font-size: 1.1rem;
	text-align: center;
	line-height: 1.75rem;
	-webkit-transform: scale(.5);
	transform: scale(.5);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0
}

.liveliving section .main-intro {
	position: absolute;
	bottom: 1.875rem;
	left: .75rem;
	font-size: .7rem;
	color: #fff;
	display: -webkit-box;
	overflow: hidden;
	word-break: break-all;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1
}

.liveliving section .main-people {
	position: absolute;
	bottom: .55rem;
	left: .75rem;
	height: 1rem;
	width: 4.625rem;
	font-size: .475rem;
	background: rgba(4,4,4,.5);
	border-radius: .5rem;
	line-height: 1rem
}

.liveliving section .people-icon {
	margin-top: .25rem;
	margin-left: .425rem;
	display: inline-block;
	height: .45rem;
	width: .4rem;
	background: url(../images/people.ead843e219.png) no-repeat 50%;
	background-size: 100%
}

.liveliving section .eye-icon {
	margin-top: .25rem;
	margin-left: .375rem;
	display: inline-block;
	height: .425rem;
	width: .575rem;
	background: url(../images/eye.c864b7ba85.png) no-repeat 50%;
	background-size: 100%
}

.liveliving section .people-sum {
	display: inline-block;
	font-size: .55rem;
	color: #fff
}

.live-list {
	width: 16rem
}

.live-list .title {
	width: 100%;
	height: 2rem;
	text-align: center;
	line-height: 2rem;
	color: #444;
	background: #ededed;
	font-size: .8rem
}

.live-list .pre-list {
	position: relative;
	height: 4.75rem;
	width: 100%;
	border-bottom: 1px solid #ededed
}

.live-list .pre-list a {
	display: inline-block;
	height: 100%;
	width: 100%
}

.live-list .pre-list .pre-pic {
	position: absolute;
	top: .5rem;
	left: .925rem;
	height: 3.75rem;
	width: 3.75rem
}

.live-list .pre-list .pre-icon {
	position: absolute;
	top: .5rem;
	left: 5.5rem;
	height: 1.75rem;
	width: 3.5rem;
	border: .1rem solid #444;
	border-radius: 1rem;
	font-size: 1.1rem;
	line-height: 1.75rem;
	text-align: center;
	color: #444;
	-webkit-transform: scale(.5);
	transform: scale(.5);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0
}

.live-list .pre-list .pre-time {
	position: absolute;
	top: .5rem;
	left: 7.75rem;
	color: #444;
	font-size: .6rem;
	line-height: .875rem
}

.live-list .pre-list .pre-pannel {
	position: absolute;
	top: 1.925rem;
	left: 5.5rem;
	right: 0
}

.live-list .pre-list .pre-title {
	font-size: .7rem;
	color: #444;
	line-height: 1.2;
	margin-bottom: .3rem
}

.live-list .pre-list .pre-cast {
	font-size: .55rem;
	color: #b0b0b0;
	line-height: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.live-state {
	display: none;
	position: absolute;
	z-index: 200;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	max-width: 100%;
	min-height: 100vh;
	color: #fff;
	overflow: auto
}

.live-state.is-no-start .live-state-inner {
	box-sizing: border-box;
	padding-bottom: 5.5rem
}

.live-state .live-btn-close {
	z-index: 200
}

.live-state-inner {
	min-height: 100%;
	overflow: hidden;
	background-size: 100% 100%
}

.live-state-txt {
	width: 10.7rem;
	font-size: .775rem;
	line-height: 1;
	padding: .5rem 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	margin: 14.275rem auto .85rem;
	text-align: center
}

.live-state-info .title,.live-state-info li {
	margin-bottom: .8rem
}

.live-state-info .val {
	font-size: .65rem;
	margin-bottom: .325rem
}

.live-state-info .label,.live-state-info .name {
	font-size: .475rem
}

.live-state-info .audience .val {
	font-size: 1.275rem
}

.live-state-info .duration,.live-state-info .favorite {
	width: 50%;
	float: left
}

.live-state-info .duration .inner,.live-state-info .favorite .inner {
	text-align: center
}

.live-state-info .duration .inner {
	margin-right: 1.55rem
}

.live-state-info .favorite .inner {
	margin-left: 1.55rem
}

.live-state-info .avatar {
	display: block;
	width: 2.8rem;
	height: 2.8rem;
	border-radius: 50%;
	margin-bottom: .6rem;
	border: none;
	outline: none
}

.live-state-info .name {
	display: inline-block;
	font-size: .5rem;
	margin-bottom: 1.05rem;
	width: 50%
}

.live-state-info .title {
	max-width: 70%;
	font-size: .725rem;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.live-state-info .begin-time {
	font-size: .6rem
}

.live-btn-close,.live-btn-share {
	position: absolute;
	top: .625rem;
	width: 1.3rem;
	height: 1.3rem;
	text-align: center;
	color: #fff;
	border-radius: 50%;
	background-color: rgba(0,0,0,.4)
}

.live-btn-close {
	z-index: 100;
	right: .625rem
}

.live-btn-close .iconfont {
	font-size: .95rem
}

.live-btn-share {
	display: none;
	z-index: 100;
	right: 2.5rem
}

.live-btn-share .iconfont {
	font-size: .7rem;
	line-height: 1.15rem
}

.live-wrapper .avatar1 {
	background-image: url(../images/head_1.5ba734592a.png)
}

.live-wrapper .avatar2 {
	background-image: url(../images/head_2.f72d2e3536.png)
}

.live-wrapper .avatar3 {
	background-image: url(../images/head_3.1cfd8a237d.png)
}

.live-wrapper .avatar4 {
	background-image: url(../images/head_4.a6340a9bab.png)
}

.live-wrapper .avatar5 {
	background-image: url(../images/head_5.d8b4de5a0c.png)
}

.live-wrapper .avatar1,.live-wrapper .avatar2,.live-wrapper .avatar3,.live-wrapper .avatar4,.live-wrapper .avatar5 {
	background-position: 50%;
	background-size: contain
}

.live-wrapper .float-layer {
	opacity: 0;
	height: 3.2rem;
	background: rgba(68,68,68,.95);
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	z-index: 9999;
	padding: .5rem 0
}

.live-wrapper .float-layer .float-layer-left {
	padding-left: 1.1rem;
	overflow: hidden;
	float: left
}

.live-wrapper .float-layer .float-layer-left img {
	height: 1.1rem;
	float: left;
	margin-right: .5rem
}

.live-wrapper .float-layer .float-layer-left p {
	float: left;
	font-size: .8rem;
	height: 2.2rem;
	line-height: 2.2rem;
	color: #fff
}

.live-wrapper .float-layer .float-layer-left .yoho-icon {
	float: left;
	margin-right: .25rem;
	font-size: 1.1rem;
	line-height: 2.2rem;
	width: 2.2rem;
	height: 2.2rem;
	text-align: center;
	color: #fff;
	border-radius: .5rem;
	background-image: -webkit-linear-gradient(#323232,#0f0f0f);
	background-image: linear-gradient(#323232,#0f0f0f)
}

.live-wrapper #float-layer-close {
	position: absolute;
	left: 0;
	top: 0;
	width: 2.5rem;
	height: 2.5rem
}

.live-wrapper #float-layer-close .close-icon {
	position: absolute;
	left: 0;
	top: 0;
	color: silver;
	z-index: 2
}

.live-wrapper #float-layer-btn {
	position: absolute;
	top: 50%;
	right: .375rem;
	font-size: .8rem;
	padding: 0 .25rem;
	height: 1.35rem;
	line-height: 1.35rem;
	background: #fff;
	border-radius: .125rem;
	margin-top: -.65rem;
	-webkit-tap-highlight-color: rgba(0,0,0,.5)
}

.live-wrapper #float-layer-btn:actived,.live-wrapper #float-layer-btn:hover,.live-wrapper #float-layer-btn:link,.live-wrapper #float-layer-btn:visited {
	color: #000
}

.live-wrapper .circle-rightbottom {
	position: absolute;
	width: 1.25rem;
	height: 0;
	border: solid #323232;
	border-width: 0 0 1.25rem;
	border-radius: 0 0 1.25rem
}

.live-wrapper {
	-webkit-tap-highlight-color: rgba(0,0,0,0)
}

.live-main,.live-wrapper {
	position: relative;
	width: 100%
}

.live-main {
	height: 100vh;
	margin: 0 auto;
	max-width: 18rem
}

.live-video-main {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-repeat: no-repeat;
	background-size: auto 100%
}

.live-video-cover {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

.live-video-play-button {
	display: block;
	position: absolute;
	width: 4rem;
	height: 4rem;
	left: 50%;
	top: 50%;
	margin-left: -2rem;
	margin-top: -2rem;
	border: 0 solid #fff;
	border-radius: 2.5rem
}

.live-video-play-button .img {
	background: rgba(0,0,0,.5) url(../images/btn_play.ed75574180.png) 50%;
	background-size: contain;
	border-radius: 50%;
	width: 4.125rem;
	height: 4.125rem
}

.live-loading-container {
	display: none;
	z-index: 100
}

.live-loading-container,.live-loading-cover {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.live-loading-cover {
	-webkit-filter: blur(.125rem);
	filter: blur(.125rem);
	background-size: cover
}

.live-video-loading {
	position: absolute;
	z-index: 200;
	width: 100%;
	height: 5rem;
	left: 0;
	top: 50%;
	margin-top: -2.5rem;
	text-align: center
}

.live-video-loading .img {
	position: relative;
	width: 3.825rem;
	height: 2.75rem;
	margin: 0 auto;
	background: url(../images/live-loading.5d34529dec.gif) no-repeat;
	background-size: contain
}

.live-video-loading p {
	font-size: .8rem;
	color: #fff;
	line-height: 1.2rem
}

#live_touch_layer {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.video_container {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	overflow: hidden
}

.video_player {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0
}

.live-app-open {
	position: absolute;
	width: 17rem;
	height: 1.5rem;
	font-size: .8rem;
	line-height: 1.5rem;
	color: #fff;
	bottom: .5rem;
	left: 50%;
	margin-left: -8.5rem;
	background-color: #000;
	text-align: center;
	border-radius: .3rem;
	-webkit-border-radius: .3rem
}

.live-chat-pannel {
	position: absolute;
	right: 0;
	left: 0;
	bottom: 3rem;
	z-index: 2
}

.live-chat-mask {
	position: absolute;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(hsla(0,0%,100%,0),#fff);
	background: linear-gradient(hsla(0,0%,100%,0),#fff)
}

.live-chat-pannel ul {
	padding: 0 3.8rem 0 1rem;
	overflow: hidden
}

.live-chat-pannel ul li {
	margin-top: .25rem;
	overflow: hidden
}

.live-item1 {
	padding: .3rem;
	border-radius: .3rem;
	background-color: hsla(0,0%,100%,.6);
	color: #000
}

.live-item1,.live-item2 {
	display: inline-block;
	font-size: .6rem
}

.live-item2 {
	position: relative;
	min-height: 2.5rem;
	padding-left: 1.75rem;
	color: #fff
}

.live-replay {
	font-size: .55rem;
	color: #a9adb9;
	margin-bottom: .075rem;
	display: inline-block
}

.live-item2_1 {
	float: left;
	padding: .45rem .3rem .3rem;
	font-size: .55rem;
	font-weight: lighter;
	color: hsla(0,0%,100%,.8);
	background-color: rgba(0,0,0,.32);
	overflow: hidden
}

.live-item2_1,.live-item2_2 {
	word-break: break-all;
	line-height: 1.2;
	border-radius: .3rem
}

.live-item2_2 {
	word-wrap: break-word;
	font-size: .65rem;
	font-weight: 400;
	color: #fff
}

.live-item2 img {
	position: relative;
	width: 2.5rem;
	border-radius: .3rem
}

.live-item2 img,.live-item2-head {
	left: 0;
	top: 0;
	display: inline-block
}

.live-item2-head {
	position: absolute;
	width: 1.7rem;
	height: 100%;
	overflow: hidden;
	border-radius: .3rem 0 0 .3rem;
	-webkit-border-radius: .3rem 0 0 .3rem
}

.live-like-pannel {
	display: none;
	position: absolute;
	right: .625rem;
	bottom: 3.25rem;
	width: 2.75rem;
	text-align: center;
	color: #fff;
	text-shadow: 0 0 .125rem #000;
	font-weight: 700
}

.live-like-pannel .like-main {
	width: 2.75rem;
	height: 2.75rem;
	background: url(../images/like_icon1.23effcd162.png) no-repeat;
	background-size: contain
}

.live-like-pannel span {
	position: relative;
	display: inline-block;
	padding: 0
}

.animate_pannel .like-icon {
	position: absolute;
	width: 1.5rem;
	height: 1.5rem;
	-webkit-transform: translateX(.5rem) translateY(-1rem);
	transform: translateX(.5rem) translateY(-1rem)
}

.animate_pannel {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

.scroll_animate_1 {
	-webkit-animation: scroll_up_1 1.5s linear 1 forwards;
	animation: scroll_up_1 1.5s linear 1 forwards
}

.scroll_animate_2 {
	-webkit-animation: scroll_up_2 1.6s linear 1 forwards;
	animation: scroll_up_2 1.6s linear 1 forwards
}

.scroll_animate_3 {
	-webkit-animation: scroll_up_3 1.8s linear 1 forwards;
	animation: scroll_up_3 1.8s linear 1 forwards
}

@-webkit-keyframes scroll_up_1 {
	0% {
		-webkit-transform: translateX(.5rem) translateY(-1rem);
		transform: translateX(.5rem) translateY(-1rem);
		opacity: 1
	}

	50% {
		-webkit-transform: translateX(-1rem) translateY(-5rem);
		transform: translateX(-1rem) translateY(-5rem);
		opacity: .5
	}

	to {
		-webkit-transform: translateX(1.5rem) translateY(-9rem);
		transform: translateX(1.5rem) translateY(-9rem);
		opacity: 0
	}
}

@keyframes scroll_up_1 {
	0% {
		-webkit-transform: translateX(.5rem) translateY(-1rem);
		transform: translateX(.5rem) translateY(-1rem);
		opacity: 1
	}

	50% {
		-webkit-transform: translateX(-1rem) translateY(-5rem);
		transform: translateX(-1rem) translateY(-5rem);
		opacity: .5
	}

	to {
		-webkit-transform: translateX(1.5rem) translateY(-9rem);
		transform: translateX(1.5rem) translateY(-9rem);
		opacity: 0
	}
}

@-webkit-keyframes scroll_up_2 {
	0% {
		-webkit-transform: translateX(.5rem) translateY(-1rem);
		transform: translateX(.5rem) translateY(-1rem);
		opacity: 1
	}

	50% {
		-webkit-transform: translateX(2rem) translateY(-5rem);
		transform: translateX(2rem) translateY(-5rem);
		opacity: .5
	}

	to {
		-webkit-transform: translateX(-.5rem) translateY(-9rem);
		transform: translateX(-.5rem) translateY(-9rem);
		opacity: 0
	}
}

@keyframes scroll_up_2 {
	0% {
		-webkit-transform: translateX(.5rem) translateY(-1rem);
		transform: translateX(.5rem) translateY(-1rem);
		opacity: 1
	}

	50% {
		-webkit-transform: translateX(2rem) translateY(-5rem);
		transform: translateX(2rem) translateY(-5rem);
		opacity: .5
	}

	to {
		-webkit-transform: translateX(-.5rem) translateY(-9rem);
		transform: translateX(-.5rem) translateY(-9rem);
		opacity: 0
	}
}

@-webkit-keyframes scroll_up_3 {
	0% {
		-webkit-transform: translateX(.5rem) translateY(-1rem);
		transform: translateX(.5rem) translateY(-1rem);
		opacity: 1
	}

	to {
		-webkit-transform: translateX(.5rem) translateY(-9rem);
		transform: translateX(.5rem) translateY(-9rem);
		opacity: 0
	}
}

@keyframes scroll_up_3 {
	0% {
		-webkit-transform: translateX(.5rem) translateY(-1rem);
		transform: translateX(.5rem) translateY(-1rem);
		opacity: 1
	}

	to {
		-webkit-transform: translateX(.5rem) translateY(-9rem);
		transform: translateX(.5rem) translateY(-9rem);
		opacity: 0
	}
}

.live-status {
	position: absolute;
	z-index: 100;
	top: .75rem;
	right: 3rem;
	left: .75rem;
	color: #fff;
	font-size: .7rem;
	font-weight: 700;
	text-shadow: 0 0 .125rem #000
}

.live-status .img {
	width: 1.75rem;
	height: 1.75rem;
	float: left;
	margin-right: .4rem;
	background: url(../images/app_logo.d9156141e3.png) no-repeat;
	background-size: contain
}

.live-time {
	position: relative;
	font-size: .65rem;
	line-height: .7rem;
	margin: .25rem 0
}

.live-status span {
	display: inline-block
}

.live-status .title {
	font-size: .55rem;
	line-height: 1.1rem;
	margin-top: .95rem;
	padding: 0 .65rem;
	float: left;
	border-radius: .35rem;
	background: rgba(0,0,0,.25)
}

.live-num {
	position: relative;
	font-size: .55rem;
	line-height: 1
}

.live-end {
	display: none;
	bottom: 0;
	z-index: 30
}

.live-end,.live-end-bg {
	position: absolute;
	width: 100%;
	height: 100%
}

.live-end-bg {
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,.8);
	-webkit-filter: blur(.125rem);
	filter: blur(.125rem);
	-moz-filter: blur(.125rem)
}

.live-end img {
	position: relative;
	margin-top: 12rem
}

.live-end-audiencenum {
	position: absolute;
	width: 100%;
	top: 15.5rem;
	text-align: center;
	color: #fff;
	overflow: hidden
}

.live-end-audiencenum p {
	font-size: 1.5rem;
	line-height: 1.5rem;
	font-weight: 700
}

.live-end-audiencenum span {
	font-size: .7rem;
	line-height: .7rem;
	font-weight: lighter
}

.live-end-videolength {
	position: absolute;
	width: 20%;
	top: 19.5rem;
	left: 20%;
	text-align: center;
	color: #fff;
	overflow: hidden
}

.live-end-videolength p,.live-end-videolength span {
	font-size: .7rem;
	line-height: .7rem;
	font-weight: lighter
}

.live-end-likenum {
	position: absolute;
	width: 20%;
	top: 19.5rem;
	right: 20%;
	text-align: center;
	color: #fff;
	overflow: hidden
}

.live-end-likenum p,.live-end-likenum span {
	font-size: .7rem;
	line-height: .7rem;
	font-weight: lighter
}

.white-space {
	position: relative;
	width: 100%;
	height: 1.5rem
}

.live-info-main {
	position: relative;
	width: 100%;
	margin-top: 0
}

.live-info-poster {
	position: relative;
	width: 100%;
	height: 10.7rem;
	overflow: hidden
}

.live-info-status-container {
	position: absolute;
	width: 100%;
	height: 1rem;
	color: #fff;
	left: 0;
	top: 0
}

.live-info-status {
	width: 2rem;
	text-align: center;
	line-height: 1rem;
	background-color: #000
}

.live-info-status,.live-info-users {
	position: relative;
	float: left;
	height: 1rem;
	font-size: .7rem
}

.live-info-users {
	padding-left: .5rem;
	width: 10rem;
	text-align: left
}

.live-info-user-icon {
	width: .375rem
}

.live-info-user-icon,.live-info-user-num {
	position: relative;
	float: left;
	height: 1rem;
	line-height: 1rem
}

.live-info-user-num {
	padding-left: .5rem;
	text-align: left
}

.live-info-playbutton {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

.live-info-content {
	position: relative;
	width: 100%;
	margin-top: .5rem
}

.live-info-title {
	position: relative;
	width: 16.25rem;
	margin: 0 auto;
	font-size: 1rem;
	font-weight: 700
}

.live-info-type {
	position: relative;
	width: 16.25rem;
	height: 1rem;
	margin: .2rem auto;
	color: #999
}

.live-info-type span {
	display: block;
	width: 100%;
	font-size: .7rem;
	line-height: 1rem
}

.live-info-type>span a {
	font-size: .7rem;
	display: inline-block;
	color: inherit
}

.live-info-text {
	display: block;
	position: relative;
	width: 16.25rem;
	margin: .5rem auto;
	font-size: .8rem;
	word-wrap: break-word;
	line-height: 1.4rem
}

.live-info-text p,.live-info-text span {
	font-size: .8rem
}

.live-info-tags {
	position: relative;
	width: 16.25rem;
	margin: .5rem auto
}

.live-info-tags ul {
	height: auto;
	font-size: .7rem;
	zoom: 1
}

.live-info-tags ul:after {
	clear: both;
	content: "";
	display: block;
	width: 0;
	height: 0;
	visibility: hidden
}

.live-info-tags ul li {
	float: left;
	height: 1.2rem;
	line-height: 1.2rem;
	text-align: center;
	margin-right: .3rem;
	margin-top: .5rem;
	background-color: #f2f2f2
}

.live-info-tags ul li a {
	color: #000;
	font-weight: lighter;
	padding: 0 .3rem
}

.coupon-area-page {
	max-width: 16rem;
	overflow: hidden
}

.coupon-area-page .swiper-slide img {
	max-width: 16rem;
	max-height: 7.75758rem
}

.coupon-area-page .banner-top,.coupon-area-page .shop-index .banner-area,.shop-index .coupon-area-page .banner-area {
	position: relative;
	margin-bottom: -2PX
}

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

.coupon-area-page .banner-top .swiper-pagination .pagination-inner,.coupon-area-page .shop-index .banner-area .swiper-pagination .pagination-inner,.shop-index .coupon-area-page .banner-area .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
}

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

.coupon-area-page .banner-top .swiper-pagination .pagination-inner span.swiper-pagination-bullet-active,.coupon-area-page .shop-index .banner-area .swiper-pagination .pagination-inner span.swiper-pagination-bullet-active,.shop-index .coupon-area-page .banner-area .swiper-pagination .pagination-inner span.swiper-pagination-bullet-active {
	background: #fff;
	opacity: 1
}

.just-img {
	margin: 0
}

.coupon-floor,.just-img {
	width: 100%;
	float: left
}

.coupon-floor .floor-title {
	background-color: #fff;
	text-align: center;
	height: 2.4rem;
	line-height: 2.4rem;
	font-size: .75rem
}

.coupon-floor .floor-main {
	height: 4.5rem;
	width: 100%;
	background-size: 100%;
	background-repeat: no-repeat;
	padding: .25rem .75rem;
	box-sizing: border-box;
	float: left
}

.coupon-floor .floor-main .main-left {
	float: left;
	width: 78%;
	height: 4rem
}

.coupon-floor .floor-main .main-right-go,.coupon-floor .floor-main .main-right-receive,.coupon-floor .floor-main .main-right-use {
	float: right;
	width: 18%;
	height: 4rem;
	position: relative
}

.coupon-floor .floor-main .main-right-go.hidden,.coupon-floor .floor-main .main-right-receive.hidden,.coupon-floor .floor-main .main-right-use.hidden {
	display: none
}

.coupon-floor .floor-main .main-right-go span,.coupon-floor .floor-main .main-right-receive span,.coupon-floor .floor-main .main-right-use span {
	background-repeat: no-repeat;
	background-size: contain
}

.coupon-floor .floor-main .main-right-go span.on-receive,.coupon-floor .floor-main .main-right-receive span.on-receive,.coupon-floor .floor-main .main-right-use span.on-receive {
	position: absolute;
	left: 50%;
	top: 1.25rem;
	margin-left: -.65rem;
	display: inline-block;
	width: 1.3rem;
	height: 1.35rem;
	background-image: url(../images/click-txt.4d5c15a018.png)
}

.coupon-floor .floor-main .main-right-go span.received,.coupon-floor .floor-main .main-right-receive span.received,.coupon-floor .floor-main .main-right-use span.received {
	width: 100%;
	height: 3.3rem;
	background-image: url(../images/received.897d6d74bd.png);
	position: absolute;
	top: 0;
	right: 0
}

.coupon-floor .floor-main .main-right-go span.zero,.coupon-floor .floor-main .main-right-receive span.zero,.coupon-floor .floor-main .main-right-use span.zero {
	width: 100%;
	height: 3.3rem;
	background-image: url(../images/zero.0f258a7b69.png);
	position: absolute;
	top: 0;
	right: 0
}

.floor-mask {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.5);
	display: none;
	z-index: 9
}

.floor-message {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 13.75rem;
	height: 6.25rem;
	margin-left: -6.875rem;
	margin-top: -3.125rem;
	z-index: 10;
	background-color: hsla(0,0%,98%,.92);
	display: none;
	border-radius: .25rem
}

.floor-message .coupon-message-content {
	border-bottom: 1px solid #c5c5c5;
	height: 4rem;
	text-align: center;
	line-height: 4rem;
	font-size: .7rem
}

.floor-message .coupon-message-op {
	height: 2.25rem;
	text-align: center;
	line-height: 2.25rem;
	font-size: .8rem;
	color: #df6270
}

.floor-tooltip {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 5.5rem;
	height: 3.5rem;
	margin-left: -2.75rem;
	margin-top: -1.75rem;
	z-index: 11;
	background-color: rgba(60,60,60,.7);
	display: none;
	border-radius: .2rem;
	color: #fff
}

.floor-tooltip .icon-box {
	height: 2.1rem;
	line-height: 2.1rem;
	text-align: center
}

.floor-tooltip .icon-msg {
	height: 1.4rem;
	text-align: center
}

.receive-coupon-page * {
	margin: 0;
	padding: 0;
	font-size: .35rem
}

.receive-coupon-page .bg-contain {
	width: 100%;
	height: 100%;
	position: absolute;
	background: #c4211a
}

.receive-coupon-page .bg-contain img {
	width: 100%;
	height: auto
}

.receive-coupon-page .page {
	width: 100%;
	height: auto;
	padding-bottom: 1.5rem;
	position: absolute;
	top: 0;
	bottom: 0
}

.receive-coupon-page .coupon-centent,.receive-coupon-page .gain-coupon-centent {
	margin-top: 10.7rem!important;
	height: 13rem;
	margin-left: .75rem;
	margin-right: .75rem;
	background: #9d1a15;
	overflow: hidden;
	border-radius: .3rem
}

.receive-coupon-page .coupon-centent {
	position: relative
}

.receive-coupon-page .coupon-centent .title {
	position: absolute;
	top: 1rem;
	left: 50%;
	margin-left: -5rem;
	width: 10.025rem;
	height: 1.425rem;
	background: url(../images/coupon-title.c7c91542fa.png);
	background-size: 100%
}

.receive-coupon-page .coupon-centent .under-title {
	position: absolute;
	top: 2.5rem;
	width: 100%;
	height: 11.575rem
}

.receive-coupon-page .coupon-centent .input-content {
	height: 5.15rem;
	margin: .75rem .75rem 0;
	position: relative
}

.receive-coupon-page .coupon-centent .input-content input {
	height: 2.2rem;
	width: 100%;
	margin-bottom: .75rem;
	border: 1px solid #fff;
	font-size: .7rem;
	color: #fff;
	background: #9d1a15;
	border-radius: .3rem;
	text-align: center;
	outline: none
}

.receive-coupon-page .coupon-centent .input-content div {
	height: 2.2rem;
	width: 100%;
	text-align: center;
	font-size: .7rem;
	border-radius: .3rem;
	background: #b0b0b0;
	color: #e0e0e0;
	line-height: 2.2rem
}

.receive-coupon-page .coupon-centent .input-content .get,.receive-coupon-page .coupon-centent .input-content .verification-code {
	background: #fff;
	color: #444
}

.receive-coupon-page .coupon-centent .clear-input {
	position: absolute;
	padding: .25rem;
	top: .4rem;
	right: 1.25rem;
	font-size: .7rem;
	color: #666;
	z-index: 1
}

.receive-coupon-page .coupon-centent .coupon-description {
	width: 100%;
	height: 3.4rem;
	position: relative;
	background: url(../images/coupon-footer.c1852bcca7.png);
	background-size: 100%
}

.receive-coupon-page .coupon-centent .coupon-description span {
	position: absolute;
	bottom: 0;
	left: 40%;
	width: 20%;
	height: 2rem
}

.receive-coupon-page .gain-coupon-centent p {
	width: 100%;
	height: 1rem;
	line-height: 1rem;
	text-align: center;
	color: #fff;
	font-size: .425rem
}

.receive-coupon-page .gain-coupon-centent p.phone {
	margin-top: .25rem;
	font-size: .75rem;
	font-weight: 700
}

.receive-coupon-page .gain-coupon-centent .coupon {
	padding-top: 1.25rem;
	width: 90%;
	margin-left: 5%;
	height: 5.5rem;
	background: #9d1a15
}

.receive-coupon-page .gain-coupon-centent .coupon img {
	width: 100%;
	height: auto
}

.receive-coupon-page .gain-coupon-centent .use-coupon-btn {
	height: 2.2rem;
	line-height: 2.2rem;
	margin: .75rem 1.375rem;
	background: #444;
	color: #fff;
	text-align: center;
	border-radius: .1rem
}

.receive-coupon-page .gain-coupon-centent span {
	font-weight: 700;
	display: inline-block;
	width: 3.475rem;
	height: 1.05rem;
	text-align: center;
	font-size: .6rem;
	color: #fff;
	margin: 0 40%;
	background: url(../images/activity-description.318a405d3c.png);
	background-size: 100%
}

.receive-coupon-page .gain-coupon-centent a {
	color: #fff;
	font-size: .7rem
}

.receive-coupon-page .dialog {
	width: 84%;
	height: 10.25rem;
	position: fixed;
	background: #fff;
	border-radius: .6rem;
	left: 8%;
	top: 5.875rem;
	z-index: 2
}

.receive-coupon-page .dialog .close {
	width: 1rem;
	height: 1rem;
	overflow: hidden;
	background: url(../images/close.f2a368f283.png);
	background-size: 100%;
	color: #f1f1f1;
	position: absolute;
	top: -.5rem;
	right: -.5rem;
	line-height: 1rem;
	text-align: center
}

.receive-coupon-page .hidden {
	display: none
}

.receive-coupon-page .phone-error {
	text-align: center;
	line-height: 14rem
}

.receive-coupon-page .mask {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: #000;
	opacity: .4;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1
}

.receive-coupon-page .activity-message {
	width: 100%;
	height: 10.25rem;
	overflow: auto
}

.receive-coupon-page .activity-message h3 {
	width: 100%;
	height: 1rem;
	margin-top: 1rem;
	margin-bottom: .25rem;
	line-height: 1rem;
	font-size: .8rem;
	text-align: center
}

.receive-coupon-page .activity-message p {
	width: 85%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	font-size: .65rem;
	line-height: 1rem;
	padding-left: .65rem;
	text-indent: -.65rem
}

.receive-coupon-page .messages {
	width: 84%;
	height: 4rem;
	position: fixed;
	background: rgba(0,0,0,.9);
	border-radius: .6rem;
	left: 8%;
	top: 45%;
	margin-top: -2rem;
	z-index: 2;
	color: #fff
}

.receive-coupon-page .messages p {
	line-height: 4rem;
	font-size: .6rem
}

.receive-coupon-page .tip-wrap {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 3
}

.receive-coupon-page .tip-wrap img {
	width: 100%;
	height: 100%
}

.receive-coupon-page .tip {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}

.receive-coupon-page .tip .header {
	width: 4.25rem;
	height: 4.25rem;
	margin-top: 40%;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/unfortunately.6921e4a5b1.png);
	background-size: 100%
}

.receive-coupon-page .tip .title {
	margin-top: .75rem;
	font-size: .7rem;
	color: #fff;
	text-align: center;
	margin-left: auto;
	margin-right: auto
}

.receive-coupon-page .tip .logo {
	width: 9.775rem;
	height: 1.95rem;
	margin-top: 4.75rem;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/logo.198179df61.png);
	background-size: 100%
}

.receive-coupon-page .tip .desc {
	font-size: .6rem;
	color: #444
}

.receive-coupon-page .tip .button {
	display: block;
	margin: .75rem auto;
	width: 6.75rem;
	height: 1.4rem;
	font-size: .65rem;
	line-height: 1.4rem;
	text-align: center;
	color: #fff;
	background: #000
}

.invite-page-bg {
	background-image: url(../images/body_bg.4ca8eb85cc.png);
	background-size: cover;
	background-attachment: fixed;
	min-height: 5rem
}

.invite-page {
	font-size: .65rem;
	font-family: Microsoft YaHei,sans-serif;
	color: #fff
}

.invite-page .banner {
	width: 11.125rem;
	height: 8.975rem;
	margin-top: 1.25rem
}

.invite-page .logo {
	width: 8.2rem;
	height: 1.65rem;
	margin-top: 1.75rem;
	margin-bottom: .25rem
}

.invite-page .invite-content-page {
	text-align: center;
	color: #fff
}

.invite-page .invite-content-page .bold {
	font-weight: 700
}

.invite-page .invite-content-page .form {
	margin-top: .25rem
}

.invite-page .invite-content-page .fz9 {
	-webkit-transform: scale(.75);
	font-size: .45rem;
	-webkit-transform-origin: top left
}

.invite-page .invite-content-page .fz11 {
	font-size: .5rem
}

.invite-page .invite-content-page .fz13 {
	font-size: .6rem
}

.invite-page .invite-content-page .fz14 {
	font-size: .7rem
}

.invite-page .invite-content-page .fz15 {
	font-size: .75rem
}

.invite-page .invite-content-page .fz16 {
	font-size: .8rem
}

.invite-page .invite-content-page .fz17 {
	font-size: .85rem
}

.invite-page .invite-content-page .fz18 {
	font-size: .9rem
}

.invite-page .invite-content-page .t-shadow {
	text-shadow: 0 .1rem .25rem #797979
}

.invite-page .invite-content-page .invite-group {
	text-align: left;
	margin: 1.25rem 2.25rem 0
}

.invite-page .invite-content-page .invite-group input {
	width: 100%;
	height: 1.75rem;
	margin-bottom: .5rem;
	border-radius: .1rem;
	border: none;
	padding: .25rem
}

.invite-page .invite-content-page .invite-group p {
	text-align: center
}

.invite-page .invite-content-page .invite-group .gray-info,.invite-page .invite-content-page .invite-group .send-validate-btn {
	position: absolute;
	background-color: #ff7900;
	height: 1.75rem;
	line-height: 1.75rem;
	cursor: pointer;
	right: 0;
	padding: 0 .25rem;
	width: 4rem
}

.invite-page .invite-content-page .invite-group .gray-info {
	color: #b7ad80;
	background-color: #fef7d8;
	cursor: none;
	text-align: center;
	font-size: .9rem
}

.invite-page .invite-dialog-bg {
	background-color: #0d0d0d;
	opacity: .5;
	width: 100%;
	height: 16.6rem;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1
}

.invite-page .relative {
	position: relative;
	right: 0
}

.invite-page .invite-dialog {
	position: fixed;
	background-color: #272624;
	height: 10rem;
	top: 32%;
	left: 10%;
	width: 80%;
	z-index: 2;
	overflow-y: auto;
	color: #fef7d8;
	border-radius: .2rem
}

.invite-page .invite-dialog .invite-dialog-center {
	text-align: center;
	padding: .75rem .5rem
}

.invite-page .invite-dialog .invite-dialog-center p {
	line-height: 1.25rem
}

.invite-page .invite-btn {
	width: 5.125rem;
	border: 1px solid #ff7900;
	background-color: #ff7900;
	color: #fff;
	line-height: 1.25rem;
	font-weight: 700;
	margin-top: .25rem;
	cursor: pointer;
	display: inline-block;
	padding: .35rem .5rem;
	border-radius: .1rem
}

.invite-page .btn-group-gap {
	display: inline-block;
	width: .75rem
}

.invite-page .btn-group .invite-btn {
	color: #ede6c9
}

.invite-page .over-color a {
	color: #fff
}

.invite-page .fw90 {
	width: 90%
}

.invite-page .ishint-content {
	margin-top: 2rem;
	height: 4.5rem;
	padding: .5rem
}

.invite-page .invite-content-list {
	line-height: 1.8;
	text-align: center
}

.invite-page .invite-content-list .bold {
	font-weight: 700
}

.invite-page .invite-content-list .center {
	text-align: center
}

.invite-page .invite-content-list .relative {
	position: relative;
	overflow: hidden
}

.invite-page .invite-content-list .absolute {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0
}

.invite-page .invite-content-list .fz9 {
	-webkit-transform: scale(.75);
	font-size: .45rem;
	-webkit-transform-origin: top left
}

.invite-page .invite-content-list .fz11 {
	-webkit-transform: scale(.92);
	font-size: .55rem
}

.invite-page .invite-content-list .fz13 {
	font-size: .65rem
}

.invite-page .invite-content-list .fz14 {
	font-size: .7rem
}

.invite-page .invite-content-list .fz15 {
	font-size: .75rem
}

.invite-page .invite-content-list .fz16 {
	font-size: .8rem
}

.invite-page .invite-content-list .fz17 {
	font-size: .85rem
}

.invite-page .invite-content-list .fz18 {
	font-size: .9rem
}

.invite-page .invite-content-list .fz19 {
	font-size: .95rem
}

.invite-page .invite-content-list .fz20 {
	font-size: 1rem
}

.invite-page .invite-content-list .fz22 {
	font-size: 1.1rem
}

.invite-page .invite-content-list .fz37 {
	font-size: 1.85rem
}

.invite-page .invite-content-list .mar-top-a {
	margin-top: 14%
}

.invite-page .invite-content-list .mar-top-b {
	margin-top: 4%
}

.invite-page .invite-content-list .mar-top-c {
	margin-top: 2rem
}

.invite-page .invite-content-list .mar-top-d {
	margin-top: 1rem
}

.invite-page .invite-content-list .t-shadow {
	text-shadow: 0 .2rem .5rem #797979
}

.invite-page .invite-content-list .invite-box {
	width: 100%;
	min-width: 8rem;
	font-family: Microsoft YaHei,sans-serif;
	color: #fff;
	padding-bottom: 5%
}

.invite-page .invite-content-list .fn-left {
	float: left!important
}

.invite-page .invite-content-list .fn-right {
	float: right!important
}

.invite-page .invite-content-list .coupon-box {
	width: 11.25rem;
	height: 6.425rem;
	margin: 2rem auto 0;
	background-size: cover
}

.invite-page .invite-content-list .chit0 {
	background-image: url(../images/chit0.a509b22439.png)
}

.invite-page .invite-content-list .chit10 {
	background-image: url(../images/chit10.eb30985f17.png)
}

.invite-page .invite-content-list .chit15 {
	background-image: url(../images/chit15.002cdd0a4c.png)
}

.invite-page .invite-content-list .coupon-box strong {
	display: inline-block;
	margin-top: -.1rem
}

.invite-page .invite-content-list .coupon-box .pirbox {
	width: 5rem;
	height: 4rem;
	font-size: 3rem;
	font-weight: 700;
	font-family: arial,sans-serif;
	padding-left: 1.1rem;
	left: 1rem;
	letter-spacing: -.07em;
	text-align: left;
	overflow: hidden
}

.invite-page .invite-content-list .coupon-box .pirbox em {
	font-size: 1.25rem;
	font-weight: 400;
	font-family: Microsoft YaHei,sans-serif;
	top: .8rem;
	line-height: normal
}

.invite-page .invite-content-list .coupon-box .count-not {
	text-align: center;
	overflow: hidden;
	margin-top: 3.6rem;
	padding: 0 .55rem;
	width: 100%
}

.invite-page .invite-content-list .coupon-box .count-not hr {
	height: 0;
	border: 0;
	width: 1.5rem;
	margin: .3rem;
	border-top: 1px solid #e4e4e4
}

.invite-page .invite-content-list .coupon-box.mar-top-a {
	margin-top: 14%;
	padding-top: 1rem
}

.invite-page .invite-content-list .hurry-size {
	line-height: 1.4em;
	margin-top: 1.5rem
}

.invite-page .invite-content-list .download-btn,.invite-page .invite-content-list .weal-btn {
	width: 10.25rem;
	height: 2.2rem;
	line-height: 2.2rem;
	background-color: #ff7800;
	color: #fef7d8;
	display: inline-block;
	margin: 1.5rem 0 .15rem;
	border-radius: .1rem
}

.invite-page .invite-content-list .rule-tit {
	text-decoration: underline;
	margin-top: 2.5rem
}

.invite-page .invite-content-list ol.rule-con {
	padding: .5rem 1.75rem;
	text-align: left;
	margin-left: .65rem;
	list-style-type: decimal;
	list-style-position: outside
}

.invite-page .invite-content-list ol.rule-con li {
	padding-bottom: .15rem
}

.invite-page .invite-content-list .draw-coupon {
	margin-top: .75rem;
	text-align: center
}

.invite-page .invite-content-list .goon {
	margin: 1.5rem 0 .3rem
}

.invite-page .invite-content-list .congratu-coupon {
	margin-top: 1.7rem
}

.invite-page .invite-content-list ul.list-port {
	display: inline-block;
	margin-top: 1.5rem
}

.invite-page .invite-content-list ul.list-port li {
	width: 3rem;
	float: left;
	overflow: hidden
}

.invite-page .invite-content-list ul.list-port li .pic {
	width: 2rem;
	height: 2rem;
	background-color: grey;
	border-radius: 50%;
	margin: 0 .5rem
}

.invite-page .invite-content-list ul.list-port li .name,.invite-page .invite-content-list ul.list-port li .pon {
	-webkit-transform: scale(.84);
	font-size: .5rem
}

.invite-page .invite-content-list ul.list-port li .name {
	height: 1.3em;
	line-height: 1.4em;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.invite-page .invite-content-list ul.list-port li .pon {
	color: #ebd518
}

.invite-page .invite-content-list ul.list-firends {
	margin-top: 4.3rem
}

.invite-page .invite-content-list .now-login {
	margin: .3rem 0 .5rem;
	text-decoration: underline;
	display: inline-block
}

.invite-page .invite-content-list .share-tag {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	overflow: hidden;
	background-color: #0d0d0d;
	opacity: .5;
	display: none
}

.invite-page .invite-content-list .share-tag img {
	float: right
}

.invite-page .invite-content-list .cgreen {
	color: #3e7e27
}

.invite-page .invite-content-list .cfe {
	color: #fef7d8
}

.invite-page .invite-content-list .ts {
	text-shadow: 0 .05rem .15rem #5b5b59
}

body.passport-body {
	background-color: #444;
	font-family: MicroSoft YaHei,SimSun,sans-serif
}

body.passport-body * {
	box-sizing: border-box
}

body.passport-body .main-wrap {
	position: relative
}

.passport-page {
	text-align: center;
	padding: 0 6%
}

.passport-page .bind-tip {
	margin-top: 10PX;
	margin-bottom: 10PX;
	color: #fff;
	font-size: 13PX
}

.passport-page .bind-tip .title {
	font-size: 28PX;
	line-height: 1.5
}

.passport-page .tip {
	margin-top: 30PX;
	color: #fff;
	font-size: 16PX;
	line-height: 2
}

.passport-page .tip a {
	color: #3fb274
}

.passport-page .header {
	position: relative;
	height: 40PX;
	margin: 20PX 0 30PX
}

.passport-page .header .go-back {
	display: block;
	position: absolute;
	height: 30PX;
	width: 30PX;
	top: 5PX;
	left: 0;
	background: url(../images/go-back.29b18830e0.png) no-repeat;
	background-size: 100% 100%
}

.passport-page .header .title {
	font-size: 20PX;
	line-height: 40PX;
	color: #fff
}

.passport-page .header .img-header {
	width: 68PX;
	height: 40PX;
	background: url(../images/yoho-family.9a1dd9205f.png) no-repeat;
	background-size: 100% 100%;
	margin: 0 auto
}

.passport-page .header .opts {
	display: block;
	background: transparent;
	border: 1px solid #fff;
	width: auto;
	height: 30PX;
	line-height: 30PX;
	border-radius: 30PX;
	color: #fff;
	padding-left: 15PX;
	padding-right: 15PX;
	position: absolute;
	right: 0;
	top: 5PX
}

.passport-page .input-container,.passport-page .select-container {
	position: relative;
	width: 100%;
	height: 52PX;
	font-size: 20PX;
	background-color: #575757;
	border: 1px solid #606060;
	border-radius: 5PX;
	text-align: left;
	color: #fff
}

.passport-page .select-container .select {
	position: absolute;
	height: 50PX;
	padding-right: 40PX;
	right: 0;
	color: #fff;
	background-color: #575757;
	border: 0;
	border-radius: 5PX;
	-moz-appearance: none;
	appearance: none;
	direction: rtl;
	-webkit-appearance: none
}

.passport-page .select-container .select:focus {
	outline: 0;
	border: none
}

.passport-page .select-container .select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #fff
}

.passport-page .select-container .select-title {
	line-height: 2.5;
	margin-left: 15PX
}

.passport-page .select-container .arrow-right {
	position: absolute;
	width: 13PX;
	height: 20PX;
	right: 15PX;
	top: 16PX;
	background: url(../images/arrow-right.49df33bed2.png) no-repeat;
	background-size: 100% 100%
}

.passport-page .has-clear,.passport-page .has-eye {
	padding-right: 30PX
}

.passport-page .area-code,.passport-page .invite-code {
	position: absolute;
	left: 15PX;
	line-height: 2.5
}

.passport-page .phone-container {
	padding-left: 55PX
}

.passport-page .code-container {
	padding-left: 70PX
}

.passport-page .input {
	width: 100%;
	line-height: 26PX;
	padding: 12PX 0 12PX 15PX;
	border-radius: 5PX;
	color: #fff;
	background-color: transparent;
	border: none
}

.passport-page .code {
	padding-left: 35PX
}

.passport-page .btn {
	display: block;
	width: 100%;
	font-size: 20PX;
	line-height: 2.5;
	background-color: #36a74c;
	border-radius: 5PX;
	color: #fff;
	border: none;
	outline: none
}

.passport-page .btn.disable,.passport-page .btn:disabled {
	background-color: #a2a2a2
}

.passport-page .country-select.in-android-uc {
	width: 140PX
}

.passport-page .clear-input {
	position: absolute;
	display: none;
	top: 18PX;
	right: 10PX;
	width: 16PX;
	height: 16PX;
	background: url(../images/clear-input.5a714d5343.png) no-repeat;
	background-size: 100% 100%;
	outline: none;
	border: none;
	padding: 0
}

.passport-page .eye {
	position: absolute;
	top: 20PX;
	right: 10PX;
	width: 19PX;
	height: 12PX;
	background: url(../images/eye.486d8ce59e.png) no-repeat;
	background-size: 100% 100%
}

.passport-page .eye.close {
	background-image: url(../images/eye-close.22ef4fcf0d.png)
}

.passport-page .row {
	margin-bottom: 10PX
}

.passport-page .pwd-lint {
	text-align: left;
	color: #858585;
	margin-top: .5rem;
	margin-bottom: .875rem
}

.passport-page .pwd-lint .icon-tip {
	color: #fc0304
}

.passport-page .app-agreement {
	color: #fff
}

.passport-page .app-agreement i {
	color: #000;
	position: relative;
	left: -.825rem;
	font-size: .7rem
}

.passport-page .app-agreement span {
	display: inline-block;
	border-radius: .3rem;
	width: .6rem;
	height: .6rem;
	background: #fff;
	position: relative;
	top: .05rem;
	left: -.175rem
}

.passport-page .app-agreement .agreement-detail {
	color: #fff;
	position: relative;
	left: -.4rem
}

.prompt {
	width: 13.5rem;
	height: 7.25rem;
	background: #fff;
	border-radius: .375rem;
	font-size: .65rem;
	position: absolute;
	top: 7.5rem;
	left: 1.25rem;
	display: none
}

.prompt .word {
	width: 100%;
	height: 5rem;
	display: block;
	padding: 1.25rem 1.5rem;
	text-align: center;
	line-height: 1.25rem
}

.prompt .choose {
	width: 100%;
	height: 2.25rem;
	border-top: 1px solid #e0e0e0
}

.prompt .choose span {
	width: 50%;
	display: inline-block;
	text-align: center;
	height: 2.2rem;
	line-height: 2.2rem
}

.prompt .choose .ensure {
	display: inline-block;
	float: right;
	border-left: 1px solid #e0e0e0;
	color: #f41e1f
}

.reg-page .register-tip {
	color: #fff;
	font-size: 15PX
}

.login-page .yoho-logo {
	position: absolute;
	height: 31PX;
	width: 26PX;
	background: url(../images/yoho.f1a00b271f.png);
	background-size: 100% 100%;
	top: 10PX;
	left: 15PX
}

.login-page .acc-container {
	padding-left: 45PX
}

.login-page .third-party-login {
	text-align: left
}

.login-page .third-party-login>span {
	font-size: 16PX;
	color: #858585
}

.login-page .third-party-login .tp-link {
	text-align: center;
	padding: 20PX 0
}

.login-page .third-party-login .tp-link>a {
	display: inline-block;
	width: 44PX;
	height: 44PX;
	margin: 0 7PX;
	border-radius: 50%;
	background-color: #333;
	background-repeat: no-repeat;
	background-size: 100% 100%
}

.login-page .third-party-login .tp-link .alipay {
	background-image: url(../images/alipay.bbb9e39450.png)
}

.login-page .third-party-login .tp-link .weibo {
	background-image: url(../images/weibo.b14de5d336.png)
}

.login-page .third-party-login .tp-link .qq {
	background-image: url(../images/qq.56fa1661e8.png)
}

.login-page .third-party-login .tp-link .wechat {
	display: none;
	background-image: url(../images/wechat.0cb279ca2f.png)
}

.login-page .international {
	display: block;
	width: 200PX;
	padding: 5PX 10PX;
	background-color: #333;
	border: none;
	border-radius: 20PX;
	margin: 0 auto .7rem;
	font-size: 16PX;
	color: #d8d8d8
}

.login-page .go-register {
	color: #858585
}

.login-page .go-register a {
	color: inherit
}

.login-page .login-tip {
	font-size: 14PX;
	position: relative;
	color: #d8d8d8;
	margin: 15PX 0
}

.login-page .login-tip .info-icon {
	display: inline-block;
	height: 12PX;
	width: 12PX;
	background-image: url(../images/info.229e20e4f1.png);
	background-size: 100% 100%
}

.login-page .mask {
	position: fixed;
	display: none;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background-color: rgba(0,0,0,.5)
}

.login-page .retrive-pwd-ways {
	position: fixed;
	display: none;
	bottom: 5PX;
	left: 10PX;
	right: 10PX;
	font-size: 16PX
}

.login-page .retrive-pwd-ways li {
	background-color: #fff;
	width: 100%;
	height: 40PX;
	line-height: 40PX;
	text-align: center
}

.login-page .retrive-pwd-ways li:first-child {
	border-top-left-radius: 5PX;
	border-top-right-radius: 5PX;
	border-bottom: 1px solid #9f9f9f
}

.login-page .retrive-pwd-ways li:nth-child(2) {
	border-bottom-left-radius: 5PX;
	border-bottom-right-radius: 5PX
}

.login-page .retrive-pwd-ways li:last-child {
	margin-top: 10PX;
	border-radius: 5PX
}

.wechat-body .wechat {
	display: inline-block!important
}

.sms-login .sms-input {
	margin-top: 1.5rem
}

.sms-login #resend-sms {
	background-color: transparent;
	width: 148PX;
	margin: 0 15PX 0 28PX;
	border: 1px solid #36a74c;
	padding: 5PX 0;
	border-radius: 20PX;
	font-size: 16PX;
	color: #36a74c
}

.sms-login #resend-sms:disabled {
	color: #a2a2a2;
	border-color: #a2a2a2
}

.sms-login button {
	border: none
}

.sms-login-check .clear-input {
	right: 175PX
}

.sms-login-msg {
	font-size: .7rem;
	color: #fff;
	margin-bottom: .5rem
}

.sms-login-msg .tel {
	color: #41cbe7
}

.sms-login-msg.small {
	font-size: .55rem;
	color: #858585
}

.op-container {
	position: relative;
	width: 100%;
	margin: 20PX 0;
	height: 1rem;
	text-align: center;
	font-size: 16PX
}

.op-container .op-item {
	margin: 0 auto;
	color: #fff
}

.op-container .op-item:first-child {
	float: left;
	text-align: left
}

.op-container .op-item:last-child {
	float: right;
	text-align: right
}

.third-party-login {
	text-align: left
}

.third-party-login>span {
	font-size: 16PX;
	color: #858585
}

.third-party-login .tp-link {
	text-align: center;
	padding: 20PX 0
}

.third-party-login .tp-link>a {
	display: inline-block;
	width: 44PX;
	height: 44PX;
	margin: 0 7PX;
	border-radius: 50%;
	background-color: #333;
	background-repeat: no-repeat;
	background-size: 100% 100%
}

.third-party-login .tp-link .alipay {
	background-image: url(../images/alipay.bbb9e39450.png)
}

.third-party-login .tp-link .weibo {
	background-image: url(../images/weibo.b14de5d336.png)
}

.third-party-login .tp-link .qq {
	background-image: url(../images/qq.56fa1661e8.png)
}

.third-party-login .tp-link .wechat {
	display: none;
	background-image: url(../images/wechat.0cb279ca2f.png)
}

.international {
	display: block;
	width: 200PX;
	padding: 5PX 10PX;
	background-color: #333;
	border: none;
	border-radius: 20PX;
	margin: 0 auto .7rem;
	font-size: 16PX;
	color: #d8d8d8
}

.go-register {
	color: #858585
}

.go-register a {
	color: inherit
}

.login-tip {
	font-size: 14PX;
	position: relative;
	color: #d8d8d8;
	margin: 15PX 0
}

.login-tip .info-icon {
	display: inline-block;
	height: 12PX;
	width: 12PX;
	background-image: url(../images/info.229e20e4f1.png);
	background-size: 100% 100%
}

.mask {
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background-color: rgba(0,0,0,.5)
}

.mask,.retrive-pwd-ways {
	position: fixed;
	display: none
}

.retrive-pwd-ways {
	bottom: 5PX;
	left: 10PX;
	right: 10PX;
	font-size: 16PX
}

.retrive-pwd-ways li {
	background-color: #fff;
	width: 100%;
	height: 40PX;
	line-height: 40PX;
	text-align: center
}

.retrive-pwd-ways li:first-child {
	border-top-left-radius: 5PX;
	border-top-right-radius: 5PX;
	border-bottom: 1px solid #9f9f9f
}

.retrive-pwd-ways li:nth-child(2) {
	border-bottom-left-radius: 5PX;
	border-bottom-right-radius: 5PX
}

.retrive-pwd-ways li:last-child {
	margin-top: 10PX;
	border-radius: 5PX
}

.back-email-success-page .tip {
	font-size: 20PX;
	color: #fff;
	margin-top: 30PX
}

.back-email-success-page .resend,.back-email-success-page .sub-tip {
	color: #939393;
	font-size: 16PX
}

.back-email-success-page .go-email {
	margin: 20PX 0 10PX
}

.back-email-success-page .resend {
	float: right
}

.back-code-page .captcha-tip,.reg-code-page .captcha-tip {
	position: absolute;
	width: 148PX;
	text-align: center;
	right: 15PX;
	top: 8PX;
	color: #36a74c;
	padding: 5PX 0;
	border: 1px solid #36a74c;
	border-radius: 20PX;
	font-size: 16PX
}

.back-code-page .captcha-tip.disable,.reg-code-page .captcha-tip.disable {
	color: #8f8f8f;
	border-color: #8f8f8f
}

.back-code-page .input-container,.reg-code-page .input-container {
	padding-right: 190PX
}

.back-code-page .text-container,.reg-code-page .text-container {
	color: #fff;
	font-size: 16PX;
	margin-bottom: 20PX
}

.back-code-page .phone,.reg-code-page .phone {
	color: #4ecae8
}

.back-code-page .clear-input,.reg-code-page .clear-input {
	right: 170PX
}

.back-code-page .tip,.reg-code-page .tip {
	margin-top: 30PX;
	color: #fff;
	font-size: 14PX;
	line-height: 2
}

.back-code-page .tip a,.reg-code-page .tip a {
	color: #fff
}

.bind-page .bind-tip {
	color: #fff;
	font-size: 15PX
}

.bind-page #yohood {
	background-image: url(../images/yohood.8d34f7adea.png);
	background-size: 40%;
	background-repeat: no-repeat;
	background-color: transparent;
	background-position-x: 10%;
	background-position-y: 40%;
	border: none;
	border-bottom: 4px solid #fff
}

.success-page {
	color: #fefefe
}

.success-page .success-icon {
	width: 74PX;
	height: 74PX;
	margin: 60PX auto 30PX;
	background: url(../images/success.0120930cb0.png);
	background-size: 100%
}

.success-page .success-tip {
	padding: 10PX;
	font-size: 16PX;
	line-height: 1.5
}

.success-page .go {
	display: block;
	margin: 30PX auto;
	width: 270PX;
	height: 40PX;
	font-size: 14PX;
	line-height: 40PX;
	color: #fff;
	background: hsla(0,0%,100%,.4);
	border-radius: 5PX
}

.app-update {
	background: url(../images/app-update.0ea063efb3.png);
	background-size: 100% 100%;
	width: 100%;
	height: height("app-update.png")
}

.app-update button {
	position: absolute;
	left: 50%;
	bottom: 5.5rem;
	height: 2.25rem;
	width: 11.75rem;
	margin-left: -5.875rem;
	padding: 0;
	background: #444;
	color: #fff;
	font-size: .75rem;
	border-radius: .25rem
}

.privacy-page {
	margin: 0 .75rem;
	font-size: .7rem
}

.privacy-page p {
	line-height: 1.1rem
}

.privacy-page h3 {
	display: block;
	height: 2rem;
	line-height: 2rem;
	text-align: center;
	font-size: .9rem;
	font-weight: 700
}

.privacy-page span {
	font-size: .75rem;
	font-weight: 700
}

.newpower-page .banner {
	width: 100%;
	height: 9.125rem;
	background: url(../images/newpower.f2ce925ab6.png);
	background-size: contain
}

.newpower-page p {
	margin: .875rem .75rem 0;
	font-size: .7rem;
	line-height: 1.1rem
}

.newpower-page span {
	font-weight: 700;
	font-size: .75rem
}

.about-yohobuy-page .banner {
	width: 100%;
	height: 9.125rem;
	background: url(../images/about-yoho.9e4281ea71.png);
	background-size: contain
}

.about-yohobuy-page p {
	margin: 1.25rem .75rem 0;
	font-size: .7rem;
	line-height: 1.1rem
}

.about-yohobuy-page .about-bottom {
	margin: 3.375rem auto;
	width: 17.5rem;
	height: 9.125rem;
	background: url(../images/about-bottom.8aa6717760.png) 50%;
	background-size: contain
}

.download-protocol {
	border-bottom: 1px solid #e0e0e0;
	position: relative;
	height: 2.55rem;
	line-height: 2.55rem;
	font-weight: 700;
	text-align: left
}

.download-protocol .download-protocol-btn {
	font-weight: 400;
	width: 3.15rem;
	height: 1.15rem;
	line-height: 1.1rem;
	text-align: center;
	box-sizing: border-box;
	border: 1px solid #444;
	border-radius: .1rem;
	float: right;
	font-size: .6rem;
	position: absolute;
	right: .65rem;
	top: .65rem
}

.agreement-time {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	align-items: flex-end
}

.agreement-page {
	margin: 0 .75rem;
	font-size: .75rem;
	line-height: 1.1rem
}

.agreement-page h3 {
	text-align: center;
	display: block;
	height: 2rem;
	line-height: 2rem;
	font-size: .8rem;
	font-weight: 700
}

.agreement-page strong {
	font-weight: 700
}

.agreement-page p {
	text-indent: 1.5rem
}

.agreement-page .select-btn {
	margin-bottom: .75rem
}

.agreement-page .select-btn span {
	font-size: .7rem
}

.agreement-page .select-btn i {
	font-size: .75rem;
	margin-left: .075rem;
	margin-right: .4rem
}

.agreement-page .select-btn .submit-btn {
	margin-top: .5rem;
	width: 17.25rem;
	height: 2.15rem;
	background: #444;
	text-align: center;
	line-height: 2.15rem;
	color: #fff;
	border-radius: .15rem;
	display: block
}

.wx-focus-c {
	padding: 1rem .75rem 0
}

.wx-focus-c .title {
	font-size: .8rem;
	color: #444;
	text-align: center;
	line-height: 1.25rem
}

.wx-focus-c .wx-boder {
	border: 1px solid #e0e0e0;
	border-top: 0;
	margin-top: .75rem
}

.wx-focus-c .focus-pic {
	margin-top: 1.75rem
}

.wx-focus-c .focus-arr {
	width: 1.2rem;
	height: 1.5rem;
	margin: .75rem auto 0
}

.privay-info {
	padding-left: 1rem
}

.passport-captcha {
	text-align: left;
	border-radius: 5PX;
	overflow: hidden
}

.passport-captcha-input {
	overflow: hidden
}

.passport-captcha-input input {
	position: relative;
	padding-left: .375rem;
	height: 52PX;
	width: 100%;
	font-size: 20PX;
	background-color: #575757;
	border: 1px solid #606060;
	color: #fff
}

.passport-captcha-img {
	float: right;
	text-align: right
}

.passport-captcha-img img {
	display: inline-block;
	background-color: #fff;
	height: 52PX;
	width: 90PX;
	vertical-align: bottom
}

.passport-reset-page .icon-info:before {
	content: "\E61F"
}

.passport-reset-page .title {
	margin-top: 1.75rem;
	text-align: center;
	color: #fff;
	font-size: .75rem
}

.passport-reset-page .ignore {
	float: right;
	margin-top: -1.2rem;
	margin-right: 1.5rem;
	padding: .3rem .8rem;
	border-radius: .8rem;
	border: 1px solid #fff
}

.passport-reset-page .ignore a {
	color: #fff
}

.passport-reset-page .tip {
	text-align: center;
	font-size: .55rem;
	color: #fff;
	margin-top: 3rem
}

.passport-reset-page .form-group .input-group {
	width: 15.75rem;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: .75rem;
	border: 1px solid #606060;
	border-radius: .4rem;
	background-color: #585858;
	position: relative
}

.passport-reset-page .form-group .input-group .eye {
	position: absolute;
	top: 17PX;
	right: 10PX;
	width: 19PX;
	height: 12PX;
	background: url(../images/eye.486d8ce59e.png) no-repeat;
	background-size: 100% 100%
}

.passport-reset-page .form-group .input-group .eye.close {
	background-image: url(../images/eye-close.22ef4fcf0d.png)
}

.passport-reset-page .form-group .input-group:last-child {
	margin-bottom: 0
}

.passport-reset-page .form-group input {
	line-height: 1.2rem;
	padding: .4rem 0 .4rem .75rem;
	border-radius: .4rem;
	font-size: .7rem;
	color: #fff;
	background-color: transparent;
	border: none;
	width: 100%
}

.passport-reset-page .form-group input::-webkit-input-placeholder {
	color: #b0b0b0
}

.passport-reset-page .reset-form {
	margin-top: 1.5rem
}

.passport-reset-page .tip-bottom {
	width: 15.75rem;
	margin: .5rem auto 0;
	color: #fff;
	font-size: .55rem;
	visibility: hidden
}

.passport-reset-page .tip-bottom .icon-info {
	margin: .5rem .5rem 0
}

.passport-reset-page .show {
	visibility: visible
}

.passport-reset-page .btn-group {
	text-align: center
}

.passport-reset-page .btn-group .btn {
	width: 15.75rem;
	padding: .625rem;
	background-color: #fff;
	border-radius: .4rem;
	color: #444
}

.passport-reset-page .reset-sure {
	margin-top: 1.3rem
}

.passport-reset-page .reset-sure .active {
	background-color: #78db7e;
	color: #fff
}

.passport-reset-page .success-icon {
	text-align: center;
	color: #fff;
	margin-top: 3rem
}

.passport-reset-page .success-icon .iconfont {
	font-size: 4rem;
	color: #b0b0b0
}

.passport-reset-page .success-tip {
	margin-top: 3rem;
	color: #fff;
	font-size: .55rem;
	text-align: center
}

.passport-reset-page .relogin {
	margin-top: 1.45rem
}

.passport-reset-page .relogin .btn {
	background-color: #78db7e;
	color: #fff
}

@-webkit-keyframes avatar2 {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	25% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	40% {
		-webkit-transform: translate3d(-3rem,0,0);
		transform: translate3d(-3rem,0,0)
	}

	75% {
		-webkit-transform: translate3d(-3rem,0,0);
		transform: translate3d(-3rem,0,0)
	}

	90% {
		-webkit-transform: translate3d(-6rem,0,0);
		transform: translate3d(-6rem,0,0)
	}

	90.0001% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes avatar2 {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	25% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	40% {
		-webkit-transform: translate3d(-3rem,0,0);
		transform: translate3d(-3rem,0,0)
	}

	75% {
		-webkit-transform: translate3d(-3rem,0,0);
		transform: translate3d(-3rem,0,0)
	}

	90% {
		-webkit-transform: translate3d(-6rem,0,0);
		transform: translate3d(-6rem,0,0)
	}

	90.0001% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@-webkit-keyframes avatar3 {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	27% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	35% {
		-webkit-transform: translate3d(-3rem,0,0);
		transform: translate3d(-3rem,0,0)
	}

	59% {
		-webkit-transform: translate3d(-3rem,0,0);
		transform: translate3d(-3rem,0,0)
	}

	67% {
		-webkit-transform: translate3d(-6rem,0,0);
		transform: translate3d(-6rem,0,0)
	}

	91% {
		-webkit-transform: translate3d(-6rem,0,0);
		transform: translate3d(-6rem,0,0)
	}

	99% {
		-webkit-transform: translate3d(-9rem,0,0);
		transform: translate3d(-9rem,0,0)
	}

	99.00001% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes avatar3 {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	27% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	35% {
		-webkit-transform: translate3d(-3rem,0,0);
		transform: translate3d(-3rem,0,0)
	}

	59% {
		-webkit-transform: translate3d(-3rem,0,0);
		transform: translate3d(-3rem,0,0)
	}

	67% {
		-webkit-transform: translate3d(-6rem,0,0);
		transform: translate3d(-6rem,0,0)
	}

	91% {
		-webkit-transform: translate3d(-6rem,0,0);
		transform: translate3d(-6rem,0,0)
	}

	99% {
		-webkit-transform: translate3d(-9rem,0,0);
		transform: translate3d(-9rem,0,0)
	}

	99.00001% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.star-page {
	background: #333;
	position: relative
}

.star-page a {
	text-decoration: none;
	outline: none;
	color: #000
}

.star-page a:active,.star-page a:hover,.star-page a:link,.star-page a:visited {
	color: #000
}

.star-page :focus {
	outline: none
}

.star-page .font-bold {
	font-weight: 700
}

.star-page .lazy {
	opacity: .1
}

.star-page .lazy[src^="//"],.star-page .lazy[src^=http] {
	opacity: 1
}

.star-page .head-tab {
	width: 16rem;
	height: 2.2rem;
	background: #000;
	z-index: 3;
	-webkit-transform-origin: top;
	transform-origin: top;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform .4s;
	transition: -webkit-transform .4s;
	transition: transform .4s;
	transition: transform .4s,-webkit-transform .4s
}

.star-page .head-tab.hide-tab {
	-webkit-transform: scaleY(0);
	transform: scaleY(0)
}

.star-page .head-tab li {
	width: 33.3%;
	text-align: center;
	float: left;
	line-height: 2.2rem;
	font-size: .75rem
}

.star-page .head-tab li a {
	color: #b0b0b0;
	display: inline-block
}

.star-page .head-tab li.cur a {
	color: #fff
}

.star-page .star-content {
	background: #000
}

.shop-index .star-page .banner-area,.star-page .banner-top,.star-page .shop-index .banner-area {
	width: 100%;
	height: auto;
	position: relative
}

.shop-index .star-page .banner-area .banner-swiper,.star-page .banner-top .banner-swiper,.star-page .shop-index .banner-area .banner-swiper {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative
}

.shop-index .star-page .banner-area .banner-swiper ul,.star-page .banner-top .banner-swiper ul,.star-page .shop-index .banner-area .banner-swiper ul {
	position: relative;
	height: auto
}

.shop-index .star-page .banner-area .banner-swiper ul li,.star-page .banner-top .banner-swiper ul li,.star-page .shop-index .banner-area .banner-swiper ul li {
	float: left;
	width: 100%;
	height: auto
}

.shop-index .star-page .banner-area .banner-swiper ul img,.star-page .banner-top .banner-swiper ul img,.star-page .shop-index .banner-area .banner-swiper ul img {
	width: 100%;
	height: 100%
}

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

.shop-index .star-page .banner-area .swiper-pagination .pagination-inner,.star-page .banner-top .swiper-pagination .pagination-inner,.star-page .shop-index .banner-area .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
}

.shop-index .star-page .banner-area .swiper-pagination span,.star-page .banner-top .swiper-pagination span,.star-page .shop-index .banner-area .swiper-pagination span {
	display: inline-block;
	width: .35rem;
	height: .35rem;
	background: #fff;
	opacity: .5;
	margin: 0 .25rem;
	border-radius: 50%
}

.shop-index .star-page .banner-area .swiper-pagination .swiper-pagination-bullet-active,.star-page .banner-top .swiper-pagination .swiper-pagination-bullet-active,.star-page .shop-index .banner-area .swiper-pagination .swiper-pagination-bullet-active {
	background: #fff;
	opacity: 1
}

.star-page .avatar-wrap {
	height: 4.5rem
}

.star-page .star-main {
	margin: 2.2rem 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	height: calc(100vh - 2.2rem)
}

.star-page .avatar-swiper {
	overflow: hidden;
	margin-top: .75rem;
	background: #000
}

.star-page .avatar-swiper.avatar-clone {
	margin-top: 0;
	position: fixed;
	width: 16rem;
	padding-bottom: .75rem;
	z-index: 9;
	background: #000
}

.star-page .avatar-swiper li {
	float: left;
	width: auto;
	width: 2.75rem;
	height: 2.75rem;
	margin-top: .9rem;
	background: #000;
	-webkit-transition: all .4s;
	transition: all .4s
}

.star-page .avatar-swiper li a {
	border-radius: .125rem
}

.star-page .avatar-swiper .swiper-slide-active {
	width: 4.5rem;
	height: 4.5rem;
	margin-top: 0
}

.star-page .avatar-swiper .swiper-slide-next,.star-page .avatar-swiper .swiper-slide-prev {
	width: 3.25rem;
	height: 3.25rem;
	margin-top: .675rem
}

.star-page .star-info {
	margin-top: .75rem;
	background: #000
}

.star-page .star-info li {
	float: left;
	margin-bottom: .75rem;
	padding-left: .25rem
}

.star-page .star-avatar {
	width: 3rem;
	margin-right: .5rem;
	box-sizing: border-box;
	float: left;
	overflow: hidden
}

.star-page .star-avatar .avatar-wrap {
	white-space: nowrap;
	font-size: 0
}

.star-page .star-avatar .avatar-wrap.avatar-num-2 {
	-webkit-animation: avatar2 10s infinite;
	animation: avatar2 10s infinite
}

.star-page .star-avatar .avatar-wrap.avatar-num-3 {
	-webkit-animation: avatar3 15s infinite;
	animation: avatar3 15s infinite
}

.star-page .star-avatar a {
	display: inline-block;
	padding: .2rem;
	width: 3rem
}

.star-page .star-avatar .article-avatar-swiper {
	width: 2.6rem;
	overflow: hidden
}

.star-page .star-avatar .rank-avatar {
	width: 2.6rem;
	height: 2.6rem;
	border-radius: 50%;
	margin: 0 auto
}

.star-page .star-avatar .name {
	font-size: .6rem;
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	color: #fff;
	margin-top: .2rem;
	float: left;
	text-align: center
}

.star-page .star-article {
	width: 11.8rem;
	position: relative;
	border-radius: .2rem;
	background: #282828;
	float: left;
	padding: .5rem .75rem;
	box-sizing: border-box
}

.star-page .star-article .article-arrow {
	position: absolute;
	left: -.325rem;
	width: 0;
	height: 0;
	border-top: .25rem solid transparent;
	border-bottom: .25rem solid transparent;
	border-right: .325rem solid #282828
}

.star-page .star-article .article-title {
	font-size: .7rem;
	line-height: .95rem;
	height: 1.9rem;
	color: #fff;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.star-page .star-article .artice-cont {
	margin-top: .25rem
}

.star-page .star-article .artice-cont p {
	font-size: .45rem;
	padding: .05rem 0;
	line-height: .725rem;
	color: #969696
}

.star-page .star-article .artice-imgs-area {
	position: relative;
	display: table;
	margin: .25rem 0;
	width: 6.65rem;
	height: 6.65rem;
	overflow: hidden
}

.star-page .star-article .artice-imgs-area img {
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.star-page .star-article .artice-imgs {
	margin: .625rem 0 0;
	width: 62.5rem;
	float: left;
	overflow: hidden
}

.star-page .star-article .artice-imgs li {
	display: inline-block;
	margin-left: .15rem;
	position: relative
}

.star-page .star-article .artice-imgs li:first-child {
	margin-left: 0
}

.star-page .star-article .artice-imgs img {
	width: 3.25rem;
	border-radius: .1rem
}

.star-page .star-article .artice-imgs .img-size {
	width: 1.25rem;
	height: .65rem;
	line-height: .7rem;
	border-radius: .325rem;
	background-color: rgba(0,0,0,.4);
	color: #fff;
	position: absolute;
	right: .25rem;
	bottom: .25rem;
	font-size: .45rem
}

.star-page .star-article .artice-imgs .pic-icon {
	width: .475rem;
	height: .375rem;
	background: url(../images/img.7830b3754a.png) no-repeat;
	background-size: contain;
	display: inline-block;
	margin: .15rem .1rem 0 .2rem;
	vertical-align: top
}

.star-page .star-article .artice-o {
	width: 100%;
	float: left;
	border-top: 1px solid #b0b0b0;
	padding-top: .5rem
}

.star-page .star-article .artice-o span {
	font-size: .45rem;
	color: #b0b0b0;
	height: .55rem;
	line-height: .55rem
}

.star-page .star-article .artice-o span i {
	display: inline-block;
	margin-right: .125rem;
	font-size: .55rem;
	vertical-align: text-bottom
}

.star-page .star-article .artice-o .time {
	float: left
}

.star-page .star-article .artice-o .see {
	float: left;
	margin-left: .75rem
}

.star-page .star-article .artice-o .time-ico {
	width: .6rem;
	height: .6rem
}

.star-page .star-article .artice-o .see-ico {
	width: .775rem;
	height: .6rem
}

.star-page .view-area {
	height: 100%;
	position: relative
}

.star-page .swiper-view {
	height: 100%;
	background: rgba(0,0,0,.5)
}

.star-page .view-img {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: none;
	z-index: 9
}

.star-page .view-img li {
	float: left
}

.star-page .view-img li img {
	width: 90%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	position: absolute;
	top: 50%;
	left: 50%
}

.star-page .rank-avatar,.star-page .star {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #000;
	background-repeat: no-repeat;
	background-size: contain
}

.star-page .default-avater {
	background-image: url(../images/user-avatar.c163d87b5d.png);
	background-size: contain
}

.star-page .loading-tip {
	position: absolute;
	width: 100%;
	top: 2.2rem;
	left: 50%;
	-webkit-transform: translate(-50%);
	transform: translate(-50%);
	padding: .75rem 0;
	text-align: center;
	color: #ccc;
	font-size: .45rem
}

.star-page .swiper-num {
	position: fixed;
	top: 0;
	z-index: -1
}

.star-index-bg {
	overflow: hidden
}

.star-index-bg,.star-index-bg .star-page {
	background: #000
}

@media screen and (max-width:375px) and (min-width:375px) {
	.star-page .avatar-wrap {
		height: 105PX
	}

	.star-page .avatar-swiper li {
		width: 64PX;
		height: 64PX;
		margin-top: 20.5PX
	}

	.star-page .avatar-swiper .swiper-slide-active {
		width: 105PX;
		height: 105PX
	}

	.star-page .avatar-swiper .swiper-slide-next,.star-page .avatar-swiper .swiper-slide-prev {
		width: 76PX;
		height: 76PX;
		margin-top: 14.5PX
	}
}

.star-page .special-list {
	width: 100%;
	height: auto;
	overflow: hidden
}

.star-page .special-list li {
	width: 100%;
	float: left;
	background: #000
}

.star-page .special-list li img {
	width: 100%;
	height: 7.75rem
}

.star-page .special-list li p {
	width: 100%;
	height: 2.2rem;
	box-sizing: border-box;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 0 .85rem;
	font-size: .85rem;
	line-height: 2.2rem
}

.star-page .special-list li a {
	color: #fff
}

.star-page .collocation-list,.star-page .detail-list {
	width: 100%;
	float: left
}

.star-page .collocation-list li,.star-page .detail-list li {
	float: left;
	width: 100%;
	background: #000
}

.star-page .collocation-list li .cont-area,.star-page .detail-list li .cont-area {
	width: 100%;
	box-sizing: border-box;
	padding: .75rem
}

.star-page .collocation-list li .cont-area>a>.title,.star-page .detail-list li .cont-area>a>.title {
	width: 100%;
	box-sizing: border-box;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden
}

.star-page .collocation-list li .cont-txt,.star-page .detail-list li .cont-txt {
	font-size: .7rem;
	line-height: 1.15rem;
	color: #b0b0b0;
	margin-top: .25rem;
	padding: .05rem 0
}

.star-page .collocation-list li img,.star-page .detail-list li img {
	width: 100%;
	min-height: 7.75rem
}

.star-page .collocation-list li .title,.star-page .detail-list li .title {
	font-size: 1rem;
	line-height: 1.2rem;
	color: #fff;
	width: 100%;
	word-wrap: break-word
}

.star-page .count-area {
	position: relative;
	width: 100%;
	height: .8rem
}

.star-page .count-area span {
	font-size: .6rem;
	color: #b0b0b0;
	height: .8rem;
	line-height: .8rem
}

.star-page .count-area span i {
	display: inline-block;
	margin-right: .125rem;
	font-size: .6rem;
	position: relative;
	top: -.05rem
}

.star-page .count-area .time {
	float: left
}

.star-page .count-area .see {
	float: left;
	margin-left: .5rem
}

.star-page .count-area .time-ico {
	width: .6rem;
	height: .6rem
}

.star-page .count-area .see-ico {
	width: .775rem;
	height: .6rem
}

.star-page .count-area .collection {
	float: right
}

.star-page .count-area .collected-ico {
	width: .85rem;
	height: .8rem;
	vertical-align: text-bottom
}

.star-page .count-area .collected {
	color: #d62927
}

.star-page .count-area .forward {
	width: 1rem;
	float: right;
	margin-left: 1.125rem;
	font-size: .6rem;
	color: #b0b0b0;
	height: .8rem;
	line-height: .8rem;
	position: relative;
	top: -1px
}

.plusstar-page {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	max-width: 16rem;
	width: 100%
}

.plusstar-page .margin-top-0 {
	margin-top: 0
}

.plusstar-page .tab-nav {
	width: 100%;
	max-width: inherit;
	height: 2rem;
	font-size: .65rem;
	text-align: center;
	position: relative;
	z-index: 10;
	background-color: #fff;
	top: 0
}

.plusstar-page .tab-nav.isapp {
	position: fixed
}

.plusstar-page .tab-nav li {
	display: block;
	float: left;
	height: 100%;
	width: 50%;
	line-height: 1.5rem;
	color: #999;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer
}

.plusstar-page .tab-nav li:first-child {
	margin-left: -.25rem
}

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

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

.plusstar-page .tab-nav li.focus span {
	border-bottom: .1rem solid #000
}

.plusstar-page .tab-nav span {
	line-height: 2rem;
	padding-bottom: .25rem
}

.plusstar-page .isapp-margin-bottom {
	margin-bottom: 2rem
}

.plusstar-page .empty-height {
	height: 1.8rem
}

.plusstar-page .resources {
	background: #f6f6f6
}

.plusstar-page .resources .title-image a {
	display: block
}

.plusstar-page .resources .title-image .image {
	width: 100%;
	height: 7.75rem
}

.plusstar-page .resources .title-image img {
	width: 100%;
	height: inherit
}

.plusstar-page .resources .header-title {
	position: relative;
	width: 100%;
	height: 2rem;
	font-size: .7rem;
	line-height: 2rem;
	text-align: center;
	font-weight: 700;
	margin: 0
}

.plusstar-page .resources .header-title .more {
	position: absolute;
	top: 0;
	right: 0;
	width: 2.5rem;
	height: 2.5rem;
	color: #b0b0b0;
	font-size: 1.25rem
}

.plusstar-page .resources .header-title:first-child {
	margin-top: 0
}

.plusstar-page .resources .focus .swipe {
	height: 100%
}

.plusstar-page .resources .focus .swipe-1 .swipe-indicators {
	display: none
}

.plusstar-page .resources .focus .swipe-item a {
	display: block
}

.plusstar-page .resources .focus .swipe-item img {
	width: 100%;
	height: 100%
}

.plusstar-page .resources .focus .swipe-indicators {
	left: auto;
	right: .5rem
}

.plusstar-page .resources .focus .swipe-indicator {
	width: .2rem;
	height: .2rem;
	background: #ccc;
	opacity: 1;
	vertical-align: middle
}

.plusstar-page .resources .focus .swipe-indicator.active {
	width: .3rem;
	height: .3rem;
	background: #fff
}

.plusstar-page .resources .focus-left-right {
	padding: .75rem .375rem;
	width: 100%;
	overflow-x: auto;
	white-space: nowrap;
	font-size: 0;
	background: #fff;
	border-bottom: 1px solid #eee;
	-webkit-overflow-scrolling: touch
}

.plusstar-page .resources .focus-left-right::-webkit-scrollbar {
	display: none
}

.plusstar-page .resources .focus-left-right a {
	display: inline-block;
	margin: 0 .375rem
}

.plusstar-page .resources .focus-left-right img {
	width: 5.325rem;
	height: 5.325rem
}

.plusstar-page .resources .recommend-content-five {
	width: 100%;
	overflow: hidden
}

.plusstar-page .resources .recommend-content-five a {
	width: 50%;
	float: left
}

.plusstar-page .resources .recommend-content-five a img {
	width: 8rem;
	height: 8rem
}

.plusstar-page .resources .goods {
	background-color: #fff;
	padding: 0 .35rem
}

.plusstar-page .resources .goods .divide {
	float: left;
	height: 1.25rem;
	width: 100%;
	padding: .25rem 0;
	color: #ccc;
	text-align: center
}

.plusstar-page .banner-top img,.plusstar-page .shop-index .banner-area img,.shop-index .plusstar-page .banner-area img {
	width: 16rem;
	height: 7.75rem
}

.time-view-like-share {
	color: #b0b0b0;
	line-height: .95rem;
	height: .95rem;
	font-size: .5rem
}

.time-view-like-share .iconfont {
	vertical-align: 9%;
	margin-right: .1rem;
	font-size: 12PX
}

.time-view-like-share .like-share-container {
	display: inline-block;
	float: right
}

.time-view-like-share .like-share-container>* {
	float: left
}

.time-view-like-share .like-share-container .iconfont {
	position: relative;
	height: 1.5rem;
	line-height: 1.5rem;
	display: inline-block;
	color: #b0b0b0;
	width: 1.5rem;
	top: -.35rem;
	font-size: 17PX;
	text-align: center;
	margin-right: 0;
	outline: none
}

.time-view-like-share .like-share-container .share-btn {
	margin-left: .5rem
}

.time-view-like-share .like-share-container .like-btn.like {
	color: #444
}

.time-view-like-share .like-share-container .collect-btn {
	margin-left: .5rem
}

.time-view-like-share .like-share-container .collect-btn.collected {
	color: #d62927
}

.guang-info {
	margin-bottom: .75rem;
	padding: 0 0 .6rem;
	background: #fff
}

.guang-info .info-author {
	display: block;
	width: 100%
}

.guang-info .info-author .avatar {
	float: left;
	margin-top: .5rem;
	width: 1.25rem;
	height: 1.25rem;
	margin-left: .75rem;
	border-radius: 50%
}

.guang-info .info-author .name {
	float: left;
	margin-left: .75rem;
	padding: .75rem 0;
	font-size: 14PX;
	color: #000
}

.guang-info .info-author .min-tag {
	float: right;
	min-width: 2.5rem;
	height: 1rem;
	line-height: 1rem;
	text-align: center;
	background-color: #f0f0f0;
	font-size: .5rem;
	color: #b0b0b0;
	margin-right: .75rem;
	margin-top: .625rem;
	padding: 0 .25rem
}

.guang-info:last-child {
	margin-bottom: 0
}

.guang-info .info-img {
	position: relative;
	width: 100%
}

.guang-info .info-img .img-box {
	padding: .75rem .75rem 0;
	display: block
}

.guang-info .info-img img {
	display: block;
	width: 100%
}

.guang-info .info-img .play {
	position: absolute;
	width: 3.5rem;
	height: 3.5rem;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	background-image: url(../images/play-btn.da58273863.png);
	background-size: 100%
}

.guang-info .info-match {
	position: absolute;
	top: 0;
	left: 0;
	width: 3.25rem;
	height: 1.25rem;
	line-height: 1.25rem;
	font-size: 14PX;
	color: #fff;
	background: #000;
	text-align: center;
	text-decoration: none;
	z-index: 1
}

.guang-info .info-tag {
	position: absolute;
	top: 0;
	left: 2.625rem;
	height: 1.25rem;
	width: 1.25rem;
	background-size: 100%
}

.guang-info .info-tag.collocation {
	background-image: url(../images/collocation.f638cf097e.png)
}

.guang-info .info-tag.fashion-good {
	background-image: url(../images/fashion-good.e94763fff4.png)
}

.guang-info .info-tag.fashion-man {
	background-image: url(../images/fashion-man.92e82e9a0e.png)
}

.guang-info .info-tag.special-topic,.guang-info .info-tag.tip {
	background-image: url(../images/tip.913ea11d65.png)
}

.guang-info .info-tag.topic {
	background-image: url(../images/topic.6aa333694c.png)
}

.guang-info .info-tag.video {
	background-image: url(../images/video.d1c441368f.png)
}

.guang-info .info-tag.show {
	background-image: url(../images/show.d93f2dcc10.png)
}

.guang-info .info-deps {
	margin: .8rem 0 0;
	padding: 0 1rem 0 .75rem
}

.guang-info .info-deps .info-title-container {
	text-decoration: none;
	color: #000
}

.guang-info .info-deps .info-title {
	max-height: 1.1rem;
	line-height: 1.1rem;
	color: #000;
	font-size: 20PX;
	font-weight: 700
}

.guang-info .info-deps .info-title .top-tag {
	font-size: .45rem;
	color: #fff;
	padding: .1rem .4rem;
	background-color: #444;
	margin-right: .5rem
}

.guang-info .info-deps .info-text {
	margin: .4rem 0 0;
	line-height: 1.15rem;
	font-size: 14PX;
	color: #444;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden
}

.guang-info .info-deps .time-view-like-share {
	margin-top: .4rem
}

.ps-list-page {
	background-color: #f0f0f0
}

.ps-list-page .nav-tab,.ps-list-page .ps-content {
	width: 100%
}

.ps-list-page .nav-tab {
	height: 2rem;
	padding: .25rem 0;
	background-color: #fff
}

.ps-list-page .nav-tab li {
	box-sizing: border-box;
	float: left;
	width: 50%;
	height: 1.5rem;
	line-height: 1.5rem;
	font-size: 16PX;
	text-align: center;
	color: #ccc;
	border-right: 1px solid #ccc
}

.ps-list-page .nav-tab li.focus {
	color: #000
}

.ps-list-page .nav-tab li:last-child {
	border-right: none
}

.ps-list-page .bytouch {
	background: #eee
}

.ps-list-page .plus-star-row {
	margin-bottom: .75rem
}

.ps-list-page .plus-star-row:last-child {
	margin-bottom: 0
}

.ps-list-page .plus-star-row>a {
	display: block;
	height: 7.75rem
}

.ps-list-page .plus-star-row>a>img {
	width: 100%;
	height: 100%
}

.ps-list-page .content.hide {
	display: none
}

.ps-list-page .swiper-container {
	height: 7.75rem
}

.ps-list-page .swiper-pagination-bullet-active {
	background: #fff
}

.ps-list-page .brand-deps {
	height: 40PX;
	line-height: 40PX;
	padding-left: 10PX;
	font-size: 14PX;
	background: #fff;
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.ps-detail-page {
	background-color: #f0f0f0
}

.ps-detail-page .ps-block {
	margin-bottom: .75rem;
	border-bottom: 1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;
	background-color: #fff
}

.ps-detail-page .ps-block.header,.ps-detail-page .ps-block.related-infos {
	border-top: none
}

.ps-detail-page .ps-block.related-infos {
	margin-bottom: 0;
	background-color: #f0f0f0
}

.ps-detail-page .header {
	position: relative
}

.ps-detail-page .header .banner {
	width: 100%;
	height: 7.75rem
}

.ps-detail-page .header .logo {
	position: absolute;
	border: 1px solid #b5b5b5;
	height: 4.2rem;
	width: 4.2rem;
	top: 5.65rem;
	left: 1.25rem;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

.ps-detail-page .header .header-content {
	padding: 0 .75rem
}

.ps-detail-page .header .name-islike-container {
	padding-left: 6.2rem;
	margin-top: .6rem;
	font-size: .85rem
}

.ps-detail-page .header .name {
	color: #000;
	height: 1.025rem;
	width: 7.375rem
}

.ps-detail-page .header .brand-islike {
	position: relative;
	float: right;
	color: #b0b0b0;
	height: 1.5rem;
	width: 1.5rem;
	line-height: 1.5rem;
	text-align: center;
	top: -.25rem;
	left: -.25rem
}

.ps-detail-page .header .brand-islike.like {
	color: red
}

.ps-detail-page .intro {
	margin-top: 1.225rem;
	font-size: .6rem;
	color: #444;
	line-height: 150%;
	height: 2.7rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden
}

.ps-detail-page .more-intro {
	padding: .75rem 0;
	font-size: .7rem;
	line-height: 104%;
	color: #bbb;
	float: right
}

.ps-detail-page .more-intro .icon {
	display: inline-block;
	height: 100%;
	width: 1rem;
	-webkit-transition: -webkit-transform .1s ease-in;
	transition: -webkit-transform .1s ease-in;
	transition: transform .1s ease-in;
	transition: transform .1s ease-in,-webkit-transform .1s ease-in
}

.ps-detail-page .more-intro.spread .icon {
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg)
}

.ps-detail-page .new-arrival {
	padding-left: 0 .75rem
}

.ps-detail-page .new-arrival .new-arrival-content {
	padding-bottom: .5rem;
	width: 15.35rem;
	margin: 0 auto
}

.ps-detail-page .new-arrival .more-goods-container {
	height: 2.25rem;
	padding: 0 .75rem;
	border-top: 1px solid #e0e0e0;
	color: #000
}

.ps-detail-page .new-arrival .floor-header-more {
	border-top: none;
	line-height: 2rem;
	height: 2rem;
	background: #fff
}

.ps-detail-page .new-arrival .floor-header-more a {
	width: 100%;
	text-align: right
}

.ps-detail-page .new-arrival .mg-text {
	height: 100%;
	line-height: 2.25rem;
	color: #000;
	text-decoration: none;
	display: block;
	font-size: .7rem
}

.ps-detail-page .new-arrival .more-prods {
	float: right;
	color: #b0b0b0
}

.ps-detail-page .new-arrival .new-arrival-header .more-prods {
	margin-right: .75rem;
	margin-top: .25rem
}

.ps-detail-page .new-arrival-header {
	padding-left: 5.55rem;
	padding-top: .825rem
}

.ps-detail-page .new-arrival-header .header-text {
	font-size: .7rem;
	color: #000;
	line-height: 122%;
	font-weight: 700
}

.ps-detail-page .related-info-title {
	margin: 0 .725rem;
	border: 1px solid #e0e0e0;
	border-bottom: none;
	line-height: 1.8rem;
	font-size: .75rem;
	color: #b0b0b0;
	text-align: center;
	background-color: #fff
}

.ps-detail-page .related-infos-container .guang-info:first-child {
	margin-top: 0
}

.guang-bg {
	background-color: #f0f0f0
}

.guang-list-page .editor-header {
	padding: .75rem 0;
	background: #fff
}

.guang-list-page .intro {
	width: 100%;
	padding: 0 .75rem;
	font-size: .6rem;
	color: #444;
	background: #fff
}

.guang-list-page .avatar {
	float: left;
	margin-left: .75rem
}

.guang-list-page .avatar img {
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%
}

.guang-list-page .text {
	float: left;
	margin-left: .8rem;
	width: 11.875rem;
	padding: .25rem 0
}

.guang-list-page .text .name {
	font-size: .65rem;
	line-height: 1rem
}

.guang-list-page .text .info {
	color: #bdbdbf;
	font-size: .5rem;
	line-height: 1rem
}

.guang-list-page .swiper-container {
	width: 100%;
	height: 7.75rem
}

.guang-list-page .swiper-container img {
	height: 100%;
	width: 100%
}

.guang-list-page .swiper-container .swiper-pagination {
	bottom: 0;
	left: 0;
	width: 100%
}

.guang-list-page .swiper-container .swiper-pagination-bullet-active {
	background: #fff
}

.guang-list-page .nav-scroll {
	overflow: hidden;
	width: 16rem;
	height: 2rem
}

.guang-list-page .guang-nav {
	background-color: #fff;
	overflow-x: scroll;
	overflow-y: hidden;
	height: 2rem;
	font-size: 0;
	line-height: 0;
	white-space: nowrap;
	padding: 0 .575rem
}

.guang-list-page .guang-nav-item {
	display: inline-block;
	color: #ccc;
	font-size: 14PX;
	text-align: center;
	padding: 0 .575rem
}

.guang-list-page .guang-nav-item span {
	line-height: 1.9rem;
	display: block;
	border-bottom: .1rem solid #fff;
	padding: 0 .35rem
}

.guang-list-page .guang-nav-item.focus {
	color: #444
}

.guang-list-page .guang-nav-item.focus span {
	border-bottom: .1rem solid #444
}

.guang-list-page .guang-nav-item.news-jump a {
	color: inherit
}

.guang-list-page .bytouch {
	background: #eee
}

.guang-list-page .info-list-container {
	overflow-x: hidden;
	background: #f0f0f0
}

.guang-list-page .info-list.hide {
	display: none
}

.guang-list-page .search-divide {
	float: left;
	height: 1.25rem;
	width: 100%;
	padding: .25rem 0;
	color: #ccc;
	text-align: center;
	margin-bottom: 1rem
}

.guang-list-page .load-more-info {
	margin-bottom: 2.25rem
}

.guang-detail-page .guang-wrap {
	position: relative
}

.guang-detail-page #wrapper {
	background: #f0f0f0
}

.guang-detail-page #wrapper.ios {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden
}

.guang-detail-page #wrapper.ios.has-head,.guang-detail-page #wrapper.ios.has-head+.fixed-top {
	top: 2.25rem
}

.guang-detail-page .author {
	border-bottom: 1px solid #e0e0e0;
	background: #fff
}

.guang-detail-page .author>a {
	display: block;
	height: 100%
}

.guang-detail-page .author .avatar {
	float: left;
	margin-top: .5rem;
	margin-left: .75rem;
	width: 1.25rem;
	height: 1.25rem;
	border-radius: 50%
}

.guang-detail-page .author .name {
	float: left;
	font-size: 14PX;
	color: #000;
	padding: .75rem 0;
	margin-left: .75rem
}

.guang-detail-page .author .intro {
	float: left;
	font-size: 14PX;
	color: #b0b0b0;
	padding: .75rem 0;
	margin-left: .75rem
}

.guang-detail-page .post-title {
	padding: .4rem 0 .65rem .75rem;
	background: #fff
}

.guang-detail-page .post-title .title {
	line-height: 30PX;
	font-size: 20PX;
	color: #000;
	font-weight: 700
}

.guang-detail-page .post-content {
	padding: 0 .75rem;
	background-color: #fff
}

.guang-detail-page .text-block {
	padding: .5rem 0;
	line-height: 23PX;
	font-size: 14PX;
	background: #fff;
	color: #444;
	word-break: break-word;
	word-wrap: break-word
}

.guang-detail-page .big-img-block {
	padding-bottom: .125rem;
	background: #fff;
	position: relative
}

.guang-detail-page .big-img-block img {
	width: 100%
}

.guang-detail-page .big-img-block>.tag-list-box {
	left: 0;
	bottom: 0;
	position: absolute;
	padding: .5rem
}

.guang-detail-page .big-img-block>.tag-list-box .label-box {
	font-size: .5rem;
	overflow: hidden;
	margin-bottom: .25rem
}

.guang-detail-page .big-img-block>.tag-list-box .label-box .lable-focus {
	float: left;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	line-height: 1.15rem;
	height: 1.15rem;
	margin-right: .8rem
}

.guang-detail-page .big-img-block>.tag-list-box .label-box .lable-focus .focus-big {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	width: 1.05rem;
	height: 1.05rem;
	border-radius: 1.05rem;
	border: .15rem solid rgba(253,157,43,.5);
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center
}

.guang-detail-page .big-img-block>.tag-list-box .label-box .lable-focus .focus-small {
	width: 1.05rem;
	height: 1.05rem;
	border-radius: 1.05rem;
	background: #fd9d2b;
	-webkit-transform: scale(.5);
	transform: scale(.5);
	margin: -1.05rem
}

.guang-detail-page .big-img-block>.tag-list-box .label-box .lable-info-box {
	background-color: rgba(0,0,0,.6);
	color: #fff;
	padding: 0 .5rem;
	border-top-left-radius: 1rem;
	border-bottom-left-radius: 1rem;
	float: left;
	line-height: 1.15rem;
	width: 6.25rem;
	height: 1.15rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.guang-detail-page .big-img-block>.tag-list-box .label-box .lable-infobox-borderadius {
	width: 8.4rem;
	border-top-right-radius: 1rem;
	border-bottom-right-radius: 1rem
}

.guang-detail-page .big-img-block>.tag-list-box .label-box .lable-info-box>a {
	color: #fff
}

.guang-detail-page .big-img-block>.tag-list-box .label-box .lable-btn {
	background-color: #000;
	color: #fff;
	padding: 0 .5rem;
	border-top-right-radius: 1rem;
	border-bottom-right-radius: 1rem;
	float: left;
	line-height: 1.15rem;
	height: 1.15rem
}

.guang-detail-page .big-img-block>.tag-list-box .label-box .lable-btn>.plus {
	font-size: .4rem
}

.guang-detail-page .small-img-block {
	padding-bottom: .2rem;
	background: #fff
}

.guang-detail-page .small-img-block img {
	float: right;
	width: 50%
}

.guang-detail-page .small-img-block img:first-child {
	float: left
}

.guang-detail-page .collocation-block {
	background: #fff
}

.guang-detail-page .collocation-block .good-info {
	width: 6.5rem;
	height: 11.925rem
}

.guang-detail-page .thumb-container {
	padding-top: .75rem;
	padding-left: .5rem;
	background: transparent url(../images/thumb-container-bg.01fe22fa94.png) no-repeat;
	background-size: 200% 100%
}

.guang-detail-page .thumb-container.fixed-top {
	position: fixed;
	left: 0;
	right: 0;
	top: 0
}

.guang-detail-page .thumb-container.fixed-bottom {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	background: hsla(0,0%,100%,.9)
}

.guang-detail-page .thumb-container.absolute {
	position: absolute;
	left: 0;
	right: 0
}

.guang-detail-page .thumb-container.static {
	position: static
}

.guang-detail-page .thumb-container.hide {
	display: none
}

.guang-detail-page .clothe-type {
	position: absolute;
	right: .15rem;
	bottom: .85rem;
	width: .5rem;
	height: .5rem;
	border-radius: 50%
}

.guang-detail-page .clothe-type.bag {
	background: url(../images/bag.d061647181.png);
	background-color: #fff;
	background-size: 100%
}

.guang-detail-page .clothe-type.cloth {
	background: url(../images/cloth.af6a1d8535.png);
	background-color: #fff;
	background-size: 100%
}

.guang-detail-page .clothe-type.dress {
	background: url(../images/dress.f2a511635a.png);
	background-color: #fff;
	background-size: 100%
}

.guang-detail-page .clothe-type.headset {
	background: url(../images/headset.2af41b58f9.png);
	background-color: #fff;
	background-size: 100%
}

.guang-detail-page .clothe-type.lamp {
	background: url(../images/lamp.62b5c12a1f.png);
	background-color: #fff;
	background-size: 100%
}

.guang-detail-page .clothe-type.pants {
	background: url(../images/pants.e6bfd6094e.png);
	background-color: #fff;
	background-size: 100%
}

.guang-detail-page .clothe-type.shoe {
	background: url(../images/shoe.42e58fbc6c.png);
	background-color: #fff;
	background-size: 100%
}

.guang-detail-page .clothe-type.swim-suit {
	background: url(../images/swim-suit.1bcc263785.png);
	background-color: #fff;
	background-size: 100%
}

.guang-detail-page .clothe-type.under {
	background: url(../images/under.2ccda05347.png);
	background-color: #fff;
	background-size: 100%
}

.guang-detail-page .clothe-type.watch {
	background: url(../images/watch.d80cae8742.png);
	background-color: #fff;
	background-size: 100%
}

.guang-detail-page .thumb {
	display: inline-block;
	position: relative;
	margin-right: .55rem;
	padding-bottom: .75rem
}

.guang-detail-page .thumb:last-child {
	margin-right: 0
}

.guang-detail-page .thumb.focus .thumb-img {
	border-color: #000
}

.guang-detail-page .thumb .thumb-img {
	height: 3.35rem;
	width: 2.4rem;
	border: 1px solid transparent
}

.guang-detail-page .related-reco-block {
	background: #fff
}

.guang-detail-page .related-reco-block .one-good {
	background-color: #f0f0f0;
	margin-bottom: .25rem;
	border: 1px solid #e0e0e0
}

.guang-detail-page .related-reco-block .one-good:last-child {
	margin-bottom: 0
}

.guang-detail-page .related-reco-block .one-good .thumb {
	float: left;
	height: 5.1rem;
	width: 3.8rem;
	margin: 0;
	padding: 0
}

.guang-detail-page .related-reco-block .one-good .content-container {
	width: 10.1rem;
	float: left;
	font-size: .55rem;
	margin-left: .5rem;
	padding-right: .75rem;
	height: 5.15rem;
	position: relative
}

.guang-detail-page .related-reco-block .one-good .content-container span {
	display: inline-block;
	line-height: .6rem
}

.guang-detail-page .related-reco-block .one-good .content-container .price {
	line-height: 1.325rem
}

.guang-detail-page .related-reco-block .one-good .content-container .go-detail {
	color: #444;
	position: absolute;
	bottom: .5rem;
	right: .75rem
}

.guang-detail-page .related-reco-block .one-good .content-container .detail-arr {
	vertical-align: baseline
}

.guang-detail-page .related-reco-block .one-good .content-container .iconfont {
	font-size: .45rem
}

.guang-detail-page .related-reco-block .one-good .reco-name {
	margin-top: .875rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	height: 1.5rem
}

.guang-detail-page .related-reco-block .one-good .reco-name span {
	line-height: .75rem;
	height: 1.5rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.guang-detail-page .related-reco-block .one-good .sale-price {
	color: #d0021b;
	line-height: 1.5
}

.guang-detail-page .related-reco-block .one-good .sale-price.no-price {
	color: #000
}

.guang-detail-page .related-reco-block .one-good .market-price {
	margin-left: .125rem;
	color: #b0b0b0;
	text-decoration: line-through;
	line-height: 1.5
}

.guang-detail-page .related-reco-block .one-good .check-detail {
	display: block;
	background-color: #444;
	color: #fff;
	border-radius: .5rem;
	height: 1rem!important;
	line-height: 1rem!important;
	text-align: center;
	float: right;
	width: 1.75rem;
	font-size: .7rem
}

.guang-detail-page .related-reco-block .one-good .check-detail span {
	vertical-align: middle
}

.guang-detail-page .related-reco-block .one-good .check-detail>.plus {
	font-size: .3rem
}

.guang-detail-page .related-reco-hide {
	max-height: 21.5rem;
	overflow: hidden
}

.guang-detail-page .related-reco {
	padding-bottom: .25rem
}

.guang-detail-page .related-reco>.related-reco-more {
	display: block;
	width: 6.25rem;
	height: 1rem;
	line-height: 1rem;
	margin: .5rem auto 0;
	text-align: center;
	font-size: .55rem;
	color: #fff;
	background-color: #b0b0b0;
	padding-left: .375rem
}

.guang-detail-page .link-block {
	display: block;
	height: 2rem;
	line-height: 2rem;
	padding: 0 .75rem;
	font-size: .7rem;
	background: #fff;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0
}

.guang-detail-page .link-block .iconfont {
	float: right;
	color: #ccc
}

.guang-detail-page .related-brand {
	margin-top: .75rem
}

.guang-detail-page .related-brand h2 {
	background: #fff;
	line-height: 2.6rem;
	font-size: .7rem;
	color: #444;
	text-align: center
}

.guang-detail-page .related-brand .brand-list {
	padding: .75rem 0;
	background: #fff
}

.guang-detail-page .related-brand .brand {
	float: left;
	width: 3.95rem;
	height: 3.2rem;
	margin-bottom: .25rem
}

.guang-detail-page .related-brand .brand a {
	display: block
}

.guang-detail-page .related-brand .brand:nth-child(4n) {
	border-right: none
}

.guang-detail-page .related-brand .brand-logo {
	display: table-cell;
	width: 3.95rem;
	height: 2.35rem;
	vertical-align: middle
}

.guang-detail-page .related-brand .brand-logo img {
	display: block;
	max-width: 3.95rem;
	max-height: 2.35rem;
	vertical-align: middle;
	margin: 0 auto
}

.guang-detail-page .related-brand .brand-name {
	margin: .25rem 0 0;
	line-height: .6rem;
	font-size: 12PX;
	color: #babac2;
	text-align: center;
	text-decoration: none;
	border-bottom: none;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.guang-detail-page .related-tag {
	position: relative;
	padding-bottom: .75rem;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	background: #fff
}

.guang-detail-page .related-tag .tag-bg {
	position: absolute;
	height: 20PX;
	width: 20PX;
	background: url(../images/tag.5ac5445c41.png) no-repeat;
	background-size: 100% 100%;
	top: .875rem;
	left: .5rem
}

.guang-detail-page .related-tag li {
	float: left;
	margin-top: .75rem;
	margin-left: .75rem;
	background-color: #444;
	padding: .125rem .275rem
}

.guang-detail-page .related-tag a {
	height: 1rem;
	font-size: .45rem;
	white-space: nowrap;
	color: #fff
}

.guang-detail-page .related-info {
	margin-top: .75rem
}

.guang-detail-page .related-info h2 {
	background: #fff;
	line-height: 2.6rem;
	font-size: .7rem;
	color: #444;
	text-align: center
}

.guang-detail-page .related-info .info-list {
	background: #fff;
	padding-bottom: .75rem;
	border-top: 1px solid #e0e0e0
}

.guang-detail-page .related-info li {
	padding-top: .75rem;
	margin-bottom: .25rem
}

.guang-detail-page .related-info li a {
	display: block
}

.guang-detail-page .related-info li img {
	float: left;
	margin-left: .75rem;
	width: 4.55rem;
	height: 2.85rem
}

.guang-detail-page .related-info li img.square {
	height: 4.55rem
}

.guang-detail-page .related-info .publish-time,.guang-detail-page .related-info .title {
	float: left;
	width: 9rem;
	margin-left: .75rem;
	line-height: 20PX;
	color: #444;
	font-size: 14PX
}

.guang-detail-page .related-info .title {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	word-break: break-all;
	overflow: hidden
}

.guang-detail-page .related-info .publish-time {
	font-size: 12PX;
	margin-top: 0;
	color: #b0b0b0
}

.guang-detail-page .related-info .publish-time .iconfont {
	font-size: 12PX
}

.guang-detail-page .down-bottom {
	height: 44PX;
	background: #fff
}

.guang-detail-page .weixin {
	margin: .5rem 0;
	text-align: center;
	padding: 0 .5rem
}

.guang-detail-page .weixin .ems-cnpl {
	width: 47.3%;
	display: inline-block;
	background: #ededed;
	position: relative;
	overflow: hidden
}

.guang-detail-page .weixin .ems-cnpl .weixin-img {
	width: 100%;
	height: 100%
}

.guang-detail-page .weixin a:first-child {
	margin-right: .5rem
}

.guang-detail-page .float-layer-left p {
	line-height: 22PX;
	font-size: .6rem
}

.guang-detail-page .float-layer-left p span {
	font-size: .8rem
}

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

.guang-detail-page .guang-header .iconfont {
	color: #fff
}

.guang-detail-page .guang-header .nav-btn {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	z-index: 2;
	width: 1rem;
	margin: 0 .75rem;
	text-align: center;
	max-height: 2.25rem
}

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

.guang-detail-page .girls .guang-header {
	background: #ff88ae
}

.guang-detail-page .kids .guang-header {
	background: #7ad9f9
}

.guang-detail-page .lifestyle .guang-header {
	background: #4f4138
}

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

.guang-detail-page .overlay {
	display: none;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
	z-index: 3;
	-webkit-transition: opacity 1s;
	transition: opacity 1s
}

.guang-detail-page .share-code {
	width: 100%;
	background: #fff
}

.guang-detail-page .share-code .share-word {
	margin-top: .25rem;
	height: 3.85rem;
	line-height: 1.1rem;
	text-align: center;
	color: #b3b3b3
}

.guang-detail-page .recommend-products-box {
	height: 6.6rem;
	margin: .75rem 0;
	overflow-x: scroll;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch
}

.guang-detail-page .recommend-products-box>.recommend-products-content {
	height: 6.6rem;
	overflow-y: hidden;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: inline-flex;
	background-color: #fff;
	padding: .75rem 0 .75rem .75rem
}

.guang-detail-page .recommend-products-box>.recommend-products-content .recommend-goods {
	width: 3.8rem;
	height: 5.1rem;
	margin-right: .75rem;
	float: left;
	position: relative;
	overflow: hidden
}

.guang-detail-page .recommend-products-box>.recommend-products-content .recommend-goods>img {
	width: 3.8rem;
	height: 5.1rem
}

.guang-detail-page .recommend-products-box>.recommend-products-content .recommend-goods>.recommend-goods-cover {
	width: 3.8rem;
	height: .75rem;
	line-height: .45rem;
	font-size: .45rem;
	color: #fff;
	background-color: rgba(0,0,0,.6);
	text-align: center;
	position: absolute;
	bottom: 0;
	padding: .15rem
}

.guang-detail-page video {
	width: 100%
}

.guang-detail-page .related-reco.change-display .one-good {
	width: 6.875rem;
	float: left;
	margin-right: .75rem;
	margin-bottom: .625rem
}

.guang-detail-page .related-reco.change-display .one-good:last-child,.guang-detail-page .related-reco.change-display .one-good:nth-last-child(2) {
	margin-bottom: 0
}

.guang-detail-page .related-reco.change-display .one-good .thumb {
	width: 6.875rem;
	height: 9.125rem
}

.guang-detail-page .related-reco.change-display .one-good:nth-child(2n) {
	margin-right: 0
}

.guang-detail-page .related-reco.change-display .one-good .content-container {
	position: relative;
	width: 6.875rem;
	margin-left: 0;
	height: 3.25rem;
	padding: 0 .375rem
}

.guang-detail-page .related-reco.change-display .one-good .content-container .price {
	height: 1.25rem
}

.guang-detail-page .related-reco.change-display .one-good .content-container .go-detail {
	right: .375rem;
	bottom: 0;
	line-height: 1.25rem
}

.guang-detail-page .related-reco.change-display .one-good .reco-name {
	margin-top: .5rem;
	height: 1.5rem;
	white-space: normal
}

.guang-detail-page .related-reco.change-display .one-good .reco-name span {
	line-height: .75rem;
	height: 1.5rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.guang-detail-page .related-reco.change-display .one-good .content-container>p {
	position: absolute;
	right: .375rem;
	bottom: .25rem
}

.guang-detail-page .related-reco.change-display .related-reco-more {
	display: none
}

.guang-detail-page .related-reco.change-display .related-reco-hide {
	max-height: auto;
	overflow: visible
}

.guang-detail-page .a-anchor {
	color: #93b4c5;
	text-decoration: underline
}

.guang-detail-page.menu-open {
	-webkit-transform: translateX(13.5rem);
	transform: translateX(13.5rem)
}

.yoho-header .nav-title {
	font-weight: 400
}

.star-class-body {
	background: #333;
	width: 100%;
	font: .3rem/1.5 Arial,"\9ED1\4F53",sans-serif;
	float: left
}

.star-classroom {
	background: #333
}

.star-classroom img {
	max-width: 100%;
	display: block;
	border: 0;
	margin: 0 auto
}

.star-classroom a {
	text-decoration: none;
	outline: none;
	color: #000
}

.star-classroom a:active,.star-classroom a:hover,.star-classroom a:link,.star-classroom a:visited {
	color: #000
}

.star-classroom :focus {
	outline: none
}

.star-classroom .font-bold {
	font-weight: 700
}

.star-classroom .classroom-mask {
	background-color: rgba(0,0,0,.5);
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
	display: none
}

.star-classroom .head-tab {
	width: 100%;
	height: 2.2rem;
	background: #000
}

.star-classroom .head-tab li {
	width: 33.3%;
	text-align: center;
	float: left;
	line-height: 2.2rem;
	font-size: .75rem
}

.star-classroom .head-tab li a {
	color: #b0b0b0;
	display: inline-block
}

.star-classroom .head-tab li.cur a {
	color: #fff
}

.shop-index .star-classroom .banner-area,.star-classroom .banner-top,.star-classroom .shop-index .banner-area {
	width: 100%;
	height: 7.75rem;
	margin-top: .75rem;
	position: relative
}

.shop-index .star-classroom .banner-area .banner-swiper,.star-classroom .banner-top .banner-swiper,.star-classroom .shop-index .banner-area .banner-swiper {
	width: 100%;
	height: 7.75rem;
	overflow: hidden;
	position: relative
}

.shop-index .star-classroom .banner-area .banner-swiper ul,.star-classroom .banner-top .banner-swiper ul,.star-classroom .shop-index .banner-area .banner-swiper ul {
	position: relative;
	height: 7.75rem
}

.shop-index .star-classroom .banner-area .banner-swiper ul li,.star-classroom .banner-top .banner-swiper ul li,.star-classroom .shop-index .banner-area .banner-swiper ul li {
	float: left;
	width: 100%;
	height: 7.75rem
}

.shop-index .star-classroom .banner-area .banner-swiper ul img,.star-classroom .banner-top .banner-swiper ul img,.star-classroom .shop-index .banner-area .banner-swiper ul img {
	width: 100%;
	height: 100%
}

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

.shop-index .star-classroom .banner-area .swiper-pagination .pagination-inner,.star-classroom .banner-top .swiper-pagination .pagination-inner,.star-classroom .shop-index .banner-area .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
}

.shop-index .star-classroom .banner-area .swiper-pagination span,.star-classroom .banner-top .swiper-pagination span,.star-classroom .shop-index .banner-area .swiper-pagination span {
	display: inline-block;
	width: .35rem;
	height: .35rem;
	background: #fff;
	opacity: .5;
	margin: 0 .25rem;
	border-radius: 50%
}

.shop-index .star-classroom .banner-area .swiper-pagination .swiper-pagination-bullet-active,.star-classroom .banner-top .swiper-pagination .swiper-pagination-bullet-active,.star-classroom .shop-index .banner-area .swiper-pagination .swiper-pagination-bullet-active {
	background: #fff;
	opacity: 1
}

.star-classroom .home-floor-sign {
	width: 100%;
	height: 5.5rem;
	margin-top: .75rem;
	background: #000
}

.star-classroom .home-floor-sign .nav-left {
	width: 2.55rem;
	margin: .75rem 0 0 .75rem;
	text-align: center;
	float: left
}

.star-classroom .home-floor-sign .nav-left .user-name {
	font-size: .6rem;
	color: #fff;
	margin-top: .75rem;
	white-space: nowrap
}

.star-classroom .home-floor-sign .nav-main {
	width: 6.3rem;
	height: 2.25rem;
	float: left;
	background-image: url(../images/user_info_bg.c7be9be0c1.png);
	background-repeat: no-repeat;
	background-size: contain;
	margin: .9rem 0 0 .25rem
}

.star-classroom .home-floor-sign .nav-main p {
	color: #fff;
	line-height: 1.15rem;
	font-size: .6rem;
	margin-left: .75rem;
	white-space: nowrap
}

.star-classroom .home-floor-sign .nav-right {
	width: 4.875rem;
	text-align: center;
	float: right
}

.star-classroom .home-floor-sign .nav-right .wyf-img {
	width: 2.975rem;
	height: 2.7rem;
	margin-top: .75rem;
	background-image: url(../images/home-wyf.8e9998a4e1.png);
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block
}

.star-classroom .home-floor-sign .nav-right .add-intimacy {
	width: 3.275rem;
	height: 1.3rem;
	background-image: url(../images/add_intimacy_bg.9ad6c731d0.png);
	background-repeat: no-repeat;
	background-size: contain;
	color: #fff;
	font-size: .55rem;
	display: inline-block;
	white-space: nowrap;
	line-height: 1.65rem;
	margin-left: .3rem
}

.star-classroom .home-floor-sign .user-head {
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	border: .05rem solid #e0e0e0;
	background-image: url(../images/user-avatar.c163d87b5d.png);
	background-repeat: no-repeat;
	background-size: contain;
	display: block
}

.star-classroom .floor-header-more {
	width: 100%;
	height: 2.2rem;
	background: #000;
	position: relative;
	margin-top: .75rem;
	border-top: 1px solid #000
}

.star-classroom .floor-header-more h2 {
	color: #fff;
	font-size: .85rem;
	line-height: 2.2rem;
	text-align: center
}

.star-classroom .floor-header-more .more-btn {
	width: 1.6rem;
	height: 2.4rem;
	line-height: 2.15rem;
	position: absolute;
	right: .5rem;
	top: 0;
	color: #b0b0b0;
	font-size: 1.25rem
}

.star-classroom .home-floor-subject .subject-banner {
	width: 100%;
	height: 7.75rem
}

.star-classroom .subject-video-area {
	width: 100%;
	height: 7.75rem;
	margin-top: .75rem;
	background: #000
}

.star-classroom .subject-video-area #subject-video {
	width: 100%;
	height: 7.75rem
}

.star-classroom .home-floor-collocation {
	background: #000;
	padding-bottom: 1.5rem
}

.star-classroom .home-floor-collocation .collocation-big-img {
	width: 100%;
	height: 6.925rem;
	padding: 0 .35rem;
	box-sizing: border-box
}

.star-classroom .home-floor-collocation .collocation-big-img li {
	width: 6.9rem;
	height: 6.925rem;
	margin: 0 .375rem;
	float: left
}

.star-classroom .home-floor-collocation .collocation-big-img img {
	height: 100%
}

.star-classroom .home-floor-collocation .collocation-img {
	width: 100%;
	height: 3.475rem;
	margin-top: .75rem;
	position: relative
}

.star-classroom .home-floor-collocation .collocation-img .collocation-swiper {
	width: 100%;
	height: 3.475rem;
	overflow: hidden;
	position: relative
}

.star-classroom .home-floor-collocation .collocation-img ul {
	position: relative;
	height: 3.475rem
}

.star-classroom .home-floor-collocation .collocation-img li {
	float: left;
	width: 5.725rem;
	height: 3.475rem;
	margin-left: .75rem
}

.star-classroom .home-floor-collocation .collocation-img img {
	width: 100%;
	height: 100%
}

.star-classroom .pop-intimacy {
	width: 14.5rem;
	height: 23rem;
	background: #fff;
	border-radius: .25rem;
	position: fixed;
	top: .5rem;
	left: .75rem;
	z-index: -1;
	display: none
}

.star-classroom .pop-intimacy .intimacy-head {
	text-align: center;
	color: #444;
	height: 3.5rem;
	padding-top: .5rem;
	box-sizing: border-box;
	position: relative
}

.star-classroom .pop-intimacy .intimacy-head .pop-close {
	width: .625rem;
	height: .625rem;
	background-image: url(../images/pop-close.edc61d0df8.png);
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	right: .5rem;
	top: .6rem
}

.star-classroom .pop-intimacy .intimacy-head h1 {
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1rem
}

.star-classroom .pop-intimacy .intimacy-head h4,.star-classroom .pop-intimacy .my-intimacy {
	font-size: .6rem
}

.star-classroom .pop-intimacy .my-intimacy span {
	min-width: .25rem;
	height: .75rem;
	line-height: .75rem;
	border-radius: .75rem;
	font-size: .5rem;
	color: #fff;
	padding: 0 .25rem;
	margin-left: .35rem;
	background-color: #444
}

.star-classroom .pop-intimacy .increased {
	font-size: .6rem;
	display: none
}

.star-classroom .pop-intimacy .increased span {
	color: red
}

.star-classroom .pop-intimacy .calendar {
	width: 100%;
	float: left
}

.star-classroom .pop-intimacy .week {
	width: 100%;
	height: .95rem;
	background: #aeaeae;
	padding: 0 .575rem;
	box-sizing: border-box
}

.star-classroom .pop-intimacy .week h3 {
	width: 1.9rem;
	text-align: center;
	font-size: .6rem;
	color: #fff;
	float: left;
	line-height: .95rem
}

.star-classroom .pop-intimacy .day-item {
	float: left;
	width: 100%;
	padding: .125rem .575rem;
	box-sizing: border-box
}

.star-classroom .pop-intimacy .day-item .item {
	width: 1.9rem;
	color: #444;
	float: left;
	text-align: center;
	cursor: pointer;
	margin: .125rem 0 0;
	height: 1.4rem;
	line-height: 1.4rem;
	font-size: .7rem
}

.star-classroom .pop-intimacy .day-item .last-item {
	color: #d2d2d2
}

.star-classroom .pop-intimacy .day-item .sign-item {
	background-image: url(../images/sign-circle.bec9c0f93d.png);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain
}

.star-classroom .pop-intimacy .fan-charts {
	width: 100%;
	height: 2.2rem;
	border-top: 1px solid #d5d5d5;
	text-align: center;
	position: relative;
	float: left
}

.star-classroom .pop-intimacy .fan-charts h2 {
	font-size: .7rem;
	color: #444;
	line-height: 2.2rem
}

.star-classroom .pop-intimacy .fan-charts .arrow {
	width: 2.2rem;
	height: 2.2rem;
	position: absolute;
	top: 0;
	right: 0;
	color: #b0b0b0;
	line-height: 2.2rem
}

.star-classroom .fan-charts-cont {
	width: 100%;
	line-height: 2.2rem;
	float: left
}

.star-classroom .fan-charts-cont li {
	width: 100%;
	height: 2.2rem;
	border-top: 1px solid #d5d5d5;
	position: relative;
	padding: 0 .625rem;
	box-sizing: border-box
}

.star-classroom .fan-charts-cont .rank-ico {
	width: 1.3rem;
	height: .975rem;
	border-radius: 0;
	background-image: url(../images/king-ico.d5e3e283d8.png);
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: contain;
	color: #fff;
	font-size: .6rem;
	text-align: center;
	line-height: 1.25rem;
	font-weight: 700;
	position: relative;
	top: .625rem
}

.star-classroom .fan-charts-cont .rank-avatar {
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 50%;
	position: relative;
	top: .375rem;
	margin-left: .5rem;
	background-image: url(../images/user-avatar.c163d87b5d.png);
	background-repeat: no-repeat;
	background-size: contain;
	display: block
}

.star-classroom .fan-charts-cont .fans-name {
	margin-left: .6rem;
	font-size: .6rem;
	color: #444;
	width: 4.5rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 2.2rem
}

.star-classroom .fan-charts-cont .fans-intimacy {
	width: 3.75rem;
	float: right;
	font-size: .5rem;
	color: #444
}

.star-classroom .fan-charts-cont .fans-intimacy span {
	font-size: .6rem;
	color: #d0021b;
	margin-left: .125rem
}

.star-classroom .fan-charts-cont li>* {
	float: left
}

.star-classroom .things-article {
	width: 100%;
	float: left
}

.star-classroom .things-article>li {
	width: 100%;
	float: left;
	padding: 0 0 .75rem .75rem;
	box-sizing: border-box;
	background: #000
}

.star-classroom .things-article>li .author-info {
	width: 100%;
	padding-top: .75rem;
	float: left;
	border-top: 1px solid #b0b0b0
}

.star-classroom .things-article>li .author-info img {
	width: 1.75rem;
	height: 1.75rem;
	border-radius: 50%;
	float: left
}

.star-classroom .things-article>li .author-nav {
	float: left;
	margin-left: .5rem;
	overflow: hidden
}

.star-classroom .things-article>li .author-nav h2 {
	font-size: .7rem;
	color: #fff
}

.star-classroom .things-article>li .article-count {
	font-size: .6rem;
	color: #b0b0b0
}

.star-classroom .things-article>li .article-count span {
	margin-right: .55rem
}

.star-classroom .things-article>li .article-count .see-ico {
	width: .775rem;
	height: .6rem;
	padding-left: 1rem
}

.star-classroom .things-article>li .artice-cont {
	width: 100%;
	margin-top: .75rem;
	float: left
}

.star-classroom .things-article>li .artice-cont p {
	width: 100%;
	height: 4.5rem;
	font-size: .7rem;
	line-height: 1.15rem;
	padding-right: .75rem;
	color: #fff;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical
}

.star-classroom .things-article>li .artice-imgs {
	width: 100%;
	margin-top: .75rem;
	float: left
}

.star-classroom .things-article>li .artice-imgs>li {
	float: left;
	width: 4.75rem;
	height: 4.75rem;
	margin-right: .125rem
}

.star-classroom .things-article>li .artice-imgs>li img {
	width: 100%;
	height: 100%;
	border-radius: .1rem
}

.star-classroom .artice-zan {
	width: 100%;
	border-top: 1px solid #b0b0b0;
	margin-top: .675rem;
	float: left;
	padding-top: .5rem
}

.star-classroom .artice-zan .iconfont {
	float: left;
	width: .85rem;
	height: .85rem;
	line-height: .85rem;
	display: inline-block;
	color: #b0b0b0;
	font-size: .85rem;
	text-align: center;
	margin: .225rem 1.325rem 0 .35rem;
	outline: none
}

.star-classroom .artice-zan .like {
	color: #d62927
}

.star-classroom .artice-zan ul {
	float: left;
	width: 10.5rem;
	height: 1.25rem;
	overflow: hidden
}

.star-classroom .artice-zan li {
	float: left;
	margin: 0 .25rem;
	width: 1.25rem;
	height: 1.25rem
}

.star-classroom .artice-zan li img {
	width: 100%;
	height: 100%;
	border-radius: 50%
}

.star-classroom .artice-zan .zan-more {
	float: left;
	width: 1.25rem;
	height: 1.25rem;
	border-radius: 50%;
	margin: 0 .25rem;
	background: #f0f0f0;
	color: #acb1b7;
	font-size: .6rem;
	text-align: center;
	line-height: 1.25rem
}

.star-classroom .subject-list {
	width: 100%;
	height: auto;
	overflow: hidden
}

.star-classroom .subject-list li {
	width: 100%;
	float: left;
	background: #000;
	margin-top: .75rem
}

.star-classroom .subject-list li img {
	width: 100%
}

.star-classroom .subject-list li p {
	width: 100%;
	height: 2.2rem;
	box-sizing: border-box;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 0 .85rem;
	font-size: .85rem;
	line-height: 2.2rem
}

.star-classroom .subject-list li a {
	color: #fff
}

.star-classroom .collocation-list {
	width: 100%;
	float: left
}

.star-classroom .collocation-list li {
	float: left;
	width: 100%;
	margin-top: .75rem;
	background: #000
}

.star-classroom .collocation-list li .cont-area {
	width: 100%;
	box-sizing: border-box;
	padding: .75rem
}

.star-classroom .collocation-list li .cont-area>a>.title {
	width: 100%;
	box-sizing: border-box;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden
}

.star-classroom .collocation-list li .cont-txt {
	font-size: .7rem;
	line-height: 1.15rem;
	color: #b0b0b0;
	margin-top: .25rem
}

.star-classroom .collocation-list li img {
	width: 100%
}

.star-classroom .collocation-list li .title {
	font-size: 1rem;
	line-height: 1.2rem;
	color: #fff;
	width: 100%
}

.star-classroom .count-area {
	position: relative;
	width: 100%;
	height: .8rem
}

.star-classroom .count-area span {
	font-size: .6rem;
	color: #b0b0b0;
	height: .8rem;
	line-height: .8rem
}

.star-classroom .count-area span i {
	display: inline-block;
	margin-right: .125rem;
	font-size: .6rem
}

.star-classroom .count-area .time {
	float: left
}

.star-classroom .count-area .see {
	float: left;
	margin-left: .5rem
}

.star-classroom .count-area .time-ico {
	width: .6rem;
	height: .6rem
}

.star-classroom .count-area .see-ico {
	width: .775rem;
	height: .6rem
}

.star-classroom .count-area .collection {
	position: absolute;
	right: 3.05rem
}

.star-classroom .count-area .collected-ico {
	width: .85rem;
	height: .8rem;
	vertical-align: text-bottom
}

.star-classroom .count-area .collected {
	color: #d62927
}

.star-classroom .count-area .forward {
	width: 1rem;
	position: absolute;
	right: .575rem;
	margin-left: 1.125rem;
	font-size: .6rem;
	color: #b0b0b0;
	height: .8rem;
	line-height: .8rem
}

.star-classroom .things-list .things-article>li {
	margin-top: .75rem
}

.star-classroom .things-list .things-article>li .author-info {
	border-top: none
}

.star-classroom .check-in {
	background: #f0f0f0
}

.star-classroom .check-in .check-in-header {
	width: 100%;
	height: 7.075rem;
	background-image: url(../images/checkIn-bg.1c91bcddf1.jpg);
	background-repeat: no-repeat;
	background-size: contain
}

.star-classroom .check-in .head-cont {
	text-align: center;
	padding-top: .75rem;
	height: 4.875rem;
	box-sizing: border-box
}

.star-classroom .check-in .head-cont .user-avatar {
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	border: .1rem solid hsla(0,0%,100%,.6);
	background-image: url(../images/user-avatar.c163d87b5d.png);
	background-repeat: no-repeat;
	background-origin: border-box;
	background-size: contain;
	display: inline-block
}

.star-classroom .check-in .head-cont .user-name {
	color: #fff;
	font-size: .6rem;
	font-weight: 700;
	margin-top: .175rem
}

.star-classroom .check-in .count-area {
	width: 100%;
	float: left
}

.star-classroom .check-in .count-nav {
	width: 7.975rem;
	float: left;
	margin-top: .3rem
}

.star-classroom .check-in .count-nav p {
	width: 100%;
	text-align: center;
	color: #fff;
	line-height: .8rem;
	font-size: .55rem
}

.star-classroom .check-in .line {
	width: .05rem;
	height: 1.15rem;
	float: left;
	margin-top: .65rem;
	box-sizing: border-box;
	border-left: 1px solid #fff
}

.star-classroom .check-in .ranking-area {
	width: 100%;
	background: #fff;
	border-top: 1px solid #e0e0e0;
	margin-top: .75rem;
	padding-left: .75rem;
	box-sizing: border-box
}

.star-classroom .check-in .ranking-area li {
	width: 100%;
	height: 3rem;
	padding-top: .5rem;
	box-sizing: border-box;
	border-bottom: 1px solid #e0e0e0
}

.star-classroom .check-in .ranking-area .rank-avatar {
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	background-image: url(../images/user-avatar.c163d87b5d.png);
	background-repeat: no-repeat;
	background-size: contain;
	float: left
}

.star-classroom .check-in .ranking-area .ranking-mid {
	float: left;
	margin-left: .5rem
}

.star-classroom .check-in .ranking-area .rank-ico {
	min-width: .45rem;
	height: .95rem;
	border-radius: .95rem;
	background: #444;
	display: inline-block;
	text-align: center;
	line-height: 1rem;
	color: #fff;
	font-size: .6rem;
	font-weight: 700;
	padding: 0 .25rem
}

.star-classroom .check-in .ranking-area .rank-name {
	font-size: .6rem;
	color: #444;
	margin-top: .125rem;
	width: 6.5rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	height: .95rem;
	line-height: .95rem
}

.star-classroom .check-in .ranking-area .ranking-rg {
	font-size: .5rem;
	color: #444;
	float: right;
	margin: .5rem .75rem 0 0
}

.star-classroom .check-in .ranking-area .intimacy {
	margin-left: .25rem;
	font-size: .9rem;
	color: #b0b0b0
}

.star-classroom .check-in .high-light .rank-ico {
	width: 1.3rem;
	height: .975rem;
	line-height: 1.25rem;
	border-radius: 0;
	background-image: url(../images/king-ico.d5e3e283d8.png);
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: contain;
	padding: 0
}

.star-classroom .check-in .high-light .intimacy {
	color: #d0021b
}

@media screen and (max-height:480px) {
	.star-classroom .pop-intimacy {
		height: 19.9rem
	}

	.star-classroom .pop-intimacy .day-item .item {
		height: 1.25rem;
		line-height: 1.25rem;
		margin-top: 0
	}

	.star-classroom .pop-intimacy .fan-charts {
		height: 1.9rem
	}

	.star-classroom .pop-intimacy .fan-charts h2 {
		line-height: 1.9rem
	}

	.star-classroom .pop-intimacy .fan-charts .arrow {
		height: 1.9rem;
		line-height: 1.9rem
	}

	.star-classroom .pop-intimacy .intimacy-head h1 {
		font-size: 1.25rem
	}

	.star-classroom .fan-charts-cont {
		line-height: 1.9rem
	}

	.star-classroom .fan-charts-cont .rank-ico {
		top: .425rem
	}

	.star-classroom .fan-charts-cont .rank-avatar {
		top: .175rem
	}

	.star-classroom .fan-charts-cont .fans-name,.star-classroom .fan-charts-cont li {
		height: 1.9rem
	}
}

.my-page {
	background: #f0f0f0
}

.my-page,.my-page a {
	color: #444
}

.my-page .my-header {
	position: relative
}

.my-page .my-header .students-entry {
	display: block;
	width: 3rem;
	height: 1rem;
	line-height: 1rem;
	border-top-left-radius: 1rem;
	border-bottom-left-radius: 1rem;
	background: #d0021b;
	color: #fff;
	padding-left: .5rem;
	position: absolute;
	top: .5rem;
	right: 0;
	font-size: .6rem
}

.my-page .user-info {
	display: block;
	position: relative;
	padding: 0 .75rem;
	color: #fff;
	font-size: .85rem;
	line-height: 3.125rem;
	height: 4.2rem;
	background: url(../images/header-bg.b98d69725a.jpg);
	background-size: cover
}

.my-page .user-info .user-avatar {
	float: left;
	position: relative;
	top: .4rem;
	width: 3.15rem;
	height: 3.15rem;
	border-radius: 50%;
	border: .15rem solid #a7a8a9;
	background-image: url(../images/user-avatar.c163d87b5d.png);
	background-size: 100%
}

.my-page .user-info .username {
	float: left;
	padding: 0 .4rem;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	max-width: 6.5rem;
	font-size: 16PX;
	height: 1.875rem
}

.my-page .user-info .vip-icon {
	display: inline-block;
	width: 1.8rem;
	height: .8rem;
	vertical-align: middle;
	background-size: 100%
}

.my-page .user-info .vip-3 {
	background: url(../images/vip-3.105a0cd9ec.png)
}

.my-page .user-info .vip-2 {
	background: url(../images/vip-2.801d14e31c.png)
}

.my-page .user-info .vip-1 {
	background: url(../images/vip-1.63293bb7f6.png)
}

.my-page .user-info .more-icon {
	position: absolute;
	top: 1rem;
	right: .75rem;
	width: 2.2rem;
	height: 2.2rem;
	line-height: 2.2rem;
	text-align: center
}

.my-page .user-info .more-icon.highlight {
	background: hsla(0,0%,78.4%,.1)!important
}

.my-page .user-info .invition {
	max-width: 15rem;
	font-size: .6rem;
	position: absolute;
	top: 2.375rem;
	left: 4.3rem;
	height: 1.15rem;
	line-height: 1.15rem;
	overflow: hidden
}

.my-page .user-info .invition .code {
	display: inline-block;
	vertical-align: top
}

.my-page .user-info .invition .code-set {
	margin-left: .2rem;
	width: .925rem;
	height: 1.3rem;
	background: url(../images/code-set.ea65ec92cb.png);
	background-size: 100%;
	background-repeat: no-repeat;
	display: inline-block;
	position: relative;
	top: .2rem;
	z-index: 5
}

.my-page .user-info .invition .code-tip {
	margin-left: .1rem;
	width: 2.35rem;
	height: .65rem;
	background: url(../images/clkl.0522185e47.png);
	background-size: 100%;
	background-repeat: no-repeat;
	display: block;
	float: right;
	position: relative;
	top: .3rem
}

.my-page .family-entry {
	width: 3.4rem;
	height: 3.4rem;
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(../images/family-entry.e4e44661ea.gif)
}

.my-page .login-btn {
	display: block;
	position: absolute;
	top: 1rem;
	left: 4.85rem;
	width: 6.1rem;
	height: 2.05rem;
	line-height: 2.05rem;
	color: #fff;
	border: .1rem solid #fff;
	text-align: center
}

.my-page .my-link {
	padding: .15rem 0;
	text-align: center;
	background: rgba(0,0,0,.8);
	height: 1.9rem
}

.my-page .my-link .link-item {
	position: relative;
	float: left;
	color: #fff;
	font-size: 12PX;
	width: 5.3rem
}

.my-page .my-link .link-item.highlight {
	background: hsla(0,0%,78.4%,.1)!important
}

.my-page .my-link .link-item p {
	font-size: 12PX
}

.my-page .my-link .link-item:after {
	content: "";
	position: absolute;
	right: 0;
	top: .3rem;
	width: 0;
	height: 1.1rem;
	border-right: .1rem solid #fff
}

.my-page .my-link .link-item:last-of-type:after {
	content: none
}

.my-page .my-link.no-login {
	padding: 0;
	height: 2.2rem
}

.my-page .my-link.no-login .link-item p {
	font-size: 12PX;
	line-height: 2.2rem
}

.my-page .my-link.no-login .link-item:after {
	top: .6rem
}

.my-page .notice {
	margin-bottom: .75rem;
	padding: 0 .75rem;
	background: #fff;
	height: 1.8rem;
	overflow: hidden
}

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

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

.my-page .my-order {
	margin-bottom: .75rem;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	background: #fff
}

.my-page .my-order .order-title {
	display: block;
	padding: 0 .75rem;
	font-size: 16PX;
	line-height: 2.2rem
}

.my-page .my-order .order-title span {
	color: #e0e0e0;
	float: right
}

.my-page .my-order .order-title.highlight {
	background: #eee
}

.my-page .my-order .order-title .iconfont {
	font-size: 14PX
}

.my-page .my-order .order-type {
	padding: .5rem .75rem;
	text-align: center;
	border-top: 1px solid #e0e0e0
}

.my-page .my-order .order-type .type-item {
	position: relative;
	float: left;
	color: #444;
	font-size: 14PX;
	line-height: 1.5;
	width: 4.825rem
}

.my-page .my-order .order-type .type-item.highlight {
	background: #eee
}

.my-page .my-order .order-type .type-item .num {
	position: absolute;
	top: -.6rem;
	right: .9rem;
	width: 1.8rem;
	height: 1.8rem;
	font-size: 1rem;
	line-height: 1.8rem;
	color: #fff;
	background: #f03d35;
	text-align: center;
	border-radius: 50%;
	-webkit-transform: scale(.5);
	transform: scale(.5)
}

.my-page .my-order .order-type .iconfont {
	font-size: 1rem
}

.my-page .my-order-top {
	margin-top: .75rem
}

.my-page .group-list {
	margin-bottom: .75rem;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	background: #fff
}

.my-page .group-list .list-item {
	display: block;
	position: relative;
	padding: 0 .75rem;
	font-size: 16PX;
	line-height: 2.2rem
}

.my-page .group-list .list-item .opinion {
	width: 1.2rem;
	height: 1.2rem;
	overflow: hidden;
	display: inline-block;
	background: url(../images/talk.f9fb12e1cc.png);
	background-size: 100%;
	position: relative;
	top: .34rem;
	margin-right: .3rem
}

.my-page .group-list .list-item.highlight {
	background: #eee
}

.my-page .group-list .list-item:after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 13.5rem;
	height: 0;
	border-top: 1px solid #e0e0e0
}

.my-page .group-list .list-item:last-child:after {
	content: none
}

.my-page .group-list .list-item .iconfont {
	font-size: .95rem
}

.my-page .group-list .list-item .iconfont.num {
	font-size: 14PX
}

.my-page .group-list .invite {
	background: #d0021b;
	color: #fff
}

.my-page .group-list .invite:after {
	content: none
}

.my-page .group-list .invite .horn {
	width: 1.125rem;
	height: 2.2rem;
	display: block;
	background-image: url(../images/horn.55347abd25.png);
	background-size: 100%;
	float: left;
	margin-right: .3rem
}

.my-page .group-list .message {
	clear: both
}

.my-page .group-list .icon {
	margin-right: .25rem;
	font-size: 1.25rem;
	vertical-align: top
}

.my-page .group-list .num {
	color: #e0e0e0;
	float: right;
	font-size: 16PX
}

.my-page .res-c img {
	width: 100%
}

.my-page .res-c .thumb-row {
	padding-top: 0
}

.is-mars-app .my-page {
	padding-bottom: 3rem
}

.is-mars-app .my-page .my-order>.order-type>.type-item {
	width: 3.625rem
}

.is-mars-app .my-page .my-order>.order-type>.type-item>.num {
	right: .45rem
}

.vip-grade-page {
	background: #f0f0f0;
	padding-bottom: .75rem
}

.vip-grade-page .block {
	padding: 0 .75rem;
	margin-bottom: .75rem;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	background: #fff
}

.vip-grade-page .basic-info {
	padding-top: .75rem;
	padding-bottom: .625rem
}

.vip-grade-page .basic-info p {
	width: 100%;
	height: auto;
	overflow: hidden;
	display: block
}

.vip-grade-page .basic-info span {
	overflow: hidden
}

.vip-grade-page .basic-info .user-name {
	float: left;
	max-width: 6rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: .625rem;
	margin-right: .5rem
}

.vip-grade-page .basic-info .vip-icon {
	float: left;
	width: 1.8rem;
	height: .8rem;
	line-height: .9rem;
	background-size: 100%
}

.vip-grade-page .basic-info .vip-3 {
	background: url(../images/vip-3.105a0cd9ec.png)
}

.vip-grade-page .basic-info .vip-2 {
	background: url(../images/vip-2.801d14e31c.png)
}

.vip-grade-page .basic-info .vip-1 {
	background: url(../images/vip-1.63293bb7f6.png)
}

.vip-grade-page .basic-info .grade-desc {
	margin-top: .5rem;
	font-size: .55rem;
	color: #b0b0b0
}

.vip-grade-page .basic-info .sum-cost {
	font-size: .55rem
}

.vip-grade-page .basic-info .sum-cost>span {
	font-style: italic;
	font-size: .7rem;
	color: #d1021c
}

.vip-grade-page .basic-info .progresser {
	position: relative;
	width: 100%;
	padding: .5rem 0
}

.vip-grade-page .basic-info .outer {
	height: .5rem;
	background: #e6e6e6;
	border-radius: .25rem
}

.vip-grade-page .basic-info .inner {
	position: absolute;
	top: .5rem;
	height: .5rem;
	background: #d1021c;
	border-radius: .25rem
}

.vip-grade-page .basic-info .beacon {
	position: absolute;
	margin-top: .125rem;
	font-style: italic
}

.vip-grade-page .basic-info .beacon-max {
	right: 0
}

.vip-grade-page .basic-info .cost-limit {
	position: absolute;
	top: -.125rem;
	right: 0;
	color: #b0b0b0
}

.vip-grade-page .basic-info .cost-gap {
	color: #000;
	margin: 0 .2rem
}

.vip-grade-page .basic-info .sub-desc {
	display: block
}

.vip-grade-page .cost {
	padding: 0 0 0 .75rem
}

.vip-grade-page .cost li {
	height: 2.25rem;
	line-height: 2.25rem;
	font-size: .75rem;
	padding-right: 0
}

.vip-grade-page .cost li:first-child {
	border-bottom: 1px solid #e0e0e0
}

.vip-grade-page .cost li>span {
	float: right;
	padding: 0 .75rem 0 0
}

.vip-grade-page .privilege {
	padding-right: 0;
	padding-bottom: 1rem
}

.vip-grade-page .privilege .title {
	height: 2.25rem;
	line-height: 2.25rem;
	font-size: .75rem;
	border-bottom: 1px solid #e0e0e0
}

.vip-grade-page .all-privilege {
	display: block;
	height: 2.25rem;
	line-height: 2.25rem;
	font-size: .75rem;
	margin-bottom: 0
}

.vip-grade-page .all-privilege .iconfont {
	float: right;
	color: #e0e0e0
}

.vip-privilege-page {
	padding: 0 .5rem
}

.privilege-list {
	background: #fff
}

.privilege-list .icon {
	float: left;
	display: block;
	width: 1.75rem;
	height: 1.75rem
}

.privilege-list a {
	width: 17.25rem;
	clear: both;
	float: left;
	padding: .625rem 0;
	border-bottom: 1px solid #e5e5e5;
	position: relative
}

.privilege-list a:last-child {
	border-bottom: 0
}

.privilege-list a .iconfont {
	float: right;
	line-height: 1.75rem;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	right: -.25rem
}

.privilege-list p {
	font-size: .7rem;
	margin-left: .75rem;
	min-height: 1.75rem;
	width: 14rem;
	float: left
}

.privilege-list span {
	display: block;
	color: #b0b0b0;
	font-size: .55rem
}

.order-page {
	background: #f0f0f0
}

.order-page .reason-mask,.order-page .refund-reason-mask {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.5);
	z-index: 5;
	visibility: hidden
}

.order-page .reason-mask .reason-box,.order-page .reason-mask .refund-reason-box,.order-page .refund-reason-mask .reason-box,.order-page .refund-reason-mask .refund-reason-box {
	border-bottom: 1px solid #ccc;
	font: inherit;
	position: absolute;
	vertical-align: baseline;
	bottom: 0;
	width: 100%;
	height: 9.5rem;
	color: #444;
	background: #fff;
	padding-bottom: .5rem
}

.order-page .reason-mask .reason-box .box-head,.order-page .reason-mask .refund-reason-box .box-head,.order-page .refund-reason-mask .reason-box .box-head,.order-page .refund-reason-mask .refund-reason-box .box-head {
	height: 1.5rem;
	line-height: 1.5rem;
	text-align: right;
	font-size: .9rem;
	background: #f0f0f0;
	padding-right: .75rem
}

.order-page .reason-mask .reason-box .box-main,.order-page .reason-mask .reason-box .refund-box-main,.order-page .reason-mask .refund-reason-box .box-main,.order-page .reason-mask .refund-reason-box .refund-box-main,.order-page .refund-reason-mask .reason-box .box-main,.order-page .refund-reason-mask .reason-box .refund-box-main,.order-page .refund-reason-mask .refund-reason-box .box-main,.order-page .refund-reason-mask .refund-reason-box .refund-box-main {
	background: #fff;
	padding: .5rem;
	height: 7.5rem
}

.order-page .reason-mask .reason-box .box-main .active-mask,.order-page .reason-mask .reason-box .refund-box-main .active-mask,.order-page .reason-mask .refund-reason-box .box-main .active-mask,.order-page .reason-mask .refund-reason-box .refund-box-main .active-mask,.order-page .refund-reason-mask .reason-box .box-main .active-mask,.order-page .refund-reason-mask .reason-box .refund-box-main .active-mask,.order-page .refund-reason-mask .refund-reason-box .box-main .active-mask,.order-page .refund-reason-mask .refund-reason-box .refund-box-main .active-mask {
	width: 12.5rem;
	height: 1.5rem;
	position: absolute;
	left: 50%;
	top: 47%;
	margin-top: -.45rem;
	margin-left: -6.25rem;
	z-index: 8;
	background: hsla(0,0%,100%,.1);
	border-bottom: 1px solid #dfe0e0;
	border-top: 1px solid #dfe0e0
}

.order-page .reason-mask .reason-box li,.order-page .reason-mask .refund-reason-box li,.order-page .refund-reason-mask .reason-box li,.order-page .refund-reason-mask .refund-reason-box li {
	text-align: center;
	background: #fff;
	color: rgba(0,0,0,.5);
	font-size: .7rem
}

.order-page .reason-mask .reason-box .swiper-slide-active,.order-page .reason-mask .refund-reason-box .swiper-slide-active,.order-page .refund-reason-mask .reason-box .swiper-slide-active,.order-page .refund-reason-mask .refund-reason-box .swiper-slide-active {
	padding-top: 0;
	font-style: normal;
	font-size: .8rem;
	color: #000;
	line-height: 1.45rem
}

.order-page .order {
	position: relative;
	display: block;
	background: #fff;
	margin: .75rem 0;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0
}

.order-page .order:last-child {
	margin-bottom: 0
}

.order-page .order .footer,.order-page .order .header {
	height: 2.25rem;
	line-height: 2.25rem;
	padding: 0 .75rem
}

.order-page .order .header {
	border-bottom: 1px solid #e0e0e0;
	font-size: .7rem
}

.order-page .order .order-status {
	position: absolute;
	right: .6rem;
	top: 0
}

.order-page .order .footer {
	text-align: right;
	border-top: 1px solid #e0e0e0;
	font-size: .75rem
}

.order-page .order .sum-cost {
	color: #e01;
	margin-left: .125rem
}

.order-page .order .order-opt {
	padding: .5rem .5rem .5rem 0;
	border-top: 1px solid #e0e0e0;
	text-align: right;
	overflow: hidden
}

.order-page .order .order-opt .btn {
	display: inline-block;
	box-sizing: border-box;
	height: 1.5rem;
	line-height: 1.5rem;
	width: 3.5rem;
	font-size: .6rem;
	text-align: center;
	border: 1px solid #000;
	border-radius: 5PX;
	margin-left: .375rem;
	margin-top: .125rem
}

.order-page .order .order-opt .pay {
	background: #d0021b;
	color: #fff;
	border: none
}

.order-page .order .order-opt .count-down {
	list-style: none;
	padding: 0;
	display: inline-block;
	text-align: right;
	font-size: .6rem;
	color: #b0b0b0;
	float: left;
	margin-left: .75rem;
	margin-top: .5rem
}

.order-page .order .order-opt .count-down .count-down-icon {
	margin-top: -.2rem;
	font-size: .75rem
}

.order-page .order .order-opt .count-down.hide {
	display: none
}

.order-page .order .order-opt .count-down li {
	display: inline-block
}

.order-page .order .order-opt .count-down li span {
	font-size: .6rem;
	line-height: .6rem
}

.order-page .order .order-opt .order-opt-info {
	color: #b6b6b6
}

.order-page .order .order-opt .after-sales,.order-page .order .order-opt .sure {
	border: 1px solid #d0021b;
	color: #d0021b;
	text-align: center
}

.order-page .no-order {
	background: #fff;
	text-align: center;
	width: 100%;
	padding-top: 1rem
}

.order-page .no-order .icon {
	width: 3.825rem;
	height: 4.9rem;
	background: url(../images/no-order.150411470d.png) no-repeat;
	background-size: 100%;
	margin: 0 auto
}

.order-page .no-order span {
	display: block;
	color: #444;
	font-size: .6rem;
	margin: .75rem 0 2rem
}

.order-page .no-order .walk-way {
	display: block;
	height: 2rem;
	line-height: 2rem;
	width: 70%;
	margin: 0 auto;
	text-align: center;
	font-size: .75rem;
	color: #fff;
	background: #444;
	border-radius: 5PX
}

.order-nav {
	border-bottom: 1px solid #e0e0e0;
	background: #fff;
	border-top: 1px solid #e0e0e0
}

.order-nav a {
	display: block;
	height: 100%;
	width: 100%;
	color: #b0b0b0
}

.order-nav>li {
	float: left;
	height: 2.25rem;
	width: 25%;
	line-height: 2.25rem;
	color: #b0b0b0;
	font-size: .65rem;
	text-align: center
}

.order-nav>li.active a {
	color: #000
}

.order-good {
	margin: .5rem 0 .5rem .85rem;
	height: 4rem;
	border-bottom: 1px solid #e0e0e0;
	font-size: .65rem
}

.order-good,.order-good .pic-c {
	position: relative
}

.order-good .pic-c p {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	width: 100%;
	text-align: center;
	height: .875rem;
	line-height: .875rem;
	background-color: #d0021b;
	font-size: .5rem
}

.order-good:last-child {
	border-bottom: none
}

.order-good .thumb-wrap {
	position: relative;
	float: left;
	width: 3rem;
	height: 4rem
}

.order-good .thumb {
	width: 100%;
	height: 100%
}

.order-good .tag {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	color: #fff;
	text-align: center;
	font-size: .3rem
}

.order-good .tag:before {
	display: block;
	line-height: 1;
	-webkit-transform: scale(.833);
	transform: scale(.833)
}

.order-good .gift-tag {
	height: .625rem;
	background: #a1ce4e
}

.order-good .gift-tag:before {
	content: "\8D60\54C1"
}

.order-good .advance-buy-tag {
	height: .625rem;
	background: #eb76aa
}

.order-good .advance-buy-tag:before {
	content: "\52A0\4EF7\8D2D"
}

.order-good .deps {
	margin-left: 3.375rem
}

.order-good .name {
	font-size: .7rem;
	max-width: 70%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.order-good .row:nth-child(2) {
	height: 1.125rem;
	line-height: 1.125rem;
	width: 90%
}

.order-good .row:nth-child(2)>span {
	margin-right: .375rem
}

.order-good .row .color {
	display: inline-block;
	max-width: 4rem;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	vertical-align: bottom
}

.order-good .color,.order-good .size {
	color: #b6b6b6
}

.order-good .date {
	max-width: none!important;
	display: block!important
}

.order-good .price-wrap {
	position: absolute;
	top: 0;
	right: .75rem;
	text-align: right
}

.order-good .price {
	color: #e01
}

.order-good .sale-price {
	text-decoration: line-through
}

.order-good .count,.order-good .sale-price {
	display: block;
	color: #999;
	text-align: right;
	line-height: 1.125rem
}

.order-good .appear-date {
	color: red;
	float: right;
	margin-right: .75rem;
	position: absolute;
	right: 0;
	bottom: 0
}

.modal-btn {
	width: 100%;
	height: 1.5rem;
	border-bottom-left-radius: .1rem;
	border-bottom-right-radius: .1rem;
	display: inline-block
}

.modal-btn button {
	width: 6.7rem;
	border: 0;
	float: left;
	height: 1.7rem;
	background-color: #fff;
	border-top: 1px solid #ccc
}

.modal-btn button:first-child {
	border-bottom-left-radius: .1rem;
	border-right: 1px solid #ccc
}

.modal-btn button:last-child {
	border-bottom-right-radius: .1rem;
	color: #d0021b
}

.order-detail-page {
	background: #f0f0f0
}

.order-detail-page .block {
	position: relative;
	background: #fff;
	padding: .5rem .75rem
}

.order-detail-page .block .iconfont {
	position: absolute;
	left: .75rem;
	top: 50%;
	font-size: 1rem;
	margin-top: -.75rem
}

.order-detail-page .block.more-jit {
	background: #fff;
	border-bottom: 1px solid #e0e0e0;
	padding: 0 .5rem;
	margin-bottom: 0
}

.order-detail-page .block .more-jit {
	height: 2.2rem;
	line-height: 2.2rem;
	position: relative
}

.order-detail-page .block .more-jit span {
	font-size: .85rem;
	color: #444
}

.order-detail-page .block .more-jit .iconfont {
	position: absolute;
	right: 0;
	left: auto;
	top: auto;
	margin: 0
}

.order-detail-page .sub {
	position: relative
}

.order-detail-page .sub .iconfont {
	left: 0
}

.order-detail-page .sub .icon-right {
	right: .625rem;
	left: auto
}

.order-detail-page .logistics {
	display: block
}

.order-detail-page .logistics .icon-right {
	right: .625rem;
	left: auto;
	color: #b0b0b0
}

.order-detail-page .logistics .sub-content {
	border-top: 1px solid #e0e0e0;
	margin-top: .5rem;
	padding-top: .5rem
}

.order-detail-page .offline-delivery {
	position: relative
}

.order-detail-page .offline-delivery .delivery-img {
	left: 0;
	display: block;
	background-image: url(../images/delivery.6ab01a328e.png);
	width: .925rem;
	height: .8rem;
	background-size: 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	margin-top: -.35rem
}

.order-detail-page .offline-delivery .beside-left {
	border-top: 1px solid #e0e0e0;
	margin-top: .5rem;
	padding-top: .5rem;
	margin-left: 1.5rem
}

.order-detail-page .offline-delivery .beside-left .delivery-title {
	display: block;
	color: #444;
	font-size: .7rem
}

.order-detail-page .offline-delivery .beside-left span {
	display: block;
	color: #b0b0b0;
	font-size: .6rem
}

.order-detail-page .owner-info {
	line-height: 1.5
}

.order-detail-page .beside-icon {
	margin-left: 1.5rem
}

.order-detail-page .name-phone {
	font-size: .75rem
}

.order-detail-page .name-phone span {
	float: right
}

.order-detail-page .address {
	font-size: .6rem;
	margin-top: .25rem
}

.order-detail-page .order-status {
	margin: .5rem 0;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	padding-right: 0
}

.order-detail-page .sub-content span {
	display: block;
	color: #b0b0b0;
	font-size: .6rem
}

.order-detail-page .sub-content .sub-title {
	display: block;
	color: #000;
	font-size: .7rem
}

.order-detail-page .goods {
	padding: 0;
	margin-top: .5rem;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0
}

.order-detail-page .cost li {
	font-size: .7rem
}

.order-detail-page .cost li span {
	float: right
}

.order-detail-page .dollar {
	margin: .5rem 0;
	background: #fff;
	padding: 0 .75rem;
	height: 2.2rem;
	line-height: 2.2rem;
	font-size: .7rem
}

.order-detail-page .dollar .bg-dollar {
	display: inline-block;
	width: .9rem;
	height: .9rem;
	background: url(../images/yoho_icon.b0ffbd7c69.png);
	background-size: 100% 100%;
	vertical-align: sub;
	margin-right: .125rem
}

.order-detail-page .btn {
	display: inline-block;
	box-sizing: border-box;
	width: 3.5rem;
	height: 1.5rem;
	line-height: 1.5rem;
	border-radius: 5PX;
	font-size: .65rem;
	text-align: center;
	border: 1px solid #000
}

.order-detail-page .clock {
	width: 100%;
	height: 1.3rem;
	background-color: #787878;
	text-align: center
}

.order-detail-page .clock .count-down {
	list-style: none;
	line-height: 1.4rem;
	display: inline-block;
	font-size: .6rem;
	color: #fff
}

.order-detail-page .clock .count-down .count-down-icon {
	margin-top: -.2rem;
	font-size: .75rem
}

.order-detail-page .clock .count-down.hide {
	display: none
}

.order-detail-page .clock .count-down li {
	display: inline-block
}

.order-detail-page .clock .count-down li span {
	font-size: .6rem;
	line-height: .6rem
}

.order-detail-page .reason-mask,.order-detail-page .refund-reason-mask {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.5);
	z-index: 1;
	visibility: hidden
}

.order-detail-page .reason-mask .reason-box,.order-detail-page .reason-mask .refund-reason-box,.order-detail-page .refund-reason-mask .reason-box,.order-detail-page .refund-reason-mask .refund-reason-box {
	border-bottom: 1px solid #ccc;
	font: inherit;
	vertical-align: baseline;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 9.5rem;
	color: #444;
	background: #fff;
	padding-bottom: .5rem
}

.order-detail-page .reason-mask .reason-box .box-head,.order-detail-page .reason-mask .refund-reason-box .box-head,.order-detail-page .refund-reason-mask .reason-box .box-head,.order-detail-page .refund-reason-mask .refund-reason-box .box-head {
	height: 1.5rem;
	line-height: 1.5rem;
	text-align: right;
	font-size: .6rem;
	background: #f0f0f0;
	padding-right: .75rem
}

.order-detail-page .reason-mask .reason-box .box-main,.order-detail-page .reason-mask .reason-box .refund-box-main,.order-detail-page .reason-mask .refund-reason-box .box-main,.order-detail-page .reason-mask .refund-reason-box .refund-box-main,.order-detail-page .refund-reason-mask .reason-box .box-main,.order-detail-page .refund-reason-mask .reason-box .refund-box-main,.order-detail-page .refund-reason-mask .refund-reason-box .box-main,.order-detail-page .refund-reason-mask .refund-reason-box .refund-box-main {
	background: #fff;
	padding: .5rem;
	height: 7.5rem
}

.order-detail-page .reason-mask .reason-box .box-main .active-mask,.order-detail-page .reason-mask .reason-box .refund-box-main .active-mask,.order-detail-page .reason-mask .refund-reason-box .box-main .active-mask,.order-detail-page .reason-mask .refund-reason-box .refund-box-main .active-mask,.order-detail-page .refund-reason-mask .reason-box .box-main .active-mask,.order-detail-page .refund-reason-mask .reason-box .refund-box-main .active-mask,.order-detail-page .refund-reason-mask .refund-reason-box .box-main .active-mask,.order-detail-page .refund-reason-mask .refund-reason-box .refund-box-main .active-mask {
	width: 12.5rem;
	height: 1.5rem;
	position: absolute;
	left: 50%;
	top: 47%;
	margin-top: -.45rem;
	margin-left: -6.25rem;
	z-index: 8;
	background: hsla(0,0%,100%,.1);
	border-bottom: 1px solid #dfe0e0;
	border-top: 1px solid #dfe0e0
}

.order-detail-page .reason-mask .reason-box li,.order-detail-page .reason-mask .refund-reason-box li,.order-detail-page .refund-reason-mask .reason-box li,.order-detail-page .refund-reason-mask .refund-reason-box li {
	text-align: center;
	background: #fff;
	color: rgba(0,0,0,.5);
	font-size: .7rem
}

.order-detail-page .reason-mask .reason-box .swiper-slide-active,.order-detail-page .reason-mask .refund-reason-box .swiper-slide-active,.order-detail-page .refund-reason-mask .reason-box .swiper-slide-active,.order-detail-page .refund-reason-mask .refund-reason-box .swiper-slide-active {
	padding-top: 0;
	font-style: normal;
	font-size: .8rem;
	color: #000;
	line-height: 1.45rem
}

.order-detail-page .invoice-info {
	margin: .5rem 0;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	background: #fff;
	padding: .75rem;
	box-sizing: border-box;
	overflow: hidden
}

.order-detail-page .invoice-info span {
	font-size: .7rem;
	color: #444;
	line-height: 1rem
}

.order-detail-page .invoice-info .invoice-fr {
	float: right
}

.order-detail-page .invoice-info .invoice-title {
	text-align: right;
	width: 11.25rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.order-detail-page .invoice-info .invoice-see {
	color: #d0021b
}

.order-detail-page .tickets-mobile {
	font-size: .7rem;
	height: 1rem;
	line-height: 1rem
}

.order-detail-page .tickets-mobile .pull-left {
	float: left
}

.order-detail-page .tickets-mobile .pull-right {
	float: right
}

.order-detail-page .order-opt {
	padding: .5rem .5rem .5rem 0;
	border-top: 1px solid #e0e0e0;
	text-align: right;
	background-color: #fff
}

.order-detail-page .order-opt .btn {
	display: inline-block;
	box-sizing: border-box;
	height: 1.5rem;
	line-height: 1.5rem;
	width: 3.5rem;
	font-size: .7rem;
	text-align: center;
	border: 1px solid #000;
	border-radius: 5PX;
	margin-left: .375rem;
	margin-top: .125rem
}

.order-detail-page .order-opt .btn.check-ewm {
	width: auto;
	padding: 0 .25rem
}

.order-detail-page .order-opt .pay {
	background: #d0021b;
	color: #fff;
	border: none
}

.order-detail-page .order-opt .count-down {
	list-style: none;
	padding: 0;
	display: inline-block;
	text-align: right;
	font-size: .6rem;
	color: #b0b0b0;
	float: left;
	margin-left: .75rem;
	margin-top: .5rem
}

.order-detail-page .order-opt .count-down .count-down-icon {
	margin-top: -.2rem;
	font-size: .75rem
}

.order-detail-page .order-opt .count-down.hide {
	display: none
}

.order-detail-page .order-opt .count-down li {
	display: inline-block
}

.order-detail-page .order-opt .count-down li span {
	font-size: .6rem;
	line-height: .6rem
}

.order-detail-page .order-opt .order-opt-info {
	color: #b6b6b6
}

.order-detail-page .order-opt .after-sales,.order-detail-page .order-opt .sure {
	border: 1px solid #d0021b;
	color: #d0021b;
	text-align: center
}

.order-detail-page .refund-change-mask {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: none;
	z-index: 1;
	background-color: rgba(0,0,0,.5)
}

.order-detail-page .refund-change-mask .btn-group {
	position: absolute;
	right: .75rem;
	bottom: 1rem;
	left: .75rem;
	background-color: transparent
}

.order-detail-page .refund-change-mask .select-box {
	width: 100%;
	margin: auto auto 1rem;
	background: #fff;
	border-radius: .2rem
}

.order-detail-page .refund-change-mask .select-box>p {
	border-bottom: 1px solid #cacaca;
	margin: auto .75rem
}

.order-detail-page .refund-change-mask .select-box>p:last-child {
	border: 0
}

.order-detail-page .refund-change-mask .select-box>p>a,.order-detail-page .refund-change-mask .select-box>p>button {
	display: inline-block;
	width: 100%;
	background-color: transparent;
	color: #000;
	text-align: center;
	height: 2rem;
	line-height: 2rem
}

.order-detail-page .refund-change-mask .select-box>p>.no-used {
	color: #cacaca
}

.personal-details {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: .5rem;
	background-color: #f0f0f0;
	border-bottom: 1px solid #e0e0e0
}

.personal-details ul {
	width: 100%;
	height: auto;
	overflow: hidden;
	float: right;
	margin-bottom: .5rem;
	padding-left: .75rem;
	background: #fff
}

.personal-details ul:last-child {
	margin-bottom: 0
}

.personal-details ul:first-child li:first-of-type {
	height: 2.5rem;
	line-height: 2.5rem
}

.personal-details ul li {
	height: 2rem;
	border-bottom: 1px solid #e0e0e0
}

.personal-details ul li .user-avatar {
	width: 100%;
	height: 100%;
	background-image: url(../images/user-avatar.c163d87b5d.png);
	background-size: 100%
}

.personal-details ul li>span {
	width: 42%;
	height: 100%;
	line-height: 2rem;
	font-size: .8rem;
	margin-right: 8%;
	float: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.personal-details ul li>span:first-of-type {
	color: #444
}

.personal-details ul li>span .head-portrait {
	width: 2.25rem;
	height: 2.25rem;
	overflow: hidden;
	float: right;
	border-radius: 50%;
	border: 1px solid #eee
}

.personal-details ul li>span .grade {
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: block;
	position: relative
}

.personal-details ul li>span .grade i {
	width: 1.8rem;
	height: .8rem;
	overflow: hidden;
	display: block;
	position: absolute;
	right: 1rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-size: 100%
}

.personal-details ul li>span .grade span {
	color: #b0b0b0
}

.personal-details ul li>span .vip-3 {
	background: url(../images/vip-3.105a0cd9ec.png)
}

.personal-details ul li>span .vip-2 {
	background: url(../images/vip-2.801d14e31c.png)
}

.personal-details ul li>span .vip-1 {
	background: url(../images/vip-1.63293bb7f6.png)
}

.personal-details ul li>span:last-of-type {
	color: #b0b0b0;
	text-align: right
}

.personal-details ul li .tip {
	background: url(../images/xwf.099dab5789.png);
	background-size: 100%;
	background-repeat: no-repeat;
	width: 1.85rem;
	height: .65rem;
	display: inline-block;
	color: #fff;
	position: relative;
	top: -1.3rem;
	left: 5.125rem
}

.personal-details ul li .command {
	color: #b0b0b0
}

.personal-details ul li:last-of-type {
	border-bottom: none
}

.personal-details .trend-word {
	position: relative
}

.personal-details .trend-word .trend-right {
	padding-right: .7rem
}

.personal-details .trend-word .iconfont {
	position: absolute;
	right: 1.25rem
}

.yoho-suggest-page {
	width: 100%;
	height: auto
}

.yoho-suggest-page .suggest-header {
	text-align: center;
	color: #fff;
	font-size: .65rem;
	line-height: 1.15rem;
	overflow: hidden;
	padding-bottom: .5rem;
	background-image: -webkit-linear-gradient(#383838,#505050);
	background-image: linear-gradient(#383838,#505050)
}

.yoho-suggest-page .suggest-header:before {
	content: "";
	display: block;
	background: url(../images/suggest-logo.e94c58a83d.png);
	background-size: 100%;
	width: 2.6rem;
	height: .875rem;
	margin: .25rem auto .375rem
}

.yoho-suggest-page .suggest-content {
	border-top: 1px solid #e0e0e0
}

.yoho-suggest-page .suggest-item {
	width: 100%;
	color: #444;
	border-top: 1px solid #e0e0e0;
	border-bottom: .75rem solid #f0f0f0;
	overflow: hidden
}

.yoho-suggest-page .suggest-item .suggest-item-img {
	width: 100%;
	overflow: hidden
}

.yoho-suggest-page .suggest-item .suggest-item-img>img {
	margin: 0 auto;
	display: block;
	max-width: 100%
}

.yoho-suggest-page .suggest-item>h2 {
	font-size: .95rem;
	margin: .75rem 0 .775rem;
	padding: 0 .875rem
}

.yoho-suggest-page .suggest-item>p {
	font-size: .65rem;
	line-height: 1.2rem;
	padding: 0 .875rem
}

.yoho-suggest-page .suggest-type {
	margin-top: .45rem;
	height: 2.2rem;
	line-height: 2.2rem;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	color: #b0b0b0;
	font-size: .65rem;
	display: none;
	text-align: center
}

.yoho-suggest-page .suggest-type>.active {
	color: #444
}

.yoho-suggest-page .suggest-type.show {
	display: block
}

.yoho-suggest-page .suggest-active>div {
	width: 50%;
	height: 100%;
	float: left;
	text-align: left;
	padding-left: 3.2rem;
	box-sizing: border-box
}

.yoho-suggest-page .suggest-active>div:last-of-type {
	padding-left: 0;
	padding-right: 3.2rem;
	text-align: right;
	float: right
}

.yoho-suggest-page .suggest-active>div:last-of-type>span {
	display: inline-block;
	height: 100%;
	overflow: hidden
}

.yoho-suggest-page .suggest-active>div:last-of-type>span:first-of-type {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.yoho-suggest-page .suggest-bad>div>span {
	display: inline-block;
	height: 100%;
	overflow: hidden
}

.yoho-suggest-page .suggest-bad>div>span:first-of-type {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.yoho-suggest-page .create-new-suggest {
	display: block;
	width: 100%;
	height: 3.75rem;
	line-height: 2.2rem;
	text-align: center;
	font-size: .75rem;
	border-top: .75rem solid #f0f0f0;
	border-bottom: .75rem solid #f0f0f0;
	position: relative
}

.yoho-suggest-page .create-new-suggest .list-item {
	padding: 0 .875rem
}

.yoho-suggest-page .create-new-suggest .new-right {
	float: right;
	margin-left: 1rem;
	color: #e0e0e0
}

.yoho-suggest-page .create-new-suggest a {
	color: #444;
	display: inline-block
}

.yoho-suggest-sub-page {
	width: 100%;
	background: #f0f0f0
}

.yoho-suggest-sub-page .suggest-sub-form {
	background: #fff;
	width: 100%
}

.yoho-suggest-sub-page .suggest-sub-form #suggest-textarea {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	height: 6.375rem;
	max-height: 6.375rem;
	min-height: 6.375rem;
	padding: .75rem;
	font-size: .65rem;
	line-height: 1.2rem;
	color: #000;
	display: block;
	background: #fff;
	border: none;
	outline: none;
	resize: none
}

.yoho-suggest-sub-page .suggest-sub-form .submit {
	width: 8.75rem;
	height: 1.75rem;
	background: #000;
	color: #fff;
	text-align: center;
	line-height: 1.75rem;
	margin: 4.5rem auto 0;
	border-radius: .25rem
}

.yoho-suggest-sub-page .img-form {
	padding: 1rem .75rem 0;
	overflow: hidden
}

.yoho-suggest-sub-page .img-form .upload-img-list {
	float: left
}

.yoho-suggest-sub-page .img-form .upload-img-list>li {
	display: block;
	width: 3.25rem;
	height: 3.25rem;
	float: left;
	margin-right: .75rem;
	background: url(../images/loading.22bda9c276.gif) 50% no-repeat;
	background-size: 50%;
	position: relative
}

.yoho-suggest-sub-page .img-form .upload-img-list>li>img {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.yoho-suggest-sub-page .img-form .upload-img-list>li>span {
	display: block;
	background: url(../images/sub_del.b8bedfeef0.png);
	background-size: 100%;
	width: 1.05rem;
	height: 1.05rem;
	position: absolute;
	top: -.525rem;
	right: -.525rem
}

.yoho-suggest-sub-page .img-form .img-add {
	display: block;
	width: 3.25rem;
	height: 3.25rem;
	border: 1px dashed #e0e0e0;
	position: relative;
	text-indent: -25rem;
	float: left
}

.yoho-suggest-sub-page .img-form .img-add:after {
	content: "";
	display: block;
	background: url(../images/suggest-add.64b367f607.png);
	background-size: 100%;
	width: 1.8rem;
	height: 1.8rem;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -.9rem;
	margin-left: -.9rem
}

.yoho-suggest-sub-page .img-form .img-add input[type=file] {
	position: absolute;
	opacity: .2;
	border: none;
	outline: none;
	display: block;
	width: 3.25rem;
	height: 3.25rem;
	top: 0;
	left: 0
}

.my-address-page {
	width: 100%;
	background: #f0f0f0
}

.my-address-page .tip {
	padding: .5rem;
	text-align: center;
	color: #aeaeae
}

.my-address-page .address-item {
	display: block;
	padding: .5rem .75rem;
	color: #b0b0b0;
	background: #fff;
	border-bottom: 1px solid #e0e0e0
}

.my-address-page .address-item .name,.my-address-page .address-item .tel {
	font-size: .75rem;
	line-height: 1.4rem;
	color: #444;
	font-weight: 700
}

.my-address-page .address-item .name {
	display: inline-block;
	max-width: 9.5rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.my-address-page .address-item .tel {
	float: right
}

.my-address-page .address-item .address-info {
	font-size: .6rem;
	line-height: .95rem
}

.my-address-page .address-item .action {
	font-size: .8rem;
	line-height: 1.5rem;
	text-align: right
}

.my-address-page .address-item .action .del,.my-address-page .address-item .action .edit {
	display: inline-block;
	text-align: center;
	width: 1.5rem;
	height: 1.5rem;
	color: #999
}

.my-address-page .address-item .action .del:hover,.my-address-page .address-item .action .edit:hover {
	color: #666
}

.my-address-page .address-item .action .edit {
	margin-right: .5rem
}

.my-address-page .add-address {
	display: block;
	margin-bottom: .75rem;
	font-size: .8rem;
	line-height: 2.2rem;
	color: #444;
	background: #fff;
	text-align: center;
	font-weight: 700;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0
}

.my-address-page .confim-mask {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.5);
	z-index: 5
}

.my-address-page .confim-box {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -6.75rem;
	margin-top: -3.6rem;
	width: 13.5rem;
	text-align: center;
	color: #444;
	background: #fff;
	font-size: .8rem;
	font-weight: 700;
	border-radius: .25rem
}

.my-address-page .confim-box .content {
	line-height: 5rem
}

.my-address-page .confim-box .action {
	line-height: 2.2rem;
	border-top: 1px solid #e0e0e0
}

.my-address-page .confim-box .action span {
	display: inline-block;
	width: 6.5rem
}

.my-address-page .confim-box .action span:first-child {
	border-right: 1px solid #e0e0e0
}

.my-address-page .confim-box .confim {
	color: #d0021b
}

.my-edit-address-page {
	width: 100%;
	color: #d0d0d0;
	background: #f0f0f0
}

.my-edit-address-page .edit-address {
	padding: 0 .75rem;
	background: #fff;
	font-size: .75rem;
	line-height: 2.2rem;
	border-bottom: 1px solid #e0e0e0
}

.my-edit-address-page .edit-address label {
	display: block;
	position: relative
}

.my-edit-address-page .edit-address label:after {
	content: "";
	position: absolute;
	right: -.75rem;
	bottom: 0;
	width: 15.25rem;
	height: 0;
	border-top: 1px solid #e0e0e0
}

.my-edit-address-page .edit-address label:last-of-type:after {
	content: none
}

.my-edit-address-page .edit-address label .iconfont {
	position: absolute;
	right: 0;
	top: 0
}

.my-edit-address-page .edit-address input,.my-edit-address-page .edit-address textarea {
	-webkit-appearance: none
}

.my-edit-address-page .edit-address input,.my-edit-address-page .edit-address p,.my-edit-address-page .edit-address textarea {
	position: absolute;
	top: 0;
	right: 1rem;
	width: 9rem;
	height: 2.2rem;
	color: #444;
	padding: 0;
	border: none
}

.my-edit-address-page .edit-address .address {
	height: 4.4rem
}

.my-edit-address-page .edit-address textarea {
	right: 0;
	width: 10rem;
	height: 2.9rem;
	padding: .5rem 0;
	resize: none
}

.my-edit-address-page .submit {
	margin: .75rem auto 0;
	width: 11.75rem;
	height: 2.2rem;
	color: #fff;
	background: #444;
	text-align: center;
	font-size: .8rem;
	line-height: 2.2rem
}

.my-edit-address-page .submit.highlight {
	background: rgba(0,0,0,.6)
}

.my-address-list-page {
	position: relative;
	width: 100%;
	color: #444;
	background: #fff
}

.my-address-list-page li {
	padding: 0 .75rem;
	font-size: .8rem;
	line-height: 2.2rem;
	border-bottom: 1px solid #e0e0e0
}

.my-address-list-page li .iconfont {
	float: right;
	color: #d0d0d0
}

.my-address-list-page li.highlight {
	background: #eee
}

.my-address-list-page li ul {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	width: 100%
}

.modify-address-page .confim-modify-mask {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.5);
	z-index: 5
}

.modify-address-page .confim-box {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -6.75rem;
	margin-top: -3.6rem;
	width: 13.5rem;
	text-align: center;
	color: #444;
	background: #fff;
	font-size: .8rem;
	font-weight: 700;
	border-radius: .25rem
}

.modify-address-page .confim-box .modify-content {
	text-align: left;
	padding: .75rem .5rem;
	line-height: 2rem
}

.modify-address-page .confim-box .action {
	line-height: 2.2rem;
	border-top: 1px solid #e0e0e0
}

.modify-address-page .confim-box .action span {
	display: inline-block;
	width: 6.5rem
}

.modify-address-page .confim-box .action span:first-child {
	border-right: 1px solid #e0e0e0
}

.modify-address-page .confim-box .confim {
	color: #d0021b
}

.online-service-page {
	background: #f0f0f0
}

.online-service-page .question {
	background: #fff
}

.online-service-page .question-title {
	padding: .5rem .75rem;
	font-size: .7rem;
	line-height: 1;
	color: #b0b0b0
}

.online-service-page .question-tab {
	padding: .25rem .75rem .75rem;
	font-size: .8rem;
	line-height: 1.45rem;
	text-align: center;
	color: #b0b0b0
}

.online-service-page .question-tab .current {
	color: #444
}

.online-service-page .question-tab .line {
	margin: 0 .8rem;
	border-left: 1px solid #b0b0b0
}

.online-service-page .question-list {
	display: none;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc
}

.online-service-page .question-list.current {
	display: block
}

.online-service-page .question-list li {
	font-size: .7rem;
	line-height: 2.25rem
}

.online-service-page .question-list li a {
	display: block;
	color: #444;
	width: 15.25rem;
	margin-left: .75rem;
	border-bottom: 1px solid #ccc
}

.online-service-page .question-list li .iconfont {
	float: right;
	margin-right: .75rem;
	color: #ccc;
	font-size: .8rem
}

.online-service-page .question-list li:last-child a {
	border-bottom: none
}

.online-service-page .question-list li.highlight {
	background: #eee
}

.online-service-page .connect-info {
	margin-top: .75rem;
	font-size: .7rem;
	line-height: 1.25rem;
	background: #fff;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc
}

.online-service-page .connect-info p {
	margin-top: .625rem;
	margin-left: -1.8rem;
	line-height: 1.5
}

.online-service-page .connect-info .iconfont {
	font-size: 1.15rem
}

.online-service-page .connect-info .icon-yoho-enter {
	color: #ccc;
	float: right;
	font-size: .8rem
}

.online-service-page .connect-info .connect-item {
	position: relative
}

.online-service-page .connect-info .connect-item a {
	display: block;
	padding: .5rem .75rem .5rem 2.35rem;
	color: #444
}

.online-service-page .connect-info .connect-item:after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 13.7rem;
	height: 1px;
	background: #ccc
}

.online-service-page .connect-info .connect-item:last-child:after {
	content: none
}

.online-service-page .connect-info .connect-item.highlight {
	background: #eee
}

.online-service-page .connect-info .connect-item .call-time {
	color: #ccc;
	font-size: .6rem
}

.online-service-page .connect-info .connect-item .call-number {
	color: #444
}

.online-service-page .connect-info .icon {
	display: inline-block;
	margin-right: .7rem;
	margin-left: -1.75rem;
	vertical-align: middle
}

.online-service-detail-page {
	background: #f0f0f0
}

.online-service-detail-page .qa-list .question-item {
	margin-bottom: .8rem;
	border-top: 1px solid #c8c7cc;
	border-bottom: 1px solid #c8c7cc;
	color: #444;
	background: #fff
}

.online-service-detail-page .qa-list .question-item:last-child {
	margin-bottom: 0
}

.online-service-detail-page .qa-list .question {
	margin-left: .75rem;
	padding: 0 1rem 0 .25rem;
	font-size: .75rem;
	line-height: 1.9rem;
	font-weight: 700;
	position: relative;
	color: #000
}

.online-service-detail-page .qa-list .question:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	border-top: 1px solid #c8c7cc
}

.online-service-detail-page .qa-list .answer {
	margin-left: .75rem;
	padding: 0 1rem 0 .25rem;
	font-size: .75rem;
	line-height: 1.9rem;
	font-weight: 700
}

.my-guang-page .null {
	height: 6rem;
	width: 100%;
	position: absolute;
	text-align: center;
	top: 50%;
	margin-top: -3rem
}

.my-guang-page .null span {
	color: #b0b0b0;
	font-size: .6rem;
	margin-top: .5rem
}

.my-guang-page .icon-null {
	width: 4.7rem;
	height: 4.275rem;
	background: url(../images/fav-null.a0f311869d.png);
	background-size: 100%;
	margin: 0 auto .75rem
}

.browse-record-good {
	position: relative;
	padding: .5rem 0 .5rem .75rem;
	display: block
}

.browse-record-good .thumb {
	float: left;
	width: 3rem;
	height: 4rem
}

.browse-record-good .sold-out {
	display: inline
}

.browse-record-good .deps {
	margin-left: 3.375rem;
	padding: .5rem 0;
	border-bottom: 1px solid #e0e0e0;
	margin-bottom: -.75rem
}

.browse-record-good .name {
	font-size: .7rem;
	max-width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.browse-record-good .price {
	margin: .3rem 0;
	font-size: 16PX
}

.browse-record-good .sale-price {
	color: red
}

.browse-record-good .sale-price.original-price {
	color: #000
}

.browse-record-good .market-price {
	text-decoration: line-through;
	color: #b0b0b0
}

.browse-record-good .sold-out-tag {
	font-size: .4rem;
	line-height: .75rem;
	text-align: center;
	color: #fff;
	background: #7f7f7f;
	padding: .125rem .375rem;
	border-radius: 1rem
}

.browse-record-good .del-icon {
	position: absolute;
	right: .75rem;
	width: 1.5rem;
	height: 1.5rem;
	line-height: 1.5rem;
	text-align: center;
	color: #999
}

.browse-record-page .load-more {
	width: 100%;
	height: 1.75rem;
	line-height: 1.75rem;
	text-align: center
}

.browse-record-page .no-record {
	background: #fff;
	text-align: center;
	top: 50%;
	margin-top: 5rem;
	width: 100%
}

.browse-record-page .no-record .icon {
	width: 4.9rem;
	height: 5.175rem;
	background: url(../images/no-record.728ad5399d.png) no-repeat;
	background-size: 100%;
	margin: 0 auto
}

.browse-record-page .no-record span {
	display: block;
	color: #b0b0b0;
	font-size: .6rem;
	margin: .75rem 0 2.75rem
}

.browse-record-page .no-record .walk-way {
	display: block;
	height: 2rem;
	line-height: 2rem;
	width: 70%;
	margin: 0 auto;
	text-align: center;
	font-size: .75rem;
	color: #fff;
	background: #444;
	border-radius: 5PX
}

.logistic-page {
	background-color: #f0f0f0
}

.logistic-page .overview {
	height: 3rem;
	line-height: 3rem;
	width: 100%;
	margin-bottom: 1rem;
	background-color: #fff;
	color: #464646;
	border-bottom: 1px solid #e5e5e5;
	padding-left: .75rem;
	padding-right: .75rem
}

.logistic-page .overview .left {
	width: 19%;
	float: left;
	text-align: center;
	height: 100%
}

.logistic-page .overview .left .icon {
	width: 2.2rem;
	height: 2.2rem;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 50%;
	margin: .4rem auto 0
}

.logistic-page .overview .right {
	width: 81%;
	float: left;
	padding-top: .5rem;
	padding-bottom: .5rem;
	height: 2rem
}

.logistic-page .overview .right div {
	height: 1rem;
	line-height: 1.1rem;
	color: #595959;
	font-size: .6rem
}

.logistic-page .overview .info {
	padding-right: .1rem
}

.logistic-page .title {
	height: 2.8rem;
	line-height: 2.8rem;
	font-size: .7rem
}

.logistic-page .detail,.logistic-page .title {
	background-color: #fff;
	padding-left: .75rem;
	padding-right: .75rem
}

.logistic-page .detail {
	margin-bottom: 1rem
}

.logistic-page .timeline-box {
	border-left: 1px solid #e5e5e5;
	position: relative;
	padding-left: 1.3rem
}

.logistic-page .timeline-node {
	position: absolute;
	top: .8rem;
	left: -.22611rem;
	display: inline-block;
	width: .41rem;
	height: .41rem;
	background-color: #e5e5e5;
	border-radius: 100%
}

.logistic-page .timeline-box:first-child .timeline-node {
	background-color: #989898
}

.logistic-page .timeline-box:first-child .timeline-info-row {
	color: #606060
}

.logistic-page .timeline-info {
	padding: .5rem 0;
	border-bottom: 1px solid #e5e5e5
}

.logistic-page .timeline-box:last-child .timeline-info {
	border: none
}

.logistic-page .timeline-info-row {
	min-height: 1rem;
	line-height: 1rem;
	font-size: .7rem;
	color: #bababa;
	padding-right: .8rem
}

.logistic-page .banner {
	margin-bottom: 1rem
}

.logistic-page .banner a img {
	width: 100%;
	height: 100%
}

.pay-page {
	padding: 1rem .5rem 0
}

.pay-page .payapp-list {
	visibility: hidden
}

.pay-page .box.bytouch {
	background-color: #eee
}

.pay-page .box {
	border: 1px solid #eee;
	border-radius: .25rem;
	padding: .3rem .5rem;
	margin-bottom: .5rem
}

.pay-page .box,.pay-page .box>div {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center
}

.pay-page .box>div {
	min-height: 1rem
}

.pay-page .box .icon {
	width: 15%;
	-webkit-flex-basis: 15%;
	flex-basis: 15%
}

.pay-page .box .icon img {
	width: 1.5rem;
	margin: 0
}

.pay-page .box .icon>div {
	width: 1.5rem;
	height: 1.5rem;
	background-image: url(../images/pay-icon.a261c19cc0.png);
	background-size: 90%;
	background-position-y: .2rem;
	background-position-x: center;
	background-repeat: no-repeat
}

.pay-page .box .app {
	width: 35%;
	-webkit-flex-basis: 35%;
	flex-basis: 35%;
	font-size: .8rem;
	color: #414141
}

.pay-page .box .hint {
	width: 45%;
	-webkit-flex-basis: 45%;
	flex-basis: 45%;
	font-size: .6rem;
	color: #4b4b4b
}

.pay-page .box .iconfont {
	width: 5%;
	-webkit-flex-basis: 5%;
	flex-basis: 5%;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	color: #e0e0e0;
	font-size: .7rem
}

.pay-page .disable .icon {
	opacity: .2
}

.pay-page .disable .app,.pay-page .disable .hint {
	color: #ccc
}

.pay-page .loading-toast {
	position: fixed;
	z-index: 3;
	width: 3.8em;
	min-height: 3.8em;
	top: 38%;
	left: 50%;
	margin-left: -1.9em;
	background: rgba(40,40,40,.75);
	text-align: center;
	border-radius: .125rem;
	color: #fff
}

.pay-page .loading-toast:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -.5rem;
	margin-top: -.5rem;
	width: 1rem;
	height: 1rem;
	background: url(../images/loading-wechat.4a0212e71d.png);
	background-size: 1rem;
	-webkit-animation: rotate .7s infinite;
	animation: rotate .7s infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear
}

@-webkit-keyframes rotate {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes rotate {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

.installment-page {
	font-weight: 300;
	position: relative
}

.installment-page .banner-swiper {
	height: 5rem
}

.installment-page .banner-swiper ul {
	height: 5rem;
	max-height: 5rem
}

.installment-page .banner-center {
	margin-top: 0
}

.installment-page .installment-main {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh
}

.installment-page .close-pic {
	width: 9rem;
	height: 8.975rem;
	background: url(../images/installment-close.aeda259be4.png) no-repeat;
	background-size: contain;
	margin: 3.2rem auto 0
}

.installment-page .go-yoho-index {
	width: 10.25rem;
	height: 1.725rem;
	background: #444;
	border-radius: .15rem;
	color: #fff;
	text-align: center;
	line-height: 1.725rem;
	display: block;
	margin: 0 auto
}

.installment-page .close-installment-desc {
	line-height: 1.15rem;
	text-align: center;
	font-size: .6rem;
	margin: 1rem 0
}

.installment-page .installment-banner {
	margin-top: 2.75rem
}

.installment-page .loading-tip {
	position: absolute;
	width: 100%;
	top: .5rem;
	left: 50%;
	-webkit-transform: translate(-50%);
	transform: translate(-50%);
	padding: .75rem 0;
	text-align: center;
	color: #ccc;
	font-size: .45rem
}

.installment-page .notice-wrap {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative
}

.installment-page .notice {
	width: 100%;
	height: 1.725rem;
	border-bottom: 1px solid #efefef;
	padding-right: 0;
	position: relative
}

.installment-page .notice .swiper-wrapper {
	float: left;
	width: 14.375rem;
	background: #fff
}

.installment-page .notice .notice-item {
	width: 14.375rem;
	line-height: 1.725rem;
	display: block;
	clear: both;
	padding-right: .75rem;
	box-sizing: border-box
}

.installment-page .notice .notice-icon {
	float: left;
	margin-right: .25rem;
	width: .575rem;
	height: .55rem;
	background: url(../images/volume.21a4fa3ff9.png) no-repeat;
	background-size: contain;
	position: relative;
	top: .55rem
}

.installment-page .open-index {
	background: #fff;
	height: auto;
	overflow: hidden;
	padding-bottom: 1.75rem;
	border-bottom: 1px solid #dedee0
}

.installment-page .open-info {
	margin: 2.375rem auto 1.4rem;
	width: 14rem;
	height: auto;
	overflow: hidden
}

.installment-page .open-info li {
	float: left;
	margin: 0 1.175rem
}

.installment-page .open-icon-1 {
	background: url(../images/installment-icon1.54afe9e265.png) no-repeat;
	background-size: contain
}

.installment-page .open-icon-1,.installment-page .open-icon-2 {
	width: 1.675rem;
	height: 1.675rem;
	display: block;
	margin: 0 auto .85rem
}

.installment-page .open-icon-2 {
	background: url(../images/installment-icon2-change.8befb2cb59.png) no-repeat;
	background-size: contain
}

.installment-page .open-icon-3 {
	background: url(../images/installment-icon3.0654d7396a.png) no-repeat;
	background-size: contain;
	width: 1.675rem;
	height: 1.675rem;
	display: block;
	margin: 0 auto .85rem
}

.installment-page .open-btn {
	width: 11.8rem;
	height: 2.2rem;
	background: #444;
	color: #fff;
	text-align: center;
	line-height: 2.2rem;
	border-radius: .15rem;
	margin: 0 auto;
	display: block;
	font-size: .7rem
}

.installment-page .open-btn:active {
	background: #131313
}

.installment-page .installment-only {
	background: #fff;
	margin-top: .75rem;
	border-top: 1px solid #dedee0
}

.installment-page .installment-only .floor-header-more {
	height: 2.125rem;
	line-height: 2.125rem;
	margin: 0;
	border-top: none;
	background: #fff
}

.installment-page .installment-only h2 {
	height: 2.125rem;
	line-height: 2.125rem;
	text-align: center;
	font-size: 16PX;
	border-bottom: 1px solid #dedee0
}

.installment-page .installment-only #goods-list {
	position: relative;
	padding-left: .375rem;
	padding-top: .2rem
}

.installment-page .review-icon {
	background: url(../images/review-img-1.956a09bc74.png) no-repeat;
	background-size: contain;
	width: 3.85rem;
	height: 4.925rem;
	display: block;
	margin: 5.35rem auto 1.25rem
}

.installment-page .error-icon {
	background: url(../images/review-img-2.62bdae6b75.png) no-repeat;
	background-size: contain
}

.installment-page .error-icon,.installment-page .success-icon {
	width: 5.2rem;
	height: 5.2rem;
	display: block;
	margin: 2.35rem auto 1.5rem
}

.installment-page .success-icon {
	background: url(../images/review-img-4.f6c8a7834c.png) no-repeat;
	background-size: contain
}

.installment-page .cancel-icon {
	background: url(../images/review-img-5.f09b438d9a.png) no-repeat;
	background-size: contain;
	width: 5.2rem;
	height: 5.2rem;
	display: block;
	margin: 4.9rem auto 1.5rem
}

.installment-page .refresh-icon {
	background: url(../images/review-img-6.69fdf50532.png) no-repeat;
	background-size: contain;
	width: 4.2rem;
	height: 4.2rem;
	display: block;
	margin: 5.625rem auto .875rem
}

.installment-page .font-b {
	font-size: .75rem;
	text-align: center;
	color: #444
}

.installment-page .font-p {
	color: #bbb;
	line-height: 2.5rem;
	text-align: center;
	margin-bottom: 1.5rem
}

.installment-page .installment-price {
	font-size: 1rem;
	text-align: center;
	color: #444;
	line-height: 2.5rem;
	margin-bottom: 1.5rem
}

.installment-page .installment-price span {
	font-size: 1.75rem
}

.installment-page .success {
	padding-bottom: .75rem;
	background: #efefef
}

.installment-page .success-bg {
	background: #fff;
	padding-bottom: 1.75rem;
	border-bottom: 1px solid #dedee0
}

.installment-page .advertisement-area {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 9;
	display: none
}

.installment-page .advertisement-area .mask-bg {
	background: rgba(0,0,0,.4);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.installment-page .advertisement-area .close-box {
	width: 1.4rem;
	height: 1.375rem;
	position: absolute;
	top: .25rem;
	right: .25rem;
	z-index: 10;
	background: url(../images/close-btn.ac1259b922.png) no-repeat;
	background-size: contain
}

.installment-page .advertisement-area .advertisement-box {
	width: 13.5rem;
	height: 13.75rem;
	border-radius: .375rem;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -6.875rem 0 0 -6.75rem;
	overflow: hidden
}

.installment-page .advertisement-area .advertisement-box .advertisement-img {
	position: absolute;
	width: 13.5rem;
	height: 13.75rem;
	left: 50%;
	top: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	background-size: contain;
	background-position: 50%;
	background-repeat: no-repeat
}

.installment-page .error p {
	text-align: center
}

.installment-page .error .error-txt1 {
	font-size: .8rem
}

.installment-page .error .error-txt2 {
	color: #bbb;
	line-height: 1rem;
	margin: .75rem 0 2.25rem;
	padding: 0 1.25rem
}

.installment-page .cancel p {
	text-align: center
}

.installment-page .cancel .cancel-txt1 {
	font-size: .6rem;
	color: #444
}

.installment-page .cancel .cancel-txt2 {
	color: #bbb;
	font-size: .55rem;
	line-height: 1rem;
	margin: .25rem 0 1.625rem
}

.installment-page .server-crash p {
	text-align: center;
	color: #444;
	font-size: .6rem;
	margin-bottom: 2.5rem
}

.installment-page .detail-tab {
	background: #000;
	height: 2.25rem;
	line-height: 1.125rem;
	font-size: .7rem
}

.installment-page .detail-tab span {
	float: left;
	color: #b1b1b1;
	width: 50%;
	box-sizing: border-box;
	margin-top: .575rem;
	text-align: center
}

.installment-page .detail-tab .on {
	color: #fff
}

.installment-page .detail-tab span:first-child {
	border-right: 1px solid;
	border-color: hsla(0,0%,100%,.6)
}

.installment-page .detail-bg {
	background: url(../images/header-bg.b98d69725a.jpg) no-repeat;
	background-size: cover;
	height: auto;
	overflow: hidden;
	text-align: center;
	padding: 1.25rem 0 .75rem
}

.installment-page .detail-bg .detail-txt1 {
	font-size: .65rem;
	color: #fff
}

.installment-page .detail-bg .detail-txt2 {
	font-size: 1.5rem;
	margin-top: .25rem;
	display: inline-block
}

.installment-page .detail-bg .detail-txt3 {
	color: #ce051d;
	font-size: .55rem
}

.installment-page .detail-bg .detail-txt3 a {
	color: #ce051d;
	text-decoration: underline
}

.installment-page .detail-bg .see-btn {
	border-radius: .75rem;
	width: 4.75rem;
	height: 1.5rem;
	line-height: 1.5rem;
	background: rgba(69,74,76,.5);
	color: #fff;
	display: block;
	margin: .75rem auto 0;
	font-size: .55rem
}

.installment-page .group-list {
	background: #fff;
	margin-top: .625rem;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	padding-left: .65rem
}

.installment-page .group-list li {
	height: 2rem;
	line-height: 2rem;
	border-bottom: 1px solid #e1e1e1;
	font-size: .7rem;
	overflow: hidden
}

.installment-page .group-list li a {
	display: block;
	color: #444
}

.installment-page .group-list li .list-right {
	float: right;
	margin-right: .75rem;
	color: #e9e9e9
}

.installment-page .group-list li .list-r-txt {
	color: #b0b0b0
}

.installment-page .group-list li:last-child {
	border-bottom: none
}

.installment-page .repay {
	display: none
}

.installment-page .repay .banner-center {
	margin-top: .625rem;
	height: 5.25rem
}

.installment-page .repay .banner-center .banner-list {
	height: 5.25rem
}

.installment-page .repay .notice {
	border-bottom: 1px solid #e1e1e1
}

.installment-page .repay-area {
	height: 8.125rem
}

.installment-page .usable {
	display: none;
	background: #efefef
}

.installment-page .usable .see-btn-area {
	background: #fff;
	width: 100%;
	padding-bottom: .75rem
}

.installment-page .usable .see-more {
	width: 90%;
	height: 2.25rem;
	line-height: 2.25rem;
	text-align: center;
	font-size: .7rem;
	color: #fff;
	background: #444;
	display: block;
	margin: 0 auto;
	border-radius: .15rem
}

.installment-page .usable-area {
	position: relative;
	height: 8.125rem
}

.installment-page .usable-area .replay-status {
	position: absolute;
	right: 0;
	top: .75rem;
	background: rgba(0,0,0,.5);
	border-radius: .5rem 0 0 .5rem;
	height: 1rem;
	line-height: 1rem;
	color: #d4031a;
	text-align: center;
	padding: 0 .75rem
}

.installment-page .usable-area .terms {
	display: block;
	margin: .75rem auto 0;
	color: #fff;
	text-decoration: underline
}

.installment-body {
	background: #efefef
}

.installment-body .main-wrap {
	max-width: 100%
}

.installment-result-page .installment-only {
	margin-top: 0
}

.installment-starting-service-page {
	background: #fff;
	height: 100vh
}

.installment-starting-service-page .exclamation {
	background-color: #ff7f7f;
	color: #fff;
	padding: .375rem .5rem .375rem .85rem;
	font-weight: 400
}

.installment-starting-service-page .field {
	padding: .625rem .625rem .625rem .75rem;
	border-bottom: 1px solid #e0e0e0;
	height: 2.25rem
}

.installment-starting-service-page .apply-button {
	background-color: #444;
	color: #fff;
	border: none;
	border-radius: .1rem;
	font-size: .675rem;
	width: 11.825rem;
	height: 2.25rem;
	line-height: 2.25rem;
	margin: 0 auto;
	display: block
}

.installment-starting-service-page .apply-button.disabled {
	opacity: .5
}

.installment-starting-service-page .apply-button.disabled:active {
	background-color: #444
}

.installment-starting-service-page .apply-button:active {
	background: #131313
}

.installment-starting-service-page .agreements {
	padding: .55rem .75rem 0 1.75rem;
	line-height: 1rem
}

.installment-starting-service-page .agreements input {
	padding: .25rem
}

.installment-starting-service-page .agreements label {
	font-size: .675rem;
	color: #444
}

.installment-starting-service-page .agreements .text-label {
	margin-left: .3rem
}

.installment-starting-service-page .agreements a {
	color: #4d90e2
}

.installment-starting-service-page .agreements a:hover {
	text-decoration: underline
}

.installment-starting-service-page .bank-info {
	padding-left: 2.5rem
}

.installment-starting-service-page .bank-info img {
	width: .8rem;
	height: .8rem;
	display: inline-block
}

.installment-starting-service-page .bank-info span {
	line-height: .8rem;
	position: absolute;
	margin-left: .25rem;
	margin-top: 1px
}

.installment-starting-service-page .count-down {
	border: 1px solid #84c990;
	border-radius: .8rem;
	background: transparent;
	color: #84c990;
	width: 4rem;
	height: 1.375rem;
	float: right;
	white-space: nowrap;
	padding: 0;
	margin-top: -.2rem;
	margin-right: .15rem
}

.installment-starting-service-page .count-down.disabled {
	color: #e0e0e0;
	border-color: #e0e0e0
}

.installment-starting-service-page .data-encryption {
	color: #b0b0b0;
	margin: 2.95rem auto .375rem;
	text-align: center
}

.installment-starting-service-page label {
	font-size: .8rem;
	color: #444;
	float: left
}

.installment-starting-service-page input[type=number],.installment-starting-service-page input[type=tel],.installment-starting-service-page input[type=text] {
	width: 10.55rem;
	font-size: .675rem;
	height: 1rem;
	color: #444;
	float: left;
	margin-top: .05rem;
	border: none;
	background: transparent
}

.installment-starting-service-page .provider-mark {
	text-align: center;
	font-size: .6rem;
	color: #444;
	margin-top: 1.45rem;
	margin-bottom: .6rem
}

.installment-starting-service-page .bottom-block {
	width: 100%;
	text-align: center;
	margin-top: .75rem
}

.installment-starting-service-page .notice {
	float: right;
	font-size: .7rem;
	color: #444;
	padding: .05rem .25rem .25rem
}

.installment-check-btn {
	display: none
}

.installment-check-btn+label:before {
	position: absolute;
	content: "";
	display: inline-block;
	width: 1.2rem;
	height: 1.1rem;
	background: url(../images/circle-check-off.9687acef47.png);
	background-size: cover;
	margin-left: -1rem
}

.installment-check-btn:checked+label:before {
	background: url(../images/circle-check-on.bc54a2748f.png);
	background-size: cover
}

.installment-overdue-notice .notice-area {
	width: 14rem;
	margin: -4.125rem 0 0 -7rem
}

.installment-overdue-notice .notice-cont {
	padding: .7rem!important
}

.repayment-list-page {
	padding-bottom: 2.5rem;
	font-weight: 300
}

.repayment-list-page .repay-list li {
	height: 3rem;
	background: #fff;
	border-bottom: 1px solid #e0e0e0
}

.repayment-list-page .repay-list li .cont {
	width: 8rem;
	overflow: hidden;
	float: left;
	margin-top: .5rem
}

.repayment-list-page .repay-list li .cont p {
	line-height: 1rem;
	font-size: .65rem;
	color: #444
}

.repayment-list-page .repay-list li .cont p:first-child {
	margin-left: .25rem
}

.repayment-list-page .repay-list li .cont p:last-child {
	width: 100%;
	height: 1rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.repayment-list-page .repay-list li .list-right {
	float: right;
	color: #b0b0b0;
	line-height: 2.95rem;
	margin-right: .75rem;
	font-size: .6rem
}

.repayment-list-page .repay-list li .list-right a {
	color: #b0b0b0
}

.repayment-list-page .repay-list li .color-r {
	color: #d0021b;
	float: left
}

.repayment-list-page .repay-list li .color-r .iconfont {
	color: #d0021b;
	font-size: .6rem
}

.repayment-list-page .repay-list li .iconfont {
	color: #e0e0e0;
	margin-left: .125rem
}

.repayment-list-page .repay-list li label {
	margin-left: 1.5rem;
	width: 8rem;
	height: 3rem;
	float: left
}

.repayment-list-page .record-list li {
	height: 3rem;
	background: #fff;
	border-bottom: 1px solid #e0e0e0;
	padding-top: .875rem;
	box-sizing: border-box
}

.repayment-list-page .record-list li .repay-time {
	width: 5rem;
	line-height: 3rem;
	float: left;
	padding-left: .75rem;
	box-sizing: border-box
}

.repayment-list-page .record-list li .record-cont {
	width: 6rem;
	height: 2.1rem;
	float: left;
	overflow: hidden;
	margin: 0 0 0 .75rem;
	color: #444
}

.repayment-list-page .record-list li .record-cont p {
	line-height: .75rem;
	font-size: .65rem
}

.repayment-list-page .record-list li .record-cont p:last-child {
	font-size: .55rem
}

.repayment-list-page .record-list li .right-status {
	float: left
}

.repayment-list-page .record-list li .record-right {
	color: #b0b0b0;
	padding-right: .75rem;
	line-height: .75rem;
	text-align: right;
	position: absolute;
	right: 0
}

.repayment-list-page .record-list li .record-right .color-r {
	color: #d0021b;
	font-size: .575rem
}

.repayment-list-page .record-list li .record-right .iconfont {
	position: relative;
	top: .45rem;
	margin-left: .375rem;
	color: #e9e9e9
}

.repayment-list-page .installment-check-btn+label:before {
	margin-top: 1rem
}

.repayment-list-page .repay-now {
	width: 100%;
	background: #fff;
	height: 3rem;
	border-bottom: 1px solid #e0e0e0;
	text-align: center;
	line-height: 3rem;
	font-size: .75rem
}

.repayment-list-page .repay-now span {
	color: #d0021b;
	padding-left: .375rem
}

.repayment-list-page .repay-detail {
	background: #fff;
	border-top: 1px solid #e0e0e0;
	margin-top: .75rem
}

.repayment-list-page .repay-detail .txt {
	color: #b0b0b0;
	line-height: .95rem;
	font-size: .6rem;
	text-align: center;
	padding: 2rem 0 1.25rem
}

.repayment-list-page .repay-status {
	width: 15.35rem;
	margin: .875rem auto 0;
	font-size: .75rem;
	height: auto;
	overflow: hidden
}

.repayment-list-page .repay-status li {
	float: left;
	width: 3.35rem;
	text-align: center;
	margin: 0 .75rem;
	position: relative
}

.repayment-list-page .repay-status li span:first-child {
	padding-bottom: .125rem;
	display: inline-block
}

.repayment-list-page .repay-status li:first-child:before {
	content: "";
	border: none
}

.repayment-list-page .repay-status li:before {
	content: "";
	position: absolute;
	bottom: .175rem;
	left: -2.95rem;
	width: 4.5rem;
	border-bottom: .125rem solid #b0b0b0
}

.repayment-list-page .repay-status li.on .spot {
	background: #444
}

.repayment-list-page .repay-status li.on:before {
	border-color: #444
}

.repayment-list-page .repay-status .spot {
	width: .475rem;
	height: .475rem;
	border-radius: 50%;
	background: #b0b0b0;
	display: block;
	margin: 0 auto
}

.repayment-list-page .contact-cs {
	width: 100%;
	position: fixed;
	bottom: 1.125rem;
	text-align: center;
	color: #444;
	font-size: .7rem
}

.installment-overdue-notice {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: none;
	z-index: 9
}

.installment-overdue-notice .mask-bg {
	background: rgba(0,0,0,.4);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.installment-overdue-notice .notice-area {
	width: 13.5rem;
	background: #fafafa;
	border-radius: .25rem;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -6.5rem 0 0 -6.75rem
}

.installment-overdue-notice .notice-area .notice-cont {
	padding: 1rem
}

.installment-overdue-notice .notice-area h2 {
	font-weight: 700;
	text-align: center;
	font-size: .75rem;
	color: #444;
	padding-bottom: .1rem
}

.installment-overdue-notice .notice-area p {
	font-size: .6rem;
	color: #444;
	line-height: .95rem
}

.installment-overdue-notice .notice-area .think-ok {
	width: 100%;
	border-top: 1px solid #c5c5c5;
	height: 2.25rem;
	line-height: 2.25rem;
	box-sizing: border-box;
	text-align: center;
	color: #d1021c;
	font-size: .85rem
}

.repayment-bottom {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	height: 2.875rem;
	border-top: 1px solid #e0e0e0
}

.repayment-bottom label {
	margin-left: 1.5rem;
	width: 8rem;
	height: 3rem;
	float: left
}

.repayment-bottom .installment-check-btn+label:before {
	margin-top: .9rem
}

.repayment-bottom .repayment-btn {
	width: 4.25rem;
	height: 2.2rem;
	background: #d2000d;
	color: #fff;
	text-align: center;
	line-height: 2.2rem;
	font-size: .65rem;
	margin: .325rem .75rem 0 0;
	border: none;
	border-radius: .2rem;
	position: absolute;
	right: 0
}

.repayment-bottom .repayment-btn:active {
	background: #bf0a16
}

.repayment-bottom .repay-price {
	font-size: .8rem;
	line-height: 1rem;
	margin-top: .5rem;
	margin-left: .625rem;
	color: #444
}

.repayment-bottom .repay-price span {
	color: #d2000d
}

.repayment-bottom .serve-price {
	color: #b0b0b0;
	line-height: 1rem;
	font-size: .65rem;
	display: none;
	margin-left: .625rem
}

.account-page .account-list {
	height: 3rem;
	background: #fff;
	border-bottom: 1px solid #e0e0e0
}

.account-page .account-list li {
	color: #444;
	font-size: .65rem;
	line-height: 3rem;
	padding: 0 .75rem;
	box-sizing: border-box
}

.account-page .account-list li .list-right {
	float: right;
	color: #b1b1b1
}

.account-page .account-list li a {
	display: block
}

.installment-order-page {
	background: #f0f0f0;
	font-weight: 300;
	position: relative
}

.installment-order-page .all-completed {
	text-align: center;
	bottom: 0;
	position: fixed;
	height: 2.85rem;
	font-size: .85rem;
	line-height: 2.85rem;
	background: #fff;
	width: 100%;
	border-top: 1px solid #e1e1e1
}

.installment-order-page .refunded-list {
	margin-top: 1.6rem
}

.installment-order-page .order-info {
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 2
}

.installment-order-page .refund-text {
	background: #707070;
	color: #fff;
	padding: .425rem .875rem
}

.installment-order-page .header-tab {
	font-size: .675rem;
	text-align: center;
	height: 2.25rem;
	border-bottom: 1px solid #e1e1e1;
	background: #fff;
	position: fixed;
	width: 100%;
	top: 0
}

.installment-order-page .header-tab li {
	display: inline-block;
	width: 3.75rem;
	height: 2.25rem;
	line-height: 2.25rem
}

.installment-order-page .header-tab li a {
	color: #b1b1b1
}

.installment-order-page .header-tab li.active a {
	color: #444
}

.installment-order-page .order-list-container {
	padding-top: 3rem
}

.installment-order-page .order-list {
	border-top: 1px solid #e1e1e1;
	background: #fff
}

.installment-order-page .order-list li {
	padding: .5rem .75rem;
	height: 4rem;
	border-bottom: 1px solid #e1e1e1
}

.installment-order-page .order-list a {
	float: left;
	width: 100%
}

.installment-order-page .date-box,.installment-order-page .image-box,.installment-order-page .title-box {
	float: left
}

.installment-order-page .title-box {
	margin-left: .55rem;
	width: 5.25rem
}

.installment-order-page .title-box .product-name {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.installment-order-page .date-box {
	margin-top: .2rem;
	color: #b1b1b1;
	font-size: .6rem
}

.installment-order-page img {
	width: 2.25rem;
	height: 3rem
}

.installment-order-page .right-box {
	float: right;
	font-size: .675rem;
	text-align: right
}

.installment-order-page .status {
	font-size: .6rem;
	margin-top: .25rem
}

.installment-order-page .status.faded {
	color: #b1b1b1
}

.installment-order-page .order-detail {
	padding: .75rem;
	height: 4rem;
	border-bottom: 1px solid #e0e0e0;
	background: #fff
}

.installment-order-page .order-detail .info-box {
	margin-left: .55rem;
	float: left;
	width: 10.05rem
}

.installment-order-page .order-detail h3 {
	width: 100%;
	float: left;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-size: .6rem;
	line-height: .75rem;
	color: #444;
	margin-top: -.1rem
}

.installment-order-page .order-detail h4 {
	width: 100%;
	float: left;
	font-size: .6rem;
	line-height: .75rem;
	color: #444;
	margin-top: .25rem
}

.installment-order-page .installment-box {
	text-align: center;
	float: left;
	width: 33%;
	font-size: .55rem
}

.installment-order-page .installment-summary {
	background: #fff;
	padding: .75rem 0;
	border-bottom: 1px solid #e0e0e0;
	height: 3rem
}

.installment-order-page .detail-list-container {
	padding-top: 7.75rem;
	overflow-y: scroll;
	padding-bottom: 3rem
}

.installment-order-page .installment-list {
	border-top: 1px solid #e0e0e0;
	min-height: 17.5rem
}

.installment-order-page .installment-list li {
	padding: .5rem 0 .75rem 1.6rem;
	border-bottom: 1px solid #e0e0e0;
	height: 3rem;
	background: #fff;
	position: relative
}

.installment-order-page .installment-list .detail-index {
	float: left;
	margin-top: .5rem;
	margin-left: -.5rem
}

.installment-order-page .installment-list .detail-box {
	float: left;
	margin-left: .75rem
}

.installment-order-page .installment-list .amount {
	font-size: .75rem;
	margin-left: 1.125rem
}

.installment-order-page .installment-list .fee {
	margin-top: .1rem;
	margin-left: .875rem;
	font-size: .5rem
}

.installment-order-page .installment-list .status {
	position: absolute;
	top: .375rem;
	right: .75rem
}

.installment-order-page .installment-list .status .iconfont {
	display: none
}

.installment-order-page .installment-list .status.faded {
	color: #b0b0b0
}

.installment-order-page .installment-list .status.expired {
	color: #d0021b
}

.installment-order-page .installment-list .status.expired .iconfont {
	display: inline-block
}

.installment-order-page .installment-list .installment-check-btn+label:before {
	margin-top: .5rem;
	margin-left: -.9rem
}

.add-account-page .add-form {
	margin: .75rem 0 2rem;
	background: #fff;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	overflow: hidden;
	box-sizing: border-box
}

.add-account-page .add-form li {
	width: 100%;
	height: 2.15rem;
	border-top: 1px solid #e0e0e0;
	margin-left: .75rem;
	box-sizing: border-box
}

.add-account-page .add-form li:first-child {
	border-top: none
}

.add-account-page .add-form label {
	color: #444;
	font-size: .85rem;
	float: left;
	line-height: 2.15rem
}

.add-account-page .add-form input {
	font-size: .7rem;
	height: 1rem;
	line-height: 1rem;
	color: #b0b0b0;
	float: left;
	border: none;
	background: transparent;
	margin: .575rem 0 0 1.5rem;
	width: 9.5rem
}

.add-account-page .add-form input::-webkit-input-placeholder {
	color: #e0e0e0
}

.add-account-page .add-form input:-moz-placeholder,.add-account-page .add-form input::-moz-placeholder {
	color: #e0e0e0
}

.add-account-page .add-form input:-ms-input-placeholder {
	color: #e0e0e0
}

.add-account-page .add-form .notice {
	float: left;
	font-size: .7rem;
	color: #444;
	height: auto;
	width: auto;
	margin-top: .625rem;
	padding: .05rem .25rem .25rem;
	border-bottom: none
}

.add-account-page .add-form .username {
	color: #b0b0b0;
	float: left;
	font-size: .7rem;
	width: 10.25rem;
	height: 1rem;
	margin: .575rem 0 0 1.5rem;
	line-height: 1rem
}

.add-account-page .add-form .bank-info {
	padding-left: 4.125rem;
	margin-top: .65rem
}

.add-account-page .add-form .bank-info img {
	width: .8rem;
	height: .8rem;
	display: inline-block
}

.add-account-page .add-form .bank-info span {
	line-height: .8rem;
	position: absolute;
	margin-left: .25rem;
	margin-top: 1px
}

.add-account-page .disabled {
	opacity: .5
}

.add-account-page .success {
	display: none
}

.add-account-page .success .success-icon {
	margin-top: 5.2rem
}

.add-account-page .success .success-txt {
	text-align: center;
	font-size: .6rem;
	color: #444;
	margin-bottom: 2.25rem
}

.add-account-page .error {
	display: none
}

.add-account-page .error .error-txt1 {
	color: #444;
	font-size: .6rem
}

.add-account-page .error .error-txt2 {
	color: #b0b0b0;
	font-size: .55rem;
	line-height: .9rem;
	margin: .25rem 0 2.625rem
}

.add-account-page .error .contact-cs {
	width: 100%;
	position: fixed;
	bottom: 1.125rem;
	text-align: center;
	color: #444;
	font-size: .7rem
}

.installment-help {
	padding: .75rem;
	margin: 0;
	background-color: #fff;
	font-family: "\5FAE\8F6F\96C5\9ED1",sans-serif;
	color: #444;
	font-weight: 300
}

.installment-help .help-title {
	text-align: center;
	font-size: .7rem;
	margin-top: .25rem;
	font-weight: 700
}

.installment-help .help-group {
	text-align: left;
	margin: 0 .125rem 1.125rem
}

.installment-help .help-group h2 {
	font-size: .65rem;
	font-weight: 700
}

.installment-help .help-group p {
	font-size: .65rem;
	line-height: 1rem;
	margin-top: .25rem
}

.installment-help .help-group .remind {
	color: red
}

.installment-help .help-group .underline {
	text-decoration: underline
}

.installment-help .help-group .bold {
	font-weight: 700
}

.installment-help .help-group ul {
	list-style: disc;
	list-style-position: inside;
	margin-left: .55rem
}

.installment-help .help-group table {
	width: 92%;
	text-align: center;
	margin: 0 4%;
	border: 1px solid #000;
	font-size: .55rem
}

.installment-help .help-group table td {
	text-align: center;
	border-right: 1px solid #000
}

.installment-help .help-group table tr:last-child {
	border-top: 1px solid #000
}

.installment-agreement p {
	text-indent: 2em
}

.installment-agreement ul {
	list-style-type: none
}

.installment-agreement ul li {
	display: inline-block
}

.installment-agreement .indent2 {
	text-indent: 2em;
	display: inline-block
}

.bank-card-page .bank-card-list {
	padding: .75rem .75rem 0
}

.bank-card-page .card-tips {
	width: 100%;
	height: 2.2rem;
	background-color: #ff8080;
	font-size: .6rem;
	padding: .25rem .625rem
}

.bank-card-page .card-tips .left {
	float: left;
	height: 1.7rem;
	line-height: .85rem;
	font-size: .6rem;
	color: #fff
}

.bank-card-page .card-tips .right {
	float: right;
	width: 4.25rem;
	height: 1.7rem;
	line-height: 1.7rem;
	text-align: right
}

.bank-card-page .card-tips .right .iconfont {
	color: #fff;
	font-size: .5rem
}

.bank-card-page .card-nav {
	width: 100%;
	height: 5rem;
	margin-bottom: .75rem;
	position: relative;
	background: #000;
	border-radius: .25rem;
	background-size: contain;
	display: block
}

.bank-card-page .card-nav span {
	position: absolute;
	right: .75rem;
	bottom: .75rem;
	color: #fff;
	font-size: 1rem
}

.bank-card-page .card-nav .out-of-service {
	width: 3rem;
	height: 1rem;
	border-radius: .15rem;
	background-color: #fff;
	font-size: .6rem;
	color: #ff575c;
	line-height: 1rem;
	text-align: center;
	position: absolute;
	top: .5rem;
	right: .5rem
}

.bank-card-page .card-bg-abc {
	background: url(../images/bank-ABC.bf38ed35b2.png) no-repeat;
	background-size: contain
}

.bank-card-page .card-bg-boc {
	background: url(../images/bank-BOC.f1d4c6ef36.png) no-repeat;
	background-size: contain
}

.bank-card-page .card-bg-ccb {
	background: url(../images/bank-CCB.9b509a45dd.png) no-repeat;
	background-size: contain
}

.bank-card-page .card-bg-cgb {
	background: url(../images/bank-CGB.c792c69582.png) no-repeat;
	background-size: contain
}

.bank-card-page .card-bg-cib {
	background: url(../images/bank-CIB.a0e2fd2ddd.png) no-repeat;
	background-size: contain
}

.bank-card-page .card-bg-citic {
	background: url(../images/bank-CITIC.2d1d55fe95.png) no-repeat;
	background-size: contain
}

.bank-card-page .card-bg-cmbc {
	background: url(../images/bank-CMBC.8d54521876.png) no-repeat;
	background-size: contain
}

.bank-card-page .card-bg-ceb {
	background: url(../images/bank-CEB.a8663c11df.png) no-repeat;
	background-size: contain
}

.bank-card-page .card-bg-icbc {
	background: url(../images/bank-ICBC.db6ff348ce.png) no-repeat;
	background-size: contain
}

.bank-card-page .card-bg-payh {
	background: url(../images/bank-PAYH.608b96f2ea.png) no-repeat;
	background-size: contain
}

.bank-card-page .card-bg-psbc {
	background: url(../images/bank-PSBC.1d82ec4e2e.png) no-repeat;
	background-size: contain
}

.card-detail-page .card-detail {
	font-family: "\9ED1\4F53",sans-serif;
	width: 100%;
	height: 3rem;
	background: #ff575c;
	color: #fff
}

.card-detail-page .card-icon {
	width: 2rem;
	height: 2rem;
	float: left;
	margin: .5rem 0 0 .75rem;
	background-repeat: no-repeat;
	background-size: 100%
}

.card-detail-page .card-icon-abc {
	background-image: url(../images/b-ABC.ec1b65a423.png)
}

.card-detail-page .card-icon-boc {
	background-image: url(../images/b-BOC.27b5bb57da.png)
}

.card-detail-page .card-icon-ccb {
	background-image: url(../images/b-CCB.a79d56073e.png)
}

.card-detail-page .card-icon-ceb {
	background-image: url(../images/b-CEB.2b69eff3db.png)
}

.card-detail-page .card-icon-cgb {
	background-image: url(../images/b-CGB.82cf329643.png)
}

.card-detail-page .card-icon-cib {
	background-image: url(../images/b-CIB.9f74ceee94.png)
}

.card-detail-page .card-icon-citic {
	background-image: url(../images/b-CITIC.9d837b0f83.png)
}

.card-detail-page .card-icon-cmbc {
	background-image: url(../images/b-CMBC.39619c9697.png)
}

.card-detail-page .card-icon-icbc {
	background-image: url(../images/b-ICBC.79d04bcafa.png)
}

.card-detail-page .card-icon-payh {
	background-image: url(../images/b-PAYH.70f70ae8f7.png)
}

.card-detail-page .card-icon-psbc {
	background-image: url(../images/b-PSBC.4298ff9233.png)
}

.card-detail-page .card-right {
	float: left;
	margin-left: .25rem
}

.card-detail-page .card-right .bank-name {
	font-size: .75rem;
	margin-top: .5rem
}

.card-detail-page .card-right .card-no {
	font-size: .65rem;
	font-style: normal
}

.card-detail-page .card-info {
	background: #fff;
	border-bottom: 1px solid #e0e0e0;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-left: .75rem;
	box-sizing: border-box
}

.card-detail-page .card-info li {
	height: 2.2rem;
	border-bottom: 1px solid #e0e0e0;
	line-height: 2.2rem
}

.card-detail-page .card-info li .txt-label {
	width: 5.5rem;
	text-align: left;
	font-size: .85rem;
	color: #444;
	float: left
}

.card-detail-page .card-info li .info-right {
	float: left;
	color: #444;
	font-size: .7rem
}

.card-detail-page .card-info li:last-child {
	border-bottom: none
}

.card-detail-page .tip-cont p {
	color: #b0b0b0;
	font-size: .55rem;
	line-height: .75rem;
	padding: .625rem .625rem 0
}

.card-detail-page .tip-cont .card-btn {
	width: 16.4rem;
	margin: 2.35rem auto 0;
	font-size: .7rem;
	line-height: 2.2rem
}

.card-detail-page .tip-cont span {
	float: left;
	width: 7.8rem;
	height: 2.2rem;
	border-radius: .25rem;
	text-align: center;
	cursor: pointer
}

.card-detail-page .tip-cont .relieve-btn {
	background: #fff;
	border: 1px solid #444;
	color: #444;
	margin-right: .75rem
}

.card-detail-page .tip-cont .relieve-btn:active {
	background: #dedede;
	border: 1px solid #adadad
}

.card-detail-page .tip-cont .change-btn {
	background: #444;
	color: #fff
}

.card-detail-page .tip-cont .change-btn:active {
	background: #2b2b2b
}

.installment-body .dialog-box {
	background: #fff!important
}

.no-result .result-icon {
	width: 3.825rem;
	height: 4.925rem;
	background: url(../images/review-img-3.1c7b7e5056.png) no-repeat;
	background-size: contain;
	margin: 4.95rem auto .9rem;
	display: block
}

.no-result .txt {
	text-align: center;
	color: #444
}

.no-result .guang-btn {
	width: 11.8rem;
	height: 2.2rem;
	background: #444;
	color: #fff;
	text-align: center;
	line-height: 2.2rem;
	border-radius: .15rem;
	margin: 2.75rem auto 0;
	display: block
}

.qrcode {
	padding: 0 .75rem
}

.qrcode .qrcode-title {
	margin: .75rem 0
}

.qrcode .qrcode-tip {
	font-size: .5rem;
	color: #c6c6c6
}

.qrcode .qrcode-tip:before {
	content: "";
	display: inline-block;
	width: .5rem;
	height: .5rem;
	background: url(../images/tip.72aee61bd7.png);
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: -.05rem;
	margin-right: .2rem
}

.qrcode .qrcode-say {
	color: #c6c6c6;
	margin-top: 2rem
}

.qrcode .qrcode-wrap {
	position: relative
}

.qrcode .qrcode-wrap .chan {
	background-image: url(../images/up-icon.dd4b29b7e6.png);
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 50%;
	margin-top: -.375rem;
	width: .775rem;
	height: .775rem
}

.qrcode .qrcode-wrap .prev {
	left: 0;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg)
}

.qrcode .qrcode-wrap .next {
	right: 0;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.qrcode .qrcode-pages {
	text-align: center;
	padding: .75rem 0;
	letter-spacing: .1rem;
	font-size: .7rem
}

.qrcode .swiper-container {
	width: 10.3rem
}

.qrcode .swiper-container .qrcode-img {
	width: 10.3rem;
	height: 10.3rem;
	display: block;
	margin-bottom: 1rem
}

.qrcode .swiper-container .qrcode-img img {
	width: 100%;
	height: 100%;
	display: block
}

.qrcode .swiper-container p {
	line-height: .875rem;
	height: .875rem
}

.qrcode .swiper-container label {
	display: inline-block;
	width: 3.7rem;
	text-align: right;
	margin-right: 1rem
}

.myqrcode {
	height: 21.5rem;
	width: 13.875rem;
	margin: 2.5rem auto .75rem;
	padding-top: 1.375rem;
	text-align: center;
	border-radius: .2rem;
	background: #fff
}

.myqrcode_head {
	height: 3rem;
	width: 3rem;
	margin-bottom: .5rem;
	border: .125rem solid #e0e0e0;
	border-radius: 50%;
	background: #ccc
}

.myqrcode_uname {
	display: inline-block;
	margin-bottom: .3rem
}

.myqrcode_vip {
	height: .8rem;
	width: 1.8rem;
	margin: 0 auto .625rem;
	background-size: 100%
}

.myqrcode_vip_1 {
	background-image: url(../images/vip-1.63293bb7f6.png)
}

.myqrcode_vip_2 {
	background-image: url(../images/vip-2.801d14e31c.png)
}

.myqrcode_vip_3 {
	background-image: url(../images/vip-3.105a0cd9ec.png)
}

.myqrcode_qr {
	display: inline-block;
	position: relative;
	height: 12.5rem;
	width: 12.5rem
}

.myqrcode_icon {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 2.5rem;
	width: 2.5rem;
	border: .125rem solid #fff;
	border-radius: 50%;
	margin-top: -1.25rem;
	margin-left: -1.25rem
}

.yoho-favorite-page .fav-tab>li {
	width: 50%;
	height: 100%;
	float: left;
	text-align: center
}

.yoho-favorite-page .fav-tab>li.active {
	color: #444
}

.yoho-favorite-page .fav-tab>li:last-of-type {
	float: right;
	position: relative
}

.yoho-favorite-page .fav-tab>li:last-of-type:after {
	content: "";
	display: block;
	width: 1px;
	height: 1.1rem;
	position: absolute;
	left: 0;
	top: .55rem;
	background: #b0b0b0
}

.yoho-favorite-page .fav-content .fav-product-list {
	list-style: none;
	margin-left: .75rem
}

.yoho-favorite-page .fav-content .fav-product-list li {
	height: auto;
	overflow: hidden;
	margin-top: .5rem
}

.yoho-favorite-page .fav-content .fav-product-list .fav-img-box {
	width: 2.25rem;
	height: 3rem;
	float: left;
	margin-right: .6rem
}

.yoho-favorite-page .fav-content .fav-product-list .fav-img-box img {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%
}

.yoho-favorite-page .fav-content .fav-product-list .fav-info-list {
	color: #444;
	font-size: .6rem;
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: .5rem;
	height: 3.5rem;
	overflow: hidden;
	position: relative
}

.yoho-favorite-page .fav-content .fav-product-list .fav-info-list h2 {
	width: 10.75rem;
	text-overflow: ellipsis
}

.yoho-favorite-page .fav-content .fav-product-list .fav-info-list .fav-price .new-price {
	color: #d1021c
}

.yoho-favorite-page .fav-content .fav-product-list .fav-info-list .fav-price .price-underline {
	text-decoration: line-through;
	margin-left: .375rem;
	color: #b0b0b0
}

.yoho-favorite-page .fav-content .fav-product-list .fav-info-list .save-price {
	position: absolute;
	bottom: .5rem;
	left: 0;
	width: 100%;
	min-height: .6rem
}

.yoho-favorite-page .fav-content .fav-product-list .fav-info-list .save-price span {
	color: #d1021c
}

.yoho-favorite-page .fav-content .fav-product-list .fav-info-list .save-price .sell-out {
	padding: .125rem .45rem;
	color: #fffefe;
	border-radius: .5rem;
	background: #7f7f7f;
	font-size: .55rem
}

.yoho-favorite-page .fav-content .fav-product-list .fav-info-list .save-price .del-fav {
	width: 2rem;
	height: 1.5rem;
	line-height: 1.5rem;
	position: absolute;
	top: 50%;
	margin-top: -.75rem;
	right: 0;
	color: #999;
	padding-right: .75rem;
	text-align: right
}

.yoho-favorite-page .fav-content .fav-product-list .fav-info-list .save-price-number {
	text-indent: 1.05rem;
	color: #b0b0b0;
	padding-top: .075rem
}

.yoho-favorite-page .fav-content .fav-product-list .fav-info-list .save-price-number:before {
	content: "";
	display: block;
	background: url(../images/save-price.0b31fec29f.png);
	background-size: 100%;
	width: .8rem;
	height: .8rem;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -.4rem
}

.yoho-favorite-page .fav-content .fav-product-list .fav-info-list .save-price-number span {
	margin-left: .375rem
}

.yoho-favorite-page .fav-content .fav-product-list .fav-info-list .save-price-number .del-fav {
	text-indent: 0;
	margin-left: 0
}

.yoho-favorite-page .fav-content .fav-brand-swiper {
	border-top: 1px solid #e0e0e0;
	border-bottom: .7rem solid #f0f0f0;
	position: relative
}

.yoho-favorite-page .fav-content .fav-brand-swiper:first-of-type {
	border-top: 0
}

.yoho-favorite-page .fav-content .fav-brand-swiper:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -.05rem;
	border-top: 1px solid #e0e0e0;
	display: block;
	width: 100%;
	height: 1px
}

.yoho-favorite-page .fav-content .fav-brand-swiper .swiper-header {
	height: 2.5rem;
	padding: .5rem .75rem;
	display: inline-block;
	position: relative;
	width: 100%;
	box-sizing: border-box
}

.yoho-favorite-page .fav-content .fav-brand-swiper .swiper-header .swiper-logo {
	height: 100%;
	display: inline-block;
	float: left;
	margin-right: 1.125rem
}

.yoho-favorite-page .fav-content .fav-brand-swiper .swiper-header .swiper-logo>img {
	max-height: 100%;
	vertical-align: middle
}

.yoho-favorite-page .fav-content .fav-brand-swiper .swiper-header .brand-info {
	float: left
}

.yoho-favorite-page .fav-content .fav-brand-swiper .swiper-header .brand-info .brand-name {
	font-size: .7rem
}

.yoho-favorite-page .fav-content .fav-brand-swiper .swiper-header .brand-info .brand-name b {
	color: #b0b0b0;
	font-weight: 400
}

.yoho-favorite-page .fav-content .fav-brand-swiper .swiper-header .brand-info .brand-update {
	font-size: .55rem
}

.yoho-favorite-page .fav-content .fav-brand-swiper .swiper-header .brand-info .brand-update b {
	color: #b0b0b0;
	font-weight: 400
}

.yoho-favorite-page .fav-content .fav-brand-swiper .swiper-header .brand-info .brand-update .brand-new {
	color: #86bf4a;
	margin-right: .6rem
}

.yoho-favorite-page .fav-content .fav-brand-swiper .swiper-header .brand-info .brand-update .brand-discount {
	color: #d1021c
}

.yoho-favorite-page .fav-content .fav-brand-swiper .swiper-header .fav-more {
	width: 2.5rem;
	height: 2.5rem;
	position: absolute;
	top: 0;
	right: 0
}

.yoho-favorite-page .fav-content .fav-brand-swiper .swiper-header .fav-more:after {
	background: url(../images/fav-more.478affbf4f.png);
	background-size: 100%;
	width: .45rem;
	height: .725rem;
	position: absolute;
	top: 50%;
	right: .75rem;
	margin-top: -.375rem;
	content: ""
}

.yoho-favorite-page .fav-content .fav-brand-swiper .swiper-container {
	height: 9.125rem;
	margin: 0 .75rem
}

.yoho-favorite-page .fav-content .fav-brand-swiper .swiper-container .swiper-slide {
	width: 6.375rem;
	height: 100%;
	float: left;
	padding-right: .75rem
}

.yoho-favorite-page .fav-content .fav-brand-swiper .swiper-container .swiper-slide:last-of-type {
	padding-right: 0
}

.yoho-favorite-page .fav-content .fav-brand-swiper .swiper-container .swiper-slide img {
	display: block;
	width: 100%;
	height: 7.5rem;
	overflow: hidden
}

.yoho-favorite-page .fav-content .fav-brand-swiper .swiper-container .swiper-slide .brand-product {
	height: 1.625rem;
	line-height: 1.625rem;
	text-align: center;
	font-size: .55rem
}

.yoho-favorite-page .fav-content .fav-brand-swiper .swiper-container .swiper-slide .brand-product .price-discount span {
	color: #d1021c
}

.yoho-favorite-page .fav-content .fav-brand-swiper .swiper-container .swiper-slide .brand-product .price-discount b {
	color: #b0b0b0;
	text-decoration: line-through;
	font-weight: 400;
	margin-left: .325rem
}

.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
}

.yoho-favorite-page {
	width: 100%;
	height: auto
}

.yoho-favorite-page .fav-tab {
	width: 100%;
	height: 2.2rem;
	line-height: 2.2rem;
	border-bottom: 1px solid #e0e0e0;
	color: #b0b0b0;
	font-size: .65rem
}

.yoho-favorite-page .fav-tab li {
	width: 50%;
	height: 100%;
	float: left;
	text-align: center
}

.yoho-favorite-page .fav-tab li.active {
	color: #444
}

.yoho-favorite-page .fav-tab li:last-of-type {
	float: right;
	position: relative
}

.yoho-favorite-page .fav-tab li:last-of-type:after {
	content: "";
	display: block;
	width: 1px;
	height: 1.1rem;
	position: absolute;
	left: 0;
	top: .55rem;
	background: #b0b0b0
}

.yoho-favorite-page .fav-content .fav-type {
	display: none
}

.yoho-favorite-page .fav-content .show {
	display: block
}

.yoho-favorite-page .fav-content .fav-null {
	font-size: .55rem;
	color: #444;
	display: block;
	margin-top: 2.5rem;
	text-align: center
}

.yoho-favorite-page .fav-content .fav-null:before {
	content: "";
	display: block;
	width: 4.7rem;
	height: 4.275rem;
	background: url(../images/fav-null.a0f311869d.png);
	background-size: 100% 100%;
	margin: 0 auto 1.125rem
}

.yoho-favorite-page .fav-content .go-shopping {
	width: 11.8rem;
	height: 2.2rem;
	line-height: 2.2rem;
	margin: 2rem auto 0;
	background: #444;
	text-align: center;
	color: #fff;
	display: block;
	font-size: .65rem;
	border-radius: .2rem
}

.yoho-favorite-page .fav-content .fav-null-box {
	display: none
}

.yoho-favorite-page .fav-product-list {
	list-style: none;
	margin-left: .75rem
}

.yoho-favorite-page .fav-product-list li {
	height: auto;
	overflow: hidden;
	margin-top: .5rem
}

.yoho-favorite-page .fav-product-list .fav-img-box {
	width: 2.25rem;
	height: 3rem;
	float: left;
	margin-right: .6rem
}

.yoho-favorite-page .fav-product-list .fav-img-box img {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%
}

.yoho-favorite-page .fav-product-list .fav-info-list {
	color: #444;
	font-size: .6rem;
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: .5rem;
	height: 3rem;
	overflow: hidden;
	position: relative
}

.yoho-favorite-page .fav-product-list .fav-info-list h2 {
	width: 10.75rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.yoho-favorite-page .fav-product-list .fav-info-list .new-price {
	color: #d1021c
}

.yoho-favorite-page .fav-product-list .fav-info-list .price-underline {
	text-decoration: line-through;
	margin-left: .375rem;
	color: #b0b0b0
}

.yoho-favorite-page .fav-product-list .fav-info-list .save-price {
	position: absolute;
	bottom: .5rem;
	left: 0;
	width: 100%;
	min-height: .6rem
}

.yoho-favorite-page .fav-product-list .fav-info-list .save-price span {
	color: #d1021c
}

.yoho-favorite-page .fav-product-list .fav-info-list .save-price .sell-out {
	padding: .125rem .45rem;
	color: #fffefe;
	border-radius: .5rem;
	background: #7f7f7f;
	font-size: .55rem
}

.yoho-favorite-page .fav-product-list .fav-info-list .save-price .del-fav {
	text-indent: 0;
	margin-left: 0;
	width: 2rem;
	height: 1.5rem;
	line-height: 1.5rem;
	position: absolute;
	top: 50%;
	margin-top: -.75rem;
	right: 0;
	color: #999;
	padding-right: .75rem;
	text-align: right
}

.yoho-favorite-page .fav-product-list .fav-info-list .save-price-number {
	text-indent: 1.05rem;
	color: #b0b0b0;
	padding-top: .075rem
}

.yoho-favorite-page .fav-product-list .fav-info-list .save-price-number:before {
	content: "";
	display: block;
	background: url(../images/save-price.0b31fec29f.png);
	background-size: 100%;
	width: .8rem;
	height: .8rem;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -.4rem
}

.yoho-favorite-page .fav-product-list .fav-info-list .save-price-number span {
	margin-left: .375rem
}

.yoho-favorite-page .fav-brand-swiper {
	border-top: 1px solid #e0e0e0;
	border-bottom: .7rem solid #f0f0f0;
	position: relative
}

.yoho-favorite-page .fav-brand-swiper:first-of-type {
	border-top: 0
}

.yoho-favorite-page .fav-brand-swiper:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -.05rem;
	border-top: 1px solid #e0e0e0;
	display: block;
	width: 100%;
	height: 1px
}

.yoho-favorite-page .fav-brand-swiper .swiper-header {
	height: 2.5rem;
	padding: .5rem .75rem;
	display: inline-block;
	position: relative;
	width: 100%;
	box-sizing: border-box
}

.yoho-favorite-page .fav-brand-swiper .swiper-header .fav-more {
	width: 2.5rem;
	height: 2.5rem;
	position: absolute;
	top: 0;
	right: 0
}

.yoho-favorite-page .fav-brand-swiper .swiper-header .fav-more:after {
	width: .45rem;
	height: .725rem;
	background: url(../images/fav-more.478affbf4f.png);
	background-size: 100%;
	position: absolute;
	top: 50%;
	right: .75rem;
	margin-top: -.375rem;
	content: ""
}

.yoho-favorite-page .fav-brand-swiper .brand-info {
	float: left
}

.yoho-favorite-page .fav-brand-swiper .brand-info .brand-name {
	font-size: .7rem
}

.yoho-favorite-page .fav-brand-swiper .brand-info .brand-name b {
	color: #b0b0b0;
	font-weight: 400
}

.yoho-favorite-page .fav-brand-swiper .brand-info .brand-update {
	font-size: .55rem
}

.yoho-favorite-page .fav-brand-swiper .brand-info .brand-update b {
	color: #b0b0b0;
	font-weight: 400
}

.yoho-favorite-page .fav-brand-swiper .brand-info .brand-update .brand-new {
	color: #86bf4a;
	margin-right: .6rem
}

.yoho-favorite-page .fav-brand-swiper .brand-info .brand-update .brand-discount {
	color: #d1021c
}

.yoho-favorite-page .fav-brand-swiper .swiper-logo {
	height: 100%;
	display: block;
	float: left;
	margin-right: 1.125rem
}

.yoho-favorite-page .fav-brand-swiper .swiper-logo>img {
	max-height: 100%;
	vertical-align: middle
}

.yoho-favorite-page .fav-brand-swiper .swiper-container {
	height: 9.125rem;
	margin: 0 .75rem
}

.yoho-favorite-page .fav-brand-swiper .swiper-container .swiper-slide {
	width: 5.625rem;
	height: 100%;
	float: left;
	padding-right: .75rem
}

.yoho-favorite-page .fav-brand-swiper .swiper-container .swiper-slide:last-of-type {
	padding-right: 0
}

.yoho-favorite-page .fav-brand-swiper .swiper-container .swiper-slide img {
	display: block;
	width: 100%;
	height: 7.5rem;
	overflow: hidden
}

.yoho-favorite-page .fav-brand-swiper .swiper-container .swiper-slide .brand-product {
	height: 1.625rem;
	line-height: 1.625rem;
	text-align: center;
	font-size: .55rem
}

.yoho-favorite-page .fav-brand-swiper .swiper-container .price-discount span {
	color: #d1021c
}

.yoho-favorite-page .fav-brand-swiper .swiper-container .price-discount b {
	color: #b0b0b0;
	text-decoration: line-through;
	font-weight: 400;
	margin-left: .325rem
}

.yoho-favorite-page .fav-brand-load-more,.yoho-favorite-page .fav-load-more {
	width: 100%;
	height: 2rem;
	line-height: 2rem;
	text-align: center;
	color: #444
}

.yoho-favorite-page .fav-brand-load-more.load-background,.yoho-favorite-page .fav-content-loading,.yoho-favorite-page .fav-load-more.load-background {
	background: url(../images/loading.22bda9c276.gif) 50% no-repeat;
	background-size: auto 40%
}

.yoho-favorite-page .fav-content-loading {
	width: 100%;
	height: 2rem;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: 9.5rem
}

.my-coupon-page .employ {
	width: 100%;
	height: 2.25rem;
	border-bottom: 1px solid #e0e0e0;
	position: relative
}

.my-coupon-page .employ span {
	width: 49%;
	height: 1.2rem;
	line-height: 1.2rem;
	overflow: hidden;
	border-right: 2px solid #e0e0e0;
	margin: .525rem 0;
	float: left;
	text-align: center;
	font-size: .8rem;
	color: #b0b0b0
}

.my-coupon-page .employ span:last-of-type {
	border: none
}

.my-coupon-page .employ span.active {
	color: #444
}

.my-coupon-page .coupon-list {
	width: 100%;
	height: auto;
	overflow: hidden
}

.my-coupon-page .coupon-list .employ-main {
	display: block;
	width: 90.625%;
	height: 4.5rem;
	overflow: hidden;
	margin: .75rem auto;
	background-image: url(../images/employ.dcc8e4fbc5.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	color: #fff;
	position: relative
}

.my-coupon-page .coupon-list .employ-main.focus {
	background-image: url(../images/employ-red.c11ee2b598.jpg)
}

.my-coupon-page .coupon-list .employ-main span {
	width: 34.482759%;
	height: 100%;
	float: left;
	text-align: center;
	line-height: 4.5rem;
	font-size: 2.15rem
}

.my-coupon-page .coupon-list .employ-main p {
	width: 59.517241%;
	height: auto;
	margin: 0 .3rem;
	float: left
}

.my-coupon-page .coupon-list .employ-main p:first-of-type {
	margin-top: .75rem;
	font-size: .685rem;
	height: auto;
	min-height: 2rem;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden
}

.my-coupon-page .coupon-list .employ-main i {
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/employsy.d2555c3650.png) 100% 0 no-repeat;
	background-size: auto 100%
}

.my-coupon-page .coupon-list .null {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: fixed;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.my-coupon-page .coupon-list .null i {
	width: 100%;
	height: 3rem;
	overflow: hidden;
	display: block;
	background: url(../images/not.915309acfb.png) top no-repeat;
	background-size: auto 100%
}

.my-coupon-page .coupon-list .null p {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: .5rem 0 0;
	font-size: .8rem;
	text-align: center;
	color: #444
}

.my-coupon-page .coupon-list .null a {
	width: 73.75%;
	height: 2rem;
	overflow: hidden;
	font-size: .9rem;
	line-height: 2rem;
	display: block;
	background: #444;
	color: #fff;
	text-align: center;
	margin: 1.5rem auto 0;
	border-radius: .2rem
}

.my-coupon-page .none {
	display: none
}

.i-help,.i-help ul {
	width: 100%;
	height: auto;
	overflow: hidden
}

.i-help ul {
	display: block;
	border-top: 1px solid #e0e0e0
}

.i-help ul li {
	width: 100%;
	height: 2rem;
	line-height: 2.1rem;
	overflow: hidden;
	font-size: .7rem;
	border-bottom: 1px solid #e0e0e0;
	float: right;
	color: #444
}

.i-help ul li:last-of-type {
	border-bottom: none
}

.i-help ul li a:visited {
	color: #444
}

.i-help ul li span {
	width: 92%;
	height: 100%;
	overflow: hidden;
	float: left;
	padding-left: 5%
}

.i-help ul li i {
	color: #e0e0e0
}

.deal_main {
	margin: .5rem 3%;
	font-size: 14.4PX;
	width: 94%;
	overflow: hidden
}

.massage-page {
	margin-top: .4rem;
	padding-bottom: .6rem
}

.massage-page .err {
	text-align: center;
	line-height: 1rem;
	font-size: .75rem;
	margin-top: 5rem
}

.massage-page .massage-list {
	padding: .3rem 2.5rem .3rem .6rem;
	border-bottom: 1px solid #f8f8f8;
	position: relative;
	overflow: hidden
}

.massage-page .massage-list p {
	font-size: .7rem;
	color: #222
}

.massage-page .massage-list .ticket-pic {
	display: block;
	width: 14.5rem;
	overflow: hidden;
	margin: .5rem auto .75rem;
	position: relative
}

.massage-page .massage-list .ticket-btn {
	width: 14.5rem
}

.massage-page .massage-list .ticket-btn .ticket-btn-c {
	width: 10.5rem;
	border-top: 1px solid #e0e0e0;
	clear: both;
	margin: 1.375rem auto 0
}

.massage-page .massage-list .ticket-btn .ticket-btn-c div {
	width: 5rem;
	margin: -.625rem auto 0;
	height: 1.35rem;
	background-color: #fff
}

.massage-page .massage-list .ticket-btn .ticket-btn-c div a {
	width: 3.8rem;
	height: 1.25rem;
	border: .05rem solid #d0021b;
	color: #fff;
	font-size: .6rem;
	display: block;
	text-align: center;
	line-height: 1.25rem;
	border-radius: .625rem;
	margin: 0 auto;
	background-color: #d0021b
}

.massage-page .massage-list .ticket-btn .ticket-btn-c div .disable {
	background-color: #b0b0b0;
	color: #fff;
	border-color: #b0b0b0
}

.massage-page .massage-list span {
	font-size: .6rem;
	color: #999
}

.massage-page .massage-list i {
	position: absolute;
	right: 1.2rem;
	top: .6rem;
	color: #ccc
}

.massage-page .massage-list strong {
	width: .2rem;
	height: .2rem;
	position: absolute;
	left: .25rem;
	top: .6rem;
	background: red;
	border-radius: 50%
}

.massage-page .massage-main {
	border-bottom: 1px solid #f8f8f8;
	padding: .3rem;
	margin-left: .25rem;
	margin-bottom: .25rem
}

.massage-page .massage-main h6 {
	margin-bottom: .2rem
}

.massage-page .massage-main span {
	color: #656565
}

.massage-page .sale-btn {
	background-color: #ea2622;
	color: #fff;
	padding: .125rem .25rem
}

.massage-page .coupon-item {
	margin-left: .25rem;
	padding-bottom: .25rem;
	border-bottom: 1px solid #f8f8f8;
	margin-top: .25rem
}

.massage-page .coupon-item .coupon-img {
	width: 3.2rem;
	height: auto;
	overflow: hidden;
	float: left;
	margin-right: .4rem
}

.massage-page .coupon-item .coupon-img img {
	width: 100%;
	height: auto
}

.massage-page .coupon-item .coupon-info {
	font-size: .6rem
}

.massage-page .coupon-item .coupon-info span {
	color: red
}

.massage-page .coupon-item .coupon-action {
	width: 2.75rem;
	font-size: .6rem;
	letter-spacing: .05rem;
	height: .875rem;
	line-height: .875rem;
	background: #ed0010;
	text-align: center;
	margin: .075rem 0 0 3.6rem
}

.massage-page .coupon-item .coupon-action a {
	display: block;
	color: #fff;
	width: 100%;
	height: 100%
}

.massage-page .birth-type-c {
	padding: 0 .75rem
}

.massage-page .birth-type-c .title {
	color: #444;
	font-size: .7rem;
	border-bottom: 1px solid #e0e0e0;
	line-height: 2.2rem
}

.massage-page .birth-type-c .title span {
	font-size: .5rem;
	color: #b0b0b0
}

.massage-page .birth-type-c .ticket-list {
	padding-top: .75rem
}

.massage-page .birth-type-c .ticket-list .ticket {
	margin-bottom: .75rem;
	width: 14.5rem;
	height: 4.2rem;
	background-image: url(../images/employ2.ad3aab26b6.png);
	background-position: top;
	background-repeat: no-repeat;
	background-size: 100% 100%
}

.massage-page .birth-type-c .ticket-list .ticket .left {
	width: 5rem;
	height: 4.2rem;
	color: #fff;
	font-size: 2.25rem;
	line-height: 4.2rem;
	text-align: center;
	float: left;
	overflow: hidden
}

.massage-page .birth-type-c .ticket-list .ticket .left span {
	float: left;
	margin-left: .25rem;
	font-size: 1.25rem
}

.massage-page .birth-type-c .ticket-list .ticket .left div {
	overflow: hidden
}

.massage-page .birth-type-c .ticket-list .ticket .right {
	width: 6.75rem;
	padding: .75rem 0;
	height: 4.2rem;
	float: left
}

.massage-page .birth-type-c .ticket-list .ticket .right .first {
	width: 6rem;
	overflow: hidden;
	font-size: .65rem;
	line-height: 1rem;
	height: 2rem
}

.massage-page .birth-type-c .ticket-list .ticket .right p {
	font-size: .45rem;
	color: #fff;
	line-height: .75rem
}

.massage-page .birth-type-c .ticket-list .ticket .btn {
	width: 2.75rem;
	height: 4.2rem;
	float: left;
	display: block
}

.chat-qa-page .search-c {
	height: 2.3rem;
	padding-top: .425rem;
	border-bottom: 1px solid #e0e0e0
}

.chat-qa-page .list-group .highlight {
	background-color: #eee
}

.chat-qa-page .list-group .list {
	display: block;
	min-height: 3rem;
	position: relative
}

.chat-qa-page .list-group .list .arr-ico {
	line-height: 3rem;
	color: #e1e1e1;
	font-size: .625rem;
	position: absolute;
	top: 0;
	right: .75rem
}

.chat-qa-page .list-group .list .icon {
	width: 2.5rem;
	height: 3rem;
	float: left;
	background-repeat: no-repeat;
	background-size: auto 50%;
	background-position: 50%
}

.chat-qa-page .list-group .list .gm-ico {
	background-image: url(../images/gm-ico.a18ee54625.png);
	width: 1.5rem;
	height: 1.5rem;
	margin: .75rem .5rem
}

.chat-qa-page .list-group .list .advice-ico {
	background-image: url(../images/advice-ico.7a2b2e0b33.png);
	width: 1.5rem;
	height: 1.5rem;
	margin: .75rem .5rem
}

.chat-qa-page .list-group .list .tel-ico {
	background-image: url(../images/tel-ico.efeb1de32d.png);
	width: 1.5rem;
	height: 1.5rem;
	margin: .75rem .5rem
}

.chat-qa-page .list-group .list .questionnaire-ico {
	background-image: url(../images/questionnaire-ico.26d0448e42.png);
	width: 1.5rem;
	height: 1.5rem;
	margin: .75rem .5rem
}

.chat-qa-page .list-group .list span {
	color: #444;
	font-size: .7rem;
	position: absolute;
	top: 0;
	right: 1.75rem;
	line-height: 3rem
}

.chat-qa-page .list-group .list div {
	min-height: 3rem;
	padding: .625rem 2rem .5rem 0;
	width: 16.25rem;
	float: left;
	border-bottom: 1px solid #e0e0e0
}

.chat-qa-page .list-group .list div .title {
	line-height: 1rem;
	font-size: .8rem
}

.chat-qa-page .list-group .list div .tip {
	line-height: .875rem;
	font-size: .6rem;
	color: #b0b0b0
}

.chat-qa-page .list-group .list:last-child div {
	border-bottom: 0
}

.chat-qa-page .list-group .common-item .arr-ico {
	line-height: 2.25rem;
	color: #e1e1e1;
	font-size: .625rem;
	position: absolute;
	top: 0;
	right: .75rem
}

.chat-qa-c {
	width: 100%;
	position: relative
}

.chat-qa-c .search-c a {
	display: block;
	width: 17.95rem;
	height: 1.425rem;
	background-color: #eaebed;
	margin: 0 auto;
	border-radius: .25rem;
	padding: .25rem .75rem
}

.chat-qa-c .search-c a .search-icon {
	color: #8e8e93;
	font-size: .75rem
}

.chat-qa-c .search-c a input {
	height: .925rem;
	line-height: .925rem;
	border: 0;
	color: #8e8e93;
	font-size: .7rem;
	background: none;
	width: 15rem;
	padding-left: .5rem
}

.chat-qa-c .list-title {
	font-size: .7rem;
	color: #b0b0b0;
	width: 100%;
	height: 1.75rem;
	line-height: 1.75rem;
	padding: 0 .75rem;
	background-color: #f0f0f0
}

.chat-qa-c .list-group {
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0
}

.chat-qa-c .list-group .list .ico-pic {
	width: 2.5rem;
	height: 3rem;
	float: left;
	padding: .75rem .5rem;
	border-bottom: 0
}

.chat-qa-c .list-group .list .ico-pic img {
	width: 1.5rem;
	height: 1.5rem
}

.chat-qa-c .list-group .active div {
	border-bottom: 0
}

.chat-qa-c .list-group .down-item {
	display: none;
	margin-top: -1px;
	border-bottom: 1px solid #e0e0e0
}

.chat-qa-c .list-group .down-item:last-child {
	border-bottom: 0
}

.chat-qa-c .list-group .down-item a {
	display: block;
	padding: 0 .75rem;
	position: relative;
	line-height: 2.25rem;
	border-top: 1px solid #e0e0e0;
	background-color: #f0f0f0
}

.chat-qa-c .list-group .down-item a p {
	font-size: .8rem;
	color: #444
}

.chat-qa-c .list-group .down-item a .arr-ico {
	line-height: 2.25rem;
	color: #e1e1e1;
	font-size: .625rem;
	position: absolute;
	top: 0;
	right: .75rem
}

.chat-qa-c .list-group .common-item {
	display: block;
	position: relative;
	line-height: 2.25rem;
	padding: 0 .75rem;
	border-bottom: 1px solid #e6e6e6
}

.chat-qa-c .list-group .common-item p {
	font-size: .8rem;
	width: 16.25rem
}

.chat-qa-c .list-group .common-item .arr-ico {
	line-height: 2.25rem;
	color: #e1e1e1;
	font-size: .625rem;
	position: absolute;
	top: 0;
	right: .75rem
}

.chat-qa-c .list-group .common-item:last-child {
	border-bottom: 0
}

.qa-search-c {
	width: 100%;
	position: relative
}

.qa-search-c .search-c div {
	display: block;
	width: 15rem;
	height: 1.425rem;
	background-color: #eaebed;
	border-radius: .25rem;
	padding: .25rem .75rem;
	margin-left: .75rem;
	float: left
}

.qa-search-c .search-c div .search-icon {
	color: #8e8e93;
	font-size: .75rem
}

.qa-search-c .search-c div input {
	height: .925rem;
	line-height: .925rem;
	border: 0;
	color: #8e8e93;
	font-size: .7rem;
	background: none;
	width: 12rem;
	padding-left: .5rem
}

.qa-search-c .search-c .cancel-btn {
	float: left;
	line-height: 1.425rem;
	color: #b0b0b0;
	margin-left: .5rem;
	font-size: .8rem
}

.qa-search-c .list-group .common-item {
	display: block;
	position: relative;
	line-height: 2.25rem;
	padding: 0 .75rem;
	border-bottom: 1px solid #e6e6e6
}

.qa-search-c .list-group .common-item p {
	font-size: .8rem;
	width: 16.25rem
}

.qa-search-c .list-group .common-item p span {
	color: #d0021b
}

.qa-search-c .fix-tip {
	width: 100%;
	height: 1.75rem;
	line-height: 1.75rem;
	background-color: #000;
	color: #fff;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	font-size: .6rem;
	z-index: 9;
	opacity: .8
}

.qa-search-c .fix-tip a {
	background-color: red;
	color: #fff;
	padding: .075rem .2rem;
	border-radius: .125rem;
	margin-left: .5rem
}

.qa-search-c .no-result {
	display: none
}

.qa-search-c .no-result .pic {
	width: 5.1rem;
	height: 5.1rem;
	display: block;
	margin: 2.25rem auto .75rem;
	background-image: url(../images/no-result.44bb5997d4.png);
	background-size: 100%
}

.qa-search-c .no-result p {
	line-height: 1.125rem;
	color: #b0b0b0;
	font-size: .6rem;
	text-align: center
}

.qa-detail-c {
	background-color: #f0f0f0
}

.qa-detail-c pre {
	white-space: pre-wrap;
	word-wrap: break-word
}

.qa-detail-c .qa-c {
	background-color: #fff;
	width: 100%;
	margin-bottom: .75rem;
	border-bottom: 1px solid #e0e0e0;
	font-size: .7rem
}

.qa-detail-c .qa-c .pic {
	width: 1.75rem;
	height: 1.75rem;
	margin-left: .125rem;
	float: left;
	background-position: 50%;
	background-size: 50% auto;
	background-repeat: no-repeat
}

.qa-detail-c .qa-c .q-c .q {
	background-image: url(../images/q.857d3be3cb.png)
}

.qa-detail-c .qa-c .q-c .text {
	float: left;
	width: 16.875rem;
	border-bottom: 1px solid #e0e0e0;
	padding: .5rem .75rem .5rem 0;
	line-height: .75rem;
	position: relative
}

.qa-detail-c .qa-c .q-c .download-protocol {
	width: 3.15rem;
	height: 1.15rem;
	line-height: 1.1rem;
	text-align: center;
	box-sizing: border-box;
	border: 1px solid #444;
	border-radius: .1rem;
	float: right;
	font-size: .6rem;
	position: absolute;
	right: .65rem;
	top: .3rem;
	font-weight: 400;
	z-index: 10
}

.qa-detail-c .qa-c .a-c .a {
	background-image: url(../images/a.a57896cd47.png)
}

.qa-detail-c .qa-c .a-c .text {
	float: left;
	width: 16.875rem;
	padding: .5rem .75rem .5rem 0;
	color: #b0b0b0
}

.qa-detail-c .qa-c .a-c .text img {
	margin-top: .5rem
}

.qa-detail-c .list-group {
	background-color: #fff;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0
}

.pay-success {
	width: 100%;
	overflow: hidden;
	position: relative;
	background-color: #f0f0f0
}

.pay-success .top-tip {
	width: 100%;
	border-bottom: 1px solid #e0e0e0;
	text-align: center;
	background-color: #fff;
	z-index: 2;
	padding-bottom: .5rem
}

.pay-success .top-tip p {
	padding-left: .625rem;
	padding-right: .625rem
}

.pay-success .top-tip .img-c {
	margin-top: .625rem;
	width: 2.55rem;
	height: 2.55rem;
	background: url(../images/pay-ok.f828259711.png) no-repeat;
	background-size: 100% 100%;
	display: inline-block
}

.pay-success .top-tip .ok-tip {
	font-size: .6rem;
	color: #d0021b;
	line-height: 1.5rem
}

.pay-success .top-tip .left-tip {
	font-size: .475rem;
	color: #b0b0b0
}

.pay-success .info-table-c {
	border-bottom: 1px solid #e0e0e0;
	padding: .5rem .625rem;
	background-color: #fff
}

.pay-success .info-table-c table {
	width: 100%
}

.pay-success .info-table-c table tr {
	height: 1rem
}

.pay-success .info-table-c table td {
	font-size: .6rem;
	color: #444
}

.pay-success .info-table-c table td:nth-child(2) {
	text-align: right
}

.pay-success .info-table-c .growth-tip {
	color: #b0b0b0;
	font-size: .55rem;
	line-height: 1.2rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	font-weight: 300
}

.pay-success .info-table-c .growth-tip .icon-tan {
	font-size: 1.2rem;
	margin-right: .125rem
}

.pay-success .btn-c {
	width: 100%;
	height: 2.55rem;
	background-color: #fff;
	padding: 0 .625rem
}

.pay-success .btn-c a {
	width: 6.75rem;
	height: 1.325rem;
	border: .05rem solid #444;
	display: block;
	float: left;
	line-height: 1.325rem;
	text-align: center;
	border-radius: .125rem;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin-top: .6rem;
	font-size: .6rem;
	color: #444
}

.pay-success .btn-c a:nth-child(2) {
	margin-left: 1.25rem
}

.pay-success .ad-pic {
	width: 100%;
	height: 5rem;
	display: block;
	background-color: #fff;
	margin: .625rem 0
}

.pay-success .others-buy {
	width: 100%;
	margin-bottom: .625rem;
	background-color: #fff;
	border-top: 1px solid #e4e4e4;
	padding: .625rem 0 .625rem .375rem
}

.pay-success .others-buy>p {
	text-align: center;
	color: #444;
	font-size: .675rem
}

.pay-success .others-buy .out-tag {
	color: #fff
}

.pay-success .fraud-prompt {
	height: 1.55rem;
	line-height: 1.6rem;
	background: #ff797d;
	color: #fff;
	background-size: 100% 100%;
	overflow: hidden;
	width: 100%
}

.pay-success .fraud-tip {
	margin-left: 1.5rem;
	overflow: hidden;
	display: inline-block;
	white-space: nowrap;
	height: 1.55rem
}

.pay-success .tip-content {
	float: left
}

.pay-success .tip {
	background: url(../images/tip.3ff759c7e8.png) no-repeat;
	background-size: 100% 100%;
	width: 1.5rem;
	height: 1.55rem;
	position: absolute;
	z-index: 3
}

.pay-back-page {
	font-family: helvetica,Arial,黑体,sans-serif
}

.pay-back-page .failure-order {
	margin-top: 3.5rem;
	background-color: #fff
}

.pay-back-page .failure-order p {
	font-size: .925rem;
	font-weight: 400;
	margin: 0;
	padding: 0;
	text-align: center
}

.pay-back-page .failure-notice {
	text-align: center;
	color: #24acaa;
	display: block;
	padding: .425rem .75rem .25rem 0
}

.pay-back-page .failure-notice .iconfont {
	margin-right: .25rem
}


.yoho-header,.yoho-header.boys {
	background-image: -webkit-linear-gradient(#d0021b,#cc0000);
	background-image: linear-gradient(#d0021b,#cc0000);
}