.dividingRuler {
	background: #fff;
	color: #333;
	margin-bottom: .625rem;
	padding-bottom: 1rem;
	position: relative
}

.dividingRuler:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(244, 243, 248, .4)), to(hsla(0, 0%, 100%, 0)));
	background-image: -o-linear-gradient(left, rgba(244, 243, 248, .4), hsla(0, 0%, 100%, 0));
	background-image: linear-gradient(90deg, rgba(244, 243, 248, .4), hsla(0, 0%, 100%, 0));
	width: 2.5rem;
	height: 100%;
	z-index: 2
}

.dividingRuler:after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	background-image: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), to(rgba(244, 243, 248, .4)));
	background-image: -o-linear-gradient(left, hsla(0, 0%, 100%, 0), rgba(244, 243, 248, .4));
	background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), rgba(244, 243, 248, .4));
	width: 2.5rem;
	height: 100%;
	z-index: 2
}

.dividingRuler .text {
	font-size: .75rem;
	line-height: 1.03125rem;
	height: 1.03125rem;
	padding: 1rem .875rem 0;
	color: #333;
	text-align: center
}

.dividingRuler .subtitle {
	line-height: 1.03125rem;
	height: 1.03125rem;
	font-size: .75rem;
	font-family: PingFangSC-Regular;
	font-weight: 400;
	color: #999;
	padding-top: .125rem;
	text-align: center
}

.dividingRuler .color-red {
	color: #f53137
}

.dividingRuler .btn {
	margin: 1.5625rem auto;
	color: #444;
	width: 9.375rem;
	border: 1px solid #666;
	border-radius: 1.5625rem;
	text-align: center;
	line-height: 3.125rem
}

.dividingRuler .ruleDiv {
	width: 100%;
	height: 7.5625rem;
	overflow: hidden;
	position: relative
}

.dividingRuler .canvas {
	width: 100%;
	height: 2.6875rem;
	overflow: hidden;
	position: absolute;
	bottom: 0
}

.dividingRuler .inputDiv {
	position: absolute;
	color: #333;
	width: 100%;
	background: #fff;
	z-index: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 2rem;
	line-height: 2.8125rem;
	height: 2.8125rem;
	text-align: center;
	font-family: UDC-Bold;
	padding-top: .5rem
}

.dividingRuler .inputDiv input {
	font-size: 2rem;
	line-height: 2rem;
	text-align: center
}

.dividingRuler .inputDiv .keyboard-pointer {
	display: inline-block;
	font-family: UDC-Bold
}

.dividingRuler .arrow {
	position: absolute;
	width: 0;
	height: 0;
	border: .4375rem solid transparent;
	border-top: .375rem solid #eb9654;
	left: 50%;
	-webkit-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0);
	top: 3.3125rem;
	z-index: 2
}

.dividingRuler .arrow:after {
	content: "";
	position: absolute;
	display: inline-block;
	width: .0625rem;
	height: 2.8125rem;
	background: #eb9654;
	left: -.03125rem;
	top: -1px
}

.dividingRuler .moneyError input {
	color: #f15a5b
}

.dividingRuler .focus-pointer:after {
	content: "";
	border-right: 1px solid #000;
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-animation: focus-data-v-5333daef .8s infinite forwards;
	animation: focus-data-v-5333daef .8s infinite forwards
}

.dividingRuler .focus-pointer::-webkit-scrollbar {
	display: none
}

@-webkit-keyframes focus-data-v-5333daef {
	0% {
		opacity: 1;
		filter: alpha(opacity=100)
	}

	to {
		opacity: 0;
		filter: alpha(opacity=0)
	}
}

@keyframes focus-data-v-5333daef {
	0% {
		opacity: 1;
		filter: alpha(opacity=100)
	}

	to {
		opacity: 0;
		filter: alpha(opacity=0)
	}
}

.dividingRuler .keyboard-pointer:empty:before {
	content: attr(placeholder);
	font-family: UDC-Mediun, PingFangSC;
	color: #ddd;
	font-size: 80%;
	position: absolute;
	left: 0;
	text-align: center;
	width: 100%;
	background: #fff
}

.dividingRuler .keyboard-pointer:focus:before {
	content: none
}

.jr-aks-sec-keyboard ul li .ensure {
	background-color: #cda76e !important;
	-webkit-box-shadow: inset 0 -1px 0 0 #cda76e !important;
	box-shadow: inset 0 -1px 0 0 #cda76e !important
}

 {
	-webkit-box-sizing: unset;
	box-sizing: unset
}

button,
input {
	outline: none;
	border: 0;
	background: none
}

.fc,
.fl {
	float: left
}

.fr {
	float: right
}

.c,
.l,
.r {
	float: left
}

.r {
	float: right
}

.clearfix {
	clear: both
}

[v-cloak] {
	display: none
}

.flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -ms-flexbox;
	display: flex
}

.flex-0 {
	-webkit-box-flex: 0;
	-webkit-flex: 0;
	-ms-flex: 0;
	flex: 0
}

