@charset "utf-8";

.arrow-link {
	display: flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -moz-flex;
	align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-o-align-items: center;
	padding: 15px 0;
	line-height: 2.5;
	background-color: #fff;
	color: #333;
	font-size: 15px;
	padding: 5px 30px 5px 10px;
	position: relative
}

.arrow-link:after {
	font-size: 15px;
	position: absolute;
	height: 20px;
	right: 10px;
	top: 50%;
	margin-top: -18px;
	font-family: iconfont;
	content: '\e60f';
	color: #ccc
}

.arrow-link.more:after {
	font-size: 14px;
	content: '更多'
}

.arrow-link.noarrow {
	padding-right: 10px
}

.arrow-link.noarrow:after {
	content: ''
}

.bordertitle-box,.title-box {
	display: flex;
	-webkit-display: flex;
	-moz-display: flex;
	-ms-display: flex;
	-o-display: flex;
	height: 45px;
	line-height: 45px;
	padding: 0 2%;
	font-size: 15px
}

.bordertitle-box {
	border-bottom: 1px #e8e8e8 solid
}

.ratio-box {
	display: block;
	position: relative;
	height: 0
}

.ratio-box.one-one {
	padding-bottom: 100%
}

.ratio-box.one-two {
	padding-bottom: 50%
}

.ratio-box.three-ten {
	padding-bottom: 30%
}

.ratio-box.four-one {
	padding-bottom: 25%
}

.ratio-box.nine-twentyfive {
	padding-bottom: 36%
}

.ratio-box.five-nine {
	padding-bottom: 55.55555555555556%
}

.ratio-box.banner-box {
	padding-bottom: 45.3125%
}

.ratio-box.three-four {
	padding-bottom: 75%
}

.ratio-box.nine-sixteen {
	padding-bottom: 56.25%
}

.ratio-box img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block
}

.productlist1 {
	display: block;
	background-color: #fff
}

.productlist2,.productlist3 {
	display: flex;
	-webkit-display: flex;
	-moz-display: flex;
	-ms-display: flex;
	-o-display: flex;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	-o-justify-content: flex-start;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	background-color: #fff
}

.productlist1 li {
	display: flex;
	-webkit-display: flex;
	-moz-display: flex;
	-ms-display: flex;
	-o-display: flex;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	-o-justify-content: flex-start;
	align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	-moz-align-items: center;
	padding: 10px 2%;
	border-bottom: 1px #eee solid
}

.productlist1 li .box1 {
	flex-basis: 100px;
	-webkit-flex-basis: 100px;
	-ms-flex-basis: 100px;
	-moz-flex-basis: 100px;
	-o-flex-basis: 100px;
	flex-shrink: 0;
	-webkit-flex-shrink: 0;
	-ms-flex-shrink: 0;
	-moz-flex-shrink: 0;
	-o-flex-shrink: 0
}

.productlist1 li .box2 {
	flex-grow: 1;
	-webkit-flex-grow: 1;
	-ms-flex-grow: 1;
	-moz-flex-grow: 1;
	-o-flex-grow: 1
}

.productlist1 li .box2 p.fs-12 {
	font-size: 15px
}

.productlist2 li {
	flex-basis: 50%;
	-webkit-flex-basis: 50%;
	-ms-flex-basis: 50%;
	-moz-flex-basis: 50%;
	-o-flex-basis: 50%;
	box-sizing: border-box;
	flex-shrink: 0
}

.productlist3 li {
	flex-basis: 33.33333333333333%;
	-webkit-flex-basis: 33.33333333333333%;
	-ms-flex-basis: 33.33333333333333%;
	-moz-flex-basis: 33.33333333333333%;
	-o-flex-basis: 33.33333333333333%;
	box-sizing: border-box
}

.productlist2 li,.productlist3 li {
	position: relative
}

.productlist2 li:nth-child(2n+1):after,.productlist3 li:nth-child(3n):after,.productlist3 li:nth-child(n):after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 100%;
	background-color: #eee;
	z-index: 1
}

.productlist2 li:before,.productlist3 li:before {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 1px;
	background-color: #eee;
	z-index: 1
}

.tag-box {
	font-size: 10px;
	color: #fff;
	background-color: #f26666;
	padding: 2px 5px;
	border-radius: 10px
}

.bgimg-contain {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain
}

.bgimg-cover {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover
}

.flexbox,.flexbox-auto,.flexbox2,.flexbox3,.flexbox4 {
	display: flex;
	-webkit-display: flex;
	-moz-display: flex;
	-ms-display: flex;
	-o-display: flex;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	-o-justify-content: flex-start;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap
}

.flexbox.separate-3 li {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	flex-basis: 33.33333333333333%;
	-webkit-flex-basis: 33.33333333333333%;
	-ms-flex-basis: 33.33333333333333%;
	-moz-flex-basis: 33.33333333333333%;
	-o-flex-basis: 33.33333333333333%;
	padding: 0 2%;
	box-sizing: border-box;
	position: relative
}

.flexbox.separate-3 li:nth-child(2):after {
	content: '';
	position: absolute;
	width: 1px;
	height: 30%;
	background-color: #c9c9c9;
	top: 35%;
	right: 0
}

.flexbox.separate-3 li:nth-child(2):before {
	content: '';
	position: absolute;
	width: 1px;
	height: 30%;
	background-color: #c9c9c9;
	top: 35%;
	left: 0
}

.flexbox2 li {
	flex-basis: 46%;
	-webkit-flex-basis: 46%;
	-ms-flex-basis: 46%;
	-moz-flex-basis: 46%;
	-o-flex-basis: 46%;
	box-sizing: border-box;
	margin: 0 2%;
	cursor: pointer;
	position: relative
}

.flexbox2 li.mt-10 {
	margin-top: 10px
}

.flexbox3 li {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	flex-basis: 32%;
	-webkit-flex-basis: 32%;
	-ms-flex-basis: 32%;
	-moz-flex-basis: 32%;
	-o-flex-basis: 32%;
	box-sizing: border-box;
	cursor: pointer;
	position: relative
}

.flexbox3 li:nth-child(3n+2) {
	margin: 0 2%
}

.flexbox4 li {
	flex-basis: 23.5%;
	-webkit-flex-basis: 23.5%;
	-ms-flex-basis: 23.5%;
	-moz-flex-basis: 23.5%;
	-o-flex-basis: 23.5%;
	box-sizing: border-box;
	cursor: pointer;
	position: relative
}

.flexbox4 li:nth-child(4n+2) {
	margin-left: 2%;
	margin-right: 2%
}

.flexbox4 li:nth-child(4n+3) {
	margin-right: 2%
}

.flexbox-auto li {
	box-sizing: border-box;
	margin-right: 8px;
	cursor: pointer;
	position: relative
}

.grid-2 li:nth-child(2n+1) {
	position: relative
}

.grid-2 li:nth-child(2n+1):after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 100%;
	background-color: #eee
}

.grid-3 li:nth-child(n) {
	position: relative
}

.grid-3 li:nth-child(n):after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 100%;
	background-color: #eee
}

.grid-3 li:nth-child(3n):after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 100%;
	background-color: #fff
}

.audio-block {
	height: 50px;
	background-color: #f5f5f5;
	border: 1px #e1e1e1 solid;
	cursor: pointer;
	position: relative
}

.audio-progress {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 2px;
	background-color: #2ac47c
}

.flexbox.crosslist {
	border-bottom: 1px #f5f5f5 solid
}

.flexbox.crosslist li:first-child {
	flex-basis: 120px;
	-webkit-flex-basis: 120px;
	-ms-flex-basis: 120px;
	-moz-flex-basis: 120px;
	-o-flex-basis: 120px;
	margin-right: 10px;
	flex-shrink: 0;
	-webkit-flex-shrink: 0;
	-ms-flex-shrink: 0;
	-moz-flex-shrink: 0;
	-o-flex-shrink: 0;
	position: relative;
	border: 1px #eee solid
}

.flexbox.crosslist li:last-child {
	flex-basis: 0;
	-webkit-flex-basis: 0;
	-ms-flex-basis: 0;
	-moz-flex-basis: 0;
	-o-flex-basis: 0;
	flex-grow: 1;
	-webkit-flex-grow: 1;
	-ms-flex-grow: 1;
	-o-flex-grow: 1;
	-moz-flex-grow: 1
}

.button-fill {
	color: #fff;
	background-color: #2ab4e8;
	text-align: center;
	line-height: 30px;
	height: 30px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-bottom: 15px
}

.button-fill.bc-f1 {
	background-color: #f1f1f1;
	color: #333;
	border: 1px #fff solid
}

.button-fill.bc-c9 {
	background-color: #c9c9c9
}

.button-border {
	color: #212121;
	background-color: #fff;
	text-align: center;
	line-height: 30px;
	height: 30px;
	border: 1px #c8c8c8 solid;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

div[class*=flexbox] .button-border,ul[class*=flexbox] .button-border {
	margin-bottom: 8px
}

.button-border.br-30 {
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-ms-border-radius: 30px;
	-moz-border-radius: 30px;
	-o-border-radius: 30px
}

.button-border.active {
	color: #2db4ea;
	border: 1px #2db4ea solid
}

.button-border.active a {
	color: #2db4ea
}

.translate-0 {
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
	-ms-transform: translate(0,0);
	-o-transform: translate(0,0);
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-ms-transition: .3s ease all;
	-o-transition: .3s ease all
}

.translate-horizen-10p {
	transform: translate(10%,0);
	-webkit-transform: translate(10%,0);
	-moz-transform: translate(10%,0);
	-ms-transform: translate(10%,0);
	-o-transform: translate(10%,0);
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-ms-transition: .3s ease all;
	-o-transition: .3s ease all
}

.translate-horizen-90p {
	transform: translate(90%,0);
	-webkit-transform: translate(90%,0);
	-moz-transform: translate(90%,0);
	-ms-transform: translate(90%,0);
	-o-transform: translate(90%,0);
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-ms-transition: .3s ease all;
	-o-transition: .3s ease all
}

.translate-horizen-100p {
	transform: translate(100%,0);
	-webkit-transform: translate(100%,0);
	-moz-transform: translate(100%,0);
	-ms-transform: translate(100%,0);
	-o-transform: translate(100%,0);
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-ms-transition: .3s ease all;
	-o-transition: .3s ease all
}

.translate-horizen-n100p {
	transform: translate(-100%,0);
	-webkit-transform: translate(-100%,0);
	-moz-transform: translate(-100%,0);
	-ms-transform: translate(-100%,0);
	-o-transform: translate(-100%,0);
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-ms-transition: .3s ease all;
	-o-transition: .3s ease all
}

.translate-vertical-100p {
	transform: translate(0,100%);
	-webkit-transform: translate(0,100%);
	-moz-transform: translate(0,100%);
	-ms-transform: translate(0,100%);
	-o-transform: translate(0,100%);
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-ms-transition: .3s ease all;
	-o-transition: .3s ease all
}

.translate-vertical-n100p {
	transform: translate(0,-100%);
	-webkit-transform: translate(0,-100%);
	-moz-transform: translate(0,-100%);
	-ms-transform: translate(0,-100%);
	-o-transform: translate(0,-100%);
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-ms-transition: .3s ease all;
	-o-transition: .3s ease all
}

.margintop-0 {
	margin-top: 0;
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-ms-transition: .3s ease all;
	-o-transition: .3s ease all
}

.margintop-n45 {
	margin-top: -45px;
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-ms-transition: .3s ease all;
	-o-transition: .3s ease all
}

.translate-vertical-n200p {
	transform: translate(0,-200%);
	-webkit-transform: translate(0,-200%);
	-moz-transform: translate(0,-200%);
	-ms-transform: translate(0,-200%);
	-o-transform: translate(0,-200%);
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-ms-transition: .3s ease all;
	-o-transition: .3s ease all
}

.scale-0 {
	transform: scale(0,0);
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-ms-transform: scale(0,0);
	-o-transform: scale(0,0);
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-ms-transition: .3s ease all;
	-o-transition: .3s ease all
}

.scale-50p {
	transform: scale(.5,.5);
	-webkit-transform: scale(.5,.5);
	-moz-transform: scale(.5,.5);
	-ms-transform: scale(.5,.5);
	-o-transform: scale(.5,.5);
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-ms-transition: .3s ease all;
	-o-transition: .3s ease all
}

.scale-100p {
	transform: scale(1,1);
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-ms-transform: scale(1,1);
	-o-transform: scale(1,1);
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-ms-transition: .3s ease all;
	-o-transition: .3s ease all
}

.layer {
	position: fixed;
	top: 0;
	z-index: 20;
	width: 100%;
	max-width: 640px;
	height: 100%;
	background-color: rgba(0,0,0,.7);
	transition: .3s ease all;
	-webkit-transition: .3s ease all;
	-ms-transition: .3s ease all;
	-o-transition: .3s ease all;
	-moz-transition: .3s ease all
}

.layer.zi-8 {
	z-index: 8
}

.layer-zoom {
	position: fixed;
	top: 0;
	z-index: 20;
	width: 100%;
	max-width: 640px;
	height: 100%;
	background-color: #000;
	transition: .3s ease all;
	-webkit-transition: .3s ease all;
	-ms-transition: .3s ease all;
	-o-transition: .3s ease all;
	-moz-transition: .3s ease all
}

.layer.patch {
	position: fixed;
	top: 0;
	z-index: 20;
	width: 100%;
	max-width: 640px;
	height: 100%;
	background-color: transparent;
	transition: .3s ease all;
	-webkit-transition: .3s ease all;
	-ms-transition: .3s ease all;
	-o-transition: .3s ease all;
	-moz-transition: .3s ease all
}

.fold-box .content-box .fold-content {
	display: none;
	padding: 15px 2%;
	background-color: #fff;
	border-bottom: 1px #eee solid;
	box-sizing: border-box;
	height: 100%;
	max-height: 200px;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	position: relative
}

.fold-box .content-box {
	max-height: 240px
}

.accordion-box {
	padding: 0 2%;
	line-height: 45px;
	background-color: #fff;
	border-bottom: 1px #eee solid;
	box-sizing: border-box
}

.accordion-box.border-none {
	border: none
}

.accordion-box .accordion-title {
	height: 45px;
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
	cursor: pointer
}

.accordion-box .accordion-title.accordion:after {
	display: block;
	width: 14px;
	height: 45px;
	clear: both;
	font-size: 14px;
	position: absolute;
	right: 5px;
	top: 0;
	z-index: 1;
	font-family: iconfont;
	content: '\e663';
	color: #9e9e9e;
	transition: .3s ease all;
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-ms-transition: .3s ease all;
	-o-transition: .3s ease all
}

.accordion-box .accordion-title.accordion.active:after {
	transform-origin: center;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg)
}