.flex-1 {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.flex-1.text-left {
	text-align: left
}

.flex-1.text-center {
	text-align: center
}

.flex-1.text-right {
	text-align: right
}

.flex-pack-start {
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.flex-pack-center {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

.flex-pack-end {
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.flex-align-center {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.color-ccc {
	color: #ccc
}

::-webkit-input-placeholder {
	color: #ccc
}

.jrm-arrow-btn {
	position: relative
}

.jrm-arrow-btn i {
	position: absolute;
	width: .75rem;
	height: 100%;
	right: 0;
	top: 0;
	background: url(https://img10.360buyimg.com/imagetools/jfs/t1/229013/4/21145/336/666d8212Fb3597388/958ae468a5a90fec.png) no-repeat;
	background-size: 100%;
	background-position: 0
}

.jrm-mark-btn {
	position: relative
}

.jrm-mark-btn i {
	position: absolute;
	margin-top: .09375rem;
	margin-left: .375rem;
	width: .9375rem;
	height: .9375rem;
	background: url(https://img13.360buyimg.com/imagetools/jfs/t1/163056/35/44856/667/666d8927Fa400b682/c0a7b2eb6966b0cc.png) no-repeat;
	background-size: 100%;
	background-position: 0
}

.jrm-mark-btn i.gray-mark {
	background: url(https://img14.360buyimg.com/imagetools/jfs/t1/229078/14/19813/679/666d87caF6f4b8668/5f01f631b8bb3aa1.png) no-repeat;
	background-size: 100%;
	background-position: 0
}

.jrm-common-btn {
	margin: 1.75rem 1rem .875rem;
	height: 3.125rem;
	line-height: 3.125rem;
	font-family: PingFangSC-Medium;
	font-size: 1.125rem;
	color: #fff;
	text-align: center;
	background-color: #cda76e;
	border-radius: .125rem
}

.jrm-common-btn.disabled {
	background-color: #ccc;
	color: #f1f1f3
}

.bottom-fixed {
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	background: #f5f5f5
}

.bottom-fixed .jrm-common-btn {
	margin: 0;
	border-radius: 0;
	-webkit-box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, .04);
	box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, .04)
}

.bottom-fixed02 {
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	background: #fff;
	z-index: 1
}

.jrm-activity-tag {
	position: absolute;
	padding: 0 .25rem;
	max-height: .9375rem;
	font-family: PingFangSC-Medium;
	font-size: .5625rem;
	color: #fff;
	background: #f15a5b;
	border-radius: 3.125rem 3.125rem 3.125rem 0
}

.jrm-activity-tag.activity-btn {
	top: -6%;
	left: 50%;
	height: .875rem;
	line-height: .875rem;
	white-space: nowrap
}

.jrm-border-1px {
	position: relative
}

.jrm-border-1px:before {
	display: block;
	visibility: visible;
	content: "";
	overflow: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.jrm-layout-title {
	color: #666;
	font-family: PingFangSC-Medium
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
	.jrm-border-1px:before {
		right: -100%;
		bottom: -100%;
		-webkit-transform: scale(.5);
		-ms-transform: scale(.5);
		transform: scale(.5)
	}
}

@media only screen and (-webkit-min-device-pixel-ratio:3) {
	.jrm-border-1px:before {
		right: -200%;
		bottom: -200%;
		-webkit-transform: scale(.333333);
		-ms-transform: scale(.333333);
		transform: scale(.333333)
	}
}

.jrm-border-1px.jrm-border-all:before {
	border: 1px solid #eee
}

.jrm-border-1px.jrm-border-all-gold:before {
	border: 1px solid rgba(232, 185, 130, .3)
}

.jrm-border-1px.jrm-border-top:before {
	border-top: 1px solid #eee
}

.jrm-border-1px.jrm-border-bottom:before {
	border-bottom: 1px solid #eee;
	z-index: 1
}

.jrm-border-1px.jrm-border-left:before {
	border-left: 1px solid #eee
}

.jrm-border-1px.jrm-border-right:before {
	border-right: 1px solid #eee
}

.jrm-border-1px.jrm-border-left-fff:before {
	border-left: 1px solid hsla(0, 0%, 100%, .15)
}

.jrm-border-1px.jrm-border-right-ddd:before {
	border-right: 1px solid #ddd
}

.jrm-border-1px.jrm-border-all-ddd:before {
	border: 1px solid #ddd
}

.jrm-border-1px.jrm-border-bottom-e5e5e5:before {
	border-bottom: 1px solid #e5e5e5
}

body,
html {
	margin: 0;
	padding: 0;
	width: 100%;
	background-color: #f4f3f8;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline;
	font-weight: 400;
	font-family: Helvetica Neue, Helvetica, STHeiTi, sans-serif;
	color: #333;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none
}

body {
	overflow-x: hidden
}

body,
html {
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	font-family: PingFangSC-Regular, PingFang SC
}

.page-loading {
	position: fixed;
	top: 40%;
	left: 50%;
	z-index: 9999;
	width: 2.375rem;
	height: 2.375rem;
	padding: .5rem;
	margin: -1.6875rem 0 0 -1.6875rem;
	border-radius: .1875rem;
	background-color: rgba(0, 0, 0, .6);
	text-align: center
}

.page-loading img {
	display: inline-block;
	vertical-align: middle;
	width: 2.75rem;
	height: 2.75rem;
	position: absolute;
	top: .32rem;
	left: .32rem
}

body,
dd,
div,
dl,
dt,
em,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
html,
i,
img,
input,
label,
ol,
p,
q,
span,
sub,
sup,
table,
td,
tr,
ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-style: normal;
	font-weight: 400;
	border: 0
}

html {
	font-family: microsoft yahei, HelveticaNeue, sans-serif;
	color: #000;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	text-size-adjust: none;
	width: 100%
}

body {
	margin: 0 auto;
	width: 100%;
	font-family: "\5FAE\8F6F\96C5\9ED1";
	max-width: 640px;
	min-width: 320px
}

input,
input[type=button],
input[type=reset],
input[type=submit],
input[type=text],
select {
	-webkit-appearance: none;
	border: 0;
	background: none
}

input:focus,
textarea:focus {
	outline: none
}

li,
ol,
ul {
	list-style: none
}

table,
td,
th,
tr {
	border-collapse: collapse;
	border: 0;
	border-spacing: 0
}

img {
	border: 0;
	vertical-align: middle
}

a {
	text-decoration: none
}

.float_l {
	float: left
}

.float_r {
	float: right
}

.text_area {
	resize: none
}

.dis_none {
	display: none
}

.clear {
	clear: both
}

.bg_white {
	background: #fff
}

button {
	border: none
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.clearfix {
	display: inline-block;
	display: block
}

:-moz-placeholder,
::-moz-placeholder {
	color: #aaa
}

input:-ms-input-placeholder {
	color: #aaa
}

input::-webkit-input-placeholder {
	color: #aaa
}

 {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

.button-primty {
	display: block;
	width: 100%;
	height: 3.125rem;
	line-height: 3.125rem;
	background: #ad8e77;
	font-family: PingFangSC-Medium;
	font-size: 1.0625rem;
	color: #fff;
	text-align: center
}

.button-primty.disabled {
	background: #d5c6bd
}

@media only screen and (device-width:310px) {
	html {
		font-size: 13.2266666667px !important
	}
}

@media only screen and (device-width:311px) {
	html {
		font-size: 13.2693333333px !important
	}
}

@media only screen and (device-width:312px) {
	html {
		font-size: 13.312px !important
	}
}

@media only screen and (device-width:313px) {
	html {
		font-size: 13.3546666667px !important
	}
}

@media only screen and (device-width:314px) {
	html {
		font-size: 13.3973333333px !important
	}
}

@media only screen and (device-width:315px) {
	html {
		font-size: 13.44px !important
	}
}

@media only screen and (device-width:316px) {
	html {
		font-size: 13.4826666667px !important
	}
}

@media only screen and (device-width:317px) {
	html {
		font-size: 13.5253333333px !important
	}
}

@media only screen and (device-width:318px) {
	html {
		font-size: 13.568px !important
	}
}

@media only screen and (device-width:319px) {
	html {
		font-size: 13.6106666667px !important
	}
}

@media only screen and (device-width:320px) {
	html {
		font-size: 13.6533333333px !important
	}
}

@media only screen and (device-width:321px) {
	html {
		font-size: 13.696px !important
	}
}

@media only screen and (device-width:322px) {
	html {
		font-size: 13.7386666667px !important
	}
}

@media only screen and (device-width:323px) {
	html {
		font-size: 13.7813333333px !important
	}
}

@media only screen and (device-width:324px) {
	html {
		font-size: 13.824px !important
	}
}

@media only screen and (device-width:325px) {
	html {
		font-size: 13.8666666667px !important
	}
}

@media only screen and (device-width:326px) {
	html {
		font-size: 13.9093333333px !important
	}
}

@media only screen and (device-width:327px) {
	html {
		font-size: 13.952px !important
	}
}

@media only screen and (device-width:328px) {
	html {
		font-size: 13.9946666667px !important
	}
}

@media only screen and (device-width:329px) {
	html {
		font-size: 14.0373333333px !important
	}
}

@media only screen and (device-width:330px) {
	html {
		font-size: 14.08px !important
	}
}

@media only screen and (device-width:331px) {
	html {
		font-size: 14.1226666667px !important
	}
}

@media only screen and (device-width:332px) {
	html {
		font-size: 14.1653333333px !important
	}
}

@media only screen and (device-width:333px) {
	html {
		font-size: 14.208px !important
	}
}

@media only screen and (device-width:334px) {
	html {
		font-size: 14.2506666667px !important
	}
}

@media only screen and (device-width:335px) {
	html {
		font-size: 14.2933333333px !important
	}
}

@media only screen and (device-width:336px) {
	html {
		font-size: 14.336px !important
	}
}

@media only screen and (device-width:337px) {
	html {
		font-size: 14.3786666667px !important
	}
}

@media only screen and (device-width:338px) {
	html {
		font-size: 14.4213333333px !important
	}
}

@media only screen and (device-width:339px) {
	html {
		font-size: 14.464px !important
	}
}

@media only screen and (device-width:340px) {
	html {
		font-size: 14.5066666667px !important
	}
}

@media only screen and (device-width:341px) {
	html {
		font-size: 14.5493333333px !important
	}
}

@media only screen and (device-width:342px) {
	html {
		font-size: 14.592px !important
	}
}

@media only screen and (device-width:343px) {
	html {
		font-size: 14.6346666667px !important
	}
}

@media only screen and (device-width:344px) {
	html {
		font-size: 14.6773333333px !important
	}
}

@media only screen and (device-width:345px) {
	html {
		font-size: 14.72px !important
	}
}

@media only screen and (device-width:346px) {
	html {
		font-size: 14.7626666667px !important
	}
}

@media only screen and (device-width:347px) {
	html {
		font-size: 14.8053333333px !important
	}
}

@media only screen and (device-width:348px) {
	html {
		font-size: 14.848px !important
	}
}

@media only screen and (device-width:349px) {
	html {
		font-size: 14.8906666667px !important
	}
}

@media only screen and (device-width:350px) {
	html {
		font-size: 14.9333333333px !important
	}
}

@media only screen and (device-width:351px) {
	html {
		font-size: 14.976px !important
	}
}

@media only screen and (device-width:352px) {
	html {
		font-size: 15.0186666667px !important
	}
}

@media only screen and (device-width:353px) {
	html {
		font-size: 15.0613333333px !important
	}
}

@media only screen and (device-width:354px) {
	html {
		font-size: 15.104px !important
	}
}

@media only screen and (device-width:355px) {
	html {
		font-size: 15.1466666667px !important
	}
}

@media only screen and (device-width:356px) {
	html {
		font-size: 15.1893333333px !important
	}
}

@media only screen and (device-width:357px) {
	html {
		font-size: 15.232px !important
	}
}

@media only screen and (device-width:358px) {
	html {
		font-size: 15.2746666667px !important
	}
}

@media only screen and (device-width:359px) {
	html {
		font-size: 15.3173333333px !important
	}
}

@media only screen and (device-width:360px) {
	html {
		font-size: 15.36px !important
	}
}

@media only screen and (device-width:361px) {
	html {
		font-size: 15.4026666667px !important
	}
}

@media only screen and (device-width:362px) {
	html {
		font-size: 15.4453333333px !important
	}
}

@media only screen and (device-width:363px) {
	html {
		font-size: 15.488px !important
	}
}

@media only screen and (device-width:364px) {
	html {
		font-size: 15.5306666667px !important
	}
}

@media only screen and (device-width:365px) {
	html {
		font-size: 15.5733333333px !important
	}
}

@media only screen and (device-width:366px) {
	html {
		font-size: 15.616px !important
	}
}

@media only screen and (device-width:367px) {
	html {
		font-size: 15.6586666667px !important
	}
}

@media only screen and (device-width:368px) {
	html {
		font-size: 15.7013333333px !important
	}
}

@media only screen and (device-width:369px) {
	html {
		font-size: 15.744px !important
	}
}

@media only screen and (device-width:370px) {
	html {
		font-size: 15.7866666667px !important
	}
}

@media only screen and (device-width:371px) {
	html {
		font-size: 15.8293333333px !important
	}
}

@media only screen and (device-width:372px) {
	html {
		font-size: 15.872px !important
	}
}

@media only screen and (device-width:373px) {
	html {
		font-size: 15.9146666667px !important
	}
}

@media only screen and (device-width:374px) {
	html {
		font-size: 15.9573333333px !important
	}
}

@media only screen and (device-width:375px) {
	html {
		font-size: 16px !important
	}
}

@media only screen and (device-width:376px) {
	html {
		font-size: 16.0426666667px !important
	}
}

@media only screen and (device-width:377px) {
	html {
		font-size: 16.0853333333px !important
	}
}

@media only screen and (device-width:378px) {
	html {
		font-size: 16.128px !important
	}
}

@media only screen and (device-width:379px) {
	html {
		font-size: 16.1706666667px !important
	}
}

@media only screen and (device-width:380px) {
	html {
		font-size: 16.2133333333px !important
	}
}

@media only screen and (device-width:381px) {
	html {
		font-size: 16.256px !important
	}
}

@media only screen and (device-width:382px) {
	html {
		font-size: 16.2986666667px !important
	}
}

@media only screen and (device-width:383px) {
	html {
		font-size: 16.3413333333px !important
	}
}

@media only screen and (device-width:384px) {
	html {
		font-size: 16.384px !important
	}
}

@media only screen and (device-width:385px) {
	html {
		font-size: 16.4266666667px !important
	}
}

@media only screen and (device-width:386px) {
	html {
		font-size: 16.4693333333px !important
	}
}

@media only screen and (device-width:387px) {
	html {
		font-size: 16.512px !important
	}
}

@media only screen and (device-width:388px) {
	html {
		font-size: 16.5546666667px !important
	}
}

@media only screen and (device-width:389px) {
	html {
		font-size: 16.5973333333px !important
	}
}

@media only screen and (device-width:390px) {
	html {
		font-size: 16.64px !important
	}
}

@media only screen and (device-width:391px) {
	html {
		font-size: 16.6826666667px !important
	}
}

@media only screen and (device-width:392px) {
	html {
		font-size: 16.7253333333px !important
	}
}

@media only screen and (device-width:393px) {
	html {
		font-size: 16.768px !important
	}
}

@media only screen and (device-width:394px) {
	html {
		font-size: 16.8106666667px !important
	}
}

@media only screen and (device-width:395px) {
	html {
		font-size: 16.8533333333px !important
	}
}

@media only screen and (device-width:396px) {
	html {
		font-size: 16.896px !important
	}
}

@media only screen and (device-width:397px) {
	html {
		font-size: 16.9386666667px !important
	}
}

@media only screen and (device-width:398px) {
	html {
		font-size: 16.9813333333px !important
	}
}

@media only screen and (device-width:399px) {
	html {
		font-size: 17.024px !important
	}
}

@media only screen and (device-width:400px) {
	html {
		font-size: 17.0666666667px !important
	}
}

@media only screen and (device-width:401px) {
	html {
		font-size: 17.1093333333px !important
	}
}

@media only screen and (device-width:402px) {
	html {
		font-size: 17.152px !important
	}
}

@media only screen and (device-width:403px) {
	html {
		font-size: 17.1946666667px !important
	}
}

@media only screen and (device-width:404px) {
	html {
		font-size: 17.2373333333px !important
	}
}

@media only screen and (device-width:405px) {
	html {
		font-size: 17.28px !important
	}
}

@media only screen and (device-width:406px) {
	html {
		font-size: 17.3226666667px !important
	}
}

@media only screen and (device-width:407px) {
	html {
		font-size: 17.3653333333px !important
	}
}

@media only screen and (device-width:408px) {
	html {
		font-size: 17.408px !important
	}
}

@media only screen and (device-width:409px) {
	html {
		font-size: 17.4506666667px !important
	}
}

@media only screen and (device-width:410px) {
	html {
		font-size: 17.4933333333px !important
	}
}

@media only screen and (device-width:411px) {
	html {
		font-size: 17.536px !important
	}
}

@media only screen and (device-width:412px) {
	html {
		font-size: 17.5786666667px !important
	}
}

@media only screen and (device-width:413px) {
	html {
		font-size: 17.6213333333px !important
	}
}

@media only screen and (device-width:414px) {
	html {
		font-size: 17.664px !important
	}
}

@media only screen and (device-width:415px) {
	html {
		font-size: 17.7066666667px !important
	}
}

@media only screen and (device-width:416px) {
	html {
		font-size: 17.7493333333px !important
	}
}

@media only screen and (device-width:417px) {
	html {
		font-size: 17.792px !important
	}
}

@media only screen and (device-width:418px) {
	html {
		font-size: 17.8346666667px !important
	}
}

@media only screen and (device-width:419px) {
	html {
		font-size: 17.8773333333px !important
	}
}

@media only screen and (device-width:420px) {
	html {
		font-size: 17.92px !important
	}
}

@media only screen and (device-width:421px) {
	html {
		font-size: 17.9626666667px !important
	}
}

@media only screen and (device-width:422px) {
	html {
		font-size: 18.0053333333px !important
	}
}

@media only screen and (device-width:423px) {
	html {
		font-size: 18.048px !important
	}
}

@media only screen and (device-width:424px) {
	html {
		font-size: 18.0906666667px !important
	}
}

@media only screen and (device-width:425px) {
	html {
		font-size: 18.1333333333px !important
	}
}

@media only screen and (device-width:426px) {
	html {
		font-size: 18.176px !important
	}
}

@media only screen and (device-width:427px) {
	html {
		font-size: 18.2186666667px !important
	}
}

@media only screen and (device-width:428px) {
	html {
		font-size: 18.2613333333px !important
	}
}

@media only screen and (device-width:429px) {
	html {
		font-size: 18.304px !important
	}
}

@media only screen and (device-width:430px) {
	html {
		font-size: 18.3466666667px !important
	}
}

@media only screen and (device-width:431px) {
	html {
		font-size: 18.3893333333px !important
	}
}

@media only screen and (device-width:432px) {
	html {
		font-size: 18.432px !important
	}
}

@media only screen and (device-width:433px) {
	html {
		font-size: 18.4746666667px !important
	}
}

@media only screen and (device-width:434px) {
	html {
		font-size: 18.5173333333px !important
	}
}

@media only screen and (device-width:435px) {
	html {
		font-size: 18.56px !important
	}
}

@media only screen and (device-width:436px) {
	html {
		font-size: 18.6026666667px !important
	}
}

@media only screen and (device-width:437px) {
	html {
		font-size: 18.6453333333px !important
	}
}

@media only screen and (device-width:438px) {
	html {
		font-size: 18.688px !important
	}
}

@media only screen and (device-width:439px) {
	html {
		font-size: 18.7306666667px !important
	}
}

@media only screen and (device-width:440px) {
	html {
		font-size: 18.7733333333px !important
	}
}

@media only screen and (device-width:441px) {
	html {
		font-size: 18.816px !important
	}
}

@media only screen and (device-width:442px) {
	html {
		font-size: 18.8586666667px !important
	}
}

@media only screen and (device-width:443px) {
	html {
		font-size: 18.9013333333px !important
	}
}

@media only screen and (device-width:444px) {
	html {
		font-size: 18.944px !important
	}
}

@media only screen and (device-width:445px) {
	html {
		font-size: 18.9866666667px !important
	}
}

@media only screen and (device-width:446px) {
	html {
		font-size: 19.0293333333px !important
	}
}

@media only screen and (device-width:447px) {
	html {
		font-size: 19.072px !important
	}
}

@media only screen and (device-width:448px) {
	html {
		font-size: 19.1146666667px !important
	}
}

@media only screen and (device-width:449px) {
	html {
		font-size: 19.1573333333px !important
	}
}

@media only screen and (device-width:450px) {
	html {
		font-size: 19.2px !important
	}
}

@media only screen and (device-width:451px) {
	html {
		font-size: 19.2426666667px !important
	}
}

@media only screen and (device-width:452px) {
	html {
		font-size: 19.2853333333px !important
	}
}

@media only screen and (device-width:453px) {
	html {
		font-size: 19.328px !important
	}
}

@media only screen and (device-width:454px) {
	html {
		font-size: 19.3706666667px !important
	}
}

@media only screen and (device-width:455px) {
	html {
		font-size: 19.4133333333px !important
	}
}

@media only screen and (device-width:456px) {
	html {
		font-size: 19.456px !important
	}
}

@media only screen and (device-width:457px) {
	html {
		font-size: 19.4986666667px !important
	}
}

@media only screen and (device-width:458px) {
	html {
		font-size: 19.5413333333px !important
	}
}

@media only screen and (device-width:459px) {
	html {
		font-size: 19.584px !important
	}
}

@media only screen and (device-width:460px) {
	html {
		font-size: 19.6266666667px !important
	}
}

@media only screen and (device-width:461px) {
	html {
		font-size: 19.6693333333px !important
	}
}

@media only screen and (device-width:462px) {
	html {
		font-size: 19.712px !important
	}
}

@media only screen and (device-width:463px) {
	html {
		font-size: 19.7546666667px !important
	}
}

@media only screen and (device-width:464px) {
	html {
		font-size: 19.7973333333px !important
	}
}

@media only screen and (device-width:465px) {
	html {
		font-size: 19.84px !important
	}
}

@media only screen and (device-width:466px) {
	html {
		font-size: 19.8826666667px !important
	}
}

@media only screen and (device-width:467px) {
	html {
		font-size: 19.9253333333px !important
	}
}

@media only screen and (device-width:468px) {
	html {
		font-size: 19.968px !important
	}
}

@media only screen and (device-width:469px) {
	html {
		font-size: 20.0106666667px !important
	}
}

@media only screen and (device-width:470px) {
	html {
		font-size: 20.0533333333px !important
	}
}

@media only screen and (device-width:471px) {
	html {
		font-size: 20.096px !important
	}
}

@media only screen and (device-width:472px) {
	html {
		font-size: 20.1386666667px !important
	}
}

@media only screen and (device-width:473px) {
	html {
		font-size: 20.1813333333px !important
	}
}

@media only screen and (device-width:474px) {
	html {
		font-size: 20.224px !important
	}
}

@media only screen and (device-width:475px) {
	html {
		font-size: 20.2666666667px !important
	}
}

@media only screen and (device-width:476px) {
	html {
		font-size: 20.3093333333px !important
	}
}

@media only screen and (device-width:477px) {
	html {
		font-size: 20.352px !important
	}
}

@media only screen and (device-width:478px) {
	html {
		font-size: 20.3946666667px !important
	}
}

@media only screen and (device-width:479px) {
	html {
		font-size: 20.4373333333px !important
	}
}

@media only screen and (device-width:480px) {
	html {
		font-size: 20.48px !important
	}
}

@media only screen and (device-width:481px) {
	html {
		font-size: 20.5226666667px !important
	}
}

@media only screen and (device-width:482px) {
	html {
		font-size: 20.5653333333px !important
	}
}

@media only screen and (device-width:483px) {
	html {
		font-size: 20.608px !important
	}
}

@media only screen and (device-width:484px) {
	html {
		font-size: 20.6506666667px !important
	}
}

@media only screen and (device-width:485px) {
	html {
		font-size: 20.6933333333px !important
	}
}

@media only screen and (device-width:486px) {
	html {
		font-size: 20.736px !important
	}
}

@media only screen and (device-width:487px) {
	html {
		font-size: 20.7786666667px !important
	}
}

@media only screen and (device-width:488px) {
	html {
		font-size: 20.8213333333px !important
	}
}

@media only screen and (device-width:489px) {
	html {
		font-size: 20.864px !important
	}
}

@media only screen and (device-width:490px) {
	html {
		font-size: 20.9066666667px !important
	}
}

@media only screen and (device-width:491px) {
	html {
		font-size: 20.9493333333px !important
	}
}

@media only screen and (device-width:492px) {
	html {
		font-size: 20.992px !important
	}
}

@media only screen and (device-width:493px) {
	html {
		font-size: 21.0346666667px !important
	}
}

@media only screen and (device-width:494px) {
	html {
		font-size: 21.0773333333px !important
	}
}

@media only screen and (device-width:495px) {
	html {
		font-size: 21.12px !important
	}
}

@media only screen and (device-width:496px) {
	html {
		font-size: 21.1626666667px !important
	}
}

@media only screen and (device-width:497px) {
	html {
		font-size: 21.2053333333px !important
	}
}

@media only screen and (device-width:498px) {
	html {
		font-size: 21.248px !important
	}
}

@media only screen and (device-width:499px) {
	html {
		font-size: 21.2906666667px !important
	}
}

@media only screen and (device-width:500px) {
	html {
		font-size: 21.3333333333px !important
	}
}

@media only screen and (device-width:501px) {
	html {
		font-size: 21.376px !important
	}
}

@media only screen and (device-width:502px) {
	html {
		font-size: 21.4186666667px !important
	}
}

@media only screen and (device-width:503px) {
	html {
		font-size: 21.4613333333px !important
	}
}

@media only screen and (device-width:504px) {
	html {
		font-size: 21.504px !important
	}
}

@media only screen and (device-width:505px) {
	html {
		font-size: 21.5466666667px !important
	}
}

@media only screen and (device-width:506px) {
	html {
		font-size: 21.5893333333px !important
	}
}

@media only screen and (device-width:507px) {
	html {
		font-size: 21.632px !important
	}
}

@media only screen and (device-width:508px) {
	html {
		font-size: 21.6746666667px !important
	}
}

@media only screen and (device-width:509px) {
	html {
		font-size: 21.7173333333px !important
	}
}

@media only screen and (device-width:510px) {
	html {
		font-size: 21.76px !important
	}
}

@media only screen and (device-width:511px) {
	html {
		font-size: 21.8026666667px !important
	}
}

@media only screen and (device-width:512px) {
	html {
		font-size: 21.8453333333px !important
	}
}

@media only screen and (device-width:513px) {
	html {
		font-size: 21.888px !important
	}
}

@media only screen and (device-width:514px) {
	html {
		font-size: 21.9306666667px !important
	}
}

@media only screen and (device-width:515px) {
	html {
		font-size: 21.9733333333px !important
	}
}

@media only screen and (device-width:516px) {
	html {
		font-size: 22.016px !important
	}
}

@media only screen and (device-width:517px) {
	html {
		font-size: 22.0586666667px !important
	}
}

@media only screen and (device-width:518px) {
	html {
		font-size: 22.1013333333px !important
	}
}

@media only screen and (device-width:519px) {
	html {
		font-size: 22.144px !important
	}
}

@media only screen and (device-width:520px) {
	html {
		font-size: 22.1866666667px !important
	}
}

.money-tips {
	position: absolute;
	top: -.75rem
}

.money-tips.rightPos {
	left: 1.3125rem
}

.money-tips.rightPos.largeUnit {
	padding-left: .5rem
}

.money-tips.rightPosSell {
	left: 0
}

.money-tips.rightPosSell.largeUnit {
	padding-left: .625rem
}

.money-tips.leftPos {
	left: .75rem
}

.money-tips.leftPos.largeUnit {
	padding-left: .5rem
}

.money-tips .unit-line {
	display: inline-block;
	width: .03125rem;
	height: 1.25rem;
	background-color: #ddd;
	margin-right: -.0625rem;
	position: relative;
	top: .5625rem
}

.money-tips .unit-word {
	display: inline-block;
	font-size: .625rem;
	line-height: .875rem;
	color: #fff;
	background-color: #ddd;
	padding: 0 .1875rem;
	border-radius: .09375rem
}

@media only screen and (min-device-width:375px)and (min-device-height:812px)and (-webkit-device-pixel-ratio:3) {
	.jr-x-fixed-bottom-bar {
		bottom: 34px !important
	}

	.jr-x-fixed-bottom-bar:after {
		content: "";
		z-index: 90;
		position: fixed;
		left: 0;
		bottom: 0;
		height: 34px;
		width: 100%;
		background-color: #fff
	}

	.jr-x-fixed-bottom-bar-single {
		bottom: 34px
	}

	.jr-x-fixed-bottom-bar-fill-layer {
		content: "";
		z-index: 90;
		position: fixed;
		left: 0;
		bottom: 0;
		height: 34px;
		width: 100%;
		background-color: #fff
	}

	.jr-x-h100 {
		height: 100% !important;
		height: calc(100% + 34px) !important;
		height: -webkit-calc(100% + 34px) !important
	}
}

@media only screen and (device-width:414px)and (device-height:896px)and (-webkit-min-device-pixel-ratio:2) {
	.jr-x-fixed-bottom-bar {
		bottom: 34px !important
	}

	.jr-x-fixed-bottom-bar:after {
		content: "";
		z-index: 90;
		position: fixed;
		left: 0;
		bottom: 0;
		height: 34px;
		width: 100%;
		background-color: #fff
	}

	.jr-x-fixed-bottom-bar-single {
		bottom: 34px
	}

	.jr-x-fixed-bottom-bar-fill-layer {
		content: "";
		z-index: 90;
		position: fixed;
		left: 0;
		bottom: 0;
		height: 34px;
		width: 100%;
		background-color: #fff
	}

	.jr-x-h100 {
		height: 100% !important;
		height: calc(100% + 34px) !important;
		height: -webkit-calc(100% + 34px) !important
	}
}

.jr-x-fixed-bottom-bar-inner {
	bottom: constant(safe-area-inset-bottom) !important;
	bottom: env(safe-area-inset-bottom) !important
}

.part-title .main-title {
	position: relative;
	line-height: 1.5625rem;
	font-size: 1.125rem;
	font-family: PingFangSC-Medium;
	color: #333
}

.part-title .main-title>i {
	position: absolute;
	top: 50%;
	margin-top: -.46875rem;
	margin-left: .375rem;
	width: .9375rem;
	height: .9375rem;
	background: url(https://img14.360buyimg.com/imagetools/jfs/t1/229078/14/19813/679/666d87caF6f4b8668/5f01f631b8bb3aa1.png) no-repeat;
	background-size: 100%;
	background-position: 0
}

.part-title .sub-title {
	line-height: 1.125rem;
	font-size: .75rem;
	font-family: PingFangSC-Regular;
	color: #cda76e
}

.bg-fff,
.input-wrap {
	background-color: #fff
}

.input-wrap {
	position: relative;
	padding: .625rem 0 .5625rem;
	margin: 0 .75rem
}

.input-wrap .input-title {
	padding: 1.375rem 1rem 0 0
}

.input-wrap .input-row {
	position: relative
}

.input-wrap .input-row .money-icon {
	display: inline-block;
	width: .8125rem;
	height: 1.125rem;
	background: url(../images/rmb_50e27095e8.png) no-repeat;
	background-size: 100% 100%;
	margin-top: .8125rem
}

.input-wrap .input-row .input-box {
	max-width: 16.25rem;
	margin-left: .375rem
}

.input-wrap .input-row .inputClear {
	position: absolute;
	width: .9375rem;
	height: .9375rem;
	right: .1875rem;
	top: 50%;
	background: url(../images/close_3027502a45.png) no-repeat;
	background-size: 100%;
	background-position: 0
}

.input-wrap .input-trip-row .input-trip {
	padding: .5625rem 1rem .5625rem 0;
	font-family: PingFangSC-Regular;
	color: #999
}

.input-wrap .input-trip-row .input-trip .error-trip {
	margin-bottom: .25rem;
	line-height: 1.25rem;
	font-size: .75rem
}

.input-wrap .input-trip-row .input-trip .account-trip {
	line-height: 1.25rem;
	font-size: .75rem;
	color: #999
}

.input-wrap .input-trip-row .input-trip .account-trip b {
	font-weight: 400;
	color: #cda76e;
	padding-left: .15625rem
}

.input-wrap .input-trip-row .input-trip .account-trip span {
	color: #cda76e;
	padding-left: .15625rem
}

.input-wrap .input-trip-row .input-trip .rate-ul .rate-list {
	margin-bottom: .25rem;
	line-height: 1.25rem;
	font-size: .75rem;
	color: #999
}

.input-wrap .input-trip-row .input-trip .rate-ul .rate-list:last-of-type {
	margin-bottom: 0
}

.input-wrap .input-trip-row .golden-words {
	color: #cda76e
}

.input-wrap .money-list {
	padding: .9375rem 0 .09375rem
}

.input-wrap .money-list .money-item {
	display: inline-block;
	line-height: 1.875rem;
	border-radius: 1rem;
	background: rgba(255, 166, 29, .1);
	padding: 0 1.25rem;
	margin-right: .625rem;
	font-size: .75rem;
	color: #ffa61d;
	font-weight: 700
}

.focus-pointer:after {
	content: "";
	border-right: 1px solid #000;
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-animation: focus .8s infinite forwards;
	animation: focus .8s infinite forwards
}

.focus-pointer::-webkit-scrollbar {
	display: none
}

.keyboard-box {
	position: relative;
	line-height: 1.5rem;
	height: 1.5rem;
	margin: .875rem 0 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	font-family: UDC-Bold;
	font-size: 1.5rem
}

.keyboard-pointer {
	overflow: hidden
}

.keyboard-pointer:empty:before {
	content: attr(placeholder);
	font-family: UDC-Mediun, PingFangSC;
	color: #ddd;
	font-size: 100%;
	position: absolute
}

.keyboard-pointer:focus:before {
	content: none
}

.jr-aks-sec-keyboard ul li .ensure {
	background-color: #ffa61d !important;
	-webkit-box-shadow: inset 0 -1px 0 0 #ffa61d !important;
	box-shadow: inset 0 -1px 0 0 #ffa61d !important
}

.account-trip span {
	color: #cda76e
}

.warn {
	color: #ef4034
}

.tanceng {
	position: fixed
}

.bg_hui,
.tanceng {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 100
}

.bg_hui {
	position: absolute;
	background: rgba(0, 0, 0, .6)
}

.content_div {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	z-index: 101;
	background: #fff;
	border-radius: .5rem .5rem 0 0
}

.content_div h2.h_title {
	position: relative;
	font-size: 1.125rem;
	height: 1.75rem;
	line-height: 1.75rem;
	padding: 1.25rem 0;
	font-family: PingFangSC-Medium;
	color: #444;
	text-align: center;
	font-size: 1.25rem
}

.content_div h2.h_title .back {
	width: 2.75rem;
	height: 2.75rem;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -1.375rem;
	background: url(../images/close_icon_f4d13916f7.png) no-repeat;
	background-size: 100% 100%
}

.content_div .content {
	top: 4.46875rem;
	bottom: 0;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
	padding-bottom: 2.125rem;
	max-height: 25rem;
	font-family: PingFangSC-Regular
}

.content_div .content .content-card .card-box {
	position: relative;
	margin: 0 1rem 0 3.75rem;
	height: 4.375rem
}

.content_div .content .content-card .card-box.disable {
	background: #fff
}

.content_div .content .content-card .card-box.disable img {
	opacity: .2;
	filter: alpha(opacity=20)
}

.content_div .content .content-card .card-box.disable .card-desc,
.content_div .content .content-card .card-box.disable .card-desc span,
.content_div .content .content-card .card-box.disable label,
.content_div .content .content-card .card-box.disable label span {
	color: #ccc
}

.content_div .content .content-card .card-box.selected {
	background: url(../images/choosed_785c54900f.png) no-repeat 100%;
	background-size: 1rem 1rem
}

.content_div .content .content-card .card-box img {
	position: absolute;
	left: -2.625rem;
	top: 50%;
	margin-top: -.9375rem;
	width: 1.875rem;
	height: 1.875rem
}

.content_div .content .content-card .card-box .card-desc {
	margin-bottom: .125rem;
	line-height: 1.40625rem;
	font-size: 1rem;
	font-family: PingFang SC Medium;
	color: #333;
	font-family: PingFangSC-Medium, PingFang SC
}

.content_div .content .content-card .card-box label {
	display: block;
	line-height: 1.03125rem;
	font-size: .75rem;
	color: #999
}

.content_div .content .content-card .card-box label span {
	color: #cda76e;
	padding-left: .15625rem
}

.content_div .content .content-card .up_msg {
	position: relative;
	font-size: .75rem;
	line-height: 1.875rem;
	color: #999;
	padding: 0 1rem;
	background: #f6f6f6
}

.content_div .content .content-card .up_msg b {
	color: #333;
	padding-left: .15625rem;
	font-weight: 400
}

.content_div .content .content-card .up_msg span {
	position: absolute;
	display: block;
	background: #f6f6f6;
	width: .625rem;
	height: .625rem;
	top: -.3125rem;
	left: 1.625rem;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg)
}

.cardLayer-fade-enter-active {
	-webkit-transition: all .4s ease-out;
	-o-transition: all .4s ease-out;
	transition: all .4s ease-out
}

.cardLayer-fade-enter {
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%)
}

 {
	-webkit-box-sizing: unset;
	box-sizing: unset
}

button,
input {
	outline: none;
	border: 0;
	background: none
}

.fc,
.fl {
	float: left
}

.fr {
	float: right
}

.c,
.l,
.r {
	float: left
}

.r {
	float: right
}

.clearfix {
	clear: both
}

[v-cloak] {
	display: none
}

.flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -ms-flexbox;
	display: flex
}

.flex-0 {
	-webkit-box-flex: 0;
	-webkit-flex: 0;
	-ms-flex: 0;
	flex: 0
}

.flex-1 {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.flex-1.text-left {
	text-align: left
}

.flex-1.text-center {
	text-align: center
}

.flex-1.text-right {
	text-align: right
}

.flex-pack-start {
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.flex-pack-center {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

.flex-pack-end {
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.flex-align-center {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.color-ccc {
	color: #ccc
}

::-webkit-input-placeholder {
	color: #ccc
}

.jrm-arrow-btn {
	position: relative
}

.jrm-arrow-btn i {
	position: absolute;
	width: .75rem;
	height: 100%;
	right: 0;
	top: 0;
	background: url(https://img10.360buyimg.com/imagetools/jfs/t1/229013/4/21145/336/666d8212Fb3597388/958ae468a5a90fec.png) no-repeat;
	background-size: 100%;
	background-position: 0
}

.jrm-mark-btn {
	position: relative
}

.jrm-mark-btn i {
	position: absolute;
	margin-top: .09375rem;
	margin-left: .375rem;
	width: .9375rem;
	height: .9375rem;
	background: url(https://img13.360buyimg.com/imagetools/jfs/t1/163056/35/44856/667/666d8927Fa400b682/c0a7b2eb6966b0cc.png) no-repeat;
	background-size: 100%;
	background-position: 0
}

.jrm-mark-btn i.gray-mark {
	background: url(https://img14.360buyimg.com/imagetools/jfs/t1/229078/14/19813/679/666d87caF6f4b8668/5f01f631b8bb3aa1.png) no-repeat;
	background-size: 100%;
	background-position: 0
}

.jrm-common-btn {
	margin: 1.75rem 1rem .875rem;
	height: 3.125rem;
	line-height: 3.125rem;
	font-family: PingFangSC-Medium;
	font-size: 1.125rem;
	color: #fff;
	text-align: center;
	background-color: #cda76e;
	border-radius: .125rem
}

.jrm-common-btn.disabled {
	background-color: #ccc;
	color: #f1f1f3
}

.bottom-fixed {
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	background: #f5f5f5
}

.bottom-fixed .jrm-common-btn {
	margin: 0;
	border-radius: 0;
	-webkit-box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, .04);
	box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, .04)
}

.bottom-fixed02 {
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	background: #fff;
	z-index: 1
}

.jrm-activity-tag {
	position: absolute;
	padding: 0 .25rem;
	max-height: .9375rem;
	font-family: PingFangSC-Medium;
	font-size: .5625rem;
	color: #fff;
	background: #f15a5b;
	border-radius: 3.125rem 3.125rem 3.125rem 0
}

.jrm-activity-tag.activity-btn {
	top: -6%;
	left: 50%;
	height: .875rem;
	line-height: .875rem;
	white-space: nowrap
}

.jrm-border-1px {
	position: relative
}

.jrm-border-1px:before {
	display: block;
	visibility: visible;
	content: "";
	overflow: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.jrm-layout-title {
	color: #666;
	font-family: PingFangSC-Medium
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
	.jrm-border-1px:before {
		right: -100%;
		bottom: -100%;
		-webkit-transform: scale(.5);
		-ms-transform: scale(.5);
		transform: scale(.5)
	}
}

@media only screen and (-webkit-min-device-pixel-ratio:3) {
	.jrm-border-1px:before {
		right: -200%;
		bottom: -200%;
		-webkit-transform: scale(.333333);
		-ms-transform: scale(.333333);
		transform: scale(.333333)
	}
}

.jrm-border-1px.jrm-border-all:before {
	border: 1px solid #eee
}

.jrm-border-1px.jrm-border-all-gold:before {
	border: 1px solid rgba(232, 185, 130, .3)
}

.jrm-border-1px.jrm-border-top:before {
	border-top: 1px solid #eee
}

.jrm-border-1px.jrm-border-bottom:before {
	border-bottom: 1px solid #eee;
	z-index: 1
}

.jrm-border-1px.jrm-border-left:before {
	border-left: 1px solid #eee
}

.jrm-border-1px.jrm-border-right:before {
	border-right: 1px solid #eee
}

.jrm-border-1px.jrm-border-left-fff:before {
	border-left: 1px solid hsla(0, 0%, 100%, .15)
}

.jrm-border-1px.jrm-border-right-ddd:before {
	border-right: 1px solid #ddd
}

.jrm-border-1px.jrm-border-all-ddd:before {
	border: 1px solid #ddd
}

.jrm-border-1px.jrm-border-bottom-e5e5e5:before {
	border-bottom: 1px solid #e5e5e5
}

body,
html {
	margin: 0;
	padding: 0;
	width: 100%;
	background-color: #f4f3f8;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline;
	font-weight: 400;
	font-family: Helvetica Neue, Helvetica, STHeiTi, sans-serif;
	color: #333;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none
}

body {
	overflow-x: hidden
}

body,
html {
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	font-family: PingFangSC-Regular, PingFang SC
}

.page-loading {
	position: fixed;
	top: 40%;
	left: 50%;
	z-index: 9999;
	width: 2.375rem;
	height: 2.375rem;
	padding: .5rem;
	margin: -1.6875rem 0 0 -1.6875rem;
	border-radius: .1875rem;
	background-color: rgba(0, 0, 0, .6);
	text-align: center
}

.page-loading img {
	display: inline-block;
	vertical-align: middle;
	width: 2.75rem;
	height: 2.75rem;
	position: absolute;
	top: .32rem;
	left: .32rem
}

body,
dd,
div,
dl,
dt,
em,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
html,
i,
img,
input,
label,
ol,
p,
q,
span,
sub,
sup,
table,
td,
tr,
ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-style: normal;
	font-weight: 400;
	border: 0
}

html {
	font-family: microsoft yahei, HelveticaNeue, sans-serif;
	color: #000;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	text-size-adjust: none;
	width: 100%
}

body {
	margin: 0 auto;
	width: 100%;
	font-family: "\5FAE\8F6F\96C5\9ED1";
	max-width: 640px;
	min-width: 320px
}

input,
input[type=button],
input[type=reset],
input[type=submit],
input[type=text],
select {
	-webkit-appearance: none;
	border: 0;
	background: none
}

input:focus,
textarea:focus {
	outline: none
}

li,
ol,
ul {
	list-style: none
}

table,
td,
th,
tr {
	border-collapse: collapse;
	border: 0;
	border-spacing: 0
}

img {
	border: 0;
	vertical-align: middle
}

a {
	text-decoration: none
}

.float_l {
	float: left
}

.float_r {
	float: right
}

.text_area {
	resize: none
}

.dis_none {
	display: none
}

.clear {
	clear: both
}

.bg_white {
	background: #fff
}

button {
	border: none
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.clearfix {
	display: inline-block;
	display: block
}

:-moz-placeholder,
::-moz-placeholder {
	color: #aaa
}

input:-ms-input-placeholder {
	color: #aaa
}

input::-webkit-input-placeholder {
	color: #aaa
}

 {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

.button-primty {
	display: block;
	width: 100%;
	height: 3.125rem;
	line-height: 3.125rem;
	background: #ad8e77;
	font-family: PingFangSC-Medium;
	font-size: 1.0625rem;
	color: #fff;
	text-align: center
}

.button-primty.disabled {
	background: #d5c6bd
}

@media only screen and (device-width:310px) {
	html {
		font-size: 13.2266666667px !important
	}
}

@media only screen and (device-width:311px) {
	html {
		font-size: 13.2693333333px !important
	}
}

@media only screen and (device-width:312px) {
	html {
		font-size: 13.312px !important
	}
}

@media only screen and (device-width:313px) {
	html {
		font-size: 13.3546666667px !important
	}
}

@media only screen and (device-width:314px) {
	html {
		font-size: 13.3973333333px !important
	}
}

@media only screen and (device-width:315px) {
	html {
		font-size: 13.44px !important
	}
}

@media only screen and (device-width:316px) {
	html {
		font-size: 13.4826666667px !important
	}
}

@media only screen and (device-width:317px) {
	html {
		font-size: 13.5253333333px !important
	}
}

@media only screen and (device-width:318px) {
	html {
		font-size: 13.568px !important
	}
}

@media only screen and (device-width:319px) {
	html {
		font-size: 13.6106666667px !important
	}
}

@media only screen and (device-width:320px) {
	html {
		font-size: 13.6533333333px !important
	}
}

@media only screen and (device-width:321px) {
	html {
		font-size: 13.696px !important
	}
}

@media only screen and (device-width:322px) {
	html {
		font-size: 13.7386666667px !important
	}
}

@media only screen and (device-width:323px) {
	html {
		font-size: 13.7813333333px !important
	}
}

@media only screen and (device-width:324px) {
	html {
		font-size: 13.824px !important
	}
}

@media only screen and (device-width:325px) {
	html {
		font-size: 13.8666666667px !important
	}
}

@media only screen and (device-width:326px) {
	html {
		font-size: 13.9093333333px !important
	}
}

@media only screen and (device-width:327px) {
	html {
		font-size: 13.952px !important
	}
}

@media only screen and (device-width:328px) {
	html {
		font-size: 13.9946666667px !important
	}
}

@media only screen and (device-width:329px) {
	html {
		font-size: 14.0373333333px !important
	}
}

@media only screen and (device-width:330px) {
	html {
		font-size: 14.08px !important
	}
}

@media only screen and (device-width:331px) {
	html {
		font-size: 14.1226666667px !important
	}
}

@media only screen and (device-width:332px) {
	html {
		font-size: 14.1653333333px !important
	}
}

@media only screen and (device-width:333px) {
	html {
		font-size: 14.208px !important
	}
}

@media only screen and (device-width:334px) {
	html {
		font-size: 14.2506666667px !important
	}
}

@media only screen and (device-width:335px) {
	html {
		font-size: 14.2933333333px !important
	}
}

@media only screen and (device-width:336px) {
	html {
		font-size: 14.336px !important
	}
}

@media only screen and (device-width:337px) {
	html {
		font-size: 14.3786666667px !important
	}
}

@media only screen and (device-width:338px) {
	html {
		font-size: 14.4213333333px !important
	}
}

@media only screen and (device-width:339px) {
	html {
		font-size: 14.464px !important
	}
}

@media only screen and (device-width:340px) {
	html {
		font-size: 14.5066666667px !important
	}
}

@media only screen and (device-width:341px) {
	html {
		font-size: 14.5493333333px !important
	}
}

@media only screen and (device-width:342px) {
	html {
		font-size: 14.592px !important
	}
}

@media only screen and (device-width:343px) {
	html {
		font-size: 14.6346666667px !important
	}
}

@media only screen and (device-width:344px) {
	html {
		font-size: 14.6773333333px !important
	}
}

@media only screen and (device-width:345px) {
	html {
		font-size: 14.72px !important
	}
}

@media only screen and (device-width:346px) {
	html {
		font-size: 14.7626666667px !important
	}
}

@media only screen and (device-width:347px) {
	html {
		font-size: 14.8053333333px !important
	}
}

@media only screen and (device-width:348px) {
	html {
		font-size: 14.848px !important
	}
}

@media only screen and (device-width:349px) {
	html {
		font-size: 14.8906666667px !important
	}
}

@media only screen and (device-width:350px) {
	html {
		font-size: 14.9333333333px !important
	}
}

@media only screen and (device-width:351px) {
	html {
		font-size: 14.976px !important
	}
}

@media only screen and (device-width:352px) {
	html {
		font-size: 15.0186666667px !important
	}
}

@media only screen and (device-width:353px) {
	html {
		font-size: 15.0613333333px !important
	}
}

@media only screen and (device-width:354px) {
	html {
		font-size: 15.104px !important
	}
}

@media only screen and (device-width:355px) {
	html {
		font-size: 15.1466666667px !important
	}
}

@media only screen and (device-width:356px) {
	html {
		font-size: 15.1893333333px !important
	}
}

@media only screen and (device-width:357px) {
	html {
		font-size: 15.232px !important
	}
}

@media only screen and (device-width:358px) {
	html {
		font-size: 15.2746666667px !important
	}
}

@media only screen and (device-width:359px) {
	html {
		font-size: 15.3173333333px !important
	}
}

@media only screen and (device-width:360px) {
	html {
		font-size: 15.36px !important
	}
}

@media only screen and (device-width:361px) {
	html {
		font-size: 15.4026666667px !important
	}
}

@media only screen and (device-width:362px) {
	html {
		font-size: 15.4453333333px !important
	}
}

@media only screen and (device-width:363px) {
	html {
		font-size: 15.488px !important
	}
}

@media only screen and (device-width:364px) {
	html {
		font-size: 15.5306666667px !important
	}
}

@media only screen and (device-width:365px) {
	html {
		font-size: 15.5733333333px !important
	}
}

@media only screen and (device-width:366px) {
	html {
		font-size: 15.616px !important
	}
}

@media only screen and (device-width:367px) {
	html {
		font-size: 15.6586666667px !important
	}
}

@media only screen and (device-width:368px) {
	html {
		font-size: 15.7013333333px !important
	}
}

@media only screen and (device-width:369px) {
	html {
		font-size: 15.744px !important
	}
}

@media only screen and (device-width:370px) {
	html {
		font-size: 15.7866666667px !important
	}
}

@media only screen and (device-width:371px) {
	html {
		font-size: 15.8293333333px !important
	}
}

@media only screen and (device-width:372px) {
	html {
		font-size: 15.872px !important
	}
}

@media only screen and (device-width:373px) {
	html {
		font-size: 15.9146666667px !important
	}
}

@media only screen and (device-width:374px) {
	html {
		font-size: 15.9573333333px !important
	}
}

@media only screen and (device-width:375px) {
	html {
		font-size: 16px !important
	}
}

@media only screen and (device-width:376px) {
	html {
		font-size: 16.0426666667px !important
	}
}

@media only screen and (device-width:377px) {
	html {
		font-size: 16.0853333333px !important
	}
}

@media only screen and (device-width:378px) {
	html {
		font-size: 16.128px !important
	}
}

@media only screen and (device-width:379px) {
	html {
		font-size: 16.1706666667px !important
	}
}

@media only screen and (device-width:380px) {
	html {
		font-size: 16.2133333333px !important
	}
}

@media only screen and (device-width:381px) {
	html {
		font-size: 16.256px !important
	}
}

@media only screen and (device-width:382px) {
	html {
		font-size: 16.2986666667px !important
	}
}

@media only screen and (device-width:383px) {
	html {
		font-size: 16.3413333333px !important
	}
}

@media only screen and (device-width:384px) {
	html {
		font-size: 16.384px !important
	}
}

@media only screen and (device-width:385px) {
	html {
		font-size: 16.4266666667px !important
	}
}

@media only screen and (device-width:386px) {
	html {
		font-size: 16.4693333333px !important
	}
}

@media only screen and (device-width:387px) {
	html {
		font-size: 16.512px !important
	}
}

@media only screen and (device-width:388px) {
	html {
		font-size: 16.5546666667px !important
	}
}

@media only screen and (device-width:389px) {
	html {
		font-size: 16.5973333333px !important
	}
}

@media only screen and (device-width:390px) {
	html {
		font-size: 16.64px !important
	}
}

@media only screen and (device-width:391px) {
	html {
		font-size: 16.6826666667px !important
	}
}

@media only screen and (device-width:392px) {
	html {
		font-size: 16.7253333333px !important
	}
}

@media only screen and (device-width:393px) {
	html {
		font-size: 16.768px !important
	}
}

@media only screen and (device-width:394px) {
	html {
		font-size: 16.8106666667px !important
	}
}

@media only screen and (device-width:395px) {
	html {
		font-size: 16.8533333333px !important
	}
}

@media only screen and (device-width:396px) {
	html {
		font-size: 16.896px !important
	}
}

@media only screen and (device-width:397px) {
	html {
		font-size: 16.9386666667px !important
	}
}

@media only screen and (device-width:398px) {
	html {
		font-size: 16.9813333333px !important
	}
}

@media only screen and (device-width:399px) {
	html {
		font-size: 17.024px !important
	}
}

@media only screen and (device-width:400px) {
	html {
		font-size: 17.0666666667px !important
	}
}

@media only screen and (device-width:401px) {
	html {
		font-size: 17.1093333333px !important
	}
}

@media only screen and (device-width:402px) {
	html {
		font-size: 17.152px !important
	}
}

@media only screen and (device-width:403px) {
	html {
		font-size: 17.1946666667px !important
	}
}

@media only screen and (device-width:404px) {
	html {
		font-size: 17.2373333333px !important
	}
}

@media only screen and (device-width:405px) {
	html {
		font-size: 17.28px !important
	}
}

@media only screen and (device-width:406px) {
	html {
		font-size: 17.3226666667px !important
	}
}

@media only screen and (device-width:407px) {
	html {
		font-size: 17.3653333333px !important
	}
}

@media only screen and (device-width:408px) {
	html {
		font-size: 17.408px !important
	}
}

@media only screen and (device-width:409px) {
	html {
		font-size: 17.4506666667px !important
	}
}

@media only screen and (device-width:410px) {
	html {
		font-size: 17.4933333333px !important
	}
}

@media only screen and (device-width:411px) {
	html {
		font-size: 17.536px !important
	}
}

@media only screen and (device-width:412px) {
	html {
		font-size: 17.5786666667px !important
	}
}

@media only screen and (device-width:413px) {
	html {
		font-size: 17.6213333333px !important
	}
}

@media only screen and (device-width:414px) {
	html {
		font-size: 17.664px !important
	}
}

@media only screen and (device-width:415px) {
	html {
		font-size: 17.7066666667px !important
	}
}

@media only screen and (device-width:416px) {
	html {
		font-size: 17.7493333333px !important
	}
}

@media only screen and (device-width:417px) {
	html {
		font-size: 17.792px !important
	}
}

@media only screen and (device-width:418px) {
	html {
		font-size: 17.8346666667px !important
	}
}

@media only screen and (device-width:419px) {
	html {
		font-size: 17.8773333333px !important
	}
}

@media only screen and (device-width:420px) {
	html {
		font-size: 17.92px !important
	}
}

@media only screen and (device-width:421px) {
	html {
		font-size: 17.9626666667px !important
	}
}

@media only screen and (device-width:422px) {
	html {
		font-size: 18.0053333333px !important
	}
}

@media only screen and (device-width:423px) {
	html {
		font-size: 18.048px !important
	}
}

@media only screen and (device-width:424px) {
	html {
		font-size: 18.0906666667px !important
	}
}

@media only screen and (device-width:425px) {
	html {
		font-size: 18.1333333333px !important
	}
}

@media only screen and (device-width:426px) {
	html {
		font-size: 18.176px !important
	}
}

@media only screen and (device-width:427px) {
	html {
		font-size: 18.2186666667px !important
	}
}

@media only screen and (device-width:428px) {
	html {
		font-size: 18.2613333333px !important
	}
}

@media only screen and (device-width:429px) {
	html {
		font-size: 18.304px !important
	}
}

@media only screen and (device-width:430px) {
	html {
		font-size: 18.3466666667px !important
	}
}

@media only screen and (device-width:431px) {
	html {
		font-size: 18.3893333333px !important
	}
}

@media only screen and (device-width:432px) {
	html {
		font-size: 18.432px !important
	}
}

@media only screen and (device-width:433px) {
	html {
		font-size: 18.4746666667px !important
	}
}

@media only screen and (device-width:434px) {
	html {
		font-size: 18.5173333333px !important
	}
}

@media only screen and (device-width:435px) {
	html {
		font-size: 18.56px !important
	}
}

@media only screen and (device-width:436px) {
	html {
		font-size: 18.6026666667px !important
	}
}

@media only screen and (device-width:437px) {
	html {
		font-size: 18.6453333333px !important
	}
}

@media only screen and (device-width:438px) {
	html {
		font-size: 18.688px !important
	}
}

@media only screen and (device-width:439px) {
	html {
		font-size: 18.7306666667px !important
	}
}

@media only screen and (device-width:440px) {
	html {
		font-size: 18.7733333333px !important
	}
}

@media only screen and (device-width:441px) {
	html {
		font-size: 18.816px !important
	}
}

@media only screen and (device-width:442px) {
	html {
		font-size: 18.8586666667px !important
	}
}

@media only screen and (device-width:443px) {
	html {
		font-size: 18.9013333333px !important
	}
}

@media only screen and (device-width:444px) {
	html {
		font-size: 18.944px !important
	}
}

@media only screen and (device-width:445px) {
	html {
		font-size: 18.9866666667px !important
	}
}

@media only screen and (device-width:446px) {
	html {
		font-size: 19.0293333333px !important
	}
}

@media only screen and (device-width:447px) {
	html {
		font-size: 19.072px !important
	}
}

@media only screen and (device-width:448px) {
	html {
		font-size: 19.1146666667px !important
	}
}

@media only screen and (device-width:449px) {
	html {
		font-size: 19.1573333333px !important
	}
}

@media only screen and (device-width:450px) {
	html {
		font-size: 19.2px !important
	}
}

@media only screen and (device-width:451px) {
	html {
		font-size: 19.2426666667px !important
	}
}

@media only screen and (device-width:452px) {
	html {
		font-size: 19.2853333333px !important
	}
}

@media only screen and (device-width:453px) {
	html {
		font-size: 19.328px !important
	}
}

@media only screen and (device-width:454px) {
	html {
		font-size: 19.3706666667px !important
	}
}

@media only screen and (device-width:455px) {
	html {
		font-size: 19.4133333333px !important
	}
}

@media only screen and (device-width:456px) {
	html {
		font-size: 19.456px !important
	}
}

@media only screen and (device-width:457px) {
	html {
		font-size: 19.4986666667px !important
	}
}

@media only screen and (device-width:458px) {
	html {
		font-size: 19.5413333333px !important
	}
}

@media only screen and (device-width:459px) {
	html {
		font-size: 19.584px !important
	}
}

@media only screen and (device-width:460px) {
	html {
		font-size: 19.6266666667px !important
	}
}

@media only screen and (device-width:461px) {
	html {
		font-size: 19.6693333333px !important
	}
}

@media only screen and (device-width:462px) {
	html {
		font-size: 19.712px !important
	}
}

@media only screen and (device-width:463px) {
	html {
		font-size: 19.7546666667px !important
	}
}

@media only screen and (device-width:464px) {
	html {
		font-size: 19.7973333333px !important
	}
}

@media only screen and (device-width:465px) {
	html {
		font-size: 19.84px !important
	}
}

@media only screen and (device-width:466px) {
	html {
		font-size: 19.8826666667px !important
	}
}

@media only screen and (device-width:467px) {
	html {
		font-size: 19.9253333333px !important
	}
}

@media only screen and (device-width:468px) {
	html {
		font-size: 19.968px !important
	}
}

@media only screen and (device-width:469px) {
	html {
		font-size: 20.0106666667px !important
	}
}

@media only screen and (device-width:470px) {
	html {
		font-size: 20.0533333333px !important
	}
}

@media only screen and (device-width:471px) {
	html {
		font-size: 20.096px !important
	}
}

@media only screen and (device-width:472px) {
	html {
		font-size: 20.1386666667px !important
	}
}

@media only screen and (device-width:473px) {
	html {
		font-size: 20.1813333333px !important
	}
}

@media only screen and (device-width:474px) {
	html {
		font-size: 20.224px !important
	}
}

@media only screen and (device-width:475px) {
	html {
		font-size: 20.2666666667px !important
	}
}

@media only screen and (device-width:476px) {
	html {
		font-size: 20.3093333333px !important
	}
}

@media only screen and (device-width:477px) {
	html {
		font-size: 20.352px !important
	}
}

@media only screen and (device-width:478px) {
	html {
		font-size: 20.3946666667px !important
	}
}

@media only screen and (device-width:479px) {
	html {
		font-size: 20.4373333333px !important
	}
}

@media only screen and (device-width:480px) {
	html {
		font-size: 20.48px !important
	}
}

@media only screen and (device-width:481px) {
	html {
		font-size: 20.5226666667px !important
	}
}

@media only screen and (device-width:482px) {
	html {
		font-size: 20.5653333333px !important
	}
}

@media only screen and (device-width:483px) {
	html {
		font-size: 20.608px !important
	}
}

@media only screen and (device-width:484px) {
	html {
		font-size: 20.6506666667px !important
	}
}

@media only screen and (device-width:485px) {
	html {
		font-size: 20.6933333333px !important
	}
}

@media only screen and (device-width:486px) {
	html {
		font-size: 20.736px !important
	}
}

@media only screen and (device-width:487px) {
	html {
		font-size: 20.7786666667px !important
	}
}

@media only screen and (device-width:488px) {
	html {
		font-size: 20.8213333333px !important
	}
}

@media only screen and (device-width:489px) {
	html {
		font-size: 20.864px !important
	}
}

@media only screen and (device-width:490px) {
	html {
		font-size: 20.9066666667px !important
	}
}

@media only screen and (device-width:491px) {
	html {
		font-size: 20.9493333333px !important
	}
}

@media only screen and (device-width:492px) {
	html {
		font-size: 20.992px !important
	}
}

@media only screen and (device-width:493px) {
	html {
		font-size: 21.0346666667px !important
	}
}

@media only screen and (device-width:494px) {
	html {
		font-size: 21.0773333333px !important
	}
}

@media only screen and (device-width:495px) {
	html {
		font-size: 21.12px !important
	}
}

@media only screen and (device-width:496px) {
	html {
		font-size: 21.1626666667px !important
	}
}

@media only screen and (device-width:497px) {
	html {
		font-size: 21.2053333333px !important
	}
}

@media only screen and (device-width:498px) {
	html {
		font-size: 21.248px !important
	}
}

@media only screen and (device-width:499px) {
	html {
		font-size: 21.2906666667px !important
	}
}

@media only screen and (device-width:500px) {
	html {
		font-size: 21.3333333333px !important
	}
}

@media only screen and (device-width:501px) {
	html {
		font-size: 21.376px !important
	}
}

@media only screen and (device-width:502px) {
	html {
		font-size: 21.4186666667px !important
	}
}

@media only screen and (device-width:503px) {
	html {
		font-size: 21.4613333333px !important
	}
}

@media only screen and (device-width:504px) {
	html {
		font-size: 21.504px !important
	}
}

@media only screen and (device-width:505px) {
	html {
		font-size: 21.5466666667px !important
	}
}

@media only screen and (device-width:506px) {
	html {
		font-size: 21.5893333333px !important
	}
}

@media only screen and (device-width:507px) {
	html {
		font-size: 21.632px !important
	}
}

@media only screen and (device-width:508px) {
	html {
		font-size: 21.6746666667px !important
	}
}

@media only screen and (device-width:509px) {
	html {
		font-size: 21.7173333333px !important
	}
}

@media only screen and (device-width:510px) {
	html {
		font-size: 21.76px !important
	}
}

@media only screen and (device-width:511px) {
	html {
		font-size: 21.8026666667px !important
	}
}

@media only screen and (device-width:512px) {
	html {
		font-size: 21.8453333333px !important
	}
}

@media only screen and (device-width:513px) {
	html {
		font-size: 21.888px !important
	}
}

@media only screen and (device-width:514px) {
	html {
		font-size: 21.9306666667px !important
	}
}

@media only screen and (device-width:515px) {
	html {
		font-size: 21.9733333333px !important
	}
}

@media only screen and (device-width:516px) {
	html {
		font-size: 22.016px !important
	}
}

@media only screen and (device-width:517px) {
	html {
		font-size: 22.0586666667px !important
	}
}

@media only screen and (device-width:518px) {
	html {
		font-size: 22.1013333333px !important
	}
}

@media only screen and (device-width:519px) {
	html {
		font-size: 22.144px !important
	}
}

@media only screen and (device-width:520px) {
	html {
		font-size: 22.1866666667px !important
	}
}

.money-tips {
	position: absolute;
	top: -.75rem
}

.money-tips.rightPos {
	left: 1.3125rem
}

.money-tips.rightPos.largeUnit {
	padding-left: .5rem
}

.money-tips.rightPosSell {
	left: 0
}

.money-tips.rightPosSell.largeUnit {
	padding-left: .625rem
}

.money-tips.leftPos {
	left: .75rem
}

.money-tips.leftPos.largeUnit {
	padding-left: .5rem
}

.money-tips .unit-line {
	display: inline-block;
	width: .03125rem;
	height: 1.25rem;
	background-color: #ddd;
	margin-right: -.0625rem;
	position: relative;
	top: .5625rem
}

.money-tips .unit-word {
	display: inline-block;
	font-size: .625rem;
	line-height: .875rem;
	color: #fff;
	background-color: #ddd;
	padding: 0 .1875rem;
	border-radius: .09375rem
}

@media only screen and (min-device-width:375px)and (min-device-height:812px)and (-webkit-device-pixel-ratio:3) {
	.jr-x-fixed-bottom-bar {
		bottom: 34px !important
	}

	.jr-x-fixed-bottom-bar:after {
		content: "";
		z-index: 90;
		position: fixed;
		left: 0;
		bottom: 0;
		height: 34px;
		width: 100%;
		background-color: #fff
	}

	.jr-x-fixed-bottom-bar-single {
		bottom: 34px
	}

	.jr-x-fixed-bottom-bar-fill-layer {
		content: "";
		z-index: 90;
		position: fixed;
		left: 0;
		bottom: 0;
		height: 34px;
		width: 100%;
		background-color: #fff
	}

	.jr-x-h100 {
		height: 100% !important;
		height: calc(100% + 34px) !important;
		height: -webkit-calc(100% + 34px) !important
	}
}

@media only screen and (device-width:414px)and (device-height:896px)and (-webkit-min-device-pixel-ratio:2) {
	.jr-x-fixed-bottom-bar {
		bottom: 34px !important
	}

	.jr-x-fixed-bottom-bar:after {
		content: "";
		z-index: 90;
		position: fixed;
		left: 0;
		bottom: 0;
		height: 34px;
		width: 100%;
		background-color: #fff
	}

	.jr-x-fixed-bottom-bar-single {
		bottom: 34px
	}

	.jr-x-fixed-bottom-bar-fill-layer {
		content: "";
		z-index: 90;
		position: fixed;
		left: 0;
		bottom: 0;
		height: 34px;
		width: 100%;
		background-color: #fff
	}

	.jr-x-h100 {
		height: 100% !important;
		height: calc(100% + 34px) !important;
		height: -webkit-calc(100% + 34px) !important
	}
}

.jr-x-fixed-bottom-bar-inner {
	bottom: constant(safe-area-inset-bottom) !important;
	bottom: env(safe-area-inset-bottom) !important
}

.card-title {
	margin-bottom: .5625rem
}

.card-wrap {
	margin-top: .625rem;
	padding: 1.375rem 0 0 1rem;
	background-color: #fff
}

.card-wrap .account-wrap {
	height: 4.375rem;
	padding-right: 1rem
}

.card-wrap .account-wrap.disable-newCard {
	opacity: .4;
	filter: alpha(opacity=40)
}

.card-wrap .account-wrap .check-icon {
	display: inline-block;
	width: 1.25rem;
	height: 1.25rem;
	-webkit-box-flex-shrink: 0;
	-webkit-flex-shrink: 0;
	-ms-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	background: url(https://img14.360buyimg.com/imagetools/jfs/t1/191422/24/45836/500/666d8109Ff3944a57/aa663b5251319daa.png) no-repeat 0;
	background-size: 1.25rem 1.25rem;
	margin-right: .625rem
}

.card-wrap .account-wrap .check-icon.checked {
	background: url(https://img14.360buyimg.com/imagetools/jfs/t1/238352/26/18954/538/666d81a8Ff11f0b8a/1dac5fa335dfb476.png) no-repeat 0;
	background-size: 1.25rem 1.25rem
}

.card-wrap .account-wrap .add-icon {
	background: url(../images/icon_add_ff0a4d702c.png) no-repeat;
	background-size: 1.25rem 1.25rem
}

.card-wrap .account-wrap .account-name {
	margin-bottom: .125rem;
	margin-right: .625rem;
	line-height: 1.40625rem;
	font-size: 1rem;
	color: #333
}

.card-wrap .account-wrap .account-name .name {
	font-family: PingFangSC-Medium, PingFang SC;
	padding-bottom: .125rem
}

.card-wrap .account-wrap .account-desc {
	line-height: 1.03125rem;
	font-size: .75rem;
	color: #999
}

.card-wrap .account-wrap .account-desc .freeze-num,
.card-wrap .account-wrap .account-desc>span {
	color: #cda76e;
	padding-left: .15625rem
}

.card-wrap .account-wrap .needUp {
	opacity: .4
}

.card-wrap .account-wrap .xjk-tips {
	display: block;
	min-width: 3.75rem;
	line-height: .9375rem;
	font-size: .75rem;
	text-align: right;
	font-family: PingFang SC Regular;
	color: #cda76e
}

.card-wrap .account-wrap .right-arrow {
	display: inline-block;
	width: .75rem;
	height: .75rem;
	background: url(https://img10.360buyimg.com/imagetools/jfs/t1/229013/4/21145/336/666d8212Fb3597388/958ae468a5a90fec.png) no-repeat;
	background-size: 100%;
	background-position: 0
}

 {
	-webkit-box-sizing: unset;
	box-sizing: unset
}

.tanceng {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 100%
}

.tanceng .bg_hui {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6)
}

.tanceng .content_div {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 101;
	width: 100%;
	background: #fff;
	border-radius: .5rem .5rem 0 0
}

.tanceng .content_div h2.h_title {
	position: relative;
	padding: 1.34375rem .875rem;
	height: 1.5625rem;
	line-height: 1.5625rem;
	border-radius: .5rem .5rem 0 0;
	font-family: PingFangSC-Medium;
	font-size: 1.25rem;
	text-align: center;
	color: #333
}

.tanceng .content_div h2.h_title .close {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -1.375rem;
	width: 2.75rem;
	height: 2.75rem;
	background: url(../images/close_48df9d64f3.png) no-repeat;
	background-size: 100% 100%
}

.tanceng .content_div .content {
	top: 4.46875rem;
	bottom: 0;
	overflow: scroll;
	padding: 0 0 2.125rem 1rem;
	max-height: 25rem;
	-webkit-overflow-scrolling: touch;
	font-family: PingFangSC-Regular
}

.tanceng .content_div .content .protocolWrap {
	padding-right: 1rem
}

.tanceng .content_div .content .protocolWrap .protocolList {
	line-height: 4.125rem;
	background: url(../images/arrowRight_0b7650ab44.png) no-repeat 100%;
	background-size: .75rem .75rem;
	font-size: 1rem;
	color: #333;
	overflow: hidden;
	white-space: nowrap;
	-moz-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.transition-fade-enter-active {
	-webkit-transition: all .4s ease-out;
	-o-transition: all .4s ease-out;
	transition: all .4s ease-out
}

.transition-fade-enter {
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%)
}

.bgsignTip {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	z-index: 1
}

.bgsignTip .signTip {
	width: 21.25rem;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -8.125rem;
	margin-left: -10.625rem;
	border-radius: .625rem;
	background: #fff
}

.bgsignTip .signTip .h_title {
	font-size: 1rem;
	line-height: 2.5rem;
	padding: .625rem 1rem 0;
	text-align: left;
	border-bottom: 1px solid #eee;
	font-family: PingFangSC-Medium
}

.bgsignTip .signTip .h_title .close_tip {
	position: absolute;
	width: 1rem;
	height: 1rem;
	background: url(../images/close_9f3e5ea77d.png) no-repeat;
	background-size: 100% 100%;
	right: 1.3125rem;
	top: 1.25rem
}

.bgsignTip .signTip .check_radio {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 0 1rem
}

.bgsignTip .signTip .check_radio .checkicon {
	margin-top: .15625rem;
	display: block;
	width: .9375rem;
	height: .9375rem;
	background: url(https://img14.360buyimg.com/imagetools/jfs/t1/191422/24/45836/500/666d8109Ff3944a57/aa663b5251319daa.png) no-repeat 0;
	background-size: .9375rem .9375rem
}

.bgsignTip .signTip .check_radio .checkicon02 {
	background: url(https://img14.360buyimg.com/imagetools/jfs/t1/238352/26/18954/538/666d81a8Ff11f0b8a/1dac5fa335dfb476.png) no-repeat 0;
	background-size: .9375rem .9375rem
}

.bgsignTip .signTip .check_radio .text {
	line-height: 1.25rem;
	font-size: .75rem;
	padding-left: 10px
}

.bgsignTip .signTip .check_radio .text span {
	color: #cda76e
}

.bgsignTip .signTip p {
	padding: 1.25rem 1rem;
	font-size: .8125rem;
	line-height: 1.5625rem
}

.bgsignTip .signTip p span {
	color: #cda76e
}

.bgsignTip .signTip .btnBox {
	padding: .9375rem 1rem
}

.bgsignTip .signTip .btnBox .btnSign {
	width: 100%;
	height: 3.125rem;
	text-align: center;
	line-height: 3.125rem;
	color: #fff;
	background: #cda76e;
	font-size: 1rem;
	border-radius: .3125rem
}

 {
	-webkit-box-sizing: unset;
	box-sizing: unset
}

button,
input {
	outline: none;
	border: 0;
	background: none
}

.fc,
.fl {
	float: left
}

.fr {
	float: right
}

.c,
.l,
.r {
	float: left
}

.r {
	float: right
}

.clearfix {
	clear: both
}

[v-cloak] {
	display: none
}

.flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -ms-flexbox;
	display: flex
}

.flex-0 {
	-webkit-box-flex: 0;
	-webkit-flex: 0;
	-ms-flex: 0;
	flex: 0
}

.flex-1 {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.flex-1.text-left {
	text-align: left
}

.flex-1.text-center {
	text-align: center
}

.flex-1.text-right {
	text-align: right
}

.flex-pack-start {
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.flex-pack-center {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

.flex-pack-end {
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.flex-align-center {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.color-ccc {
	color: #ccc
}

::-webkit-input-placeholder {
	color: #ccc
}

.jrm-arrow-btn {
	position: relative
}

.jrm-arrow-btn i {
	position: absolute;
	width: .75rem;
	height: 100%;
	right: 0;
	top: 0;
	background: url(https://img10.360buyimg.com/imagetools/jfs/t1/229013/4/21145/336/666d8212Fb3597388/958ae468a5a90fec.png) no-repeat;
	background-size: 100%;
	background-position: 0
}

.jrm-mark-btn {
	position: relative
}

.jrm-mark-btn i {
	position: absolute;
	margin-top: .09375rem;
	margin-left: .375rem;
	width: .9375rem;
	height: .9375rem;
	background: url(https://img13.360buyimg.com/imagetools/jfs/t1/163056/35/44856/667/666d8927Fa400b682/c0a7b2eb6966b0cc.png) no-repeat;
	background-size: 100%;
	background-position: 0
}

.jrm-mark-btn i.gray-mark {
	background: url(https://img14.360buyimg.com/imagetools/jfs/t1/229078/14/19813/679/666d87caF6f4b8668/5f01f631b8bb3aa1.png) no-repeat;
	background-size: 100%;
	background-position: 0
}

.jrm-common-btn {
	margin: 1.75rem 1rem .875rem;
	height: 3.125rem;
	line-height: 3.125rem;
	font-family: PingFangSC-Medium;
	font-size: 1.125rem;
	color: #fff;
	text-align: center;
	background-color: #cda76e;
	border-radius: .125rem
}

.jrm-common-btn.disabled {
	background-color: #ccc;
	color: #f1f1f3
}

.bottom-fixed {
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	background: #f5f5f5
}

.bottom-fixed .jrm-common-btn {
	margin: 0;
	border-radius: 0;
	-webkit-box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, .04);
	box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, .04)
}

.bottom-fixed02 {
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	background: #fff;
	z-index: 1
}

.jrm-activity-tag {
	position: absolute;
	padding: 0 .25rem;
	max-height: .9375rem;
	font-family: PingFangSC-Medium;
	font-size: .5625rem;
	color: #fff;
	background: #f15a5b;
	border-radius: 3.125rem 3.125rem 3.125rem 0
}

.jrm-activity-tag.activity-btn {
	top: -6%;
	left: 50%;
	height: .875rem;
	line-height: .875rem;
	white-space: nowrap
}

.jrm-border-1px {
	position: relative
}

.jrm-border-1px:before {
	display: block;
	visibility: visible;
	content: "";
	overflow: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.jrm-layout-title {
	color: #666;
	font-family: PingFangSC-Medium
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
	.jrm-border-1px:before {
		right: -100%;
		bottom: -100%;
		-webkit-transform: scale(.5);
		-ms-transform: scale(.5);
		transform: scale(.5)
	}
}

@media only screen and (-webkit-min-device-pixel-ratio:3) {
	.jrm-border-1px:before {
		right: -200%;
		bottom: -200%;
		-webkit-transform: scale(.333333);
		-ms-transform: scale(.333333);
		transform: scale(.333333)
	}
}

.jrm-border-1px.jrm-border-all:before {
	border: 1px solid #eee
}

.jrm-border-1px.jrm-border-all-gold:before {
	border: 1px solid rgba(232, 185, 130, .3)
}

.jrm-border-1px.jrm-border-top:before {
	border-top: 1px solid #eee
}

.jrm-border-1px.jrm-border-bottom:before {
	border-bottom: 1px solid #eee;
	z-index: 1
}

.jrm-border-1px.jrm-border-left:before {
	border-left: 1px solid #eee
}

.jrm-border-1px.jrm-border-right:before {
	border-right: 1px solid #eee
}

.jrm-border-1px.jrm-border-left-fff:before {
	border-left: 1px solid hsla(0, 0%, 100%, .15)
}

.jrm-border-1px.jrm-border-right-ddd:before {
	border-right: 1px solid #ddd
}

.jrm-border-1px.jrm-border-all-ddd:before {
	border: 1px solid #ddd
}

.jrm-border-1px.jrm-border-bottom-e5e5e5:before {
	border-bottom: 1px solid #e5e5e5
}

body,
html {
	margin: 0;
	padding: 0;
	width: 100%;
	background-color: #f4f3f8;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline;
	font-weight: 400;
	font-family: Helvetica Neue, Helvetica, STHeiTi, sans-serif;
	color: #333;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none
}

body {
	overflow-x: hidden
}

body,
html {
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	font-family: PingFangSC-Regular, PingFang SC
}

.page-loading {
	position: fixed;
	top: 40%;
	left: 50%;
	z-index: 9999;
	width: 2.375rem;
	height: 2.375rem;
	padding: .5rem;
	margin: -1.6875rem 0 0 -1.6875rem;
	border-radius: .1875rem;
	background-color: rgba(0, 0, 0, .6);
	text-align: center
}

.page-loading img {
	display: inline-block;
	vertical-align: middle;
	width: 2.75rem;
	height: 2.75rem;
	position: absolute;
	top: .32rem;
	left: .32rem
}

body,
dd,
div,
dl,
dt,
em,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
html,
i,
img,
input,
label,
ol,
p,
q,
span,
sub,
sup,
table,
td,
tr,
ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-style: normal;
	font-weight: 400;
	border: 0
}

html {
	font-family: microsoft yahei, HelveticaNeue, sans-serif;
	color: #000;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	text-size-adjust: none;
	width: 100%
}

body {
	margin: 0 auto;
	width: 100%;
	font-family: "\5FAE\8F6F\96C5\9ED1";
	max-width: 640px;
	min-width: 320px
}

input,
input[type=button],
input[type=reset],
input[type=submit],
input[type=text],
select {
	-webkit-appearance: none;
	border: 0;
	background: none
}

input:focus,
textarea:focus {
	outline: none
}

li,
ol,
ul {
	list-style: none
}

table,
td,
th,
tr {
	border-collapse: collapse;
	border: 0;
	border-spacing: 0
}

img {
	border: 0;
	vertical-align: middle
}

a {
	text-decoration: none
}

.float_l {
	float: left
}

.float_r {
	float: right
}

.text_area {
	resize: none
}

.dis_none {
	display: none
}

.clear {
	clear: both
}

.bg_white {
	background: #fff
}

button {
	border: none
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.clearfix {
	display: inline-block;
	display: block
}

:-moz-placeholder,
::-moz-placeholder {
	color: #aaa
}

input:-ms-input-placeholder {
	color: #aaa
}

input::-webkit-input-placeholder {
	color: #aaa
}

 {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

.button-primty {
	display: block;
	width: 100%;
	height: 3.125rem;
	line-height: 3.125rem;
	background: #ad8e77;
	font-family: PingFangSC-Medium;
	font-size: 1.0625rem;
	color: #fff;
	text-align: center
}

.button-primty.disabled {
	background: #d5c6bd
}

@media only screen and (device-width:310px) {
	html {
		font-size: 13.2266666667px !important
	}
}

@media only screen and (device-width:311px) {
	html {
		font-size: 13.2693333333px !important
	}
}

@media only screen and (device-width:312px) {
	html {
		font-size: 13.312px !important
	}
}

@media only screen and (device-width:313px) {
	html {
		font-size: 13.3546666667px !important
	}
}

@media only screen and (device-width:314px) {
	html {
		font-size: 13.3973333333px !important
	}
}

@media only screen and (device-width:315px) {
	html {
		font-size: 13.44px !important
	}
}

@media only screen and (device-width:316px) {
	html {
		font-size: 13.4826666667px !important
	}
}

@media only screen and (device-width:317px) {
	html {
		font-size: 13.5253333333px !important
	}
}

@media only screen and (device-width:318px) {
	html {
		font-size: 13.568px !important
	}
}

@media only screen and (device-width:319px) {
	html {
		font-size: 13.6106666667px !important
	}
}

@media only screen and (device-width:320px) {
	html {
		font-size: 13.6533333333px !important
	}
}

@media only screen and (device-width:321px) {
	html {
		font-size: 13.696px !important
	}
}

@media only screen and (device-width:322px) {
	html {
		font-size: 13.7386666667px !important
	}
}

@media only screen and (device-width:323px) {
	html {
		font-size: 13.7813333333px !important
	}
}

@media only screen and (device-width:324px) {
	html {
		font-size: 13.824px !important
	}
}

@media only screen and (device-width:325px) {
	html {
		font-size: 13.8666666667px !important
	}
}

@media only screen and (device-width:326px) {
	html {
		font-size: 13.9093333333px !important
	}
}

@media only screen and (device-width:327px) {
	html {
		font-size: 13.952px !important
	}
}

@media only screen and (device-width:328px) {
	html {
		font-size: 13.9946666667px !important
	}
}

@media only screen and (device-width:329px) {
	html {
		font-size: 14.0373333333px !important
	}
}

@media only screen and (device-width:330px) {
	html {
		font-size: 14.08px !important
	}
}

@media only screen and (device-width:331px) {
	html {
		font-size: 14.1226666667px !important
	}
}

@media only screen and (device-width:332px) {
	html {
		font-size: 14.1653333333px !important
	}
}

@media only screen and (device-width:333px) {
	html {
		font-size: 14.208px !important
	}
}

@media only screen and (device-width:334px) {
	html {
		font-size: 14.2506666667px !important
	}
}

@media only screen and (device-width:335px) {
	html {
		font-size: 14.2933333333px !important
	}
}

@media only screen and (device-width:336px) {
	html {
		font-size: 14.336px !important
	}
}

@media only screen and (device-width:337px) {
	html {
		font-size: 14.3786666667px !important
	}
}

@media only screen and (device-width:338px) {
	html {
		font-size: 14.4213333333px !important
	}
}

@media only screen and (device-width:339px) {
	html {
		font-size: 14.464px !important
	}
}

@media only screen and (device-width:340px) {
	html {
		font-size: 14.5066666667px !important
	}
}

@media only screen and (device-width:341px) {
	html {
		font-size: 14.5493333333px !important
	}
}

@media only screen and (device-width:342px) {
	html {
		font-size: 14.592px !important
	}
}

@media only screen and (device-width:343px) {
	html {
		font-size: 14.6346666667px !important
	}
}

@media only screen and (device-width:344px) {
	html {
		font-size: 14.6773333333px !important
	}
}

@media only screen and (device-width:345px) {
	html {
		font-size: 14.72px !important
	}
}

@media only screen and (device-width:346px) {
	html {
		font-size: 14.7626666667px !important
	}
}

@media only screen and (device-width:347px) {
	html {
		font-size: 14.8053333333px !important
	}
}

@media only screen and (device-width:348px) {
	html {
		font-size: 14.848px !important
	}
}

@media only screen and (device-width:349px) {
	html {
		font-size: 14.8906666667px !important
	}
}

@media only screen and (device-width:350px) {
	html {
		font-size: 14.9333333333px !important
	}
}

@media only screen and (device-width:351px) {
	html {
		font-size: 14.976px !important
	}
}

@media only screen and (device-width:352px) {
	html {
		font-size: 15.0186666667px !important
	}
}

@media only screen and (device-width:353px) {
	html {
		font-size: 15.0613333333px !important
	}
}

@media only screen and (device-width:354px) {
	html {
		font-size: 15.104px !important
	}
}

@media only screen and (device-width:355px) {
	html {
		font-size: 15.1466666667px !important
	}
}

@media only screen and (device-width:356px) {
	html {
		font-size: 15.1893333333px !important
	}
}

@media only screen and (device-width:357px) {
	html {
		font-size: 15.232px !important
	}
}

@media only screen and (device-width:358px) {
	html {
		font-size: 15.2746666667px !important
	}
}

@media only screen and (device-width:359px) {
	html {
		font-size: 15.3173333333px !important
	}
}

@media only screen and (device-width:360px) {
	html {
		font-size: 15.36px !important
	}
}

@media only screen and (device-width:361px) {
	html {
		font-size: 15.4026666667px !important
	}
}

@media only screen and (device-width:362px) {
	html {
		font-size: 15.4453333333px !important
	}
}

@media only screen and (device-width:363px) {
	html {
		font-size: 15.488px !important
	}
}

@media only screen and (device-width:364px) {
	html {
		font-size: 15.5306666667px !important
	}
}

@media only screen and (device-width:365px) {
	html {
		font-size: 15.5733333333px !important
	}
}

@media only screen and (device-width:366px) {
	html {
		font-size: 15.616px !important
	}
}

@media only screen and (device-width:367px) {
	html {
		font-size: 15.6586666667px !important
	}
}

@media only screen and (device-width:368px) {
	html {
		font-size: 15.7013333333px !important
	}
}

@media only screen and (device-width:369px) {
	html {
		font-size: 15.744px !important
	}
}

@media only screen and (device-width:370px) {
	html {
		font-size: 15.7866666667px !important
	}
}

@media only screen and (device-width:371px) {
	html {
		font-size: 15.8293333333px !important
	}
}

@media only screen and (device-width:372px) {
	html {
		font-size: 15.872px !important
	}
}

@media only screen and (device-width:373px) {
	html {
		font-size: 15.9146666667px !important
	}
}

@media only screen and (device-width:374px) {
	html {
		font-size: 15.9573333333px !important
	}
}

@media only screen and (device-width:375px) {
	html {
		font-size: 16px !important
	}
}

@media only screen and (device-width:376px) {
	html {
		font-size: 16.0426666667px !important
	}
}

@media only screen and (device-width:377px) {
	html {
		font-size: 16.0853333333px !important
	}
}

@media only screen and (device-width:378px) {
	html {
		font-size: 16.128px !important
	}
}

@media only screen and (device-width:379px) {
	html {
		font-size: 16.1706666667px !important
	}
}

@media only screen and (device-width:380px) {
	html {
		font-size: 16.2133333333px !important
	}
}

@media only screen and (device-width:381px) {
	html {
		font-size: 16.256px !important
	}
}

@media only screen and (device-width:382px) {
	html {
		font-size: 16.2986666667px !important
	}
}

@media only screen and (device-width:383px) {
	html {
		font-size: 16.3413333333px !important
	}
}

@media only screen and (device-width:384px) {
	html {
		font-size: 16.384px !important
	}
}

@media only screen and (device-width:385px) {
	html {
		font-size: 16.4266666667px !important
	}
}

@media only screen and (device-width:386px) {
	html {
		font-size: 16.4693333333px !important
	}
}

@media only screen and (device-width:387px) {
	html {
		font-size: 16.512px !important
	}
}

@media only screen and (device-width:388px) {
	html {
		font-size: 16.5546666667px !important
	}
}

@media only screen and (device-width:389px) {
	html {
		font-size: 16.5973333333px !important
	}
}

@media only screen and (device-width:390px) {
	html {
		font-size: 16.64px !important
	}
}

@media only screen and (device-width:391px) {
	html {
		font-size: 16.6826666667px !important
	}
}

@media only screen and (device-width:392px) {
	html {
		font-size: 16.7253333333px !important
	}
}

@media only screen and (device-width:393px) {
	html {
		font-size: 16.768px !important
	}
}

@media only screen and (device-width:394px) {
	html {
		font-size: 16.8106666667px !important
	}
}

@media only screen and (device-width:395px) {
	html {
		font-size: 16.8533333333px !important
	}
}

@media only screen and (device-width:396px) {
	html {
		font-size: 16.896px !important
	}
}

@media only screen and (device-width:397px) {
	html {
		font-size: 16.9386666667px !important
	}
}

@media only screen and (device-width:398px) {
	html {
		font-size: 16.9813333333px !important
	}
}

@media only screen and (device-width:399px) {
	html {
		font-size: 17.024px !important
	}
}

@media only screen and (device-width:400px) {
	html {
		font-size: 17.0666666667px !important
	}
}

@media only screen and (device-width:401px) {
	html {
		font-size: 17.1093333333px !important
	}
}

@media only screen and (device-width:402px) {
	html {
		font-size: 17.152px !important
	}
}

@media only screen and (device-width:403px) {
	html {
		font-size: 17.1946666667px !important
	}
}

@media only screen and (device-width:404px) {
	html {
		font-size: 17.2373333333px !important
	}
}

@media only screen and (device-width:405px) {
	html {
		font-size: 17.28px !important
	}
}

@media only screen and (device-width:406px) {
	html {
		font-size: 17.3226666667px !important
	}
}

@media only screen and (device-width:407px) {
	html {
		font-size: 17.3653333333px !important
	}
}

@media only screen and (device-width:408px) {
	html {
		font-size: 17.408px !important
	}
}

@media only screen and (device-width:409px) {
	html {
		font-size: 17.4506666667px !important
	}
}

@media only screen and (device-width:410px) {
	html {
		font-size: 17.4933333333px !important
	}
}

@media only screen and (device-width:411px) {
	html {
		font-size: 17.536px !important
	}
}

@media only screen and (device-width:412px) {
	html {
		font-size: 17.5786666667px !important
	}
}

@media only screen and (device-width:413px) {
	html {
		font-size: 17.6213333333px !important
	}
}

@media only screen and (device-width:414px) {
	html {
		font-size: 17.664px !important
	}
}

@media only screen and (device-width:415px) {
	html {
		font-size: 17.7066666667px !important
	}
}

@media only screen and (device-width:416px) {
	html {
		font-size: 17.7493333333px !important
	}
}

@media only screen and (device-width:417px) {
	html {
		font-size: 17.792px !important
	}
}

@media only screen and (device-width:418px) {
	html {
		font-size: 17.8346666667px !important
	}
}

@media only screen and (device-width:419px) {
	html {
		font-size: 17.8773333333px !important
	}
}

@media only screen and (device-width:420px) {
	html {
		font-size: 17.92px !important
	}
}

@media only screen and (device-width:421px) {
	html {
		font-size: 17.9626666667px !important
	}
}

@media only screen and (device-width:422px) {
	html {
		font-size: 18.0053333333px !important
	}
}

@media only screen and (device-width:423px) {
	html {
		font-size: 18.048px !important
	}
}

@media only screen and (device-width:424px) {
	html {
		font-size: 18.0906666667px !important
	}
}

@media only screen and (device-width:425px) {
	html {
		font-size: 18.1333333333px !important
	}
}

@media only screen and (device-width:426px) {
	html {
		font-size: 18.176px !important
	}
}

@media only screen and (device-width:427px) {
	html {
		font-size: 18.2186666667px !important
	}
}

@media only screen and (device-width:428px) {
	html {
		font-size: 18.2613333333px !important
	}
}

@media only screen and (device-width:429px) {
	html {
		font-size: 18.304px !important
	}
}

@media only screen and (device-width:430px) {
	html {
		font-size: 18.3466666667px !important
	}
}

@media only screen and (device-width:431px) {
	html {
		font-size: 18.3893333333px !important
	}
}

@media only screen and (device-width:432px) {
	html {
		font-size: 18.432px !important
	}
}

@media only screen and (device-width:433px) {
	html {
		font-size: 18.4746666667px !important
	}
}

@media only screen and (device-width:434px) {
	html {
		font-size: 18.5173333333px !important
	}
}

@media only screen and (device-width:435px) {
	html {
		font-size: 18.56px !important
	}
}

@media only screen and (device-width:436px) {
	html {
		font-size: 18.6026666667px !important
	}
}

@media only screen and (device-width:437px) {
	html {
		font-size: 18.6453333333px !important
	}
}

@media only screen and (device-width:438px) {
	html {
		font-size: 18.688px !important
	}
}

@media only screen and (device-width:439px) {
	html {
		font-size: 18.7306666667px !important
	}
}

@media only screen and (device-width:440px) {
	html {
		font-size: 18.7733333333px !important
	}
}

@media only screen and (device-width:441px) {
	html {
		font-size: 18.816px !important
	}
}

@media only screen and (device-width:442px) {
	html {
		font-size: 18.8586666667px !important
	}
}

@media only screen and (device-width:443px) {
	html {
		font-size: 18.9013333333px !important
	}
}

@media only screen and (device-width:444px) {
	html {
		font-size: 18.944px !important
	}
}

@media only screen and (device-width:445px) {
	html {
		font-size: 18.9866666667px !important
	}
}

@media only screen and (device-width:446px) {
	html {
		font-size: 19.0293333333px !important
	}
}

@media only screen and (device-width:447px) {
	html {
		font-size: 19.072px !important
	}
}

@media only screen and (device-width:448px) {
	html {
		font-size: 19.1146666667px !important
	}
}

@media only screen and (device-width:449px) {
	html {
		font-size: 19.1573333333px !important
	}
}

@media only screen and (device-width:450px) {
	html {
		font-size: 19.2px !important
	}
}

@media only screen and (device-width:451px) {
	html {
		font-size: 19.2426666667px !important
	}
}

@media only screen and (device-width:452px) {
	html {
		font-size: 19.2853333333px !important
	}
}

@media only screen and (device-width:453px) {
	html {
		font-size: 19.328px !important
	}
}

@media only screen and (device-width:454px) {
	html {
		font-size: 19.3706666667px !important
	}
}

@media only screen and (device-width:455px) {
	html {
		font-size: 19.4133333333px !important
	}
}

@media only screen and (device-width:456px) {
	html {
		font-size: 19.456px !important
	}
}

@media only screen and (device-width:457px) {
	html {
		font-size: 19.4986666667px !important
	}
}

@media only screen and (device-width:458px) {
	html {
		font-size: 19.5413333333px !important
	}
}

@media only screen and (device-width:459px) {
	html {
		font-size: 19.584px !important
	}
}

@media only screen and (device-width:460px) {
	html {
		font-size: 19.6266666667px !important
	}
}

@media only screen and (device-width:461px) {
	html {
		font-size: 19.6693333333px !important
	}
}

@media only screen and (device-width:462px) {
	html {
		font-size: 19.712px !important
	}
}

@media only screen and (device-width:463px) {
	html {
		font-size: 19.7546666667px !important
	}
}

@media only screen and (device-width:464px) {
	html {
		font-size: 19.7973333333px !important
	}
}

@media only screen and (device-width:465px) {
	html {
		font-size: 19.84px !important
	}
}

@media only screen and (device-width:466px) {
	html {
		font-size: 19.8826666667px !important
	}
}

@media only screen and (device-width:467px) {
	html {
		font-size: 19.9253333333px !important
	}
}

@media only screen and (device-width:468px) {
	html {
		font-size: 19.968px !important
	}
}

@media only screen and (device-width:469px) {
	html {
		font-size: 20.0106666667px !important
	}
}

@media only screen and (device-width:470px) {
	html {
		font-size: 20.0533333333px !important
	}
}

@media only screen and (device-width:471px) {
	html {
		font-size: 20.096px !important
	}
}

@media only screen and (device-width:472px) {
	html {
		font-size: 20.1386666667px !important
	}
}

@media only screen and (device-width:473px) {
	html {
		font-size: 20.1813333333px !important
	}
}

@media only screen and (device-width:474px) {
	html {
		font-size: 20.224px !important
	}
}

@media only screen and (device-width:475px) {
	html {
		font-size: 20.2666666667px !important
	}
}

@media only screen and (device-width:476px) {
	html {
		font-size: 20.3093333333px !important
	}
}

@media only screen and (device-width:477px) {
	html {
		font-size: 20.352px !important
	}
}

@media only screen and (device-width:478px) {
	html {
		font-size: 20.3946666667px !important
	}
}

@media only screen and (device-width:479px) {
	html {
		font-size: 20.4373333333px !important
	}
}

@media only screen and (device-width:480px) {
	html {
		font-size: 20.48px !important
	}
}

@media only screen and (device-width:481px) {
	html {
		font-size: 20.5226666667px !important
	}
}

@media only screen and (device-width:482px) {
	html {
		font-size: 20.5653333333px !important
	}
}

@media only screen and (device-width:483px) {
	html {
		font-size: 20.608px !important
	}
}

@media only screen and (device-width:484px) {
	html {
		font-size: 20.6506666667px !important
	}
}

@media only screen and (device-width:485px) {
	html {
		font-size: 20.6933333333px !important
	}
}

@media only screen and (device-width:486px) {
	html {
		font-size: 20.736px !important
	}
}

@media only screen and (device-width:487px) {
	html {
		font-size: 20.7786666667px !important
	}
}

@media only screen and (device-width:488px) {
	html {
		font-size: 20.8213333333px !important
	}
}

@media only screen and (device-width:489px) {
	html {
		font-size: 20.864px !important
	}
}

@media only screen and (device-width:490px) {
	html {
		font-size: 20.9066666667px !important
	}
}

@media only screen and (device-width:491px) {
	html {
		font-size: 20.9493333333px !important
	}
}

@media only screen and (device-width:492px) {
	html {
		font-size: 20.992px !important
	}
}

@media only screen and (device-width:493px) {
	html {
		font-size: 21.0346666667px !important
	}
}

@media only screen and (device-width:494px) {
	html {
		font-size: 21.0773333333px !important
	}
}

@media only screen and (device-width:495px) {
	html {
		font-size: 21.12px !important
	}
}

@media only screen and (device-width:496px) {
	html {
		font-size: 21.1626666667px !important
	}
}

@media only screen and (device-width:497px) {
	html {
		font-size: 21.2053333333px !important
	}
}

@media only screen and (device-width:498px) {
	html {
		font-size: 21.248px !important
	}
}

@media only screen and (device-width:499px) {
	html {
		font-size: 21.2906666667px !important
	}
}

@media only screen and (device-width:500px) {
	html {
		font-size: 21.3333333333px !important
	}
}

@media only screen and (device-width:501px) {
	html {
		font-size: 21.376px !important
	}
}

@media only screen and (device-width:502px) {
	html {
		font-size: 21.4186666667px !important
	}
}

@media only screen and (device-width:503px) {
	html {
		font-size: 21.4613333333px !important
	}
}

@media only screen and (device-width:504px) {
	html {
		font-size: 21.504px !important
	}
}

@media only screen and (device-width:505px) {
	html {
		font-size: 21.5466666667px !important
	}
}

@media only screen and (device-width:506px) {
	html {
		font-size: 21.5893333333px !important
	}
}

@media only screen and (device-width:507px) {
	html {
		font-size: 21.632px !important
	}
}

@media only screen and (device-width:508px) {
	html {
		font-size: 21.6746666667px !important
	}
}

@media only screen and (device-width:509px) {
	html {
		font-size: 21.7173333333px !important
	}
}

@media only screen and (device-width:510px) {
	html {
		font-size: 21.76px !important
	}
}

@media only screen and (device-width:511px) {
	html {
		font-size: 21.8026666667px !important
	}
}

@media only screen and (device-width:512px) {
	html {
		font-size: 21.8453333333px !important
	}
}

@media only screen and (device-width:513px) {
	html {
		font-size: 21.888px !important
	}
}

@media only screen and (device-width:514px) {
	html {
		font-size: 21.9306666667px !important
	}
}

@media only screen and (device-width:515px) {
	html {
		font-size: 21.9733333333px !important
	}
}

@media only screen and (device-width:516px) {
	html {
		font-size: 22.016px !important
	}
}

@media only screen and (device-width:517px) {
	html {
		font-size: 22.0586666667px !important
	}
}

@media only screen and (device-width:518px) {
	html {
		font-size: 22.1013333333px !important
	}
}

@media only screen and (device-width:519px) {
	html {
		font-size: 22.144px !important
	}
}

@media only screen and (device-width:520px) {
	html {
		font-size: 22.1866666667px !important
	}
}

.money-tips {
	position: absolute;
	top: -.75rem
}

.money-tips.rightPos {
	left: 1.3125rem
}

.money-tips.rightPos.largeUnit {
	padding-left: .5rem
}

.money-tips.rightPosSell {
	left: 0
}

.money-tips.rightPosSell.largeUnit {
	padding-left: .625rem
}

.money-tips.leftPos {
	left: .75rem
}

.money-tips.leftPos.largeUnit {
	padding-left: .5rem
}

.money-tips .unit-line {
	display: inline-block;
	width: .03125rem;
	height: 1.25rem;
	background-color: #ddd;
	margin-right: -.0625rem;
	position: relative;
	top: .5625rem
}

.money-tips .unit-word {
	display: inline-block;
	font-size: .625rem;
	line-height: .875rem;
	color: #fff;
	background-color: #ddd;
	padding: 0 .1875rem;
	border-radius: .09375rem
}

@media only screen and (min-device-width:375px)and (min-device-height:812px)and (-webkit-device-pixel-ratio:3) {
	.jr-x-fixed-bottom-bar {
		bottom: 34px !important
	}

	.jr-x-fixed-bottom-bar:after {
		content: "";
		z-index: 90;
		position: fixed;
		left: 0;
		bottom: 0;
		height: 34px;
		width: 100%;
		background-color: #fff
	}

	.jr-x-fixed-bottom-bar-single {
		bottom: 34px
	}

	.jr-x-fixed-bottom-bar-fill-layer {
		content: "";
		z-index: 90;
		position: fixed;
		left: 0;
		bottom: 0;
		height: 34px;
		width: 100%;
		background-color: #fff
	}

	.jr-x-h100 {
		height: 100% !important;
		height: calc(100% + 34px) !important;
		height: -webkit-calc(100% + 34px) !important
	}
}

@media only screen and (device-width:414px)and (device-height:896px)and (-webkit-min-device-pixel-ratio:2) {
	.jr-x-fixed-bottom-bar {
		bottom: 34px !important
	}

	.jr-x-fixed-bottom-bar:after {
		content: "";
		z-index: 90;
		position: fixed;
		left: 0;
		bottom: 0;
		height: 34px;
		width: 100%;
		background-color: #fff
	}

	.jr-x-fixed-bottom-bar-single {
		bottom: 34px
	}

	.jr-x-fixed-bottom-bar-fill-layer {
		content: "";
		z-index: 90;
		position: fixed;
		left: 0;
		bottom: 0;
		height: 34px;
		width: 100%;
		background-color: #fff
	}

	.jr-x-h100 {
		height: 100% !important;
		height: calc(100% + 34px) !important;
		height: -webkit-calc(100% + 34px) !important
	}
}

.jr-x-fixed-bottom-bar-inner {
	bottom: constant(safe-area-inset-bottom) !important;
	bottom: env(safe-area-inset-bottom) !important
}

.card-title {
	margin-bottom: .5625rem
}

.card-wrap {
	margin-top: .625rem;
	padding: 1.375rem 0 0 1rem;
	background-color: #fff
}

.card-wrap .account-wrap {
	height: 4.375rem;
	padding-right: 1rem
}

.card-wrap .account-wrap.disable-newCard {
	opacity: .4;
	filter: alpha(opacity=40)
}

.card-wrap .account-wrap .check-icon {
	display: inline-block;
	width: 1.25rem;
	height: 1.25rem;
	-webkit-box-flex-shrink: 0;
	-webkit-flex-shrink: 0;
	-ms-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	background: url(https://img14.360buyimg.com/imagetools/jfs/t1/191422/24/45836/500/666d8109Ff3944a57/aa663b5251319daa.png) no-repeat 0;
	background-size: 1.25rem 1.25rem;
	margin-right: .625rem
}

.card-wrap .account-wrap .check-icon.checked {
	background: url(https://img14.360buyimg.com/imagetools/jfs/t1/238352/26/18954/538/666d81a8Ff11f0b8a/1dac5fa335dfb476.png) no-repeat 0;
	background-size: 1.25rem 1.25rem
}

.card-wrap .account-wrap .add-icon {
	background: url(../images/icon_add_ff0a4d702c.png) no-repeat;
	background-size: 1.25rem 1.25rem
}

.card-wrap .account-wrap .account-name {
	margin-bottom: .125rem;
	margin-right: .625rem;
	line-height: 1.40625rem;
	font-size: 1rem;
	color: #333
}

.card-wrap .account-wrap .account-name .name {
	font-family: PingFangSC-Medium, PingFang SC;
	padding-bottom: .125rem
}

.card-wrap .account-wrap .account-desc {
	line-height: 1.03125rem;
	font-size: .75rem;
	color: #999
}

.card-wrap .account-wrap .account-desc .freeze-num,
.card-wrap .account-wrap .account-desc>span {
	color: #cda76e;
	padding-left: .15625rem
}

.card-wrap .account-wrap .account_disabled .name {
	opacity: .4
}

.card-wrap .account-wrap .xjk-tips {
	display: block;
	min-width: 3.75rem;
	line-height: .9375rem;
	font-size: .75rem;
	text-align: right;
	font-family: PingFang SC Regular;
	color: #cda76e
}

.card-wrap .account-wrap .right-arrow {
	display: inline-block;
	width: .75rem;
	height: .75rem;
	background: url(https://img10.360buyimg.com/imagetools/jfs/t1/229013/4/21145/336/666d8212Fb3597388/958ae468a5a90fec.png) no-repeat;
	background-size: 100%;
	background-position: 0
}

.tanceng {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 100%
}

.tanceng .bg_hui {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6)
}

.tanceng .content_div {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 101;
	width: 100%;
	background: #fff;
	border-radius: .5rem .5rem 0 0
}

.tanceng .content_div h2.h_title {
	position: relative;
	padding: 1.34375rem .875rem;
	height: 1.5625rem;
	line-height: 1.5625rem;
	border-radius: .5rem .5rem 0 0;
	font-family: PingFangSC-Medium;
	font-size: 1.25rem;
	text-align: center;
	color: #333
}

.tanceng .content_div h2.h_title .close {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -1.375rem;
	width: 2.75rem;
	height: 2.75rem;
	background: url(../images/close_48df9d64f3.png) no-repeat;
	background-size: 100% 100%
}

.tanceng .content_div .content {
	background: #f9f9f9;
	padding: .75rem 1.125rem;
	max-height: 19.125rem;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch
}

.tanceng .content_div .content li {
	height: 5.75rem;
	position: relative;
	margin-bottom: .75rem;
	-webkit-box-shadow: 0 4px 30px 0 rgba(0, 0, 0, .03);
	box-shadow: 0 4px 30px 0 rgba(0, 0, 0, .03)
}

.tanceng .content_div .content li .li_left {
	width: 6.78125rem;
	height: 5.75rem;
	position: absolute;
	text-align: center;
	left: 0;
	top: 0;
	background: url(../images/coupon01_382068a5fb.png) no-repeat;
	background-size: 100% 100%
}

.tanceng .content_div .content li .li_left h3 {
	line-height: 2.3125rem;
	padding-top: 1.125rem;
	font-size: 1.9375rem;
	font-family: UDC-Bold;
	color: #fff
}

.tanceng .content_div .content li .li_left h3 span {
	font-size: 1.3125rem;
	padding-left: .09375rem;
	font-family: PingFangSC-Semibold, PingFang SC
}

.tanceng .content_div .content li .li_left p {
	padding-top: .25rem;
	font-size: .625rem;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #fff;
	line-height: .875rem
}

.tanceng .content_div .content li .li_right {
	height: 5.5rem;
	margin-left: 6.78125rem;
	background: #fff;
	border-top: .125rem solid #fff;
	border-right: .125rem solid #fff;
	border-bottom: .125rem solid #fff;
	border-radius: 0 .1875rem .1875rem 0
}

.tanceng .content_div .content li .li_right .text_box {
	margin-right: 2.25rem;
	position: relative
}

.tanceng .content_div .content li .li_right .text_box h3 {
	padding: .9375rem .875rem 0 .625rem;
	font-size: .875rem;
	font-family: PingFangSC-Medium, PingFang SC;
	font-weight: 500;
	color: #333;
	line-height: 1.125rem
}

.tanceng .content_div .content li .li_right .text_box p {
	font-size: .625rem;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #999;
	line-height: .875rem;
	padding: .3125rem .875rem 0 .625rem
}

.tanceng .content_div .content li .li_right .check_icon {
	position: absolute;
	width: 1.25rem;
	height: 1.25rem;
	top: 50%;
	margin-top: -.625rem;
	right: 1rem;
	background: url(../images/check02_89ecdfbdfe.png) no-repeat;
	background-size: 100% 100%
}

.tanceng .content_div .content li.active .li_right {
	border-radius: 0 .1875rem .1875rem 0;
	border-top: .125rem solid #cda76e;
	border-right: .125rem solid #cda76e;
	border-bottom: .125rem solid #cda76e
}

.tanceng .content_div .content li.active .check_icon {
	background: url(../images/check01_60bda07f1f.png) no-repeat;
	background-size: 100% 100%
}

.tanceng .content_div .content li.disabled .li_left {
	background: url(../images/coupon02_a67cc98781.png) no-repeat;
	background-size: 100% 100%
}

.tanceng .content_div .content li.disabled .li_right {
	border-top: .03125rem solid #fff;
	border-right: .03125rem solid #fff;
	border-bottom: .03125rem solid #fff
}

.tanceng .content_div .content li.disabled .li_right .text_box h3,
.tanceng .content_div .content li.disabled .li_right .text_box p {
	color: #ccc
}

.tanceng .content_div .content li.disabled .check_icon {
	background: url(../images/check03_84006da279.png) no-repeat;
	background-size: 100% 100%
}

.tanceng .content_div .btn_coupon {
	padding: 1rem 1rem 2.875rem;
	background: #fff
}

.tanceng .content_div .btn_coupon span {
	display: block;
	background: #cda76e;
	border-radius: .125rem;
	line-height: 3.125rem;
	font-size: 1.125rem;
	text-align: center;
	color: #fff
}

.tanceng .content_div .disable span {
	background: #ccc
}

.payment {
	z-index: 200
}

.payment .showGoldPrice {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	overflow: auto;
	background: #fafafa
}

.payment .showGoldPrice .content {
	margin-top: 1.875rem
}

.payment .showGoldPrice .content .text {
	font-size: .75rem;
	line-height: 1.03125rem;
	color: #999;
	text-align: center
}

.payment .showGoldPrice .content .goldPrice {
	padding: 0 .875rem;
	color: #cda76e;
	height: 3.125rem
}

.payment .showGoldPrice .content .goldPrice div {
	-webkit-animation: rightToCenter-data-v-217012c6 .2s linear;
	animation: rightToCenter-data-v-217012c6 .2s linear;
	text-align: center;
	width: 100%;
	font-size: 2.375rem;
	font-family: UDC-Bold
}

.payment .p_add {
	text-align: center;
	padding: .3125rem .9375rem;
	font-size: .75rem;
	color: #666
}

@-webkit-keyframes rightToCenter-data-v-217012c6 {
	0% {
		font-size: .875rem
	}

	to {
		font-size: 2.25rem;
		margin-top: 0
	}
}

@keyframes rightToCenter-data-v-217012c6 {
	0% {
		font-size: .875rem
	}

	to {
		font-size: 2.25rem;
		margin-top: 0
	}
}

 {
	-webkit-box-sizing: unset;
	box-sizing: unset
}

button,
input {
	outline: none;
	border: 0;
	background: none
}

.fc,
.fl {
	float: left
}

.fr {
	float: right
}

.c,
.l,
.r {
	float: left
}

.r {
	float: right
}

.clearfix {
	clear: both
}

[v-cloak] {
	display: none
}

.flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -ms-flexbox;
	display: flex
}

.flex-0 {
	-webkit-box-flex: 0;
	-webkit-flex: 0;
	-ms-flex: 0;
	flex: 0
}

.flex-1 {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.flex-1.text-left {
	text-align: left
}

.flex-1.text-center {
	text-align: center
}

.flex-1.text-right {
	text-align: right
}

.flex-pack-start {
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.flex-pack-center {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

.flex-pack-end {
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.flex-align-center {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.color-ccc {
	color: #ccc
}

::-webkit-input-placeholder {
	color: #ccc
}

.jrm-arrow-btn {
	position: relative
}

.jrm-arrow-btn i {
	position: absolute;
	width: .75rem;
	height: 100%;
	right: 0;
	top: 0;
	background: url(https://img10.360buyimg.com/imagetools/jfs/t1/229013/4/21145/336/666d8212Fb3597388/958ae468a5a90fec.png) no-repeat;
	background-size: 100%;
	background-position: 0
}

.jrm-mark-btn {
	position: relative
}

.jrm-mark-btn i {
	position: absolute;
	margin-top: .09375rem;
	margin-left: .375rem;
	width: .9375rem;
	height: .9375rem;
	background: url(https://img13.360buyimg.com/imagetools/jfs/t1/163056/35/44856/667/666d8927Fa400b682/c0a7b2eb6966b0cc.png) no-repeat;
	background-size: 100%;
	background-position: 0
}

.jrm-mark-btn i.gray-mark {
	background: url(https://img14.360buyimg.com/imagetools/jfs/t1/229078/14/19813/679/666d87caF6f4b8668/5f01f631b8bb3aa1.png) no-repeat;
	background-size: 100%;
	background-position: 0
}

.jrm-common-btn {
	margin: 1.75rem 1rem .875rem;
	height: 3.125rem;
	line-height: 3.125rem;
	font-family: PingFangSC-Medium;
	font-size: 1.125rem;
	color: #fff;
	text-align: center;
	background-color: #cda76e;
	border-radius: .125rem
}

.jrm-common-btn.disabled {
	background-color: #ccc;
	color: #f1f1f3
}

.bottom-fixed {
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	background: #f5f5f5
}

.bottom-fixed .jrm-common-btn {
	margin: 0;
	border-radius: 0;
	-webkit-box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, .04);
	box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, .04)
}

.bottom-fixed02 {
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	background: #fff;
	z-index: 1
}

.jrm-activity-tag {
	position: absolute;
	padding: 0 .25rem;
	max-height: .9375rem;
	font-family: PingFangSC-Medium;
	font-size: .5625rem;
	color: #fff;
	background: #f15a5b;
	border-radius: 3.125rem 3.125rem 3.125rem 0
}

.jrm-activity-tag.activity-btn {
	top: -6%;
	left: 50%;
	height: .875rem;
	line-height: .875rem;
	white-space: nowrap
}

.jrm-border-1px {
	position: relative
}

.jrm-border-1px:before {
	display: block;
	visibility: visible;
	content: "";
	overflow: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.jrm-layout-title {
	color: #666;
	font-family: PingFangSC-Medium
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
	.jrm-border-1px:before {
		right: -100%;
		bottom: -100%;
		-webkit-transform: scale(.5);
		-ms-transform: scale(.5);
		transform: scale(.5)
	}
}

@media only screen and (-webkit-min-device-pixel-ratio:3) {
	.jrm-border-1px:before {
		right: -200%;
		bottom: -200%;
		-webkit-transform: scale(.333333);
		-ms-transform: scale(.333333);
		transform: scale(.333333)
	}
}

.jrm-border-1px.jrm-border-all:before {
	border: 1px solid #eee
}

.jrm-border-1px.jrm-border-all-gold:before {
	border: 1px solid rgba(232, 185, 130, .3)
}

.jrm-border-1px.jrm-border-top:before {
	border-top: 1px solid #eee
}

.jrm-border-1px.jrm-border-bottom:before {
	border-bottom: 1px solid #eee;
	z-index: 1
}

.jrm-border-1px.jrm-border-left:before {
	border-left: 1px solid #eee
}

.jrm-border-1px.jrm-border-right:before {
	border-right: 1px solid #eee
}

.jrm-border-1px.jrm-border-left-fff:before {
	border-left: 1px solid hsla(0, 0%, 100%, .15)
}

.jrm-border-1px.jrm-border-right-ddd:before {
	border-right: 1px solid #ddd
}

.jrm-border-1px.jrm-border-all-ddd:before {
	border: 1px solid #ddd
}

.jrm-border-1px.jrm-border-bottom-e5e5e5:before {
	border-bottom: 1px solid #e5e5e5
}

body,
html {
	margin: 0;
	padding: 0;
	width: 100%;
	background-color: #f4f3f8;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline;
	font-weight: 400;
	font-family: Helvetica Neue, Helvetica, STHeiTi, sans-serif;
	color: #333;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none
}

body {
	overflow-x: hidden
}

body,
html {
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	font-family: PingFangSC-Regular, PingFang SC
}

.page-loading {
	position: fixed;
	top: 40%;
	left: 50%;
	z-index: 9999;
	width: 2.375rem;
	height: 2.375rem;
	padding: .5rem;
	margin: -1.6875rem 0 0 -1.6875rem;
	border-radius: .1875rem;
	background-color: rgba(0, 0, 0, .6);
	text-align: center
}

.page-loading img {
	display: inline-block;
	vertical-align: middle;
	width: 2.75rem;
	height: 2.75rem;
	position: absolute;
	top: .32rem;
	left: .32rem
}

body,
dd,
div,
dl,
dt,
em,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
html,
i,
img,
input,
label,
ol,
p,
q,
span,
sub,
sup,
table,
td,
tr,
ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-style: normal;
	font-weight: 400;
	border: 0
}

html {
	font-family: microsoft yahei, HelveticaNeue, sans-serif;
	color: #000;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	text-size-adjust: none;
	width: 100%
}

body {
	margin: 0 auto;
	width: 100%;
	font-family: "\5FAE\8F6F\96C5\9ED1";
	max-width: 640px;
	min-width: 320px
}

input,
input[type=button],
input[type=reset],
input[type=submit],
input[type=text],
select {
	-webkit-appearance: none;
	border: 0;
	background: none
}

input:focus,
textarea:focus {
	outline: none
}

li,
ol,
ul {
	list-style: none
}

table,
td,
th,
tr {
	border-collapse: collapse;
	border: 0;
	border-spacing: 0
}

img {
	border: 0;
	vertical-align: middle
}

a {
	text-decoration: none
}

.float_l {
	float: left
}

.float_r {
	float: right
}

.text_area {
	resize: none
}

.dis_none {
	display: none
}

.clear {
	clear: both
}

.bg_white {
	background: #fff
}

button {
	border: none
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.clearfix {
	display: inline-block;
	display: block
}

:-moz-placeholder,
::-moz-placeholder {
	color: #aaa
}

input:-ms-input-placeholder {
	color: #aaa
}

input::-webkit-input-placeholder {
	color: #aaa
}

 {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

.button-primty {
	display: block;
	width: 100%;
	height: 3.125rem;
	line-height: 3.125rem;
	background: #ad8e77;
	font-family: PingFangSC-Medium;
	font-size: 1.0625rem;
	color: #fff;
	text-align: center
}

.button-primty.disabled {
	background: #d5c6bd
}

@media only screen and (device-width:310px) {
	html {
		font-size: 13.2266666667px !important
	}
}

@media only screen and (device-width:311px) {
	html {
		font-size: 13.2693333333px !important
	}
}

@media only screen and (device-width:312px) {
	html {
		font-size: 13.312px !important
	}
}

@media only screen and (device-width:313px) {
	html {
		font-size: 13.3546666667px !important
	}
}

@media only screen and (device-width:314px) {
	html {
		font-size: 13.3973333333px !important
	}
}

@media only screen and (device-width:315px) {
	html {
		font-size: 13.44px !important
	}
}

@media only screen and (device-width:316px) {
	html {
		font-size: 13.4826666667px !important
	}
}

@media only screen and (device-width:317px) {
	html {
		font-size: 13.5253333333px !important
	}
}

@media only screen and (device-width:318px) {
	html {
		font-size: 13.568px !important
	}
}

@media only screen and (device-width:319px) {
	html {
		font-size: 13.6106666667px !important
	}
}

@media only screen and (device-width:320px) {
	html {
		font-size: 13.6533333333px !important
	}
}

@media only screen and (device-width:321px) {
	html {
		font-size: 13.696px !important
	}
}

@media only screen and (device-width:322px) {
	html {
		font-size: 13.7386666667px !important
	}
}

@media only screen and (device-width:323px) {
	html {
		font-size: 13.7813333333px !important
	}
}

@media only screen and (device-width:324px) {
	html {
		font-size: 13.824px !important
	}
}

@media only screen and (device-width:325px) {
	html {
		font-size: 13.8666666667px !important
	}
}

@media only screen and (device-width:326px) {
	html {
		font-size: 13.9093333333px !important
	}
}

@media only screen and (device-width:327px) {
	html {
		font-size: 13.952px !important
	}
}

@media only screen and (device-width:328px) {
	html {
		font-size: 13.9946666667px !important
	}
}

@media only screen and (device-width:329px) {
	html {
		font-size: 14.0373333333px !important
	}
}

@media only screen and (device-width:330px) {
	html {
		font-size: 14.08px !important
	}
}

@media only screen and (device-width:331px) {
	html {
		font-size: 14.1226666667px !important
	}
}

@media only screen and (device-width:332px) {
	html {
		font-size: 14.1653333333px !important
	}
}

@media only screen and (device-width:333px) {
	html {
		font-size: 14.208px !important
	}
}

@media only screen and (device-width:334px) {
	html {
		font-size: 14.2506666667px !important
	}
}

@media only screen and (device-width:335px) {
	html {
		font-size: 14.2933333333px !important
	}
}

@media only screen and (device-width:336px) {
	html {
		font-size: 14.336px !important
	}
}

@media only screen and (device-width:337px) {
	html {
		font-size: 14.3786666667px !important
	}
}

@media only screen and (device-width:338px) {
	html {
		font-size: 14.4213333333px !important
	}
}

@media only screen and (device-width:339px) {
	html {
		font-size: 14.464px !important
	}
}

@media only screen and (device-width:340px) {
	html {
		font-size: 14.5066666667px !important
	}
}

@media only screen and (device-width:341px) {
	html {
		font-size: 14.5493333333px !important
	}
}

@media only screen and (device-width:342px) {
	html {
		font-size: 14.592px !important
	}
}

@media only screen and (device-width:343px) {
	html {
		font-size: 14.6346666667px !important
	}
}

@media only screen and (device-width:344px) {
	html {
		font-size: 14.6773333333px !important
	}
}

@media only screen and (device-width:345px) {
	html {
		font-size: 14.72px !important
	}
}

@media only screen and (device-width:346px) {
	html {
		font-size: 14.7626666667px !important
	}
}

@media only screen and (device-width:347px) {
	html {
		font-size: 14.8053333333px !important
	}
}

@media only screen and (device-width:348px) {
	html {
		font-size: 14.848px !important
	}
}

@media only screen and (device-width:349px) {
	html {
		font-size: 14.8906666667px !important
	}
}

@media only screen and (device-width:350px) {
	html {
		font-size: 14.9333333333px !important
	}
}

@media only screen and (device-width:351px) {
	html {
		font-size: 14.976px !important
	}
}

@media only screen and (device-width:352px) {
	html {
		font-size: 15.0186666667px !important
	}
}

@media only screen and (device-width:353px) {
	html {
		font-size: 15.0613333333px !important
	}
}

@media only screen and (device-width:354px) {
	html {
		font-size: 15.104px !important
	}
}

@media only screen and (device-width:355px) {
	html {
		font-size: 15.1466666667px !important
	}
}

@media only screen and (device-width:356px) {
	html {
		font-size: 15.1893333333px !important
	}
}

@media only screen and (device-width:357px) {
	html {
		font-size: 15.232px !important
	}
}

@media only screen and (device-width:358px) {
	html {
		font-size: 15.2746666667px !important
	}
}

@media only screen and (device-width:359px) {
	html {
		font-size: 15.3173333333px !important
	}
}

@media only screen and (device-width:360px) {
	html {
		font-size: 15.36px !important
	}
}

@media only screen and (device-width:361px) {
	html {
		font-size: 15.4026666667px !important
	}
}

@media only screen and (device-width:362px) {
	html {
		font-size: 15.4453333333px !important
	}
}

@media only screen and (device-width:363px) {
	html {
		font-size: 15.488px !important
	}
}

@media only screen and (device-width:364px) {
	html {
		font-size: 15.5306666667px !important
	}
}

@media only screen and (device-width:365px) {
	html {
		font-size: 15.5733333333px !important
	}
}

@media only screen and (device-width:366px) {
	html {
		font-size: 15.616px !important
	}
}

@media only screen and (device-width:367px) {
	html {
		font-size: 15.6586666667px !important
	}
}

@media only screen and (device-width:368px) {
	html {
		font-size: 15.7013333333px !important
	}
}

@media only screen and (device-width:369px) {
	html {
		font-size: 15.744px !important
	}
}

@media only screen and (device-width:370px) {
	html {
		font-size: 15.7866666667px !important
	}
}

@media only screen and (device-width:371px) {
	html {
		font-size: 15.8293333333px !important
	}
}

@media only screen and (device-width:372px) {
	html {
		font-size: 15.872px !important
	}
}

@media only screen and (device-width:373px) {
	html {
		font-size: 15.9146666667px !important
	}
}

@media only screen and (device-width:374px) {
	html {
		font-size: 15.9573333333px !important
	}
}

@media only screen and (device-width:375px) {
	html {
		font-size: 16px !important
	}
}

@media only screen and (device-width:376px) {
	html {
		font-size: 16.0426666667px !important
	}
}

@media only screen and (device-width:377px) {
	html {
		font-size: 16.0853333333px !important
	}
}

@media only screen and (device-width:378px) {
	html {
		font-size: 16.128px !important
	}
}

@media only screen and (device-width:379px) {
	html {
		font-size: 16.1706666667px !important
	}
}

@media only screen and (device-width:380px) {
	html {
		font-size: 16.2133333333px !important
	}
}

@media only screen and (device-width:381px) {
	html {
		font-size: 16.256px !important
	}
}

@media only screen and (device-width:382px) {
	html {
		font-size: 16.2986666667px !important
	}
}

@media only screen and (device-width:383px) {
	html {
		font-size: 16.3413333333px !important
	}
}

@media only screen and (device-width:384px) {
	html {
		font-size: 16.384px !important
	}
}

@media only screen and (device-width:385px) {
	html {
		font-size: 16.4266666667px !important
	}
}

@media only screen and (device-width:386px) {
	html {
		font-size: 16.4693333333px !important
	}
}

@media only screen and (device-width:387px) {
	html {
		font-size: 16.512px !important
	}
}

@media only screen and (device-width:388px) {
	html {
		font-size: 16.5546666667px !important
	}
}

@media only screen and (device-width:389px) {
	html {
		font-size: 16.5973333333px !important
	}
}

@media only screen and (device-width:390px) {
	html {
		font-size: 16.64px !important
	}
}

@media only screen and (device-width:391px) {
	html {
		font-size: 16.6826666667px !important
	}
}

@media only screen and (device-width:392px) {
	html {
		font-size: 16.7253333333px !important
	}
}

@media only screen and (device-width:393px) {
	html {
		font-size: 16.768px !important
	}
}

@media only screen and (device-width:394px) {
	html {
		font-size: 16.8106666667px !important
	}
}

@media only screen and (device-width:395px) {
	html {
		font-size: 16.8533333333px !important
	}
}

@media only screen and (device-width:396px) {
	html {
		font-size: 16.896px !important
	}
}

@media only screen and (device-width:397px) {
	html {
		font-size: 16.9386666667px !important
	}
}

@media only screen and (device-width:398px) {
	html {
		font-size: 16.9813333333px !important
	}
}

@media only screen and (device-width:399px) {
	html {
		font-size: 17.024px !important
	}
}

@media only screen and (device-width:400px) {
	html {
		font-size: 17.0666666667px !important
	}
}

@media only screen and (device-width:401px) {
	html {
		font-size: 17.1093333333px !important
	}
}

@media only screen and (device-width:402px) {
	html {
		font-size: 17.152px !important
	}
}

@media only screen and (device-width:403px) {
	html {
		font-size: 17.1946666667px !important
	}
}

@media only screen and (device-width:404px) {
	html {
		font-size: 17.2373333333px !important
	}
}

@media only screen and (device-width:405px) {
	html {
		font-size: 17.28px !important
	}
}

@media only screen and (device-width:406px) {
	html {
		font-size: 17.3226666667px !important
	}
}

@media only screen and (device-width:407px) {
	html {
		font-size: 17.3653333333px !important
	}
}

@media only screen and (device-width:408px) {
	html {
		font-size: 17.408px !important
	}
}

@media only screen and (device-width:409px) {
	html {
		font-size: 17.4506666667px !important
	}
}

@media only screen and (device-width:410px) {
	html {
		font-size: 17.4933333333px !important
	}
}

@media only screen and (device-width:411px) {
	html {
		font-size: 17.536px !important
	}
}

@media only screen and (device-width:412px) {
	html {
		font-size: 17.5786666667px !important
	}
}

@media only screen and (device-width:413px) {
	html {
		font-size: 17.6213333333px !important
	}
}

@media only screen and (device-width:414px) {
	html {
		font-size: 17.664px !important
	}
}

@media only screen and (device-width:415px) {
	html {
		font-size: 17.7066666667px !important
	}
}

@media only screen and (device-width:416px) {
	html {
		font-size: 17.7493333333px !important
	}
}

@media only screen and (device-width:417px) {
	html {
		font-size: 17.792px !important
	}
}

@media only screen and (device-width:418px) {
	html {
		font-size: 17.8346666667px !important
	}
}

@media only screen and (device-width:419px) {
	html {
		font-size: 17.8773333333px !important
	}
}

@media only screen and (device-width:420px) {
	html {
		font-size: 17.92px !important
	}
}

@media only screen and (device-width:421px) {
	html {
		font-size: 17.9626666667px !important
	}
}

@media only screen and (device-width:422px) {
	html {
		font-size: 18.0053333333px !important
	}
}

@media only screen and (device-width:423px) {
	html {
		font-size: 18.048px !important
	}
}

@media only screen and (device-width:424px) {
	html {
		font-size: 18.0906666667px !important
	}
}

@media only screen and (device-width:425px) {
	html {
		font-size: 18.1333333333px !important
	}
}

@media only screen and (device-width:426px) {
	html {
		font-size: 18.176px !important
	}
}

@media only screen and (device-width:427px) {
	html {
		font-size: 18.2186666667px !important
	}
}

@media only screen and (device-width:428px) {
	html {
		font-size: 18.2613333333px !important
	}
}

@media only screen and (device-width:429px) {
	html {
		font-size: 18.304px !important
	}
}

@media only screen and (device-width:430px) {
	html {
		font-size: 18.3466666667px !important
	}
}

@media only screen and (device-width:431px) {
	html {
		font-size: 18.3893333333px !important
	}
}

@media only screen and (device-width:432px) {
	html {
		font-size: 18.432px !important
	}
}

@media only screen and (device-width:433px) {
	html {
		font-size: 18.4746666667px !important
	}
}

@media only screen and (device-width:434px) {
	html {
		font-size: 18.5173333333px !important
	}
}

@media only screen and (device-width:435px) {
	html {
		font-size: 18.56px !important
	}
}

@media only screen and (device-width:436px) {
	html {
		font-size: 18.6026666667px !important
	}
}

@media only screen and (device-width:437px) {
	html {
		font-size: 18.6453333333px !important
	}
}

@media only screen and (device-width:438px) {
	html {
		font-size: 18.688px !important
	}
}

@media only screen and (device-width:439px) {
	html {
		font-size: 18.7306666667px !important
	}
}

@media only screen and (device-width:440px) {
	html {
		font-size: 18.7733333333px !important
	}
}

@media only screen and (device-width:441px) {
	html {
		font-size: 18.816px !important
	}
}

@media only screen and (device-width:442px) {
	html {
		font-size: 18.8586666667px !important
	}
}

@media only screen and (device-width:443px) {
	html {
		font-size: 18.9013333333px !important
	}
}

@media only screen and (device-width:444px) {
	html {
		font-size: 18.944px !important
	}
}

@media only screen and (device-width:445px) {
	html {
		font-size: 18.9866666667px !important
	}
}

@media only screen and (device-width:446px) {
	html {
		font-size: 19.0293333333px !important
	}
}

@media only screen and (device-width:447px) {
	html {
		font-size: 19.072px !important
	}
}

@media only screen and (device-width:448px) {
	html {
		font-size: 19.1146666667px !important
	}
}

@media only screen and (device-width:449px) {
	html {
		font-size: 19.1573333333px !important
	}
}

@media only screen and (device-width:450px) {
	html {
		font-size: 19.2px !important
	}
}

@media only screen and (device-width:451px) {
	html {
		font-size: 19.2426666667px !important
	}
}

@media only screen and (device-width:452px) {
	html {
		font-size: 19.2853333333px !important
	}
}

@media only screen and (device-width:453px) {
	html {
		font-size: 19.328px !important
	}
}

@media only screen and (device-width:454px) {
	html {
		font-size: 19.3706666667px !important
	}
}

@media only screen and (device-width:455px) {
	html {
		font-size: 19.4133333333px !important
	}
}

@media only screen and (device-width:456px) {
	html {
		font-size: 19.456px !important
	}
}

@media only screen and (device-width:457px) {
	html {
		font-size: 19.4986666667px !important
	}
}

@media only screen and (device-width:458px) {
	html {
		font-size: 19.5413333333px !important
	}
}

@media only screen and (device-width:459px) {
	html {
		font-size: 19.584px !important
	}
}

@media only screen and (device-width:460px) {
	html {
		font-size: 19.6266666667px !important
	}
}

@media only screen and (device-width:461px) {
	html {
		font-size: 19.6693333333px !important
	}
}

@media only screen and (device-width:462px) {
	html {
		font-size: 19.712px !important
	}
}

@media only screen and (device-width:463px) {
	html {
		font-size: 19.7546666667px !important
	}
}

@media only screen and (device-width:464px) {
	html {
		font-size: 19.7973333333px !important
	}
}

@media only screen and (device-width:465px) {
	html {
		font-size: 19.84px !important
	}
}

@media only screen and (device-width:466px) {
	html {
		font-size: 19.8826666667px !important
	}
}

@media only screen and (device-width:467px) {
	html {
		font-size: 19.9253333333px !important
	}
}

@media only screen and (device-width:468px) {
	html {
		font-size: 19.968px !important
	}
}

@media only screen and (device-width:469px) {
	html {
		font-size: 20.0106666667px !important
	}
}

@media only screen and (device-width:470px) {
	html {
		font-size: 20.0533333333px !important
	}
}

@media only screen and (device-width:471px) {
	html {
		font-size: 20.096px !important
	}
}

@media only screen and (device-width:472px) {
	html {
		font-size: 20.1386666667px !important
	}
}

@media only screen and (device-width:473px) {
	html {
		font-size: 20.1813333333px !important
	}
}

@media only screen and (device-width:474px) {
	html {
		font-size: 20.224px !important
	}
}

@media only screen and (device-width:475px) {
	html {
		font-size: 20.2666666667px !important
	}
}

@media only screen and (device-width:476px) {
	html {
		font-size: 20.3093333333px !important
	}
}

@media only screen and (device-width:477px) {
	html {
		font-size: 20.352px !important
	}
}

@media only screen and (device-width:478px) {
	html {
		font-size: 20.3946666667px !important
	}
}

@media only screen and (device-width:479px) {
	html {
		font-size: 20.4373333333px !important
	}
}

@media only screen and (device-width:480px) {
	html {
		font-size: 20.48px !important
	}
}

@media only screen and (device-width:481px) {
	html {
		font-size: 20.5226666667px !important
	}
}

@media only screen and (device-width:482px) {
	html {
		font-size: 20.5653333333px !important
	}
}

@media only screen and (device-width:483px) {
	html {
		font-size: 20.608px !important
	}
}

@media only screen and (device-width:484px) {
	html {
		font-size: 20.6506666667px !important
	}
}

@media only screen and (device-width:485px) {
	html {
		font-size: 20.6933333333px !important
	}
}

@media only screen and (device-width:486px) {
	html {
		font-size: 20.736px !important
	}
}

@media only screen and (device-width:487px) {
	html {
		font-size: 20.7786666667px !important
	}
}

@media only screen and (device-width:488px) {
	html {
		font-size: 20.8213333333px !important
	}
}

@media only screen and (device-width:489px) {
	html {
		font-size: 20.864px !important
	}
}

@media only screen and (device-width:490px) {
	html {
		font-size: 20.9066666667px !important
	}
}

@media only screen and (device-width:491px) {
	html {
		font-size: 20.9493333333px !important
	}
}

@media only screen and (device-width:492px) {
	html {
		font-size: 20.992px !important
	}
}

@media only screen and (device-width:493px) {
	html {
		font-size: 21.0346666667px !important
	}
}

@media only screen and (device-width:494px) {
	html {
		font-size: 21.0773333333px !important
	}
}

@media only screen and (device-width:495px) {
	html {
		font-size: 21.12px !important
	}
}

@media only screen and (device-width:496px) {
	html {
		font-size: 21.1626666667px !important
	}
}

@media only screen and (device-width:497px) {
	html {
		font-size: 21.2053333333px !important
	}
}

@media only screen and (device-width:498px) {
	html {
		font-size: 21.248px !important
	}
}

@media only screen and (device-width:499px) {
	html {
		font-size: 21.2906666667px !important
	}
}

@media only screen and (device-width:500px) {
	html {
		font-size: 21.3333333333px !important
	}
}

@media only screen and (device-width:501px) {
	html {
		font-size: 21.376px !important
	}
}

@media only screen and (device-width:502px) {
	html {
		font-size: 21.4186666667px !important
	}
}

@media only screen and (device-width:503px) {
	html {
		font-size: 21.4613333333px !important
	}
}

@media only screen and (device-width:504px) {
	html {
		font-size: 21.504px !important
	}
}

@media only screen and (device-width:505px) {
	html {
		font-size: 21.5466666667px !important
	}
}

@media only screen and (device-width:506px) {
	html {
		font-size: 21.5893333333px !important
	}
}

@media only screen and (device-width:507px) {
	html {
		font-size: 21.632px !important
	}
}

@media only screen and (device-width:508px) {
	html {
		font-size: 21.6746666667px !important
	}
}

@media only screen and (device-width:509px) {
	html {
		font-size: 21.7173333333px !important
	}
}

@media only screen and (device-width:510px) {
	html {
		font-size: 21.76px !important
	}
}

@media only screen and (device-width:511px) {
	html {
		font-size: 21.8026666667px !important
	}
}

@media only screen and (device-width:512px) {
	html {
		font-size: 21.8453333333px !important
	}
}

@media only screen and (device-width:513px) {
	html {
		font-size: 21.888px !important
	}
}

@media only screen and (device-width:514px) {
	html {
		font-size: 21.9306666667px !important
	}
}

@media only screen and (device-width:515px) {
	html {
		font-size: 21.9733333333px !important
	}
}

@media only screen and (device-width:516px) {
	html {
		font-size: 22.016px !important
	}
}

@media only screen and (device-width:517px) {
	html {
		font-size: 22.0586666667px !important
	}
}

@media only screen and (device-width:518px) {
	html {
		font-size: 22.1013333333px !important
	}
}

@media only screen and (device-width:519px) {
	html {
		font-size: 22.144px !important
	}
}

@media only screen and (device-width:520px) {
	html {
		font-size: 22.1866666667px !important
	}
}

.money-tips {
	position: absolute;
	top: -.75rem
}

.money-tips.rightPos {
	left: 1.3125rem
}

.money-tips.rightPos.largeUnit {
	padding-left: .5rem
}

.money-tips.rightPosSell {
	left: 0
}

.money-tips.rightPosSell.largeUnit {
	padding-left: .625rem
}

.money-tips.leftPos {
	left: .75rem
}

.money-tips.leftPos.largeUnit {
	padding-left: .5rem
}

.money-tips .unit-line {
	display: inline-block;
	width: .03125rem;
	height: 1.25rem;
	background-color: #ddd;
	margin-right: -.0625rem;
	position: relative;
	top: .5625rem
}

.money-tips .unit-word {
	display: inline-block;
	font-size: .625rem;
	line-height: .875rem;
	color: #fff;
	background-color: #ddd;
	padding: 0 .1875rem;
	border-radius: .09375rem
}

@media only screen and (min-device-width:375px)and (min-device-height:812px)and (-webkit-device-pixel-ratio:3) {
	.jr-x-fixed-bottom-bar {
		bottom: 34px !important
	}

	.jr-x-fixed-bottom-bar:after {
		content: "";
		z-index: 90;
		position: fixed;
		left: 0;
		bottom: 0;
		height: 34px;
		width: 100%;
		background-color: #fff
	}

	.jr-x-fixed-bottom-bar-single {
		bottom: 34px
	}

	.jr-x-fixed-bottom-bar-fill-layer {
		content: "";
		z-index: 90;
		position: fixed;
		left: 0;
		bottom: 0;
		height: 34px;
		width: 100%;
		background-color: #fff
	}

	.jr-x-h100 {
		height: 100% !important;
		height: calc(100% + 34px) !important;
		height: -webkit-calc(100% + 34px) !important
	}
}

@media only screen and (device-width:414px)and (device-height:896px)and (-webkit-min-device-pixel-ratio:2) {
	.jr-x-fixed-bottom-bar {
		bottom: 34px !important
	}

	.jr-x-fixed-bottom-bar:after {
		content: "";
		z-index: 90;
		position: fixed;
		left: 0;
		bottom: 0;
		height: 34px;
		width: 100%;
		background-color: #fff
	}

	.jr-x-fixed-bottom-bar-single {
		bottom: 34px
	}

	.jr-x-fixed-bottom-bar-fill-layer {
		content: "";
		z-index: 90;
		position: fixed;
		left: 0;
		bottom: 0;
		height: 34px;
		width: 100%;
		background-color: #fff
	}

	.jr-x-h100 {
		height: 100% !important;
		height: calc(100% + 34px) !important;
		height: -webkit-calc(100% + 34px) !important
	}
}

.jr-x-fixed-bottom-bar-inner {
	bottom: constant(safe-area-inset-bottom) !important;
	bottom: env(safe-area-inset-bottom) !important
}

.hidePage {
	display: none
}

.container {
	background-color: #f5f5f5
}

.container .upAccount {
	line-height: 1.5625rem;
	padding: .3125rem 1rem;
	background: #cda76e;
	font-size: .8125rem;
	position: relative
}

.container .upAccount .span_text {
	color: #ef4034;
	border: 1px solid #ef4034;
	border-radius: .15625rem;
	font-size: .625rem;
	padding: 0 .3125rem;
	margin-right: .3125rem;
	display: inline-block;
	line-height: 1rem;
	vertical-align: .0625rem
}

.container .upAccount span.bg_r {
	position: absolute;
	display: block;
	width: .75rem;
	height: .75rem;
	right: 1rem;
	top: 50%;
	margin-top: -.375rem;
	background: url(https://img10.360buyimg.com/imagetools/jfs/t1/229013/4/21145/336/666d8212Fb3597388/958ae468a5a90fec.png) no-repeat 100%;
	background-size: .75rem .75rem
}

.container .gold_price {
	padding-left: 1rem;
	line-height: 2.1875rem;
	font-size: .75rem;
	background: #f5f5f5;
	color: #999
}

.container .gold_price span {
	color: #cda76e
}

.container .ruleBox {
	width: 100%
}

.container .coupons {
	margin-top: .625rem;
	padding: 1.40625rem .9375rem;
	background: #fff;
	line-height: 1.5625rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.container .coupons .title_coupons {
	width: 20%;
	font-size: 1.125rem;
	font-family: PingFangSC-Medium, PingFang SC
}

.container .coupons .right_coupons {
	width: 80%;
	color: #cda76e;
	font-size: .875rem
}

.container .coupons .right_coupons span {
	float: right;
	padding-right: .75rem;
	background: url(https://img10.360buyimg.com/imagetools/jfs/t1/229013/4/21145/336/666d8212Fb3597388/958ae468a5a90fec.png) no-repeat 100%;
	background-size: .75rem .75rem
}

.container .check-wrap {
	margin: 1.5rem 1rem 0;
	font-size: .75rem;
	line-height: 1.25rem;
	color: #a9a9a9;
	font-family: PingFangSC-Regular;
	text-align: left;
	position: relative
}

.container .check-wrap .protocol {
	color: #333;
	margin: 0 .25rem
}

.container .check-wrap .check-icon {
	position: absolute;
	left: 0;
	top: .1875rem;
	display: block;
	width: .9375rem;
	height: .9375rem;
	background: url(https://img14.360buyimg.com/imagetools/jfs/t1/191422/24/45836/500/666d8109Ff3944a57/aa663b5251319daa.png) no-repeat 0;
	background-size: .9375rem .9375rem;
	margin-right: .375rem
}

.container .check-wrap .check-icon.checked {
	background: url(https://img14.360buyimg.com/imagetools/jfs/t1/238352/26/18954/538/666d81a8Ff11f0b8a/1dac5fa335dfb476.png) no-repeat 0;
	background-size: .9375rem .9375rem
}

.container .check-wrap .text {
	margin-left: 1.5625rem
}

.container .jrm-common-btn {
	margin-top: .875rem
}

.pad_bottom_220 {
	padding-bottom: 6.875rem
}

.jrm-tips {
	position: fixed;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 10001
}

.jrm-tips span {
	display: inline-block;
	padding: .625rem 1.21875rem;
	line-height: 1.25rem;
	font-family: PingFangSC-Medium;
	font-size: .875rem;
	color: #fff;
	background: rgba(0, 0, 0, .6);
	border-radius: 100px;
	-webkit-box-shadow: 0 0 .4375rem 0 rgba(3, 6, 14, .2);
	box-shadow: 0 0 .4375rem 0 rgba(3, 6, 14, .2)
}

.fade-enter-active,
.fade-leave-active {
	-webkit-transition: .3s ease-out;
	-o-transition: .3s ease-out;
	transition: .3s ease-out
}

.fade-enter {
	opacity: 0;
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2)
}

.fade-leave-to {
	opacity: 0;
	-webkit-transform: scale(.8);
	-ms-transform: scale(.8);
	transform: scale(.8)
}

.falut {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	z-index: 200
}

.tip {
	background-color: rgba(0, 0, 0, .6);
	padding: 20px;
	border-radius: 8px;
	text-align: center;
	font-size: 14px;
	font-family: PingFangSC-Regular;
	color: #fff;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 250px;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	z-index: 200
}

.fade-enter-active,
.fade-leave-active {
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s
}

.fade-enter,
.fade-leave-to {
	opacity: 0
}

.jr-dialog-box {
	z-index: 10000;
	display: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center
}

.jr-dialog-box,
.jr-dialog-box:before {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.jr-dialog-box:before {
	content: "";
	z-index: 100;
	background-color: transparent;
	visibility: hidden;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-user-select: none;
	-webkit-user-drag: none;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-property: background-color;
	-o-transition-property: background-color;
	transition-property: background-color;
	-webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	-o-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	-webkit-transition-duration: .3s;
	-o-transition-duration: .3s;
	transition-duration: .3s
}

.jr-dialog-box.modal-in:before {
	visibility: visible;
	background-color: rgba(0, 0, 0, .6)
}

.jr-dialog {
	z-index: 1000;
	width: 19.6875rem;
	background-color: #fff;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-user-select: none;
	-webkit-user-drag: none;
	opacity: 1;
	border-radius: .5rem;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

@media only screen and (min-device-width:414px)and (-webkit-min-device-pixel-ratio:3) {
	.jr-dialog {
		width: 19.25rem
	}
}

.jr-dialog-inner {
	padding: 1.5rem 0
}

.jr-dialog-font {
	font-family: PingFangSC-Medium
}

.jr-dialog-content,
.jr-dialog-title {
	line-height: 1.5rem;
	font-family: PingFangSC-Medium;
	font-size: 1.125rem;
	color: #666
}

.jr-dialog-content h2,
.jr-dialog-title h2 {
	font-size: 1.125rem;
	color: #333;
	line-height: 1.8125rem;
	text-align: center;
	padding: 0 1.5rem
}

.jr-dialog-content h3,
.jr-dialog-title h3 {
	font-weight: 400;
	text-align: center
}

.jr-dialog-content h3,
.jr-dialog-content p,
.jr-dialog-title h3,
.jr-dialog-title p {
	font-size: .875rem;
	color: #666;
	line-height: 1.5rem;
	padding: .75rem 1.5rem 0;
	font-family: PingFangSC-Regular
}

.jr-dialog-content p,
.jr-dialog-title p {
	text-align: justify
}

.jr-dialog-content .p_center,
.jr-dialog-title .p_center {
	text-align: center
}

.jr-dialog-content h3+p,
.jr-dialog-title h3+p {
	padding-top: .125rem
}

.jr-dialog-content img,
.jr-dialog-title img {
	width: 100%;
	display: block
}

.jr-dialog-content img+h2,
.jr-dialog-title img+h2 {
	padding-top: .75rem
}

.jr-dialog-content a,
.jr-dialog-title a {
	color: #cda76e
}

.jr-dialog-content .contentScroll,
.jr-dialog-title .contentScroll {
	padding: 1.5rem 0;
	max-height: 17.5rem;
	overflow: auto
}

.jr-dialog-content .contentScroll:-webkit-scrollbar,
.jr-dialog-title .contentScroll:-webkit-scrollbar {
	display: none;
	width: 0;
	height: 0
}

.jr-dialog-btns {
	table-layout: fixed;
	display: table;
	border-collapse: collapse;
	width: 100%
}

.jr-btn-cancel,
.jr-dialog-btn,
.jr-dialog-confirm,
.jr-dialog-warning {
	display: table-cell;
	width: 100%;
	font-size: 1.125rem;
	height: 3.125rem;
	line-height: 3.125rem;
	font-family: PingFangSC-Medium;
	text-align: center
}

.jr-dialog-btn {
	color: #eb9654
}

.jr-btn-cancel {
	color: #666
}

.jr-dialog-confirm {
	color: #eb9654;
	border-bottom-right-radius: .5rem
}

.jr-dialog-confirm.jr-disable {
	color: #aaa;
	background: inherit
}

.jr-dialog-warning {
	color: #fc3438;
	border-bottom-right-radius: .5rem
}

.jr-dialog-warning.jr-disable {
	color: #aaa;
	background: inherit
}

.jr-modal-buttons-vertical,
.jr-modal-buttons-vertical .jr-btn-cancel,
.jr-modal-buttons-vertical .jr-btn-cancel-single,
.jr-modal-buttons-vertical .jr-dialog-btn,
.jr-modal-buttons-vertical .jr-dialog-confirm,
.jr-modal-buttons-vertical .jr-dialog-warning {
	display: block
}

.jr-modal-buttons-vertical .jr-btn-cancel-single {
	color: #eb9654
}

.dialog-fade-enter-active {
	-webkit-transition: all .4s ease-out .1s;
	-o-transition: all .4s .1s ease-out;
	transition: all .4s ease-out .1s
}

.dialog-fade-leave-active {
	-webkit-transition: all .5s ease-in;
	-o-transition: all .5s ease-in;
	transition: all .5s ease-in
}

.dialog-fade-enter {
	opacity: 0;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

.dialog-fade-leave-to {
	opacity: 0;
	-webkit-transform: scale(.75) translateY(400%);
	-ms-transform: scale(.75) translateY(400%);
	transform: scale(.75) translateY(400%)
}

 {
	-webkit-box-sizing: unset;
	box-sizing: unset
}

button,
input {
	outline: none;
	border: 0;
	background: none
}

.fc,
.fl {
	float: left
}

.fr {
	float: right
}

.c,
.l,
.r {
	float: left
}

.r {
	float: right
}

.clearfix {
	clear: both
}

[v-cloak] {
	display: none
}

.flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -ms-flexbox;
	display: flex
}

.flex-0 {
	-webkit-box-flex: 0;
	-webkit-flex: 0;
	-ms-flex: 0;
	flex: 0
}

.flex-1 {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.flex-1.text-left {
	text-align: left
}

.flex-1.text-center {
	text-align: center
}

.flex-1.text-right {
	text-align: right
}

.flex-pack-start {
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.flex-pack-center {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

.flex-pack-end {
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.flex-align-center {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.color-ccc {
	color: #ccc
}

::-webkit-input-placeholder {
	color: #ccc
}

.jrm-arrow-btn {
	position: relative
}

.jrm-arrow-btn i {
	position: absolute;
	width: .75rem;
	height: 100%;
	right: 0;
	top: 0;
	background: url(https://img10.360buyimg.com/imagetools/jfs/t1/229013/4/21145/336/666d8212Fb3597388/958ae468a5a90fec.png) no-repeat;
	background-size: 100%;
	background-position: 0
}

.jrm-mark-btn {
	position: relative
}

.jrm-mark-btn i {
	position: absolute;
	margin-top: .09375rem;
	margin-left: .375rem;
	width: .9375rem;
	height: .9375rem;
	background: url(https://img13.360buyimg.com/imagetools/jfs/t1/163056/35/44856/667/666d8927Fa400b682/c0a7b2eb6966b0cc.png) no-repeat;
	background-size: 100%;
	background-position: 0
}

.jrm-mark-btn i.gray-mark {
	background: url(https://img14.360buyimg.com/imagetools/jfs/t1/229078/14/19813/679/666d87caF6f4b8668/5f01f631b8bb3aa1.png) no-repeat;
	background-size: 100%;
	background-position: 0
}

.jrm-common-btn {
	margin: 1.75rem 1rem .875rem;
	height: 3.125rem;
	line-height: 3.125rem;
	font-family: PingFangSC-Medium;
	font-size: 1.125rem;
	color: #fff;
	text-align: center;
	background-color: #cda76e;
	border-radius: .125rem
}

.jrm-common-btn.disabled {
	background-color: #ccc;
	color: #f1f1f3
}

.bottom-fixed {
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	background: #f5f5f5
}

.bottom-fixed .jrm-common-btn {
	margin: 0;
	border-radius: 0;
	-webkit-box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, .04);
	box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, .04)
}

.bottom-fixed02 {
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	background: #fff;
	z-index: 1
}

.jrm-activity-tag {
	position: absolute;
	padding: 0 .25rem;
	max-height: .9375rem;
	font-family: PingFangSC-Medium;
	font-size: .5625rem;
	color: #fff;
	background: #f15a5b;
	border-radius: 3.125rem 3.125rem 3.125rem 0
}

.jrm-activity-tag.activity-btn {
	top: -6%;
	left: 50%;
	height: .875rem;
	line-height: .875rem;
	white-space: nowrap
}

.jrm-border-1px {
	position: relative
}

.jrm-border-1px:before {
	display: block;
	visibility: visible;
	content: "";
	overflow: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.jrm-layout-title {
	color: #666;
	font-family: PingFangSC-Medium
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
	.jrm-border-1px:before {
		right: -100%;
		bottom: -100%;
		-webkit-transform: scale(.5);
		-ms-transform: scale(.5);
		transform: scale(.5)
	}
}

@media only screen and (-webkit-min-device-pixel-ratio:3) {
	.jrm-border-1px:before {
		right: -200%;
		bottom: -200%;
		-webkit-transform: scale(.333333);
		-ms-transform: scale(.333333);
		transform: scale(.333333)
	}
}

.jrm-border-1px.jrm-border-all:before {
	border: 1px solid #eee
}

.jrm-border-1px.jrm-border-all-gold:before {
	border: 1px solid rgba(232, 185, 130, .3)
}

.jrm-border-1px.jrm-border-top:before {
	border-top: 1px solid #eee
}

.jrm-border-1px.jrm-border-bottom:before {
	border-bottom: 1px solid #eee;
	z-index: 1
}

.jrm-border-1px.jrm-border-left:before {
	border-left: 1px solid #eee
}

.jrm-border-1px.jrm-border-right:before {
	border-right: 1px solid #eee
}

.jrm-border-1px.jrm-border-left-fff:before {
	border-left: 1px solid hsla(0, 0%, 100%, .15)
}

.jrm-border-1px.jrm-border-right-ddd:before {
	border-right: 1px solid #ddd
}

.jrm-border-1px.jrm-border-all-ddd:before {
	border: 1px solid #ddd
}

.jrm-border-1px.jrm-border-bottom-e5e5e5:before {
	border-bottom: 1px solid #e5e5e5
}

body,
html {
	margin: 0;
	padding: 0;
	width: 100%;
	background-color: #f4f3f8;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline;
	font-weight: 400;
	font-family: Helvetica Neue, Helvetica, STHeiTi, sans-serif;
	color: #333;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none
}

body {
	overflow-x: hidden
}

body,
html {
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	font-family: PingFangSC-Regular, PingFang SC
}

.page-loading {
	position: fixed;
	top: 40%;
	left: 50%;
	z-index: 9999;
	width: 2.375rem;
	height: 2.375rem;
	padding: .5rem;
	margin: -1.6875rem 0 0 -1.6875rem;
	border-radius: .1875rem;
	background-color: rgba(0, 0, 0, .6);
	text-align: center
}

.page-loading img {
	display: inline-block;
	vertical-align: middle;
	width: 2.75rem;
	height: 2.75rem;
	position: absolute;
	top: .32rem;
	left: .32rem
}

body,
dd,
div,
dl,
dt,
em,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
html,
i,
img,
input,
label,
ol,
p,
q,
span,
sub,
sup,
table,
td,
tr,
ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-style: normal;
	font-weight: 400;
	border: 0
}

html {
	font-family: microsoft yahei, HelveticaNeue, sans-serif;
	color: #000;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	text-size-adjust: none;
	width: 100%
}

body {
	margin: 0 auto;
	width: 100%;
	font-family: "\5FAE\8F6F\96C5\9ED1";
	max-width: 640px;
	min-width: 320px
}

input,
input[type=button],
input[type=reset],
input[type=submit],
input[type=text],
select {
	-webkit-appearance: none;
	border: 0;
	background: none
}

input:focus,
textarea:focus {
	outline: none
}

li,
ol,
ul {
	list-style: none
}

table,
td,
th,
tr {
	border-collapse: collapse;
	border: 0;
	border-spacing: 0
}

img {
	border: 0;
	vertical-align: middle
}

a {
	text-decoration: none
}

.float_l {
	float: left
}

.float_r {
	float: right
}

.text_area {
	resize: none
}

.dis_none {
	display: none
}

.clear {
	clear: both
}

.bg_white {
	background: #fff
}

button {
	border: none
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.clearfix {
	display: inline-block;
	display: block
}

:-moz-placeholder,
::-moz-placeholder {
	color: #aaa
}

input:-ms-input-placeholder {
	color: #aaa
}

input::-webkit-input-placeholder {
	color: #aaa
}

 {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

.button-primty {
	display: block;
	width: 100%;
	height: 3.125rem;
	line-height: 3.125rem;
	background: #ad8e77;
	font-family: PingFangSC-Medium;
	font-size: 1.0625rem;
	color: #fff;
	text-align: center
}

.button-primty.disabled {
	background: #d5c6bd
}

@media only screen and (device-width:310px) {
	html {
		font-size: 13.2266666667px !important
	}
}

@media only screen and (device-width:311px) {
	html {
		font-size: 13.2693333333px !important
	}
}

@media only screen and (device-width:312px) {
	html {
		font-size: 13.312px !important
	}
}

@media only screen and (device-width:313px) {
	html {
		font-size: 13.3546666667px !important
	}
}

@media only screen and (device-width:314px) {
	html {
		font-size: 13.3973333333px !important
	}
}

@media only screen and (device-width:315px) {
	html {
		font-size: 13.44px !important
	}
}

@media only screen and (device-width:316px) {
	html {
		font-size: 13.4826666667px !important
	}
}

@media only screen and (device-width:317px) {
	html {
		font-size: 13.5253333333px !important
	}
}

@media only screen and (device-width:318px) {
	html {
		font-size: 13.568px !important
	}
}

@media only screen and (device-width:319px) {
	html {
		font-size: 13.6106666667px !important
	}
}

@media only screen and (device-width:320px) {
	html {
		font-size: 13.6533333333px !important
	}
}

@media only screen and (device-width:321px) {
	html {
		font-size: 13.696px !important
	}
}

@media only screen and (device-width:322px) {
	html {
		font-size: 13.7386666667px !important
	}
}

@media only screen and (device-width:323px) {
	html {
		font-size: 13.7813333333px !important
	}
}

@media only screen and (device-width:324px) {
	html {
		font-size: 13.824px !important
	}
}

@media only screen and (device-width:325px) {
	html {
		font-size: 13.8666666667px !important
	}
}

@media only screen and (device-width:326px) {
	html {
		font-size: 13.9093333333px !important
	}
}

@media only screen and (device-width:327px) {
	html {
		font-size: 13.952px !important
	}
}

@media only screen and (device-width:328px) {
	html {
		font-size: 13.9946666667px !important
	}
}

@media only screen and (device-width:329px) {
	html {
		font-size: 14.0373333333px !important
	}
}

@media only screen and (device-width:330px) {
	html {
		font-size: 14.08px !important
	}
}

@media only screen and (device-width:331px) {
	html {
		font-size: 14.1226666667px !important
	}
}

@media only screen and (device-width:332px) {
	html {
		font-size: 14.1653333333px !important
	}
}

@media only screen and (device-width:333px) {
	html {
		font-size: 14.208px !important
	}
}

@media only screen and (device-width:334px) {
	html {
		font-size: 14.2506666667px !important
	}
}

@media only screen and (device-width:335px) {
	html {
		font-size: 14.2933333333px !important
	}
}

@media only screen and (device-width:336px) {
	html {
		font-size: 14.336px !important
	}
}

@media only screen and (device-width:337px) {
	html {
		font-size: 14.3786666667px !important
	}
}

@media only screen and (device-width:338px) {
	html {
		font-size: 14.4213333333px !important
	}
}

@media only screen and (device-width:339px) {
	html {
		font-size: 14.464px !important
	}
}

@media only screen and (device-width:340px) {
	html {
		font-size: 14.5066666667px !important
	}
}

@media only screen and (device-width:341px) {
	html {
		font-size: 14.5493333333px !important
	}
}

@media only screen and (device-width:342px) {
	html {
		font-size: 14.592px !important
	}
}

@media only screen and (device-width:343px) {
	html {
		font-size: 14.6346666667px !important
	}
}

@media only screen and (device-width:344px) {
	html {
		font-size: 14.6773333333px !important
	}
}

@media only screen and (device-width:345px) {
	html {
		font-size: 14.72px !important
	}
}

@media only screen and (device-width:346px) {
	html {
		font-size: 14.7626666667px !important
	}
}

@media only screen and (device-width:347px) {
	html {
		font-size: 14.8053333333px !important
	}
}

@media only screen and (device-width:348px) {
	html {
		font-size: 14.848px !important
	}
}

@media only screen and (device-width:349px) {
	html {
		font-size: 14.8906666667px !important
	}
}

@media only screen and (device-width:350px) {
	html {
		font-size: 14.9333333333px !important
	}
}

@media only screen and (device-width:351px) {
	html {
		font-size: 14.976px !important
	}
}

@media only screen and (device-width:352px) {
	html {
		font-size: 15.0186666667px !important
	}
}

@media only screen and (device-width:353px) {
	html {
		font-size: 15.0613333333px !important
	}
}

@media only screen and (device-width:354px) {
	html {
		font-size: 15.104px !important
	}
}

@media only screen and (device-width:355px) {
	html {
		font-size: 15.1466666667px !important
	}
}

@media only screen and (device-width:356px) {
	html {
		font-size: 15.1893333333px !important
	}
}

@media only screen and (device-width:357px) {
	html {
		font-size: 15.232px !important
	}
}

@media only screen and (device-width:358px) {
	html {
		font-size: 15.2746666667px !important
	}
}

@media only screen and (device-width:359px) {
	html {
		font-size: 15.3173333333px !important
	}
}

@media only screen and (device-width:360px) {
	html {
		font-size: 15.36px !important
	}
}

@media only screen and (device-width:361px) {
	html {
		font-size: 15.4026666667px !important
	}
}

@media only screen and (device-width:362px) {
	html {
		font-size: 15.4453333333px !important
	}
}

@media only screen and (device-width:363px) {
	html {
		font-size: 15.488px !important
	}
}

@media only screen and (device-width:364px) {
	html {
		font-size: 15.5306666667px !important
	}
}

@media only screen and (device-width:365px) {
	html {
		font-size: 15.5733333333px !important
	}
}

@media only screen and (device-width:366px) {
	html {
		font-size: 15.616px !important
	}
}

@media only screen and (device-width:367px) {
	html {
		font-size: 15.6586666667px !important
	}
}

@media only screen and (device-width:368px) {
	html {
		font-size: 15.7013333333px !important
	}
}

@media only screen and (device-width:369px) {
	html {
		font-size: 15.744px !important
	}
}

@media only screen and (device-width:370px) {
	html {
		font-size: 15.7866666667px !important
	}
}

@media only screen and (device-width:371px) {
	html {
		font-size: 15.8293333333px !important
	}
}

@media only screen and (device-width:372px) {
	html {
		font-size: 15.872px !important
	}
}

@media only screen and (device-width:373px) {
	html {
		font-size: 15.9146666667px !important
	}
}

@media only screen and (device-width:374px) {
	html {
		font-size: 15.9573333333px !important
	}
}

@media only screen and (device-width:375px) {
	html {
		font-size: 16px !important
	}
}

@media only screen and (device-width:376px) {
	html {
		font-size: 16.0426666667px !important
	}
}

@media only screen and (device-width:377px) {
	html {
		font-size: 16.0853333333px !important
	}
}

@media only screen and (device-width:378px) {
	html {
		font-size: 16.128px !important
	}
}

@media only screen and (device-width:379px) {
	html {
		font-size: 16.1706666667px !important
	}
}

@media only screen and (device-width:380px) {
	html {
		font-size: 16.2133333333px !important
	}
}

@media only screen and (device-width:381px) {
	html {
		font-size: 16.256px !important
	}
}

@media only screen and (device-width:382px) {
	html {
		font-size: 16.2986666667px !important
	}
}

@media only screen and (device-width:383px) {
	html {
		font-size: 16.3413333333px !important
	}
}

@media only screen and (device-width:384px) {
	html {
		font-size: 16.384px !important
	}
}

@media only screen and (device-width:385px) {
	html {
		font-size: 16.4266666667px !important
	}
}

@media only screen and (device-width:386px) {
	html {
		font-size: 16.4693333333px !important
	}
}

@media only screen and (device-width:387px) {
	html {
		font-size: 16.512px !important
	}
}

@media only screen and (device-width:388px) {
	html {
		font-size: 16.5546666667px !important
	}
}

@media only screen and (device-width:389px) {
	html {
		font-size: 16.5973333333px !important
	}
}

@media only screen and (device-width:390px) {
	html {
		font-size: 16.64px !important
	}
}

@media only screen and (device-width:391px) {
	html {
		font-size: 16.6826666667px !important
	}
}

@media only screen and (device-width:392px) {
	html {
		font-size: 16.7253333333px !important
	}
}

@media only screen and (device-width:393px) {
	html {
		font-size: 16.768px !important
	}
}

@media only screen and (device-width:394px) {
	html {
		font-size: 16.8106666667px !important
	}
}

@media only screen and (device-width:395px) {
	html {
		font-size: 16.8533333333px !important
	}
}

@media only screen and (device-width:396px) {
	html {
		font-size: 16.896px !important
	}
}

@media only screen and (device-width:397px) {
	html {
		font-size: 16.9386666667px !important
	}
}

@media only screen and (device-width:398px) {
	html {
		font-size: 16.9813333333px !important
	}
}

@media only screen and (device-width:399px) {
	html {
		font-size: 17.024px !important
	}
}

@media only screen and (device-width:400px) {
	html {
		font-size: 17.0666666667px !important
	}
}

@media only screen and (device-width:401px) {
	html {
		font-size: 17.1093333333px !important
	}
}

@media only screen and (device-width:402px) {
	html {
		font-size: 17.152px !important
	}
}

@media only screen and (device-width:403px) {
	html {
		font-size: 17.1946666667px !important
	}
}

@media only screen and (device-width:404px) {
	html {
		font-size: 17.2373333333px !important
	}
}

@media only screen and (device-width:405px) {
	html {
		font-size: 17.28px !important
	}
}

@media only screen and (device-width:406px) {
	html {
		font-size: 17.3226666667px !important
	}
}

@media only screen and (device-width:407px) {
	html {
		font-size: 17.3653333333px !important
	}
}

@media only screen and (device-width:408px) {
	html {
		font-size: 17.408px !important
	}
}

@media only screen and (device-width:409px) {
	html {
		font-size: 17.4506666667px !important
	}
}

@media only screen and (device-width:410px) {
	html {
		font-size: 17.4933333333px !important
	}
}

@media only screen and (device-width:411px) {
	html {
		font-size: 17.536px !important
	}
}

@media only screen and (device-width:412px) {
	html {
		font-size: 17.5786666667px !important
	}
}

@media only screen and (device-width:413px) {
	html {
		font-size: 17.6213333333px !important
	}
}

@media only screen and (device-width:414px) {
	html {
		font-size: 17.664px !important
	}
}

@media only screen and (device-width:415px) {
	html {
		font-size: 17.7066666667px !important
	}
}

@media only screen and (device-width:416px) {
	html {
		font-size: 17.7493333333px !important
	}
}

@media only screen and (device-width:417px) {
	html {
		font-size: 17.792px !important
	}
}

@media only screen and (device-width:418px) {
	html {
		font-size: 17.8346666667px !important
	}
}

@media only screen and (device-width:419px) {
	html {
		font-size: 17.8773333333px !important
	}
}

@media only screen and (device-width:420px) {
	html {
		font-size: 17.92px !important
	}
}

@media only screen and (device-width:421px) {
	html {
		font-size: 17.9626666667px !important
	}
}

@media only screen and (device-width:422px) {
	html {
		font-size: 18.0053333333px !important
	}
}

@media only screen and (device-width:423px) {
	html {
		font-size: 18.048px !important
	}
}

@media only screen and (device-width:424px) {
	html {
		font-size: 18.0906666667px !important
	}
}

@media only screen and (device-width:425px) {
	html {
		font-size: 18.1333333333px !important
	}
}

@media only screen and (device-width:426px) {
	html {
		font-size: 18.176px !important
	}
}

@media only screen and (device-width:427px) {
	html {
		font-size: 18.2186666667px !important
	}
}

@media only screen and (device-width:428px) {
	html {
		font-size: 18.2613333333px !important
	}
}

@media only screen and (device-width:429px) {
	html {
		font-size: 18.304px !important
	}
}

@media only screen and (device-width:430px) {
	html {
		font-size: 18.3466666667px !important
	}
}

@media only screen and (device-width:431px) {
	html {
		font-size: 18.3893333333px !important
	}
}

@media only screen and (device-width:432px) {
	html {
		font-size: 18.432px !important
	}
}

@media only screen and (device-width:433px) {
	html {
		font-size: 18.4746666667px !important
	}
}

@media only screen and (device-width:434px) {
	html {
		font-size: 18.5173333333px !important
	}
}

@media only screen and (device-width:435px) {
	html {
		font-size: 18.56px !important
	}
}

@media only screen and (device-width:436px) {
	html {
		font-size: 18.6026666667px !important
	}
}

@media only screen and (device-width:437px) {
	html {
		font-size: 18.6453333333px !important
	}
}

@media only screen and (device-width:438px) {
	html {
		font-size: 18.688px !important
	}
}

@media only screen and (device-width:439px) {
	html {
		font-size: 18.7306666667px !important
	}
}

@media only screen and (device-width:440px) {
	html {
		font-size: 18.7733333333px !important
	}
}

@media only screen and (device-width:441px) {
	html {
		font-size: 18.816px !important
	}
}

@media only screen and (device-width:442px) {
	html {
		font-size: 18.8586666667px !important
	}
}

@media only screen and (device-width:443px) {
	html {
		font-size: 18.9013333333px !important
	}
}

@media only screen and (device-width:444px) {
	html {
		font-size: 18.944px !important
	}
}

@media only screen and (device-width:445px) {
	html {
		font-size: 18.9866666667px !important
	}
}

@media only screen and (device-width:446px) {
	html {
		font-size: 19.0293333333px !important
	}
}

@media only screen and (device-width:447px) {
	html {
		font-size: 19.072px !important
	}
}

@media only screen and (device-width:448px) {
	html {
		font-size: 19.1146666667px !important
	}
}

@media only screen and (device-width:449px) {
	html {
		font-size: 19.1573333333px !important
	}
}

@media only screen and (device-width:450px) {
	html {
		font-size: 19.2px !important
	}
}

@media only screen and (device-width:451px) {
	html {
		font-size: 19.2426666667px !important
	}
}

@media only screen and (device-width:452px) {
	html {
		font-size: 19.2853333333px !important
	}
}

@media only screen and (device-width:453px) {
	html {
		font-size: 19.328px !important
	}
}

@media only screen and (device-width:454px) {
	html {
		font-size: 19.3706666667px !important
	}
}

@media only screen and (device-width:455px) {
	html {
		font-size: 19.4133333333px !important
	}
}

@media only screen and (device-width:456px) {
	html {
		font-size: 19.456px !important
	}
}

@media only screen and (device-width:457px) {
	html {
		font-size: 19.4986666667px !important
	}
}

@media only screen and (device-width:458px) {
	html {
		font-size: 19.5413333333px !important
	}
}

@media only screen and (device-width:459px) {
	html {
		font-size: 19.584px !important
	}
}

@media only screen and (device-width:460px) {
	html {
		font-size: 19.6266666667px !important
	}
}

@media only screen and (device-width:461px) {
	html {
		font-size: 19.6693333333px !important
	}
}

@media only screen and (device-width:462px) {
	html {
		font-size: 19.712px !important
	}
}

@media only screen and (device-width:463px) {
	html {
		font-size: 19.7546666667px !important
	}
}

@media only screen and (device-width:464px) {
	html {
		font-size: 19.7973333333px !important
	}
}

@media only screen and (device-width:465px) {
	html {
		font-size: 19.84px !important
	}
}

@media only screen and (device-width:466px) {
	html {
		font-size: 19.8826666667px !important
	}
}

@media only screen and (device-width:467px) {
	html {
		font-size: 19.9253333333px !important
	}
}

@media only screen and (device-width:468px) {
	html {
		font-size: 19.968px !important
	}
}

@media only screen and (device-width:469px) {
	html {
		font-size: 20.0106666667px !important
	}
}

@media only screen and (device-width:470px) {
	html {
		font-size: 20.0533333333px !important
	}
}

@media only screen and (device-width:471px) {
	html {
		font-size: 20.096px !important
	}
}

@media only screen and (device-width:472px) {
	html {
		font-size: 20.1386666667px !important
	}
}

@media only screen and (device-width:473px) {
	html {
		font-size: 20.1813333333px !important
	}
}

@media only screen and (device-width:474px) {
	html {
		font-size: 20.224px !important
	}
}

@media only screen and (device-width:475px) {
	html {
		font-size: 20.2666666667px !important
	}
}

@media only screen and (device-width:476px) {
	html {
		font-size: 20.3093333333px !important
	}
}

@media only screen and (device-width:477px) {
	html {
		font-size: 20.352px !important
	}
}

@media only screen and (device-width:478px) {
	html {
		font-size: 20.3946666667px !important
	}
}

@media only screen and (device-width:479px) {
	html {
		font-size: 20.4373333333px !important
	}
}

@media only screen and (device-width:480px) {
	html {
		font-size: 20.48px !important
	}
}

@media only screen and (device-width:481px) {
	html {
		font-size: 20.5226666667px !important
	}
}

@media only screen and (device-width:482px) {
	html {
		font-size: 20.5653333333px !important
	}
}

@media only screen and (device-width:483px) {
	html {
		font-size: 20.608px !important
	}
}

@media only screen and (device-width:484px) {
	html {
		font-size: 20.6506666667px !important
	}
}

@media only screen and (device-width:485px) {
	html {
		font-size: 20.6933333333px !important
	}
}

@media only screen and (device-width:486px) {
	html {
		font-size: 20.736px !important
	}
}

@media only screen and (device-width:487px) {
	html {
		font-size: 20.7786666667px !important
	}
}

@media only screen and (device-width:488px) {
	html {
		font-size: 20.8213333333px !important
	}
}

@media only screen and (device-width:489px) {
	html {
		font-size: 20.864px !important
	}
}

@media only screen and (device-width:490px) {
	html {
		font-size: 20.9066666667px !important
	}
}

@media only screen and (device-width:491px) {
	html {
		font-size: 20.9493333333px !important
	}
}

@media only screen and (device-width:492px) {
	html {
		font-size: 20.992px !important
	}
}

@media only screen and (device-width:493px) {
	html {
		font-size: 21.0346666667px !important
	}
}

@media only screen and (device-width:494px) {
	html {
		font-size: 21.0773333333px !important
	}
}

@media only screen and (device-width:495px) {
	html {
		font-size: 21.12px !important
	}
}

@media only screen and (device-width:496px) {
	html {
		font-size: 21.1626666667px !important
	}
}

@media only screen and (device-width:497px) {
	html {
		font-size: 21.2053333333px !important
	}
}

@media only screen and (device-width:498px) {
	html {
		font-size: 21.248px !important
	}
}

@media only screen and (device-width:499px) {
	html {
		font-size: 21.2906666667px !important
	}
}

@media only screen and (device-width:500px) {
	html {
		font-size: 21.3333333333px !important
	}
}

@media only screen and (device-width:501px) {
	html {
		font-size: 21.376px !important
	}
}

@media only screen and (device-width:502px) {
	html {
		font-size: 21.4186666667px !important
	}
}

@media only screen and (device-width:503px) {
	html {
		font-size: 21.4613333333px !important
	}
}

@media only screen and (device-width:504px) {
	html {
		font-size: 21.504px !important
	}
}

@media only screen and (device-width:505px) {
	html {
		font-size: 21.5466666667px !important
	}
}

@media only screen and (device-width:506px) {
	html {
		font-size: 21.5893333333px !important
	}
}

@media only screen and (device-width:507px) {
	html {
		font-size: 21.632px !important
	}
}

@media only screen and (device-width:508px) {
	html {
		font-size: 21.6746666667px !important
	}
}

@media only screen and (device-width:509px) {
	html {
		font-size: 21.7173333333px !important
	}
}

@media only screen and (device-width:510px) {
	html {
		font-size: 21.76px !important
	}
}

@media only screen and (device-width:511px) {
	html {
		font-size: 21.8026666667px !important
	}
}

@media only screen and (device-width:512px) {
	html {
		font-size: 21.8453333333px !important
	}
}

@media only screen and (device-width:513px) {
	html {
		font-size: 21.888px !important
	}
}

@media only screen and (device-width:514px) {
	html {
		font-size: 21.9306666667px !important
	}
}

@media only screen and (device-width:515px) {
	html {
		font-size: 21.9733333333px !important
	}
}

@media only screen and (device-width:516px) {
	html {
		font-size: 22.016px !important
	}
}

@media only screen and (device-width:517px) {
	html {
		font-size: 22.0586666667px !important
	}
}

@media only screen and (device-width:518px) {
	html {
		font-size: 22.1013333333px !important
	}
}

@media only screen and (device-width:519px) {
	html {
		font-size: 22.144px !important
	}
}

@media only screen and (device-width:520px) {
	html {
		font-size: 22.1866666667px !important
	}
}

@font-face {
	font-family: UDC-Bold;
	src: url(https://caifu-h5.s3-cache-accelerate.cn-north-1.jdcloud-oss.com/gold/gold-support-components/font/UDC-Bold.ttf) format("truetype");
	font-style: normal;
	font-weight: 400
}

@font-face {
	font-family: UDC-light;
	src: url(https://caifu-h5.s3-cache-accelerate.cn-north-1.jdcloud-oss.com/gold/gold-support-components/font/UDC-light.ttf) format("truetype");
	font-style: normal;
	font-weight: 400
}

@font-face {
	font-family: UDC-Mediun;
	src: url(https://caifu-h5.s3-cache-accelerate.cn-north-1.jdcloud-oss.com/gold/gold-support-components/font/UDC-Mediun.ttf) format("truetype");
	font-style: normal;
	font-weight: 400
}

@font-face {
	font-family: JR-Bold;
	src: url(https://storage.360buyimg.com/animate-assets/font/JR-Bold.otf)
}

@font-face {
	font-family: JR-Medium;
	src: url(https://storage.360buyimg.com/animate-assets/font/JR-Medium.otf)
}

@font-face {
	font-family: JR-Regular;
	src: url(https://storage.360buyimg.com/animate-assets/font/JR-Regular.otf)
}

@font-face {
	font-family: JR-Bold-New;
	src: url(https://storage.360buyimg.com/animate-assets/font/JR-Bold2024-1.otf)
}

@font-face {
	font-family: JR-Medium-New;
	src: url(https://storage.360buyimg.com/animate-assets/font/JR-Medium2024-1.otf)
}

@font-face {
	font-family: JR-Regular-New;
	src: url(https://storage.360buyimg.com/animate-assets/font/JR-Regular2024-1.otf)
}

.money-tips {
	position: absolute;
	top: -.75rem
}

.money-tips.rightPos {
	left: 1.3125rem
}

.money-tips.rightPos.largeUnit {
	padding-left: .5rem
}

.money-tips.rightPosSell {
	left: 0
}

.money-tips.rightPosSell.largeUnit {
	padding-left: .625rem
}

.money-tips.leftPos {
	left: .75rem
}

.money-tips.leftPos.largeUnit {
	padding-left: .5rem
}

.money-tips .unit-line {
	display: inline-block;
	width: .03125rem;
	height: 1.25rem;
	background-color: #ddd;
	margin-right: -.0625rem;
	position: relative;
	top: .5625rem
}

.money-tips .unit-word {
	display: inline-block;
	font-size: .625rem;
	line-height: .875rem;
	color: #fff;
	background-color: #ddd;
	padding: 0 .1875rem;
	border-radius: .09375rem
}

@media only screen and (min-device-width:375px)and (min-device-height:812px)and (-webkit-device-pixel-ratio:3) {
	.jr-x-fixed-bottom-bar {
		bottom: 34px !important
	}

	.jr-x-fixed-bottom-bar:after {
		content: "";
		z-index: 90;
		position: fixed;
		left: 0;
		bottom: 0;
		height: 34px;
		width: 100%;
		background-color: #fff
	}

	.jr-x-fixed-bottom-bar-single {
		bottom: 34px
	}

	.jr-x-fixed-bottom-bar-fill-layer {
		content: "";
		z-index: 90;
		position: fixed;
		left: 0;
		bottom: 0;
		height: 34px;
		width: 100%;
		background-color: #fff
	}

	.jr-x-h100 {
		height: 100% !important;
		height: calc(100% + 34px) !important;
		height: -webkit-calc(100% + 34px) !important
	}
}

@media only screen and (device-width:414px)and (device-height:896px)and (-webkit-min-device-pixel-ratio:2) {
	.jr-x-fixed-bottom-bar {
		bottom: 34px !important
	}

	.jr-x-fixed-bottom-bar:after {
		content: "";
		z-index: 90;
		position: fixed;
		left: 0;
		bottom: 0;
		height: 34px;
		width: 100%;
		background-color: #fff
	}

	.jr-x-fixed-bottom-bar-single {
		bottom: 34px
	}

	.jr-x-fixed-bottom-bar-fill-layer {
		content: "";
		z-index: 90;
		position: fixed;
		left: 0;
		bottom: 0;
		height: 34px;
		width: 100%;
		background-color: #fff
	}

	.jr-x-h100 {
		height: 100% !important;
		height: calc(100% + 34px) !important;
		height: -webkit-calc(100% + 34px) !important
	}
}

.jr-x-fixed-bottom-bar-inner {
	bottom: constant(safe-area-inset-bottom) !important;
	bottom: env(safe-area-inset-bottom) !important
}

.jrm-floating-panel {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background: #fff;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	-o-transition-property: transform, opacity;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	-webkit-transition-duration: .2s;
	-o-transition-duration: .2s;
	transition-duration: .2s;
	overflow: hidden
}

.jrm-floating-panel.jrm-floating-show,
.jrm-floating-panel {
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.jrm-floating-panel .jrm-floating-panel-title {
	width: 100%;
	padding-bottom: .625rem;
	font-size: 1.3125rem;
	line-height: 1.84375rem;
	color: #333;
	text-align: center
}

.jrm-floating-panel .jrm-floating-panel-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;
	padding: 4.0625rem 2.5rem 7.8125rem;
	overflow: hidden
}

.jrm-floating-panel .jrm-floating-panel-scroll {
	width: 100%;
	margin-top: 1.25rem;
	padding-bottom: 1.875rem;
	font-size: 1rem;
	line-height: 1.75rem;
	color: #666;
	-webkit-overflow-scrolling: touch;
	overflow-y: auto
}

.jrm-floating-panel .jrm-floating-panel-scroll a {
	color: #cda76e;
	text-decoration: underline
}

.jrm-floating-panel .jrm-floating-title {
	color: #333
}

.jrm-floating-panel .jrm-floating-p {
	padding-bottom: .625rem
}

.jrm-floating-panel .jrm-floating-panel-btns {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	width: 100%;
	height: 7.8125rem;
	line-height: 7.8125rem;
	text-align: center;
	background: #fff
}

.jrm-floating-panel .jrm-floating-panel-close {
	margin-top: 2.625rem;
	display: inline-block;
	width: 1.8125rem;
	height: 1.8125rem;
	background-image: url(../images/panel_close_c219a1bfe2.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 1.1875rem 1.1875rem
}

.panel-fade-enter-active,
.panel-fade-leave-active {
	-webkit-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out
}

.panel-fade-enter,
.panel-fade-leave-to {
	opacity: 0;
	-webkit-transform: scale(.85);
	-ms-transform: scale(.85);
	transform: scale(.85)
}

.loading {
	position: fixed;
	z-index: 1002;
	width: 50px;
	height: 50px;
	top: 50%;
	left: 50%;
	margin-top: -25px;
	margin-left: -25px;
	border-radius: 10px;
	background: rgba(0, 0, 0, .6);
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.loading .svg_img {
	margin: 6px auto
}

@font-face {
	font-family: UDC-1\.04-Bold;
	font-style: normal;
	font-weight: 400;
	src: url(https://caifu-h5.s3-cache-accelerate.cn-north-1.jdcloud-oss.com/gold/gold-support-components/font/UDC105-Bold.woff2) format("woff2"), url(https://caifu-h5.s3-cache-accelerate.cn-north-1.jdcloud-oss.com/gold/gold-support-components/font/UDC105-Bold.woff) format("woff")
}

@font-face {
	font-family: UDC-1\.04-Light;
	font-style: normal;
	font-weight: 400;
	src: url(https://caifu-h5.s3-cache-accelerate.cn-north-1.jdcloud-oss.com/gold/gold-support-components/font/UDC105-Light.woff2) format("woff2"), url(https://caifu-h5.s3-cache-accelerate.cn-north-1.jdcloud-oss.com/gold/gold-support-components/font/UDC105-Light.woff) format("woff")
}

@font-face {
	font-family: UDC-1\.04-Mediun;
	font-style: normal;
	font-weight: 400;
	src: url(https://caifu-h5.s3-cache-accelerate.cn-north-1.jdcloud-oss.com/gold/gold-support-components/font/JR-UDC2-Medium.otf) format("opentype")
}

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,
html,
i,
iframe,
img,
input,
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 {
	border: 0;
	font-size: 100%;
	font-weight: 400;
	margin: 0;
	padding: 0;
	vertical-align: baseline
}

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

body {
	line-height: 1
}

blockquote,
q {
	quotes: none
}

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

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

@-webkit-keyframes mint-fade-in {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes mint-fade-in {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes mint-fade-out {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@keyframes mint-fade-out {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

.mint-fade-enter-active {
	-webkit-animation: mint-fade-in .3s ease-out both;
	animation: mint-fade-in .3s ease-out both
}

.mint-fade-leave-active {
	-webkit-animation: mint-fade-out .3s ease-in both;
	animation: mint-fade-out .3s ease-in both
}

.cf-mint-button {
	--mint-btn-color: #ef4034;
	--mint-btn-radius: 6.66667vw;
	--mint-btn-border-width: 1px;
	--mint-btn-border-color: var(--mint-btn-color);
	border: var(--mint-btn-border-width) solid var(--mint-btn-border-color);
	border-radius: var(--mint-btn-radius);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap
}

.cf-mint-button.disabled,
.cf-mint-button:disabled,
fieldset:disabled .cf-mint-button {
	cursor: not-allowed;
	opacity: .6;
	pointer-events: none;
	position: relative
}

.cf-mint-button.disabled:before,
.cf-mint-button:disabled:before,
fieldset:disabled .cf-mint-button:before {
	background-color: #fff;
	border-radius: inherit;
	bottom: -2px;
	content: "";
	left: -2px;
	opacity: .6;
	position: absolute;
	right: -2px;
	top: -2px;
	z-index: 1
}

.cf-mint-button.active,
.cf-mint-button:active {
	position: relative
}

.cf-mint-button.active:before,
.cf-mint-button:active:before {
	background: #000;
	border-radius: inherit;
	content: "";
	height: 100%;
	left: 0;
	opacity: .05;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1
}

.cf-mint-button--xl {
	display: block;
	font-size: 4.8vw;
	height: 13.33333vw;
	line-height: calc(13.33333vw - var(--mint-btn-border-width)*2);
	padding: 0 6.66667vw;
	vertical-align: middle;
	width: 100%
}

.cf-mint-button--l {
	font-size: 4.26667vw;
	height: 11.73333vw;
	line-height: calc(11.73333vw - var(--mint-btn-border-width)*2);
	padding: 0 5.86667vw;
	vertical-align: middle
}

.cf-mint-button--m {
	font-size: 3.2vw
}

.cf-mint-button--m,
.cf-mint-button--m.cf-mint-button--text {
	height: 8vw;
	line-height: calc(8vw - var(--mint-btn-border-width)*2);
	padding: 0 4vw;
	vertical-align: middle
}

.cf-mint-button--m.cf-mint-button--text {
	font-size: 3.73333vw
}

.cf-mint-button--s {
	font-size: 3.2vw;
	height: 6.93333vw;
	line-height: calc(6.93333vw - var(--mint-btn-border-width)*2);
	padding: 0 3.46667vw;
	vertical-align: middle
}

.cf-mint-button--primary {
	--mint-btn-border-width: 0px;
	background-color: var(--mint-btn-color);
	color: #fff
}

.cf-mint-button--outline {
	background-color: #fff;
	border: 1px solid var(--mint-btn-color);
	color: var(--mint-btn-color)
}

.cf-mint-button--secondary {
	--mint-btn-border-color: #ccc;
	background-color: #fff;
	color: #333
}

.cf-mint-button--text {
	--mint-btn-border-width: 0px;
	background-color: #fff;
	color: inherit
}

.cf-mint-button--square {
	--mint-btn-radius: 0.53333vw
}

.cf-mint-button-group {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.cf-mint-button-group>.cf-mint-button {
	border-radius: 0;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

.cf-mint-button-group>.cf-mint-button:first-child {
	border-bottom-left-radius: var(--mint-btn-radius);
	border-top-left-radius: var(--mint-btn-radius)
}

.cf-mint-button-group>.cf-mint-button:last-child {
	border-bottom-right-radius: var(--mint-btn-radius);
	border-top-right-radius: var(--mint-btn-radius)
}

.cf-mint-button-group>.cf-mint-button--secondary {
	--mint-btn-border-width: 0px;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, hsla(0, 0%, 100%, .9)), to(hsla(0, 0%, 100%, .9))), -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--mint-btn-color)), to(var(--mint-btn-color)));
	background-image: -o-linear-gradient(hsla(0, 0%, 100%, .9) 0, hsla(0, 0%, 100%, .9) 100%), -o-linear-gradient(var(--mint-btn-color) 0, var(--mint-btn-color) 100%);
	background-image: linear-gradient(hsla(0, 0%, 100%, .9), hsla(0, 0%, 100%, .9)), linear-gradient(var(--mint-btn-color), var(--mint-btn-color));
	color: var(--mint-btn-color)
}

:root {
	--mint-immersion-bgcolor-start: #ef4234;
	--mint-immersion-bgcolor-end: #f4f5f7;
	--mint-immersion-navbar-h: 0vw;
	--mint-immersion-gradient-h: 0vw;
	--mint-immersion-total-h: 0vw;
	--mint-immersion-avail-h: 0vw;
	--mint-immersion-img-size: 0vw 0vw
}

:root.mint-immersion {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, var(--mint-immersion-bgcolor-start)), to(var(--mint-immersion-bgcolor-end)));
	background-image: -o-linear-gradient(top, var(--mint-immersion-bgcolor-start) 50%, var(--mint-immersion-bgcolor-end));
	background-image: linear-gradient(180deg, var(--mint-immersion-bgcolor-start) 50%, var(--mint-immersion-bgcolor-end));
	background-repeat: repeat-x;
	background-size: 100% 100%
}

.mint-immersion__body {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--mint-immersion-bgcolor-end)), to(var(--mint-immersion-bgcolor-end)));
	background-image: -o-linear-gradient(top, var(--mint-immersion-bgcolor-end) 0, var(--mint-immersion-bgcolor-end) 100%);
	background-image: linear-gradient(180deg, var(--mint-immersion-bgcolor-end), var(--mint-immersion-bgcolor-end));
	background-position-y: var(--mint-immersion-total-h);
	background-repeat: no-repeat;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: var(--mint-immersion-avail-h);
	padding-top: var(--mint-immersion-navbar-h);
	position: relative
}

#mint-immersion__img {
	-webkit-overflow-scrolling: touch;
	background: var(--mint-immersion-img);
	background-position-x: right;
	background-repeat: no-repeat;
	background-size: var(--mint-immersion-img-size);
	height: var(--mint-immersion-total-h);
	pointer-events: none;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: -1
}

.mint-immersion__gradient {
	height: 0;
	left: 0;
	position: absolute;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 100%;
	z-index: -1
}

.mint-immersion__gradient>.inner {
	height: calc(var(--mint-immersion-total-h) - var(--mint-immersion-gradient-h) - var(--mint-immersion-navbar-h));
	width: 100%
}

.mint-immersion__gradient:after {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--mint-immersion-bgcolor-start)), color-stop(90%, var(--mint-immersion-bgcolor-end)));
	background-image: -o-linear-gradient(top, var(--mint-immersion-bgcolor-start) 0, var(--mint-immersion-bgcolor-end) 90%);
	background-image: linear-gradient(180deg, var(--mint-immersion-bgcolor-start), var(--mint-immersion-bgcolor-end) 90%);
	background-repeat: repeat-x;
	content: "";
	display: block;
	height: var(--mint-immersion-gradient-h);
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	width: 100%
}

#mint-immersion__wrap {
	-webkit-overflow-scrolling: touch;
	background: var(--mint-immersion-bgcolor-start);
	height: var(--mint-immersion-total-h);
	opacity: 1;
	pointer-events: none;
	position: fixed;
	top: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 100%;
	z-index: -1
}

.mint-overflow-hidden {
	overflow: hidden !important
}

.mint-lc-popup__overlay {
	background: rgba(0, 0, 0, .7);
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1050
}

.mint-lc-popup__content {
	-webkit-overflow-scrolling: touch;
	max-height: 100%;
	overflow-y: auto;
	position: fixed;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	-o-transition: transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s;
	z-index: 1050
}

.mint-lc-popup__content--center {
	left: 50%;
	top: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0)
}

.mint-lc-popup__content--top {
	left: 0;
	top: 0;
	width: 100%
}

.mint-lc-popup__content--right {
	right: 0;
	top: 50%;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0)
}

.mint-lc-popup__content--bottom {
	bottom: 0;
	left: 0;
	width: 100%
}

.mint-lc-popup__content--left {
	left: 0;
	top: 50%;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0)
}

.mint-lc-popup-slide-bottom-enter-active,
.mint-lc-popup-slide-left-enter-active,
.mint-lc-popup-slide-right-enter-active,
.mint-lc-popup-slide-top-enter-active {
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.mint-lc-popup-slide-bottom-leave-active,
.mint-lc-popup-slide-left-leave-active,
.mint-lc-popup-slide-right-leave-active,
.mint-lc-popup-slide-top-leave-active {
	-webkit-transition-timing-function: ease-in;
	-o-transition-timing-function: ease-in;
	transition-timing-function: ease-in
}

.mint-lc-popup-slide-top-enter,
.mint-lc-popup-slide-top-enter-from,
.mint-lc-popup-slide-top-leave-active {
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}

.mint-lc-popup-slide-right-enter,
.mint-lc-popup-slide-right-enter-from,
.mint-lc-popup-slide-right-leave-active {
	-webkit-transform: translate3d(100%, -50%, 0);
	transform: translate3d(100%, -50%, 0)
}

.mint-lc-popup-slide-bottom-enter,
.mint-lc-popup-slide-bottom-enter-from,
.mint-lc-popup-slide-bottom-leave-active {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}

.mint-lc-popup-slide-left-enter,
.mint-lc-popup-slide-left-enter-from,
.mint-lc-popup-slide-left-leave-active {
	-webkit-transform: translate3d(-100%, -50%, 0);
	transform: translate3d(-100%, -50%, 0)
}

.mint-dialog {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background: #fff;
	border-radius: 2.13333vw;
	color: #666;
	font-size: 3.73333vw;
	left: 50%;
	line-height: 5.86667vw;
	overflow: hidden;
	top: 45%;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	-o-transition-property: transform, opacity;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	width: 84vw
}

@media(max-width:321px) {
	.mint-dialog {
		width: 90%
	}
}

.mint-dialog__content {
	padding: 6.4vw 6.66667vw
}

.mint-dialog__content--no-title {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	min-height: 14.93333vw
}

.mint-dialog__content--no-title .mint-dialog__message {
	padding-top: 0
}

.mint-dialog__title {
	color: #333;
	font-size: 4.8vw;
	font-weight: 600;
	line-height: 7.73333vw;
	text-align: center
}

.mint-dialog__message {
	word-wrap: break-word;
	-webkit-overflow-scrolling: touch;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	max-height: 55vh;
	overflow-y: auto;
	padding-top: 3.2vw;
	text-align: center;
	white-space: pre-wrap
}

.mint-dialog__message--left {
	text-align: left
}

.mint-dialog__message--right {
	text-align: right
}

.mint-dialog__footer {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.mint-dialog__footer--column {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}

.mint-dialog__cancel,
.mint-dialog__confirm {
	border: 0;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	margin: 0
}

.mint-dialog__confirm,
.mint-dialog__confirm:active {
	color: #ef4034
}

.mint-dialog-bounce-enter,
.mint-dialog-bounce-enter-from {
	opacity: 0;
	-webkit-transform: translate3d(-50%, -50%, 0) scale(.7);
	transform: translate3d(-50%, -50%, 0) scale(.7)
}

.mint-dialog-bounce-leave-active {
	opacity: 0;
	-webkit-transform: translate3d(-50%, -50%, 0) scale(.9);
	transform: translate3d(-50%, -50%, 0) scale(.9)
}

.mint-dialog-contentPop {
	background: #fff;
	border-radius: 0;
	height: 100vh;
	left: 0;
	top: 0;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	width: 100vw
}

.mint-dialog-contentPop .mint-dialog__contentpop {
	padding-top: 35vw
}

.mint-dialog-contentPop .mint-dialog__content_title {
	border-bottom: 1px solid #eee;
	margin-bottom: 2.66667vw;
	padding-bottom: 30PX
}

.mint-dialog-contentPop .mint-dialog__content_close {
	background-image: url(https://caifu-h5.s3-cache-accelerate.cn-north-1.jdcloud-oss.com/gold/mint-ui/images/dialog/popClose.png);
	background-size: 100% 100%;
	bottom: 60PX;
	height: 44PX;
	left: 50%;
	margin: 0 auto;
	position: absolute;
	-webkit-transform: transLateX(-50%);
	-ms-transform: transLateX(-50%);
	transform: transLateX(-50%);
	width: 44PX
}

.cf-mint-toast {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	font-size: 3.73333vw;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	line-height: 5.33333vw;
	min-height: 22.93333vw;
	min-height: 172px;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	width: 100vw
}

.cf-mint-toast--unclickable {
	cursor: not-allowed;
	overflow: hidden
}

.cf-mint-toast--unclickable * {
	pointer-events: none
}

.cf-mint-toast--html .cf-mint-toast__message,
.cf-mint-toast--html .cf-mint-toast__message_col,
.cf-mint-toast--text .cf-mint-toast__message,
.cf-mint-toast--text .cf-mint-toast__message_col {
	border-radius: 1.33333vw;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-top: 0
}

.cf-mint-toast--html .cf-mint-toast__message_col,
.cf-mint-toast--text .cf-mint-toast__message_col {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}

.cf-mint-toast--middle {
	left: 50%;
	margin: 0 auto;
	top: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0)
}

.cf-mint-toast--top {
	top: 20%
}

.cf-mint-toast--bottom,
.cf-mint-toast--top {
	left: 50%;
	margin: 0 auto;
	-webkit-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0)
}

.cf-mint-toast--bottom {
	bottom: 20%;
	top: auto
}

.cf-mint-toast--content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0 4.26667vw;
	text-align: center
}

.cf-mint-toast--content-text {
	background: rgba(0, 0, 0, .7);
	border-radius: 5.33333vw;
	color: hsla(0, 0%, 100%, .8);
	padding: 2.66667vw 5.33333vw
}

.cf-mint-toast--content-box {
	background: rgba(0, 0, 0, .7);
	border-radius: 2.66667vw;
	color: hsla(0, 0%, 100%, .8);
	min-width: 26.66667vw;
	padding: 4vw 2.66667vw
}

.cf-mint-toast__icon {
	display: block;
	height: 4.8vw;
	margin: 2.66667vw auto;
	width: 4.8vw
}

.cf-mint-toast__icon--success {
	background-image: url(https://caifu-h5.s3-cache-accelerate.cn-north-1.jdcloud-oss.com/gold/mint-ui/images/toast/toast_success.png);
	background-size: 100% 100%
}

.cf-mint-toast__icon--fail {
	background-image: url(https://caifu-h5.s3-cache-accelerate.cn-north-1.jdcloud-oss.com/gold/mint-ui/images/toast/toast_fail.png);
	background-size: 100% 100%
}

.cf-mint-toast__icon--warn {
	background-image: url(https://caifu-h5.s3-cache-accelerate.cn-north-1.jdcloud-oss.com/gold/mint-ui/images/toast/toast_warn.png);
	background-size: 100% 100%
}

.cf-mint-toast__icon--loading {
	-webkit-animation: turnZ 1s linear infinite;
	animation: turnZ 1s linear infinite;
	background-image: url(https://caifu-h5.s3-cache-accelerate.cn-north-1.jdcloud-oss.com/gold/mint-ui/images/toast/toast_loading.png);
	background-size: 100% 100%
}

@-webkit-keyframes turnZ {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes turnZ {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

[class*=mint-hairline]:after {
	border: 0 solid #eee;
	bottom: -50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	content: " ";
	left: -50%;
	pointer-events: none;
	position: absolute;
	right: -50%;
	top: -50%;
	-webkit-transform: scale(.5);
	-ms-transform: scale(.5);
	transform: scale(.5)
}

.mint-hairline,
.mint-hairline--bottom,
.mint-hairline--left,
.mint-hairline--right,
.mint-hairline--surround,
.mint-hairline--top {
	position: relative
}

.mint-hairline--top:after {
	border-top-width: 1px
}

.mint-hairline--left:after {
	border-left-width: 1px
}

.mint-hairline--right:after {
	border-right-width: 1px
}

.mint-hairline--bottom:after {
	border-bottom-width: 1px
}

.mint-hairline--surround:after {
	border-width: 1px
}

.lc-gear-loading {
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 9999
}

.gear-loading__wrap {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background: rgba(0, 0, 0, .7);
	border-radius: 2.13333vw;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 25.33333vw;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 25.33333vw
}

.gear-loading__con {
	height: 20.26667vw;
	width: 20.26667vw
}

.gear-loading__animation {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 15.46667vw;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	width: 15.46667vw
}

.gear-loading__joy {
	height: 6.13333vw;
	position: relative;
	width: 11.73333vw
}

.gear-loading__joy--box {
	height: 15.46667vw;
	position: relative;
	width: 15.46667vw
}

.gear-loading__joy--icon {
	-webkit-animation: ani-icon .7s linear .15s infinite;
	animation: ani-icon .7s linear .15s infinite;
	height: 4vw;
	left: 50%;
	margin-left: -2vw;
	position: absolute;
	top: 3.73333vw;
	-webkit-transform-origin: center bottom;
	-ms-transform-origin: center bottom;
	transform-origin: center bottom;
	width: 4vw
}

.gear-loading__joy--icon:after {
	-webkit-animation: ani-icon2 .7s linear .15s infinite;
	animation: ani-icon2 .7s linear .15s infinite;
	background: url(https://caifu-h5.s3-cache-accelerate.cn-north-1.jdcloud-oss.com/gold/mint-ui/images/loading/img_2.png) 0 0/4vw auto no-repeat;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.gear-loading__joy--body {
	-webkit-animation: ani-body .7s linear infinite;
	animation: ani-body .7s linear infinite;
	background: url(https://caifu-h5.s3-cache-accelerate.cn-north-1.jdcloud-oss.com/gold/mint-ui/images/loading/img_1.png) 0 0/12.53333vw auto no-repeat;
	height: 6.13333vw;
	left: 50%;
	margin-left: -6.13333vw;
	position: absolute;
	top: 8vw;
	width: 12.53333vw
}

.gear-loading__joy--other {
	-webkit-animation: ani-other .7s linear infinite;
	animation: ani-other .7s linear infinite;
	position: relative
}

.gear-loading__joy--eye {
	-webkit-animation: ani-eye-l .7s linear infinite;
	animation: ani-eye-l .7s linear infinite;
	background: #4d4d4d;
	border-radius: 50%;
	height: .53333vw;
	left: 3.46667vw;
	position: absolute;
	top: 1.46667vw;
	-webkit-transform: rotate(-75deg);
	-ms-transform: rotate(-75deg);
	transform: rotate(-75deg);
	width: 1.06667vw
}

.gear-loading__joy--eye-r {
	-webkit-animation: ani-eye-r .7s linear infinite;
	animation: ani-eye-r .7s linear infinite;
	left: auto;
	right: 3.46667vw;
	-webkit-transform: rotate(75deg);
	-ms-transform: rotate(75deg);
	transform: rotate(75deg)
}

.gear-loading__joy--nose {
	background: #4d4d4d;
	border-radius: 50%;
	height: .66667vw;
	left: 50%;
	margin-left: -.93333vw;
	position: absolute;
	top: 2.13333vw;
	-webkit-transform: scale(1.1, .9);
	-ms-transform: scale(1.1, .9);
	transform: scale(1.1, .9);
	width: 1.86667vw
}

.gear-loading__joy--mouth {
	background: url(https://caifu-h5.s3-cache-accelerate.cn-north-1.jdcloud-oss.com/gold/mint-ui/images/loading/img_0.png) 0 0/4.53333vw auto no-repeat;
	height: 1.33333vw;
	left: 50%;
	margin-left: -2.26667vw;
	position: absolute;
	top: 2.93333vw;
	width: 4.53333vw
}

.gear-loading__text {
	background: none;
	border: none;
	color: var(--gear-loading-color);
	color: #fff;
	font-size: var(--gear-loading-font-size);
	font-size: 2.66667vw;
	line-height: 4.53333vw;
	margin-top: .53333vw
}

@-webkit-keyframes ani-body {

	0%,
	10%,
	50%,
	to {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	30% {
		-webkit-transform: translateY(-4px);
		transform: translateY(-4px)
	}
}

@keyframes ani-body {

	0%,
	10%,
	50%,
	to {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	30% {
		-webkit-transform: translateY(-4px);
		transform: translateY(-4px)
	}
}

@-webkit-keyframes ani-other {

	0%,
	60%,
	to {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	35% {
		-webkit-transform: translateY(-4px);
		transform: translateY(-4px)
	}
}

@keyframes ani-other {

	0%,
	60%,
	to {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	35% {
		-webkit-transform: translateY(-4px);
		transform: translateY(-4px)
	}
}

@-webkit-keyframes ani-eye-l {

	0%,
	70%,
	to {
		-webkit-transform: rotate(-75deg) scaleY(1.2);
		transform: rotate(-75deg) scaleY(1.2)
	}

	30% {
		-webkit-transform: rotate(-75deg) scale(.7, 1.2);
		transform: rotate(-75deg) scale(.7, 1.2)
	}
}

@keyframes ani-eye-l {

	0%,
	70%,
	to {
		-webkit-transform: rotate(-75deg) scaleY(1.2);
		transform: rotate(-75deg) scaleY(1.2)
	}

	30% {
		-webkit-transform: rotate(-75deg) scale(.7, 1.2);
		transform: rotate(-75deg) scale(.7, 1.2)
	}
}

@-webkit-keyframes ani-eye-r {

	0%,
	70%,
	to {
		-webkit-transform: rotate(75deg) scaleY(1.2);
		transform: rotate(75deg) scaleY(1.2)
	}

	30% {
		-webkit-transform: rotate(75deg) scale(.7, 1.2);
		transform: rotate(75deg) scale(.7, 1.2)
	}
}

@keyframes ani-eye-r {

	0%,
	70%,
	to {
		-webkit-transform: rotate(75deg) scaleY(1.2);
		transform: rotate(75deg) scaleY(1.2)
	}

	30% {
		-webkit-transform: rotate(75deg) scale(.7, 1.2);
		transform: rotate(75deg) scale(.7, 1.2)
	}
}

@-webkit-keyframes ani-icon {
	0% {
		-webkit-animation-timing-function: ease;
		animation-timing-function: ease;
		-webkit-transform: scale(1) translateY(0);
		transform: scale(1) translateY(0)
	}

	15% {
		-webkit-transform: scale(1.1, .9) translateY(0);
		transform: scale(1.1, .9) translateY(0)
	}

	30% {
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
		-webkit-transform: scale(.9, 1.1) translateY(-11px);
		transform: scale(.9, 1.1) translateY(-11px)
	}

	65% {
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		-webkit-transform: scale(1.05, .95) translateY(-22px);
		transform: scale(1.05, .95) translateY(-22px)
	}

	to {
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
		-webkit-transform: scale(1) translateY(0);
		transform: scale(1) translateY(0)
	}
}

@keyframes ani-icon {
	0% {
		-webkit-animation-timing-function: ease;
		animation-timing-function: ease;
		-webkit-transform: scale(1) translateY(0);
		transform: scale(1) translateY(0)
	}

	15% {
		-webkit-transform: scale(1.1, .9) translateY(0);
		transform: scale(1.1, .9) translateY(0)
	}

	30% {
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
		-webkit-transform: scale(.9, 1.1) translateY(-11px);
		transform: scale(.9, 1.1) translateY(-11px)
	}

	65% {
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		-webkit-transform: scale(1.05, .95) translateY(-22px);
		transform: scale(1.05, .95) translateY(-22px)
	}

	to {
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
		-webkit-transform: scale(1) translateY(0);
		transform: scale(1) translateY(0)
	}
}

@-webkit-keyframes ani-icon2 {

	0%,
	10% {
		-webkit-transform: rotateY(0deg);
		transform: rotateY(0deg)
	}

	to {
		-webkit-transform: rotateY(180deg);
		transform: rotateY(180deg)
	}
}

@keyframes ani-icon2 {

	0%,
	10% {
		-webkit-transform: rotateY(0deg);
		transform: rotateY(0deg)
	}

	to {
		-webkit-transform: rotateY(180deg);
		transform: rotateY(180deg)
	}
}

:root {
	--g-slide-load-font-size: 3.2vw;
	--g-slide-load-color: #999
}

.gear-slide-load__animate {
	height: 5.33333vw;
	margin-right: 1.6vw;
	position: relative;
	width: 5.33333vw
}

.gear-slide-load__animate--top {
	-webkit-animation: ring 1s linear infinite;
	animation: ring 1s linear infinite;
	background: url(https://caifu-h5.s3-cache-accelerate.cn-north-1.jdcloud-oss.com/gold/mint-ui/images/loading/img_4.png) no-repeat 0 0/contain;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2
}

.gear-slide-load__animate--bottom {
	background: url(https://caifu-h5.s3-cache-accelerate.cn-north-1.jdcloud-oss.com/gold/mint-ui/images/loading/img_3.png) no-repeat 50%/contain;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	-webkit-transform: scale(.6);
	-ms-transform: scale(.6);
	transform: scale(.6);
	width: 100%;
	z-index: 1
}

.gear-slide-load__foot {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	color: var(--g-slide-load-color);
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 13.33333vw;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

.gear-slide-load__text {
	font-size: var(--g-slide-load-font-size)
}

.gear-slide-load__edge {
	height: 0;
	pointer-events: none
}

@-webkit-keyframes ring {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes ring {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

.tile-input-box .underline-tile.bb {
	border-bottom-color: #ef4034 !important
}

.action .sms-code-action-right .timing.resend {
	color: #ef4034 !important
}

.jr-aks-sec-keyboard .pct101 li .ensure {
	background-color: #ef4034 !important
}

.mint-action {
	background-color: #fff;
	border-radius: 2.13333vw 2.13333vw 0 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	max-height: 80%
}

.mint-action--header {
	padding: 5.33333vw 0;
	position: relative
}

.mint-action--header-subtitle {
	padding-bottom: 3.73333vw
}

.mint-action--header svg {
	height: 1em;
	width: 1em
}

.mint-action--title {
	color: #333;
	font-size: 5.33333vw;
	font-weight: 500;
	line-height: 7.46667vw;
	text-align: center
}

.mint-action--subtitle {
	color: #999;
	font-size: 3.2vw;
	font-weight: 500;
	line-height: 4.4vw;
	padding-top: 1.06667vw;
	text-align: center
}

.mint-action--close {
	color: #999;
	font-size: 3.73333vw;
	position: absolute;
	right: 4vw;
	top: 7.33333vw
}

.mint-action--content {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	overflow-y: scroll
}

.mint-cascader {
	background-color: #fff;
	color: #333;
	font-size: 3.73333vw;
	max-width: 104.53333vw
}

.mint-cascader--header {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 14.93333vw;
	overflow: hidden;
	padding: 0 1.6vw
}

.mint-cascader--header>div {
	line-height: 14.93333vw;
	min-width: 12vw;
	overflow: hidden;
	padding: 0 3.2vw;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap
}

.mint-cascader--header>div.active {
	position: relative
}

.mint-cascader--header>div.active:after {
	background-color: #ef4034;
	content: "";
	display: block;
	height: .8vw;
	left: calc(50% - 2.66667vw);
	position: absolute;
	top: 11.2vw;
	width: 5.33333vw
}

.mint-cascader--body {
	overflow-y: scroll
}

.mint-cascader--item {
	height: 14.93333vw;
	line-height: 14.93333vw;
	padding: 0 4.26667vw
}

.mint-cascader--item.disabled {
	color: #ddd;
	pointer-events: none
}

.mint-cascader--item.active {
	color: #ef4034
}

@-webkit-keyframes focus {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@keyframes focus {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

.mint-amount {
	color: #333;
	font-family: PingFangSC;
	padding: 0 3.2vw 0 5.46667vw
}

.mint-amount--wrap {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 21.2vw;
	line-height: 21.2vw
}

.mint-amount--symbol {
	background: url(https://caifu-h5.s3-cache-accelerate.cn-north-1.jdcloud-oss.com/gold/mint-ui/images/amount/amount_symbol.png) 50% no-repeat;
	background-size: 3.2vw 5.06667vw;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	font-size: 4.66667vw;
	height: 5.06667vw;
	margin-right: 2.4vw;
	width: 3.2vw
}

.mint-amount--input {
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	height: 21.2vw;
	overflow: hidden;
	position: relative
}

.mint-amount--input__unit {
	background-color: #ddd;
	border-radius: .4vw;
	display: block;
	height: 3.6vw;
	left: 5.6vw;
	line-height: 3.6vw;
	padding: 0 .8vw;
	position: absolute;
	top: 1.86667vw
}

.mint-amount--input__unit:before {
	background-color: #ddd;
	content: "";
	display: block;
	height: 5.2vw;
	left: -.8vw;
	position: absolute;
	-webkit-transform: scaleX(.5);
	-ms-transform: scaleX(.5);
	transform: scaleX(.5);
	width: 1px
}

.mint-amount--input__unit p {
	color: #fff;
	font-family: PingFangSC-Regular;
	font-size: 2.66667vw;
	line-height: 3.6vw
}

.mint-amount--input__value {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	font-family: UDC-1\.04-Mediun;
	font-size: 9.6vw;
	position: relative
}

.mint-amount--input__value.focus-pointer:after {
	-webkit-animation: focus .8s infinite forwards;
	animation: focus .8s infinite forwards;
	border-right: 1px solid #000;
	content: "";
	display: block;
	height: 9.6vw;
	margin-top: -.53333vw;
	opacity: 1
}

.mint-amount--input__value.focus-pointer:empty:after {
	position: absolute
}

.mint-amount--input__value:empty:before {
	color: #ccc;
	content: attr(placeholder);
	font-size: 6.93333vw;
	font-weight: 500;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all
}

.mint-amount--clear {
	background: url(https://caifu-h5.s3-cache-accelerate.cn-north-1.jdcloud-oss.com/gold/mint-ui/images/clear.png) 50% no-repeat;
	background-size: 4vw;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	height: 4vw;
	margin-left: 4.26667vw;
	width: 4vw
}

.joy-box {
	height: 9.6vw;
	margin: 0 auto;
	position: relative;
	-webkit-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	width: 10.66667vw
}

.joy-box .joy-body {
	background: url(https://caifu-h5.s3-cache-accelerate.cn-north-1.jdcloud-oss.com/gold/mint-ui/images/joy/img_0.png) 0 0/10.66667vw auto no-repeat;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 3
}

.joy-box .joy-hand {
	background: url(https://caifu-h5.s3-cache-accelerate.cn-north-1.jdcloud-oss.com/gold/mint-ui/images/joy/img_4.png) 0 0/2.93333vw auto no-repeat;
	bottom: 3.2vw;
	right: 1.86667vw;
	-webkit-transform: rotate(25deg);
	-ms-transform: rotate(25deg);
	transform: rotate(25deg);
	-webkit-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	transform-origin: 0 100%;
	z-index: 2
}

.joy-box .joy-hand,
.joy-box .joy-hand span {
	height: 2.66667vw;
	position: absolute;
	width: 2.93333vw
}

.joy-box .joy-hand span {
	background: url(https://caifu-h5.s3-cache-accelerate.cn-north-1.jdcloud-oss.com/gold/mint-ui/images/joy/img_3.png) 0 0/2.93333vw auto no-repeat;
	left: 0;
	top: 0
}

.joy-box .joy-bottom {
	background: #bd1a0f;
	border-radius: 50%;
	bottom: 2.93333vw;
	height: 1.33333vw;
	left: 2px;
	position: absolute;
	width: 10.4vw;
	z-index: 1
}

.joy-box .joy-ears-left {
	background: url(https://caifu-h5.s3-cache-accelerate.cn-north-1.jdcloud-oss.com/gold/mint-ui/images/joy/img_2.png) 0 0/10.66667vw auto no-repeat;
	-webkit-transform-origin: 2.66667vw 1.33333vw;
	-ms-transform-origin: 2.66667vw 1.33333vw;
	transform-origin: 2.66667vw 1.33333vw
}

.joy-box .joy-ears-left,
.joy-box .joy-ears-right {
	height: 9.6vw;
	position: absolute;
	width: 10.66667vw;
	z-index: 1
}

.joy-box .joy-ears-right {
	background: url(https://caifu-h5.s3-cache-accelerate.cn-north-1.jdcloud-oss.com/gold/mint-ui/images/joy/img_1.png) 0 0/10.66667vw auto no-repeat;
	-webkit-transform-origin: 8vw 1.33333vw;
	-ms-transform-origin: 8vw 1.33333vw;
	transform-origin: 8vw 1.33333vw
}

.joy-box .joy-icon {
	height: 9.6vw;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	-webkit-transform: translateY(-10.66667vw);
	-ms-transform: translateY(-10.66667vw);
	transform: translateY(-10.66667vw);
	width: 11.73333vw
}

.joy-box .joy-icon span {
	background: url(https://caifu-h5.s3-cache-accelerate.cn-north-1.jdcloud-oss.com/gold/mint-ui/images/joy/img_5.png) 0 0/5.86667vw auto no-repeat;
	display: block;
	height: 100%;
	-webkit-transform: scale(.3);
	-ms-transform: scale(.3);
	transform: scale(.3);
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0
}

.joy-box .joy-icon.s1 {
	left: 1.06667vw
}

.joy-box .joy-icon.s2 {
	-webkit-animation-delay: .4s !important;
	animation-delay: .4s !important;
	left: 4vw
}

.joy-box .joy-icon.s2 span {
	-webkit-transform: scale(.4);
	-ms-transform: scale(.4);
	transform: scale(.4)
}

.joy-box .joy-icon.s3 {
	-webkit-animation-delay: .2s !important;
	animation-delay: .2s !important;
	left: 6.93333vw
}

.joy-box .joy-icon.s3 span {
	-webkit-transform: scale(.35);
	-ms-transform: scale(.35);
	transform: scale(.35)
}

.joy-box.ani-start .joy-hand {
	-webkit-animation: hand 1s ease-in-out infinite;
	animation: hand 1s ease-in-out infinite
}

.joy-box.ani-start .joy-hand span {
	-webkit-animation: hand2 1s linear infinite;
	animation: hand2 1s linear infinite
}

.joy-box.ani-start .joy-ears-left {
	-webkit-animation: ears 1s linear .5s infinite;
	animation: ears 1s linear .5s infinite
}

.joy-box.ani-start .joy-ears-right {
	-webkit-animation: ears2 1s linear .5s infinite;
	animation: ears2 1s linear .5s infinite
}

.joy-box.ani-start .joy-icon {
	-webkit-animation: icondown 1s linear infinite;
	animation: icondown 1s linear infinite
}

@-webkit-keyframes hand {

	0%,
	to {
		-webkit-transform: rotate(25deg);
		transform: rotate(25deg)
	}

	50% {
		-webkit-transform: rotate(12deg);
		transform: rotate(12deg)
	}
}

@keyframes hand {

	0%,
	to {
		-webkit-transform: rotate(25deg);
		transform: rotate(25deg)
	}

	50% {
		-webkit-transform: rotate(12deg);
		transform: rotate(12deg)
	}
}

@-webkit-keyframes hand2 {

	0%,
	to {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	50% {
		-webkit-transform: rotate(-20deg);
		transform: rotate(-20deg)
	}
}

@keyframes hand2 {

	0%,
	to {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	50% {
		-webkit-transform: rotate(-20deg);
		transform: rotate(-20deg)
	}
}

@-webkit-keyframes ears {

	0%,
	to {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	50% {
		-webkit-transform: rotate(11deg);
		transform: rotate(11deg)
	}
}

@keyframes ears {

	0%,
	to {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	50% {
		-webkit-transform: rotate(11deg);
		transform: rotate(11deg)
	}
}

@-webkit-keyframes ears2 {

	0%,
	to {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	50% {
		-webkit-transform: rotate(-11deg);
		transform: rotate(-11deg)
	}
}

@keyframes ears2 {

	0%,
	to {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	50% {
		-webkit-transform: rotate(-11deg);
		transform: rotate(-11deg)
	}
}

@-webkit-keyframes icondown {
	0% {
		opacity: 0
	}

	15%,
	35% {
		opacity: 1
	}

	50%,
	to {
		opacity: 0;
		-webkit-transform: translateY(25px);
		transform: translateY(25px)
	}
}

@keyframes icondown {
	0% {
		opacity: 0
	}

	15%,
	35% {
		opacity: 1
	}

	50%,
	to {
		opacity: 0;
		-webkit-transform: translateY(25px);
		transform: translateY(25px)
	}
}

.mint-pull-refresh {
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.mint-pull-refresh__wrap {
	height: 100%;
	position: relative
}

.mint-pull-refresh__wrap.transition {
	-webkit-transition: -webkit-transform .3s linear;
	transition: -webkit-transform .3s linear;
	-o-transition: transform .3s linear;
	transition: transform .3s linear;
	transition: transform .3s linear, -webkit-transform .3s linear
}

.mint-pull-refresh__head {
	left: 0;
	overflow: hidden;
	position: absolute;
	top: -1.33333vw;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	width: 100%
}

.mint-pull-refresh__head--top {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 14.66667vw;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	-webkit-transform-origin: center bottom;
	-ms-transform-origin: center bottom;
	transform-origin: center bottom;
	width: 14.93333vw
}

.mint-pull-refresh__head--txt {
	color: #666;
	font-size: 3.2vw;
	text-align: center
}

.mintUI-select-date-scroller dl {
	margin-top: 45PX;
	width: 100%
}

.mintUI-select-date-scroller dl dd.focus {
	color: #e22319;
	font-size: 18PX
}

.mintUI-select-date-scroller dd {
	font-family: PingFangSC-Regular;
	height: 45PX;
	line-height: 45PX;
	width: 100%
}

.mintUI-select-date-scroller-n dl {
	margin-top: 98PX;
	padding-bottom: 400PX;
	width: 100%
}

.mintUI-center {
	text-align: center
}

.mintUI-select-date-scroller-n dl dd.focus {
	color: #e22319;
	font-size: 18PX;
	font-weight: 700
}

.mintUI-select-date-scroller-n dd {
	color: #999;
	font-family: PingFangSC-Medium;
	height: 49PX;
	line-height: 49PX;
	width: 100%
}

.dates-selecter-box {
	height: 100%;
	width: 100%
}

.dates-selecter-box,
.mintUI-date-mask {
	left: 0;
	position: fixed;
	top: 0;
	z-index: 999
}

.mintUI-date-mask {
	background: rgba(0, 0, 0, .5);
	bottom: 0;
	right: 0
}

.mintUI-dateselecter {
	background: #fff;
	border-top-left-radius: 8PX;
	border-top-right-radius: 8PX;
	bottom: 0;
	left: 0;
	padding-bottom: env(safe-area-inset-bottom);
	position: absolute;
	width: 100%;
	z-index: 1000
}

.mintUI-select-value {
	height: 49PX;
	margin: 0 10PX
}

.mintUI-select-value:before {
	border-top: 1px solid #eee;
	top: 0;
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top
}

.mintUI-select-value:after,
.mintUI-select-value:before {
	content: " ";
	display: block;
	left: 0;
	position: absolute;
	right: 0;
	z-index: 0
}

.mintUI-select-value:after {
	border-bottom: 1px solid #eee;
	bottom: 0;
	-webkit-transform-origin: bottom;
	-ms-transform-origin: bottom;
	transform-origin: bottom
}

.mintUI-dateselecter-title {
	color: #333;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	font-family: PingFangSC-Medium;
	font-size: 18PX;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	line-height: 20PX;
	padding: 20PX 16PX;
	text-align: center
}

.mintUI-dateselecter-title span {
	color: #666;
	display: block;
	min-width: 40PX
}

.mintUI-dateselecter-title .cancel {
	float: left;
	text-align: left
}

.mintUI-dateselecter-title .confirm {
	color: #e22319;
	float: right;
	text-align: right
}

.mintUI-select-date {
	bottom: 0;
	font-size: 16PX;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 1000
}

.mintUI-select-date:after {
	background-color: transparent;
	bottom: 0;
	content: "";
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	-webkit-transition: background-color .3s cubic-bezier(.4, 0, .2, 1);
	-o-transition: background-color .3s cubic-bezier(.4, 0, .2, 1);
	transition: background-color .3s cubic-bezier(.4, 0, .2, 1);
	z-index: 100
}

.mintUI-select-date.mintUI-select-date-in:after {
	background-color: rgba(0, 0, 0, .6)
}

.mintUI-select-date.mintUI-select-date-in .mintUI-select-date-con {
	opacity: 1;
	-webkit-transform: translate3d(-50%, -50%, 0) scale(1);
	transform: translate3d(-50%, -50%, 0) scale(1)
}

.mintUI-select-date.mintUI-select-date-in .mintUI-select-date-con-n {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.mintUI-select-date-con {
	height: 206PX;
	left: 50%;
	opacity: 0;
	position: absolute;
	top: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0) scale(1.185);
	transform: translate3d(-50%, -50%, 0) scale(1.185);
	-webkit-transition: all .3s cubic-bezier(.4, 0, .2, 1);
	-o-transition: all .3s cubic-bezier(.4, 0, .2, 1);
	transition: all .3s cubic-bezier(.4, 0, .2, 1);
	width: 280PX;
	z-index: 1000
}

.mintUI-select-date-scroller,
.mintUI-select-date-scrollerbox {
	height: 156PX;
	overflow: hidden;
	position: relative;
	width: 100%
}

.mintUI-select-date-scrollerbox .mintUI-select-value {
	left: 0;
	position: absolute;
	top: 125PX;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
	width: 100%
}

.mintUI-select-date-scroller div {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float: left;
	height: 100%;
	padding: 10PX 0;
	position: relative;
	text-align: center;
	width: 33.33333333%;
	z-index: 100
}

.mintUI-select-date-con-n {
	bottom: 0;
	left: 0;
	opacity: 0;
	position: absolute;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	-webkit-transition: all .3s cubic-bezier(.4, 0, .2, 1);
	-o-transition: all .3s cubic-bezier(.4, 0, .2, 1);
	transition: all .3s cubic-bezier(.4, 0, .2, 1);
	width: 100%;
	z-index: 1000
}

.mintUI-select-date-scroller-n,
.mintUI-select-date-scrollerbox-n {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 244PX;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	overflow: hidden;
	position: relative;
	width: 100%
}

.hour-box {
	position: relative
}

.hour-box:after {
	color: #e22319;
	content: ":";
	line-height: 18PX;
	position: absolute;
	right: 0;
	top: 115PX
}

.mintUI-select-date-scrollerbox-n {
	-webkit-mask: -webkit-gradient(linear, 0 55%, 0 0, from(#fff), to(hsla(0, 0%, 100%, 0)))
}

.mintUI-select-date-scrollerbox-n .mintUI-select-value {
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 123PX;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
	width: 100%;
	z-index: -1
}

.mintUI-select-date-scroller-n {
	-webkit-mask: -webkit-gradient(linear, 0 55%, 0 100%, from(#fff), to(hsla(0, 0%, 100%, 0)))
}

.mintUI-select-date-scroller-n div {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;
	position: relative;
	text-align: center;
	width: 33.33333333%;
	z-index: 100
}

.fade-dates-selecter-enter-active {
	-webkit-animation-name: fadelogIn;
	animation-name: fadelogIn;
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease
}

.fade-dates-selecter-enter-active,
.fade-dates-selecter-leave-active {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-duration: .3s;
	animation-duration: .3s
}

.fade-dates-selecter-leave-active {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease
}

.fade-dates-selecter-bg-enter-active {
	-webkit-animation: mintUI-dialogBgIn .3s ease 0s both;
	animation: mintUI-dialogBgIn .3s ease 0s both
}

.fade-dates-selecter-bg-leave-active {
	-webkit-animation: mintUI-dialogBgOut .3s ease 0s both;
	animation: mintUI-dialogBgOut .3s ease 0s both
}

.mintUI-selecter-box {
	bottom: 0;
	left: 0;
	position: fixed;
	width: 100%;
	z-index: 1000
}

.mintUI-selecter-box .selectBox {
	background: #fff;
	border-radius: 2.66667vw 2.66667vw 0 0;
	bottom: 0;
	left: 0;
	position: absolute;
	width: 100%
}

.mintUI-selecter-box .selectBox .selecter-title {
	height: 60PX
}

.mintUI-selecter-box .selectBox .selecter-title span {
	color: #666;
	display: inline-block;
	font-family: PingFangSC-Medium;
	font-size: 16PX;
	padding: 19PX 16PX 18PX
}

.mintUI-selecter-box .selectBox .selecter-title .cancel {
	float: left
}

.mintUI-selecter-box .selectBox .selecter-title .confirm {
	color: #e22319;
	float: right
}

.mintUI-selecter-box .dateselecter-title {
	height: 16vw
}

.mintUI-selecter-box .dateselecter-title span {
	color: #666;
	display: inline-block;
	font-family: PingFangSC-Medium;
	font-size: 4.26667vw;
	padding: 5.06667vw 4.26667vw 4.8vw
}

.mintUI-selecter-box .dateselecter-title .cancel {
	float: left
}

.mintUI-selecter-box .dateselecter-title .confirm {
	color: #e22319;
	float: right
}

.mintUI-selecter-box .selecter {
	text-align: center
}

.mintUI-selecter-box .select-date-con-n {
	bottom: 0;
	left: 0;
	opacity: 0;
	position: absolute;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	-webkit-transition: all .3s cubic-bezier(.4, 0, .2, 1);
	-o-transition: all .3s cubic-bezier(.4, 0, .2, 1);
	transition: all .3s cubic-bezier(.4, 0, .2, 1);
	width: 100%;
	z-index: 1000
}

.mintUI-selecter-box .select-date-scroller-n,
.mintUI-selecter-box .select-date-scrollerbox-n {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 67.73333vw;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	overflow: hidden;
	position: relative;
	width: 100%
}

.mintUI-selecter-box .hour-box {
	position: relative
}

.mintUI-selecter-box .hour-box:after {
	color: #e22319;
	content: ":";
	position: absolute;
	right: 0;
	top: 31.2vw
}

.mintUI-selecter-box .select-date-scrollerbox-n {
	-webkit-mask: -webkit-gradient(linear, 0 55%, 0 0, from(#fff), to(hsla(0, 0%, 100%, 0)))
}

.mintUI-selecter-box .select-date-scrollerbox-n .select-value {
	left: 0;
	position: absolute;
	top: 33.33333vw;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
	width: 100%;
	z-index: -1
}

.mintUI-selecter-box .select-date-scroller-n {
	-webkit-mask: -webkit-gradient(linear, 0 55%, 0 100%, from(#fff), to(hsla(0, 0%, 100%, 0)))
}

.mintUI-selecter-box .mintUI-select-date-scrollerbox-n .mintUI-select-value {
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 123PX;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
	width: 100%;
	z-index: -1
}

.mintUI-selecter-box .select-date-scroller-n div {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;
	position: relative;
	text-align: center;
	width: 33.33333333%;
	z-index: 100
}

.mintUI-selecter-box .fade-selecter-enter-active {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-duration: .3s;
	animation-duration: .3s;
	-webkit-animation-name: fadelogIn;
	animation-name: fadelogIn;
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease
}

.mintUI-bg-selecter {
	background: rgba(0, 0, 0, .5);
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%
}

@-webkit-keyframes fadelogIn {
	0% {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

	to {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadelogIn {
	0% {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

	to {
		-webkit-transform: none;
		transform: none
	}
}

.fade-selecter-leave-active {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-duration: .3s;
	animation-duration: .3s;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease
}

@-webkit-keyframes fadeInDown {
	0% {
		-webkit-transform: none;
		transform: none
	}

	to {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}

@keyframes fadeInDown {
	0% {
		-webkit-transform: none;
		transform: none
	}

	to {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}

.fade-selecter-bg-enter-active {
	-webkit-animation: gear-dialogBgIn .3s ease 0s both;
	animation: gear-dialogBgIn .3s ease 0s both
}

.fade-selecter-bg-leave-active {
	-webkit-animation: gear-dialogBgOut .3s ease 0s both;
	animation: gear-dialogBgOut .3s ease 0s both
}

.mintUI-empty .mintUI-empty-img {
	display: block;
	height: 42.66667vw;
	margin: 0 auto;
	width: 42.66667vw
}

.mintUI-empty .mint-empty-default,
.mintUI-empty .mintUI-empty-img {
	background: url(https://caifu-h5.s3-cache-accelerate.cn-north-1.jdcloud-oss.com/gold/mint-ui/images/empty/default.png) no-repeat;
	background-size: 42.66667vw 42.66667vw
}

.mintUI-empty .mint-empty-network {
	background: url(https://caifu-h5.s3-cache-accelerate.cn-north-1.jdcloud-oss.com/gold/mint-ui/images/empty/network.png) no-repeat;
	background-size: 42.66667vw 42.66667vw
}

.mintUI-empty .mint-empty-noCoupon {
	background: url(https://caifu-h5.s3-cache-accelerate.cn-north-1.jdcloud-oss.com/gold/mint-ui/images/empty/noCoupon.png) no-repeat;
	background-size: 42.66667vw 42.66667vw
}

.mintUI-empty .mint-empty-noGoods {
	background: url(https://caifu-h5.s3-cache-accelerate.cn-north-1.jdcloud-oss.com/gold/mint-ui/images/empty/noGoods.png) no-repeat;
	background-size: 42.66667vw 42.66667vw
}

.mintUI-empty .mint-empty-activityEnd {
	background: url(https://caifu-h5.s3-cache-accelerate.cn-north-1.jdcloud-oss.com/gold/mint-ui/images/empty/activityEnd.png) no-repeat;
	background-size: 42.66667vw 42.66667vw
}

.mintUI-empty .mintUI-empty-text {
	color: #999;
	font-size: 3.2vw;
	line-height: 5.33333vw;
	padding-top: 2.66667vw;
	text-align: center
}

.mint-safe-area-top {
	padding-top: env(safe-area-inset-top)
}

.mint-safe-area-bottom {
	padding-bottom: env(safe-area-inset-bottom)
}