.accordion-box .accordion-title.accordion.list {
	background-color: #f7f7f7;
	height: 30px;
	line-height: 30px;
	margin-top: 1px
}

.accordion-box .accordion-title.accordion.list:after {
	height: 30px
}

.accordion-box .accordion-title .box1 {
	font-size: 15px;
	width: 50%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	float: left;
	padding: 0 2%;
	box-sizing: border-box;
	text-align: left
}

.accordion-box .accordion-title .box2 {
	font-size: 12px;
	color: #666;
	width: 50%;
	padding-right: 25px;
	box-sizing: border-box;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	float: left;
	text-align: right
}

.loadding-box {
	display: table;
	position: fixed;
	width: 100%;
	max-width: 640px;
	height: 100%;
	top: 0;
	z-index: 22;
	transition: .3s ease all;
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-ms-transition: .3s ease all;
	-o-transition: .3s ease all
}

.loadding-box .loadding-content {
	display: table-cell;
	text-align: center;
	vertical-align: middle
}

.loadding-box .loadding-content img {
	width: 45px
}

.preload-box {
	width: 100%;
	height: 45px;
	text-align: center;
	color: #ccc;
	line-height: 45px;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center
}

.preload-box .iconfont {
	display: block;
	font-size: 25px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	-webkit-animation: preloadRotate 1s steps(12,end) infinite;
	-o-animation: preloadRotate 1s steps(12,end) infinite;
	-moz-animation: preloadRotate 1s steps(12,end) infinite;
	-ms-animation: preloadRotate 1s steps(12,end) infinite;
	animation: preloadRotate 1s steps(12,end) infinite
}

@-webkit-keyframes preloadRotate {
	0% {
		transform: rotate(0);
		-moz-transform: rotate(0);
		-o-transform: rotate(0);
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0)
	}

	100% {
		transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg)
	}
}

@-o-keyframes preloadRotate {
	0% {
		transform: rotate(0);
		-moz-transform: rotate(0);
		-o-transform: rotate(0);
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0)
	}

	100% {
		transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg)
	}
}

@-moz-keyframes preloadRotate {
	0% {
		transform: rotate(0);
		-moz-transform: rotate(0);
		-o-transform: rotate(0);
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0)
	}

	100% {
		transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg)
	}
}

@-ms-keyframes preloadRotate {
	0% {
		transform: rotate(0);
		-moz-transform: rotate(0);
		-o-transform: rotate(0);
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0)
	}

	100% {
		transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg)
	}
}

@keyframes preloadRotate {
	0% {
		transform: rotate(0);
		-moz-transform: rotate(0);
		-o-transform: rotate(0);
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0)
	}

	100% {
		transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg)
	}
}

.bottomline {
	width: 100%;
	height: 50px;
	line-height: 50px;
	background-color: #eee;
	font-size: 10px;
	color: #999;
	text-align: center
}

.bottomline span {
	position: relative;
	top: 1px;
	margin-left: 4px
}

.bottomline label {
	padding: 0 4px
}

.triangle-up {
	width: 0;
	height: 0;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	border-top: none;
	border-bottom: 6px solid #c8c8c8
}

.triangle-down {
	width: 0;
	height: 0;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	border-bottom: none;
	border-top: 6px solid #c8c8c8
}

.scroll-y {
	float: left;
	position: relative;
	height: 100%
}

.scroll-y .scroll {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	background-color: #43baea
}

.list-box .list-block {
	display: flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -moz-flex;
	align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-o-align-items: center;
	height: 40px;
	line-height: 40px;
	background-color: #fff;
	color: #212121;
	font-size: 15px;
	padding: 0 2%;
	position: relative;
	border-top: 1px #f1f1f1 solid
}

.list-box .list-block:after {
	font-size: 13px;
	position: absolute;
	right: 5px;
	top: 0;
	font-family: iconfont;
	content: '\e666';
	color: #fff
}

.list-box .list-block p {
	width: 70%;
	font-size: 12px;
	color: #666;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	text-align: left
}

.filter li.list-block.active {
	border: none;
	border-top: 1px #f1f1f1 solid;
	background: 0 0
}

.filter li.list-block.active,.filter li.list-block.active p,.filter li.list-block.active:after {
	color: #43baea
}

.totop-box {
	position: fixed;
	z-index: 22;
	bottom: 60px;
	right: 10px
}

.float {
	right: 10px
}

.totop-box span {
	font-size: 30px;
	color: #666
}

@media screen and (min-width:640px) {
	.float,.totop-box {
		right: 50%;
		margin-right: -310px
	}
}

.swiper-container {
	width: 100%
}

.swiper-container.navAchor-title {
	background-color: #fff;
	height: 45px;
	line-height: 45px;
	text-align: center;
	font-size: 15px;
	color: #333;
	position: fixed;
	top: 45px;
	width: 100%;
	z-index: 9
}

.swiper-container.navAchor-title.theme {
	font-size: 13px;
	height: 30px;
	line-height: 30px;
	border: none;
	box-shadow: 1px -1px 10px rgba(0,0,0,.1)
}

.swiper-container.navAchor-title.theme .active-nav a {
	padding: 5px 0
}

.swiper-container.navAchor-title .active-nav span {
	padding: 11px 0
}

.swiper-container.navAchor-title .active-nav span,.swiper-container.navAchor-title.theme .active-nav a {
	border-bottom: 1px #2ab4e8 solid;
	color: #2ab4e8
}





.swiper-container.one .swiper-slide {
	width: 100%
}

.swiper-container.two .swiper-slide {
	width: 50%
}

.swiper-container.twohalf .swiper-slide {
	width: 40%
}

.swiper-container.three .swiper-slide {
	width: 33.3333333333333333%
}

.swiper-container.threehalf .swiper-slide {
	width: 28.5714%
}

.swiper-container.four .swiper-slide {
	width: 25%
}

.swiper-container.fourhalf .swiper-slide {
	width: 22.2222222222222222%
}

.swiper-container.five .swiper-slide {
	width: 20%
}

.swiper-container.fivehalf .swiper-slide {
	width: 18.1818181818181818%
}

.swiper-container.twentyfive .swiper-slide {
	width: 25px
}

.loadding-container,.swiper-container.navAchor-content,.swiper-container.navAchor-content .swiper-wrapper,.swiper-container.navAchor-content .swiper-wrapper .swiper-slide {
	width: 100%;
	height: 100%;
	box-sizing: border-box
}

.popup-container.active {
	display: table;
	width: 100%;
	max-width: 640px;
	height: 100%;
	position: fixed;
	top: 0;
	z-index: 21;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s
}

.popup-container.static {
	display: table;
	width: 100%;
	max-width: 640px;
	height: 100%;
	position: fixed;
	top: 0;
	z-index: 21;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s
}

.popup-container.static .popup-content {
	vertical-align: middle;
	text-align: center;
	display: table-cell
}

.popup-container.static .popup-content .content {
	z-index: 21;
	position: relative;
	max-height: 100%
}

.popup-container.static.popup {
	transform: translate(0,100%);
	-webkit-transform: translate(0,100%);
	-moz-transform: translate(0,100%);
	-ms-transform: translate(0,100%);
	-o-transform: translate(0,100%);
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-ms-transition: .3s ease all;
	-o-transition: .3s ease all
}

.popup-container.static.popup.translate-0 {
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
	-ms-transform: translate(0,0);
	-o-transform: translate(0,0);
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-ms-transition: .3s ease all;
	-o-transition: .3s ease all
}

.popup-container.static.popup .popup-content {
	vertical-align: middle;
	text-align: center;
	display: table-cell
}

.popup-container.static.popup.picker {
	display: block;
	position: fixed;
	width: 100%;
	height: 245px;
	top: auto;
	bottom: -245px;
	background-color: #eee;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
	-ms-transform: translate(0,0);
	-o-transform: translate(0,0);
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-ms-transition: .3s ease all;
	-o-transition: .3s ease all
}

.popup-container.static.popup.picker.detail {
	background-color: #fff;
	height: auto;
	max-height: 80%;
	bottom: -100%
}

.popup-container.static.popup.picker.detail .popup-content {
	height: 100%;
	text-align: left
}

.popup-container.static.popup.picker.detail .popup-content .content {
	box-shadow: none;
	height: 100%;
	box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 2%
}

.popup-container.active .popup-content .content.detail {
	max-height: 80%
}

.popup-container.static.popup.picker.translate-0 {
	bottom: 0;
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-ms-transition: .3s ease all;
	-o-transition: .3s ease all
}

.popup-container.static.popup.picker .popup-content {
	display: block
}

.popup-container.static.popup.picker .popup-content .content .swiper-container {
	height: 200px;
	background-color: #eee;
	text-align: center
}

.popup-container.static.popup.picker .popup-content .content .swiper-container .swiper-slide-active {
	background-color: #fff;
	box-shadow: 0 0 5px #2bb4e8;
	border-width: 1px 0 1px 0
}

.popup-container.static.popup.fullpage .popup-content .content {
	height: 100%
}

.popup-container.static.popup .popup-content .content .picker-title {
	background-color: #eee;
	height: 45px;
	line-height: 45px;
	border-bottom: 1px #ccc solid;
	display: flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -moz-flex
}

.popup-container.static.popdown {
	transform: translate(0,-100%);
	-webkit-transform: translate(0,-100%);
	-moz-transform: translate(0,-100%);
	-ms-transform: translate(0,-100%);
	-o-transform: translate(0,-100%);
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-ms-transition: .3s ease all;
	-o-transition: .3s ease all
}

.popup-container.static.popdown.translate-0 {
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
	-ms-transform: translate(0,0);
	-o-transform: translate(0,0);
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-ms-transition: .3s ease all;
	-o-transition: .3s ease all
}

.popup-container.static.popdown .popup-content {
	vertical-align: top;
	text-align: center;
	display: table-cell
}

.popup-container.active .popup-content {
	vertical-align: middle;
	text-align: center;
	display: table-cell
}

.popup-container.active .popup-content.share {
	vertical-align: top;
	text-align: center
}

.popup-container.active .popup-content.popup {
	vertical-align: bottom;
	text-align: left
}

.popup-container.active .popup-content.share .content {
	visibility: hidden;
	opacity: 0;
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-ms-transition: .3s ease all;
	-o-transition: .3s ease all
}

.popup-container.active .popup-content.share .content.visible {
	visibility: visible;
	opacity: 1;
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-ms-transition: .3s ease all;
	-o-transition: .3s ease all
}

.popup-container.active .popup-content .content {
	z-index: 21;
	position: relative;
	width: 100%;
	max-width: 640px;
	max-height: 100%;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch
}

.popup-container.active .popup-content.popdown {
	vertical-align: top;
	text-align: left
}

.popup-container.active .popup-content.popdown .content {
	transform: translate(0,-100%);
	-webkit-transform: translate(0,-100%);
	-moz-transform: translate(0,-100%);
	-ms-transform: translate(0,-100%);
	-o-transform: translate(0,-100%);
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-ms-transition: .3s ease all;
	-o-transition: .3s ease all
}

.popup-container.active .popup-content.popup.fullpage .content {
	height: 100%
}

.popup-container.active .popup-content.popup .content {
	transform: translate(0,100%);
	-webkit-transform: translate(0,100%);
	-moz-transform: translate(0,100%);
	-ms-transform: translate(0,100%);
	-o-transform: translate(0,100%);
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-ms-transition: .3s ease all;
	-o-transition: .3s ease all
}

.popup-container.active .popup-content.popup .content.translate-0 {
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
	-ms-transform: translate(0,0);
	-o-transform: translate(0,0);
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-ms-transition: .3s ease all;
	-o-transition: .3s ease all
}

.popup-container.active .popup-content.alert .content {
	transform: scale(0,0);
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-ms-transform: scale(0,0);
	-o-transform: scale(0,0);
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-ms-transition: .3s ease all;
	-o-transition: .3s ease all
}

.popup-container.active .popup-content.alert .content.scale-100p {
	transform: scale(1,1);
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-ms-transform: scale(1,1);
	-o-transform: scale(1,1);
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-ms-transition: .3s ease all;
	-o-transition: .3s ease all
}

.alert-container.active {
	display: table;
	width: 100%;
	max-width: 640px;
	height: 100%;
	position: fixed;
	top: 0;
	z-index: 21;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s
}

.alert-container.active .alert-content {
	vertical-align: middle;
	text-align: center;
	display: table-cell;
	position: relative
}

.alert-container.active .alert-content .content {
	position: relative;
	z-index: 21;
	transform: scale(0,0);
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-ms-transform: scale(0,0);
	-o-transform: scale(0,0);
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-ms-transition: .3s ease all;
	-o-transition: .3s ease all
}

.alert-container.active .alert-content .content.scale-100p {
	transform: scale(1,1);
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-ms-transform: scale(1,1);
	-o-transform: scale(1,1);
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-ms-transition: .3s ease all;
	-o-transition: .3s ease all
}

.alert-container.active .alert-content .content .alert-box {
	background-color: rgba(0,0,0,.7);
	color: #fff;
	text-align: center;
	font-size: 16px;
	padding: 10px 15px;
	width: 80%;
	position: relative;
	box-sizing: border-box;
	border-radius: 4px;
	margin: 0 auto;
	visibility: visible;
	opacity: 1
}

.confirm-container.active {
	display: table;
	width: 100%;
	max-width: 640px;
	height: 100%;
	position: fixed;
	top: 0;
	z-index: 21;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s
}

.confirm-container.active .confirm-content {
	vertical-align: middle;
	text-align: center;
	display: table-cell
}

.confirm-container.active .confirm-content .content {
	z-index: 21;
	position: relative;
	transform: scale(0,0);
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-ms-transform: scale(0,0);
	-o-transform: scale(0,0);
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-ms-transition: .3s ease all;
	-o-transition: .3s ease all
}

.confirm-container.active .confirm-content .content.scale-100p {
	transform: scale(1,1);
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-ms-transform: scale(1,1);
	-o-transform: scale(1,1);
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-ms-transition: .3s ease all;
	-o-transition: .3s ease all
}

.confirm-container.active .confirm-content .content .confirm-box {
	background-color: #fff;
	color: #000;
	font-size: 16px;
	width: 80%;
	border-radius: 4px;
	margin: 0 auto
}

.confirm-container.active .confirm-content .content .confirm-box .msg-box {
	padding: 20px 15px
}

.confirm-container.active .confirm-content .content .confirm-box .button-box {
	line-height: 40px;
	border-top: 1px #eee solid;
	position: relative
}

.confirm-container.active .confirm-content .content .confirm-box .button-box:before {
	content: '';
	position: absolute;
	right: 50%;
	top: 0;
	width: 1px;
	height: 100%;
	background-color: #eee
}

.confirm-container.active .confirm-content .content .confirm-box .button-box p {
	width: 50%;
	float: left;
	cursor: pointer
}

.confirm-container.static {
	display: table;
	width: 100%;
	max-width: 640px;
	height: 100%;
	position: fixed;
	top: 0;
	z-index: 21;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s
}

.confirm-container.static .confirm-content {
	vertical-align: middle;
	text-align: center;
	display: table-cell
}

.confirm-container.static {
	transform: scale(0,0);
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-ms-transform: scale(0,0);
	-o-transform: scale(0,0);
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-ms-transition: .3s ease all;
	-o-transition: .3s ease all
}

.confirm-container.static.scale-100p {
	transform: scale(1,1);
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-ms-transform: scale(1,1);
	-o-transform: scale(1,1);
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-ms-transition: .3s ease all;
	-o-transition: .3s ease all
}

.confirm-container.static .confirm-content .content {
	z-index: 21;
	position: relative
}

.login-box {
	height: 45px;
	line-height: 45px;
	border-bottom: 1px #9e9e9e solid;
	margin-top: 15px;
	box-sizing: border-box;
	font-size: 15px;
	display: flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -moz-flex
}

.login-box.bd-1-c9 {
	border: 1px #c9c9c9 solid;
	padding: 0 8px
}

.login-box input {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 45px;
	font-size: 15px;
	padding: 0;
	box-sizing: border-box;
	flex-basis: 0;
	-webkit-flex-basis: 0;
	-ms-flex-basis: 0;
	-moz-flex-basis: 0;
	-o-flex-basis: 0;
	flex-grow: 1;
	-webkit-flex-grow: 1;
	-moz-flex-grow: 1;
	-ms-flex-grow: 1;
	-o-flex-grow: 1;
	margin-right: 10px
}

.login-box span {
	box-sizing: border-box;
	flex-basis: 20px;
	-webkit-flex-basis: 20px;
	-ms-flex-basis: 20px;
	-moz-flex-basis: 20px;
	-o-flex-basis: 20px;
	flex-shrink: 0;
	-webkit-flex-shrink: 0;
	-ms-flex-shrink: 0;
	-moz-flex-shrink: 0;
	-o-flex-shrink: 0;
	align-self: center;
	-webkit-align-self: center;
	-moz-align-self: center;
	-ms-align-self: center;
	-o-align-self: center;
	color: #dcdcdc;
	font-size: 20px
}

.login-box label.cl-blue-l,.login-box span.cl-blue-l {
	color: #2ab4e8
}

.login-box div,.login-box p {
	display: block;
	position: relative;
	height: 45px;
	line-height: 45px;
	padding: 0 10px;
	margin-left: 10px;
	box-sizing: border-box;
	font-size: 13px;
	text-align: center;
	flex-basis: 140px;
	-webkit-flex-basis: 140px;
	-ms-flex-basis: 140px;
	-moz-flex-basis: 140px;
	-o-flex-basis: 140px;
	flex-shrink: 0;
	-webkit-flex-shrink: 0;
	-ms-flex-shrink: 0;
	-moz-flex-shrink: 0;
	-o-flex-shrink: 0;
	align-self: center;
	-webkit-align-self: center;
	-moz-align-self: center;
	-ms-align-self: center;
	-o-align-self: center
}

.login-box div {
	font-size: 16px;
	color: #666
}

.login-box div:before,.login-box p:before {
	content: "";
	position: absolute;
	left: 0;
	top: 25%;
	width: 1px;
	height: 50%;
	background-color: #9e9e9e
}

.login-box label {
	box-sizing: border-box;
	flex-basis: 20px;
	-webkit-flex-basis: 20px;
	-ms-flex-basis: 20px;
	-moz-flex-basis: 20px;
	-o-flex-basis: 20px;
	flex-shrink: 0;
	-webkit-flex-shrink: 0;
	-ms-flex-shrink: 0;
	-moz-flex-shrink: 0;
	-o-flex-shrink: 0;
	align-self: center;
	-webkit-align-self: center;
	-moz-align-self: center;
	-ms-align-self: center;
	-o-align-self: center;
	padding-left: 10px;
	color: #dcdcdc;
	font-size: 20px
}

.login-box label.fs-25 {
	font-size: 25px
}

.page-container {
	position: absolute;
	top: 0;
	z-index: 21;
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	background-color: #fff;
	box-sizing: border-box;
	transform: translate(100%,0);
	-webkit-transform: translate(100%,0);
	-moz-transform: translate(100%,0);
	-ms-transform: translate(100%,0);
	-o-transform: translate(100%,0);
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-ms-transition: .3s ease all;
	-o-transition: .3s ease all
}

.page-container.zi-10 {
	z-index: 10
}

.page-container.translate-horizen-10p {
	transform: translate(10%,0);
	-webkit-transform: translate(10%,0);
	-moz-transform: translate(10%,0);
	-ms-transform: translate(10%,0);
	-o-transform: translate(10%,0);
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-ms-transition: .3s ease all;
	-o-transition: .3s ease all
}

.page-container.translate-0 {
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
	-ms-transform: translate(0,0);
	-o-transform: translate(0,0);
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-ms-transition: .3s ease all;
	-o-transition: .3s ease all
}

.pendant-box {
	position: fixed;
	width: 20%;
	left: 10px;
	top: 40%;
	z-index: 10;
	user-select: none;
	-webkit-user-select: none
}

@media screen and (min-width:640px) {
	.pendant-box {
		left: 50%;
		margin-left: -310px;
		width: 128px
	}

	.pendant-box .close-action {
		font-size: 25px
	}
}

.pendant-box .close-action {
	position: absolute;
	right: -20%;
	top: -20%;
	font-size: 2vh
}

.rotateAnimate {
	animation: rotateAnimate .3s linear alternate;
	-webkit-animation: rotateAnimate .3s linear alternate;
	-ms-animation: rotateAnimate .3s linear alternate;
	-o-animation: rotateAnimate .3s linear alternate;
	-moz-animation: rotateAnimate .3s linear alternate
}

.scaleAnimate {
	animation: scaleAnimate .3s linear alternate;
	-webkit-animation: scaleAnimate .3s linear alternate;
	-ms-animation: scaleAnimate .3s linear alternate;
	-o-animation: scaleAnimate .3s linear alternate;
	-moz-animation: scaleAnimate .3s linear alternate
}

@keyframes rotateAnimate {
	0% {
		transform: rotate(0);
		-webkit-transform: rotate(0);
		-o-transform: rotate(0);
		-ms-transform: rotate(0);
		-moz-transform: rotate(0);
		transform-origin: 50% bottom;
		-webkit-transform-origin: 50% bottom;
		-o-transform-origin: 50% bottom;
		-moz-transform-origin: 50% bottom;
		-ms-transform-origin: 50% bottom
	}

	25% {
		transform: rotate(3deg);
		-webkit-transform: rotate(3deg);
		-o-transform: rotate(3deg);
		-ms-transform: rotate(3deg);
		-moz-transform: rotate(3deg);
		transform-origin: 50% bottom;
		-webkit-transform-origin: 50% bottom;
		-o-transform-origin: 50% bottom;
		-moz-transform-origin: 50% bottom;
		-ms-transform-origin: 50% bottom
	}

	50% {
		transform: rotate(-3deg);
		-webkit-transform: rotate(-3deg);
		-o-transform: rotate(-3deg);
		-ms-transform: rotate(-3deg);
		-moz-transform: rotate(-3deg);
		transform-origin: 50% bottom;
		-webkit-transform-origin: 50% bottom;
		-o-transform-origin: 50% bottom;
		-moz-transform-origin: 50% bottom;
		-ms-transform-origin: 50% bottom
	}

	75% {
		transform: rotate(3deg);
		-webkit-transform: rotate(3deg);
		-o-transform: rotate(3deg);
		-ms-transform: rotate(3deg);
		-moz-transform: rotate(3deg);
		transform-origin: 50% bottom;
		-webkit-transform-origin: 50% bottom;
		-o-transform-origin: 50% bottom;
		-moz-transform-origin: 50% bottom;
		-ms-transform-origin: 50% bottom
	}

	100% {
		transform: rotate(-3deg);
		-webkit-transform: rotate(-3deg);
		-o-transform: rotate(-3deg);
		-ms-transform: rotate(-3deg);
		-moz-transform: rotate(-3deg);
		transform-origin: 50% bottom;
		-webkit-transform-origin: 50% bottom;
		-o-transform-origin: 50% bottom;
		-moz-transform-origin: 50% bottom;
		-ms-transform-origin: 50% bottom
	}
}

@keyframes scaleAnimate {
	0% {
		transform: scale(1,1);
		-webkit-transform: scale(1,1);
		-o-transform: scale(1,1);
		-ms-transform: scale(1,1);
		-moz-transform: scale(1,1);
		opacity: 0;
		-webkit-opacity: 0;
		-moz-opacity: 0;
		-o-opacity: 0;
		-ms-opacity: 0
	}

	50% {
		transform: scale(1.2,1.2);
		-webkit-transform: scale(1.2,1.2);
		-o-transform: scale(1.2,1.2);
		-ms-transform: scale(1.2,1.2);
		-moz-transform: scale(1.2,1.2);
		opacity: .5;
		-webkit-opacity: .5;
		-moz-opacity: .5;
		-o-opacity: .5;
		-ms-opacity: .5
	}

	100% {
		transform: scale(1,1);
		-webkit-transform: scale(1,1);
		-o-transform: scale(1,1);
		-ms-transform: scale(1,1);
		-moz-transform: scale(1,1);
		opacity: 1;
		-webkit-opacity: 1;
		-moz-opacity: 1;
		-o-opacity: 1;
		-ms-opacity: 1
	}
}

.foldContent-box.text {
	position: relative;
	overflow: hidden;
	line-height: 20px;
	box-sizing: border-box
}

.foldContent-box.text .content {
	overflow: hidden;
	box-sizing: border-box;
	background-color: #fff
}

.foldContent-box.text .button {
	position: absolute;
	top: 80px;
	left: 0;
	width: 100%;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #666;
	background-color: #fff
}

.foldContent-box.list {
	position: relative;
	overflow: hidden;
	line-height: 40px;
	box-sizing: border-box
}

.foldContent-box.list .button {
	position: absolute;
	top: 80px;
	left: 0;
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 12px;
	color: #666;
	background-color: #fff
}

.confirm-container.static.zoom.scale-100p.visible {
	visibility: visible;
	opacity: 1;
	-webkit-transition: .3s ease all;
	-ms-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	transition: .3s ease all
}

.confirm-container.static.zoom .confirm-content .content {
	width: 100%;
	max-width: 640px;
	overflow: hidden
}

.imgswipe-box {
	height: 100%;
	cursor: pointer;
	position: relative
}

.imgswipe-box:after {
	content: '\200B';
	display: block;
	clear: both;
	height: 0
}

.imgswipe-box .imgswipe-slide {
	height: 100%;
	cursor: pointer;
	float: left;
	-webkit-transition: .3s ease all;
	-ms-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	transition: .3s ease all
}

.imgswipe-box .imgswipe-slide {
	-webkit-transform: translate(0,0);
	-ms-transform: translate(0,0)
}

.count-box {
	width: 118px;
	height: 30px;
	line-height: 30px;
	border: 1px #ccc solid
}

.count-box input {
	width: 56px;
	font-size: 16px;
	color: #212121;
	text-align: center;
	line-height: 30px;
	border: none
}

.count-sub {
	width: 30px;
	height: 30px;
	border-right: 1px #ccc solid;
	text-align: center;
	color: #696967;
	font-size: 25px;
	user-select: none;
	-webkit-user-select: none
}

.count-add.cl-c,.count-sub.cl-c {
	color: #ccc
}

.count-add.bc-e,.count-sub.bc-e {
	background-color: #eee;
	cursor: no-drop
}

.count-add {
	width: 30px;
	height: 30px;
	border-left: 1px #ccc solid;
	text-align: center;
	color: #696967;
	font-size: 22px;
	user-select: none;
	-webkit-user-select: none
}

.count-delete {
	position: absolute;
	right: 5%;
	bottom: 14px
}

.tip-box {
	position: absolute;
	left: 0;
	top: 0;
	width: 20%;
	z-index: 100
}

.tip-box img {
	display: block;
	width: 100%
}

.imgBlock img {
	display: block
}

.progress-box {
	width: 60px;
	height: 6px;
	position: relative;
	background-color: #ccc;
	border-radius: 6px
}

.progress-box .progress {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 6px;
	border-radius: 6px;
	background: -webkit-gradient(linear,left top,right top,to(#fd5969),from(#e71e37))
}

.shake.active {
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-ms-transition: .3s ease all;
	-o-transition: .3s ease all;
	animation: shakeAnimate .3s linear alternate;
	-webkit-animation: shakeAnimate .3s linear alternate;
	-moz-animation: shakeAnimate .3s linear alternate
}

@keyframes shakeAnimate {
	0% {
		transform: rotate(0);
		-webkit-transform: rotate(0);
		-o-transform: rotate(0);
		-ms-transform: rotate(0);
		-moz-transform: rotate(0);
		transform-origin: 50% bottom;
		-webkit-transform-origin: 50% bottom;
		-o-transform-origin: 50% bottom;
		-moz-transform-origin: 50% bottom;
		-ms-transform-origin: 50% bottom
	}

	25% {
		transform: rotate(3deg);
		-webkit-transform: rotate(3deg);
		-o-transform: rotate(3deg);
		-ms-transform: rotate(3deg);
		-moz-transform: rotate(3deg);
		transform-origin: 50% bottom;
		-webkit-transform-origin: 50% bottom;
		-o-transform-origin: 50% bottom;
		-moz-transform-origin: 50% bottom;
		-ms-transform-origin: 50% bottom
	}

	50% {
		transform: rotate(-3deg);
		-webkit-transform: rotate(-3deg);
		-o-transform: rotate(-3deg);
		-ms-transform: rotate(-3deg);
		-moz-transform: rotate(-3deg);
		transform-origin: 50% bottom;
		-webkit-transform-origin: 50% bottom;
		-o-transform-origin: 50% bottom;
		-moz-transform-origin: 50% bottom;
		-ms-transform-origin: 50% bottom
	}

	75% {
		transform: rotate(3deg);
		-webkit-transform: rotate(3deg);
		-o-transform: rotate(3deg);
		-ms-transform: rotate(3deg);
		-moz-transform: rotate(3deg);
		transform-origin: 50% bottom;
		-webkit-transform-origin: 50% bottom;
		-o-transform-origin: 50% bottom;
		-moz-transform-origin: 50% bottom;
		-ms-transform-origin: 50% bottom
	}

	100% {
		transform: rotate(-3deg);
		-webkit-transform: rotate(-3deg);
		-o-transform: rotate(-3deg);
		-ms-transform: rotate(-3deg);
		-moz-transform: rotate(-3deg);
		transform-origin: 50% bottom;
		-webkit-transform-origin: 50% bottom;
		-o-transform-origin: 50% bottom;
		-moz-transform-origin: 50% bottom;
		-ms-transform-origin: 50% bottom
	}
}

.logistic-box {
	overflow: hidden
}

.logistic-box li .verticalline-patch {
	position: absolute;
	height: calc(100% + 0px);
	width: 2px;
	left: -31px;
	top: 15px;
	z-index: 0;
	background-color: #e8e8e8
}

.logistic-box li .status {
	position: relative;
	z-index: 1
}

.logistic-box li .status.default:after {
	content: '';
	position: absolute;
	left: -5px;
	top: 8px;
	width: 6px;
	height: 6px;
	border-radius: 6px;
	background-color: #e8e8e8;
	border: 2px #fff solid
}

.logistic-box li .status.active:after {
	font-family: iconfont;
	content: '\e6e9';
	font-size: 16px;
	color: #2db4ea;
	position: absolute;
	left: -8px
}

.logistic-box li:last-child .verticalline-patch {
	height: 0
}

.swiperAnchor {
	width: 100%;
	max-width: 640px;
	position: relative;
	top: 0;
	z-index: 8;
	height: 45px;
	line-height: 45px;
	text-align: center
}

.swiperAnchor.default {
	background-color: #ccc
}

.swiperAnchor.default .textBox {
	color: #fff;
	font-size: 14px
}

.swiperAnchor.default .active {
	background-color: #333
}

.swiperAnchor.hasPic {
	height: 50px;
	text-align: center
}

.swiperAnchor.hasPic .imgBox {
	width: 30px;
	margin: 0 auto
}

.swiperAnchor.hasPic .textBox {
	color: #fff;
	font-size: 11px;
	line-height: 1.2
}

.tableBox {
	display: table;
	width: 100%;
	height: 100%
}

.tableBox .tableCell {
	display: table-cell;
	vertical-align: middle
}

.thinkingBox {
	width: 100%;
	max-width: 640px;
	position: fixed;
	top: 46px;
	bottom: 0;
	background-color: #fff;
	z-index: 21
}

.thinkingBox a {
	display: block;
	height: 50px;
	line-height: 50px;
	border-bottom: 1px #eee solid;
	padding: 0 15px;
	position: relative
}

.thinkingBox a:after {
	font-family: iconfont;
	content: "\e607";
	color: #9e9e9e;
	position: absolute;
	right: 10px
}

.countDown-container {
	position: relative
}

.countDown-container .box {
	position: fixed;
	top: 10%;
	right: 2%;
	background-color: red;
	width: 70px;
	height: 70px;
	text-align: center;
	line-height: 70px;
	font-size: 26px;
	border-radius: 35px;
	z-index: 100
}