@font-face {
	font-family: 'MyWebFont';
	src: url('https://static.xunishijie.com/account/css/font.otf');
}

@-webkit-keyframes faceIn {
	0% {
		opacity: 0;
		margin-top: .32rem
	}

	to {
		opacity: 1;
		margin-top: 0
	}
}

@keyframes faceIn {
	0% {
		opacity: 0;
		margin-top: .32rem
	}

	to {
		opacity: 1;
		margin-top: 0
	}
}

@-webkit-keyframes faceOut {
	0% {
		opacity: 1;
		margin-top: 0
	}

	to {
		opacity: 0;
		margin-top: -.32rem
	}
}

@keyframes faceOut {
	0% {
		opacity: 1;
		margin-top: 0
	}

	to {
		opacity: 0;
		margin-top: -.32rem
	}
}

body,html {
	font-family: MyWebFont,PingFangSC-Regular,PingFang SC;
	width: 100%;
	height: 100%
}

a,b,body,button,canvas,code,dd,div,dl,dt,em,form,h1,h2,h3,h4,html,i,iframe,img,li,ol,option,p,pre,select,span,strong,table,tbody,thead,ul,video,xmp {
	margin: 0;
	padding: 0;
	word-break: break-all;
	word-wrap: break-word;
	outline: 0
}

strong {
	font-weight: bold;
}

input,textarea {
	margin: 0;
	padding: 0;
	word-break: break-all;
	word-wrap: break-word;
	font-family: MyWebFont,PingFangSC-Regular,PingFang SC;
}

audio,dd,dl,dt,img,ol,p,ul,video {
	display: block;
	border: 0
}

a {
	color: inherit
}

a,a:hover {
	text-decoration: none
}

a,b {
	-webkit-user-select: none;
	user-select: none
}

li {
	display: block;
	list-style: none
}

textarea {
	resize: none;
	font-family: PingFangSC-Regular,PingFang SC
}

input,textarea {
	outline: 0
}

input:-webkit-autofill,select:-webkit-autofill,textarea:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #fff inset!important
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
	color: #cdcdcd;
	font-weight: 400
}

input[disabled] {
	background: rgba(184,184,184,.5);
	color: #9a9a9a
}

.clear {
	*height: 1%
}

.clear:after {
	content: ".";
	display: block;
	width: 0;
	height: 0;
	line-height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden
}

.hide {
	display: none!important
}

.show {
	display: block!important
}

.icon,.null {
	display: block;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	text-indent: -999px
}

.icon {
	background-repeat: no-repeat;
	background-size: 100% 100%
}

.u-remind {
	position: fixed;
	top: 50%;
	transform: translateY(-50%);
	left: 50%;
	width: 0;
	height: 0;
	display: none;
	z-index: 900
}

.u-remind .item {
	-webkit-transform: translate(-50%);
	transform: translate(-50%);
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	box-sizing: border-box;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	flex-wrap: wrap;
	padding: 0.31rem 0.2rem;
	border-radius: .16rem;
	width: 6rem;
	line-height: .34rem;
	margin: 0 auto .1rem;
	opacity: 0.7;
	color: #fff;
	text-align: center;
	font-size: .3rem;
	-webkit-animation: faceIn .5s 1 forwards;
	animation: faceIn .5s 1 forwards
}

.u-remind .item.success {
	background: #36be83
}

.u-remind .item.error {
	background: rgba(0, 0, 0, 0.8);
}

.u-remind .item.clearup {
	-webkit-animation: faceOut .5s 1 forwards;
	animation: faceOut .5s 1 forwards
}

.u-btn,.u-remind.show {
	display: block
}

.u-btn {
	height: .96rem;
	line-height: .96rem;
	text-align: center;
	border-radius: .96rem;
	font-size: .32rem;
	background: linear-gradient(90deg, #FF4D69 0%, #F92C19 100%);
	color: #fff;
}

.u-btn.disabled {
	background: #ff8f90!important;
	color: #fff!important;
	-webkit-box-shadow: none;
	box-shadow: none
}

.u-popup {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	z-index: 800;
	-webkit-transition: opacity .5s;
	transition: opacity .5s
}

.u-popup.show {
	display: block
}

.u-popup .theme {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.u-popup .confirm-theme {
    width: 5.6rem;
    background: #fff;
    border-radius: .2rem;
    overflow: hidden
}

.u-popup .confirm-theme .content-panel {
    padding: .4rem 0 0;
    margin: 0 0 .6rem;
    color: #333;
    line-height: .36rem;
    text-align: center
}

.u-popup .confirm-theme .content-panel dt {
    font-size: .34rem;
    margin: 0 0 .3rem
}

.u-popup .confirm-theme .content-panel dd {
    font-size: .32rem;
	font-weight: bold;
}

.u-popup .confirm-theme.custom-theme .content-panel {
	text-align: left;
	padding-left: 0.46rem;
	padding-right: 0.46rem;
}

.u-popup .confirm-theme.custom-theme .content-panel dt {
	font-size: 0.34rem;
	font-weight: bold;
	color: #333333;
	margin-bottom: 0.3rem;
	text-align: center;
}

.u-popup .confirm-theme.custom-theme .content-panel dd {
	font-size: 0.32rem;
	text-align: left;
	color: #333333;
	font-weight: normal;
}

.u-popup .confirm-theme .confirm-panel {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    border-top: 1px solid #f1f1f1
}

.u-popup .confirm-theme .confirm-panel .u-btn {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    border-radius: 0 !important;
    background: #fff !important;
    border: 0
}

.u-popup .confirm-theme .confirm-panel .u-btn:first-child {
    color: #999 !important
}

.u-popup .confirm-theme .confirm-panel .u-btn:last-child {
    border-left: 1px solid #f1f1f1 !important;
    color: #003AFF !important
}

.u-popup .btm-confirm-theme {
	width: 100%;
	left: 0;
	top: auto;
	bottom: 0;
	-webkit-transform: translate(0);
	transform: translate(0)
}

.u-popup .btm-confirm-theme .cancel-panel,.u-popup .btm-confirm-theme .content-panel {
	background: #fff;
	border-radius: .1rem;
	margin: 0 .2rem .2rem
}

.u-popup .btm-confirm-theme .content-panel p {
	color: #333;
	line-height: .36rem;
	text-align: center;
	font-size: .32rem;
	padding: .4rem 0;
	border-bottom: 1px solid #f1f1f1
}

.u-popup .btm-confirm-theme .content-panel .u-btn {
	background: #fff;
	color: #003aff
}

.u-popup .btm-confirm-theme .cancel-panel .u-btn {
	background: #fff;
	color: #666
}

.u-success-popup,.u-warn-popup {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
	width: 5.6rem;
	padding: .5rem 0;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	background: #fff;
	border-radius: .2rem
}

.u-success-popup .icon,.u-warn-popup .icon {
	width: .7rem;
	height: .7rem;
	background-image: url(../image/success.png);
	margin: 0 0 .4rem
}

.u-warn-popup .icon {
	background-image: url(../image/warn.png)
}

.popup-dl dt,.u-success-popup div,.u-warn-popup div {
	font-size: .34rem;
	line-height: .34rem;
	color: #333;
	font-weight: 700
}

.popup-dl,.u-success-popup div,.u-warn-popup div {
	text-align: center
}

.popup-dl dt {
	margin: 0 0 .3rem
}

.popup-dl dd {
	font-size: .3rem;
	color: #666;
	line-height: .42rem
}

.logo {
	background-image: url(../image/logo.png)
}

.u-link-group {
	padding: 0 0 .2rem
}

.u-link-group .item-panel {
	position: relative;
	padding: .3rem .4rem .31rem 0;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	border-bottom: 1px solid #f3f3f3;
	display: block
}

.u-link-group .line {
	position: relative;
	margin: 0 0 0 .3rem;
	height: 0;
	border-top: 1px solid #f3f3f3
}

.u-link-group .item-panel .content,.u-link-group-icon .item-panel dl dd {
	font-size: .26rem;
	color: #999
}

.u-link-group .item-panel .content dt {
	color: #333;
	font-size: .32rem;
	font-weight: 700;
	margin: 0 0 .1rem
}

.u-link-group .item-panel .icon {
	position: absolute;
	right: 0;
	top: .3rem;
	width: .44rem;
	height: .44rem;
	background-image: url(../image/arrow-1.png)
}

.u-link-group .item-panel:last-child {
	margin-bottom: 0;
	border-bottom: 1px solid #f3f3f3
}

.u-link-group-text dt {
	color: #111;
	font-size: .4rem;
	margin: 0 0 .58rem;
	font-weight: 600
}

.u-link-group-text dd {
	padding: 0 0 .34rem;
	margin: 0 0 .34rem
}

.u-link-group-text dd a {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	line-height: .4rem;
	color: #333;
	font-size: .32rem
}

.switch-account-page .account-slider.on .track-panel .thumb-panel .sign,.u-btm-third,.u-link-group-text dd a,.u-link-group-text dd a p {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex
}

.u-link-group-text dd a p {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	margin: 0 .44rem 0 0
}

.u-link-group-text dd a .arrow {
	width: .44rem;
	height: .44rem;
	background-image: url(../image/arrow-1.png)
}

.u-btm-third {
	padding: .2rem 0 .48rem;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center
}

.u-btm-third a {
	width: .89rem;
	height: .89rem;
	margin: 0 .18rem;
	display: none
}

.u-btm-third a.qq {
	background-image: url(../image/qq.png)
}

.u-btm-third a.weibo {
	background-image: url(../image/weibo.png)
}

.u-btm-third a.wechat {
	background-image: url(../image/wechat.png)
}

.u-btm-third a.apple {
	background-image: url(../image/apple.png)
}

.u-btm-link,.u-btm-third,.u-input input {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	width: 100%
}

.u-btm-link,.u-input,.u-nav-bar {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center
}

.u-btm-link {
	padding: .2rem 0 .44rem;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	align-items: flex-end
}

.u-btm-link a {
	font-size: .28rem;
	color: #666
}

.u-btm-link .btm-inner-links {
	display: flex;
	align-items: center;
	font-size: .28rem
}

.u-btm-link .line {
	display: inline-block;
	width: 1px;
	height: .28rem;
	background: #d8d8d8;
	margin: 0 .4rem .06rem
}

.u-input,.u-nav-bar {
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center
}

.u-nav-bar {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	opacity: 0;
	height: .44rem;
	padding: .25rem 0;
	transition: opacity .1s
}

.u-nav-bar.visible {
	opacity: 1
}

.u-nav-bar.on {
	background-color: #fff;
	box-shadow: 0 0 .04rem rgba(0,0,0,.2);
	z-index: 200
}

.u-nav-bar .back-btn, .u-nav-bar .back-icon {
	position: absolute;
	left: .18rem;
	top: 50%;
	margin: -.4rem 0 0;
	width: .8rem;
	height: .8rem;
	background-image: url(../image/arrow-2.png);
	background-size: 55%;
	background-position: left center
}

.u-nav-bar .title {
	font-weight: 400;
	color: #333;
	font-size: .32rem
}

.u-tips-info dt {
	color: #333;
	font-size: .4rem;
	margin: 0 0 .26rem;
	font-weight: 700
}

.u-tips-info dd {
	color: #b8b8b8;
	font-size: .32rem;
	line-height: .4rem
}

.u-tips-info dd.warn {
	color: #f1383a;
	font-weight: 700
}

.u-input {
	height: .84rem;
	line-height: .84rem
}

.u-input input {
	background-color: transparent;
	border: 0;
	height: 100%;
	font-size: .32rem;
	font-weight: 400
}

.u-input .del {
	display: none;
	width: .42rem;
	height: .42rem;
	background-image: url(../image/del.png);
	margin: 0 0 0 .1rem
}

.u-input .eye {
	display: block;
	width: .42rem;
	height: .42rem;
	margin: 0 0 0 .4rem;
	background-image: url(../image/eye-open.png);
}

.u-input .eye.close {
	background-image: url(../image/eye-close.png);
}

.product-board {
	margin: 0 .4rem 1.17rem
}

.product-board dt {
	color: #323232;
	font-size: .28rem;
	line-height: .28rem;
	margin: 0 0 .5rem;
	font-weight: 700
}

.product-board dd {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap
}

.product-board dd .item-panel {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
	margin: 0 .34rem 0 0
}

.product-board dd .item-panel img {
	width: .7rem;
	height: .7rem;
	margin: 0 0 .17rem;
	border-radius: .7rem
}

.product-board dd .item-panel span {
	color: #b8b8b8;
	font-size: .24rem;
	line-height: .24rem;
	white-space: nowrap
}

.u-form-item {
	margin: 0 .4rem .6rem;
	position: relative;
	border-bottom: 1px solid #e9e9e9
}

.u-form-item.focus {
	border-color: #333
}

.u-form-item dt {
	color: #333;
	font-size: .32rem;
	line-height: .32rem;
	margin: 0 0 .2rem
}

.product-board dd,.product-board dd .item-panel,.u-form-item dd,.u-link-group-icon .item-panel dl {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex
}

.product-board dd .item-panel,.u-form-item dd {
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center
}

.u-form-item dd.remind {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	font-size: .26rem;
	line-height: .36rem;
	padding-top: 0.02rem;
}

.u-form-item dd .mobile-tips,.u-sms-code {
	color: #666;
	font-size: .32rem
}
.u-form-item dd {
	display: flex;
}
.u-form-item dd .area-select {
	display: flex;
	font-size: 0.32rem;
	flex-wrap: nowrap;
	font-weight: 400;
	color: #333333;
	height: 0.84rem;
	align-items: center;
}
.u-form-item dd .area-select img {
	margin-right: 0.22rem;
	margin-left: 0.1rem;
	height: 0.16rem;
	width: 0.16rem;
}
.u-form-item dd .u-input {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1
}

.u-form-item dd .u-sms-code {
	margin: 0 0 0 .2rem
}

.u-form-item.error {
	border-color: #ef6262
}

.u-form-item.error dd.remind {
	display: block;
	color: #ef6262
}

.u-sms-code {
	color: #333;
	line-height: .72rem
}

.home-page .account-security-board .item-panel .btn.not,.u-sms-code.on {
	color: #f1383a
}

.u-link-group-icon .item-panel {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	padding: 0 0 .4rem;
	border-bottom: 1px solid #f3f3f3;
	margin: 0 0 .4rem
}

.u-link-group-icon .item-panel .icon {
	width: .8rem;
	height: .8rem;
	margin: 0 .2rem 0 0
}

.u-link-group-icon .item-panel dl {
	height: 100%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.u-link-group-icon .item-panel dl dt {
	font-size: .32rem;
	font-weight: 700;
	color: #333
}

.u-link-group-icon .item-panel:last-child {
	margin: 0
}

.home-page,.page-board {
	background-size: 100% auto
}

.page-board,.page-board .page-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
	padding: .01rem 0 0;
	min-height: 100%
}

.page-board .page-content {
	background-size: 100% auto
}

.page-board,.page-board .page-content,.page-board .scroll-panel {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1
}

.page-board .scroll-panel {
	padding: 2rem 0 .01rem;
	-webkit-tap-highlight-color:transparent;
	tap-highlight-color:transparent;
}

.page-board .page-content>.title,.page-board .scroll-panel>.title {
	color: #111;
	font-size: .6rem;
	line-height: .6rem;
	margin: -.8rem 0 .7rem .4rem;
	font-weight: 700
}

.page-board .page-content>.logo,.page-board .scroll-panel>.logo {
	height: .54rem;
	margin: 0 0 1.24rem .4rem;
	background-size: auto 100%;
	background-image: url(../image/logo.png)
}

.home-page {
	background: url(../image/bg.png) #f8f8f8 no-repeat;
	padding: 0 0 .01rem
}

.home-page .user-info-board {
	overflow: hidden;
	padding: 1.74rem .4rem .81rem
}

.home-page .user-info-board .avatar-panel {
	float: right;
	width: 1.2rem;
	height: 1.2rem;
	border-radius: 1.2rem;
	background-image: url(../image/avatar.png)
}

.home-page .user-info-board .info-panel {
	float: left;
	height: 1.2rem;
	padding: .18rem 0 0
}

.home-page .user-info-board .info-panel .logo {
	width: 1.96rem;
	height: .26rem;
	margin: 0 0 .18rem
}

.home-page .user-info-board .info-panel .user-name {
	display: block;
	font-size: .48rem;
	line-height: .48rem;
	color: #323232;
	font-weight: 700
}

.home-page .account-security-board {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 .3rem .2rem
}

.home-page .account-security-board .item-panel {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
	width: 2.65rem;
	padding: .3rem;
	margin: 0 .1rem .2rem;
	background: #fff;
	border-radius: .1rem
}

.home-page .account-security-board .item-panel .icon {
	width: .4rem;
	height: .4rem;
	margin: 0 0 .28rem
}

.home-page .account-security-board .item-panel .title {
	font-size: .32rem;
	color: #323232;
	line-height: .32rem;
	margin: 0 0 .2rem
}

.home-page .account-security-board .item-panel .content {
	color: #999;
	font-size: .26rem;
	line-height: .36rem;
	height: 1.08rem;
	margin: 0 0 .1rem;
	font-family: PingFangSC-Regular,PingFang SC
}

.home-page .account-security-board .item-panel .btn {
	font-size: .24rem;
	color: #ccc
}

.home-page .account-security-board .item-panel.mobile .icon {
	background-image: url('../image/home-mobile.png')
}

.home-page .account-security-board .item-panel.id .icon {
	background-image: url(../image/id.png)
}

.home-page .account-security-board .item-panel.password .icon {
	background-image: url('../image/home-password.png')
}

.home-page .account-security-board .item-panel.email .icon {
	background-image: url(../image/email.png)
}

.home-page .account-security-board .item-panel.third .icon {
	background-image: url(../image/third.png)
}

.home-page .account-security-board .item-panel.oa .icon {
	background-image: url(../image/oa.png)
}

.home-page .login-out,.home-page .u-link-group {
	background: #fff;
	margin: 0 .4rem .4rem;
	border-radius: .1rem
}

.home-page .u-link-group .item-panel {
	border: 0;
	padding: .3rem .4rem .3rem .3rem
}

.home-page .login-out {
	margin: 0 .4rem .5rem;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #f1383a
}

.oa-page .u-tips-info {
	margin: 0 0 1.14rem .4rem
}

.oa-page .u-btn {
	margin: 0 .4rem .4rem
}

.password-page .u-tips-info {
	margin: 0 0 1.14rem .4rem
}

.password-page .u-tips-info dd,.third-page .untying-board .item-panel .text .on {
	color: #323232
}

.password-page .u-btn {
	margin: .8rem .4rem .4rem
}

.freeze-page .u-tips-info {
	margin: 0 0.14rem 1.14rem .4rem
}

.freeze-page .u-btn {
	margin: 0 .4rem .4rem
}

.unfreeze-page .u-tips-info {
	margin: 0 .4rem 1.14rem
}

.unfreeze-page .u-btn {
	margin: 0 .4rem .4rem
}

.treatment-page .u-tips-info {
	margin: 0 0 1.14rem .4rem
}

.treatment-page .u-link-group {
	margin: 0 .4rem
}

.cancellation-page .u-tips-info {
	margin: 0 .4rem .8rem
}

.cancellation-page .text-panel {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1
}

.cancellation-page .text-bold {
	margin: 0 .4rem .4rem;
	font-size: .3rem;
	font-weight: 700;
	color: #333
}

.cancellation-page .text-tips {
	color: #999;
	font-size: .32rem;
	line-height: .54rem;
	margin: 0 .4rem 3.1rem
}

.cancellation-page .text-list {
	font-size: .28rem;
	line-height: .54rem;
	margin: 0 .4rem .78rem
}

.cancellation-page .u-btn {
	margin: 0 .4rem 0rem
}

.cancellation-page .bottom-text {
	padding: 0.5rem 0rem;
	text-align: center;
	color: #acacac;
	font-size: 0.18rem;
}

.login-record-page .u-tips-info {
	margin: 0 .4rem 1.07rem
}

.login-record-page .link {
	color: #003aff;
	margin: 0 0 0 .1rem
}

.login-record-page .record-board {
	margin: 0 0 1rem .4rem;
	border-top: 1px solid #eee
}

.login-record-page .record-board dl {
	overflow: hidden;
	padding: .3rem 0;
	border-bottom: 1px solid #eee
}

.login-record-page .record-board dd,.login-record-page .record-board dt {
	float: left;
	font-size: .3rem
}

.login-record-page .record-board dt {
	width: 2.2rem;
	height: .8rem
}

.login-record-page .record-board dt span {
	display: block;
	line-height: .4rem;
	color: #999;
	font-family: PingFangSC-Regular,PingFang SC;
}

.login-record-page .record-board dd {
	margin: .1rem 0 0;
	height: .6rem;
	line-height: .6rem;
	color: #333;
	padding: 0 0 0 .6rem;
	border-left: 1px solid #eee
}

.login-record-page .record-board .load-more {
	line-height: .5rem;
	display: block;
	text-align: center;
	font-size: .14rem;
	margin: .3rem .4rem 0 0
}

.login-record-page .record-board .load-more.disabled,.register-page .user-agreement a {
	color: #999
}

.third-page .u-tips-info {
	margin: 0 0 1.14rem .4rem
}

.third-page .untying-board {
	margin: 0 .4rem
}

.third-page .untying-board .item-panel {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	margin: 0 0 .69rem
}

.third-page .untying-board .item-panel .i-icon {
	width: .83rem;
	height: .83rem;
	margin: 0 .28rem 0 0
}

.third-page .untying-board .item-panel .text {
	font-size: .32rem;
	color: #666;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1
}

.switch-account-page .account-slider .track-panel .thumb-panel dl dd,.third-page .untying-board .item-panel .tips {
	color: #999;
	font-size: .26rem
}

.third-page .untying-board .item-panel .arrow {
	width: .44rem;
	height: .44rem;
	background-image: url(../image/arrow-1.png)
}

.third-page .untying-board .item-panel.qq .i-icon {
	background-image: url(../image/qq.png)
}

.third-page .untying-board .item-panel.weibo .i-icon {
	background-image: url(../image/weibo.png)
}

.third-page .untying-board .item-panel.wechat .i-icon {
	background-image: url(../image/wechat.png)
}

.agreement-page .content .anchor li:last-child,.third-page .untying-board .item-panel:last-child {
	margin: 0;
}

.mobile-page .u-tips-info {
	margin: 0 0 1.14rem .4rem
}

.mobile-page .u-tips-info dd,.verify-mobile-page .u-tips-info dd {
	color: #323232
}

.mobile-page .u-btn {
	margin: 0 .4rem .4rem
}

.safety-page .page-content {
	padding: 2.4rem 0 0
}

.safety-page .scroll-panel {
	padding: 0
}

.safety-page .scroll-panel .title {
	margin-top: 0
}

.safety-page .u-link-group {
	margin: 0 .4rem
}

.recover-password-page .u-tips-info {
	margin: 0 0 1.14rem .4rem
}

.recover-password-page .u-btn {
	margin: 0 .4rem .4rem
}

.verify-mobile-page .page-content {
	background: 0 0
}

.verify-mobile-page .u-tips-info {
	margin: 0 0 1.14rem .4rem
}

.verify-mobile-page .u-tips-info.mobile dt {
	font-size: .32rem
}

.verify-mobile-page .u-btn {
	margin: 0 .4rem .4rem
}

.verify-id-page .u-tips-info {
	margin: 0 0 1.14rem .4rem
}

.call-center-page .question-board>h3,.verify-id-page .u-tips-info dd,.verify-id-page .u-tips-info dt {
	color: #111;
	font-size: .4rem;
	font-weight: 700
}

.verify-id-page .board-title {
	color: #111;
	font-size: .32rem;
	font-weight: 400;
	margin: 0 0 .3rem .4rem
}

.verify-id-page .board-tip {
	color: #666;
	font-size: .26rem;
	line-height: .37rem;
	margin: 0 .4rem .66rem
}

.verify-id-page .u-link-group-icon {
	margin: 0 .4rem
}

.verify-id-page .u-link-group-icon .item-panel {
	border: 0;
	padding: .4rem;
	border-radius: .1rem
}

.verify-id-page .u-link-group-icon .item-panel.email {
	background: rgba(74,144,226,.08)
}

.verify-id-page .u-link-group-icon .item-panel.email .icon {
	background-image: url(../image/t-email.png)
}

.verify-id-page .u-link-group-icon .item-panel.mobile {
	background: rgba(255,235,236,.5)
}

.verify-id-page .u-link-group-icon .item-panel.mobile .icon {
	background-image: url(../image/t-mobile.png)
}

.switch-account-page .page-content {
	padding: 2.4rem 0 0;
	min-height: auto
}

.switch-account-page .scroll-panel {
	padding: 0
}

.switch-account-page.page-board .page-content .title {
	margin: 0 0 .7rem .4rem
}

.switch-account-page .u-btm-link {
	-webkit-box-flex: 0;
	-webkit-flex: 0 1 auto;
	flex: 0 1 auto
}

.switch-account-page .account-slider {
	height: .8rem;
	padding: 0 0 .36rem;
	margin: 0 .4rem .36rem;
	overflow: hidden;
	border-bottom: 1px solid #f3f3f3
}

.switch-account-page .account-slider .track-panel {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 0 1rem 0 0;
	-webkit-transition: -webkit-transform .2s ease;
	transition: transform .2s ease;
	transition: transform .2s ease,-webkit-transform .2s ease
}

.switch-account-page .account-slider .track-panel .thumb-panel,.u-feedback dd,.u-feedback dd .btn {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center
}

.switch-account-page .account-slider .track-panel .thumb-panel .avatar-panel {
	width: .8rem;
	height: .8rem;
	margin: 0 .2rem 0 0;
	background-image: url(../image/avatar.png)
}

.switch-account-page .account-slider .track-panel .thumb-panel dl,.u-feedback {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.switch-account-page .account-slider .track-panel .thumb-panel dl {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column
}

.switch-account-page .account-slider .track-panel .thumb-panel dl dt {
	color: #333;
	font-size: .32rem
}

.switch-account-page .account-slider .track-panel .thumb-panel .sign {
	display: none;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	height: .4rem;
	padding: 0 .2rem;
	color: #fff;
	background: #f1383a;
	font-size: .22rem;
	border-radius: .4rem
}

.switch-account-page .account-slider .track-panel .remove-btn {
	position: absolute;
	right: .1rem;
	top: 50%;
	margin: -.4rem 0 0;
	width: .8rem;
	height: .8rem;
	background-image: url(../image/remove.png)
}

.switch-account-page .account-slider .track-panel.on {
	-webkit-transform: translate(-1rem);
	transform: translate(-1rem)
}

.switch-account-page .other-btn {
	display: block;
	margin: 0 auto .3rem;
	width: 2rem;
	line-height: .3rem;
	color: #333;
	font-size: .3rem
}

.register-page .u-btn {
	margin: .2rem .4rem .3rem
}

.user-agreement {
	position: relative;
	margin: 0 0.5rem 0.3rem;
	line-height: .4rem;
	color: #b8b8b8;
	font-size: .24rem;
	box-sizing: border-box;
	padding-left: 0.4rem;
}

.user-agreement .click-area {
	width: 0.8rem;
	height: 0.8rem;
	position: absolute;
	left: 0;
	top: 0;
}

.user-agreement .check-box {
	margin-left: -0.4rem;
	margin-top: .02rem;
	width: .3rem;
	height: .3rem;
	border-radius: .3rem;
	box-sizing: border-box;
	border: .03rem solid #b8b8b8;
	vertical-align: top;
	display: inline-block;
}

.user-agreement .check-box .icon {
	width: .3rem;
	height: .3rem;
	border-radius: .3rem;

}
.user-agreement .check-box.on {
	background-color: #df1e1e;
	border: none;
}

.user-agreement .check-box.on .icon {
	border: none;
	background-image: url("../image/check-box.png");
	background-size: .16rem .16rem;
	background-position: center center;
	background-repeat: no-repeat;
}
.user-agreement .check-box.on .icon {
	display: inline-block;
}

.user-agreement p {
	vertical-align: top;
	display: inline-block;
	width: 100%;
}

.login-page .u-btn {
	margin: .2rem .4rem .4rem
}

.login-page .other-btn {
	display: block;
	margin: 0 .4rem .3rem;
	color: #a47070;
	font-size: .3rem;
	background-color: #ffecec;
	border: 0;
	box-shadow: none
}

.login-page .u-btm-link {
	flex-direction: column;
	justify-content: flex-end;
	align-items: center
}

.login-page .u-btm-link .wechat-icon {
	width: .8rem;
	height: .8rem;
	background-image: url(https://static.xunishijie.com/account/images/wechat_grey.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: .8rem .8rem;
	margin-bottom: .44rem
}

.login-page .user-agreement {
	position: relative;
	margin: 0 .5rem .3rem;
	line-height: .4rem;
	color: #b8b8b8;
	font-size: .24rem
}

.login-page .user-agreement a {
	color: #999;
}

.register-page .user-agreement a {
	color: #999;
}

.mobile-page .user-agreement a {
	color: #999;
}

.help-page .u-link-group-text {
	padding: 0 .4rem;
	border-bottom: 1px solid #fbfbfb
}

.help-page .u-link-group-text.type dd p {
	position: relative;
	padding-left: .7rem
}

.help-page .u-link-group-text.type dd p .icon {
	position: absolute;
	left: 0;
	top: .02rem;
	width: .4rem;
	height: .4rem
}

.help-page .u-link-group-text.normal {
	border-bottom: 0;
	margin-bottom: .8rem
}

.help-menu-page .u-link-group-text.normal dd,.help-page .u-link-group-text.normal dd {
	border-bottom: 1px solid #f3f3f3
}

.help-page .u-link-group-text+.u-link-group-text {
	padding-top: .58rem
}

.help-page .u-btn {
	margin: 0 .4rem .8rem
}

.help-menu-page .u-link-group-text {
	padding: 0 .4rem
}

.u-feedback {
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center
}

.u-feedback dd .btn,.u-feedback dt {
	font-size: .28rem;
	color: #999
}

.u-feedback dd .btn .icon {
	width: .3rem;
	height: .3rem;
	margin: 0 .12rem 0 0
}

.u-feedback dd .btn.solve .icon {
	background-image: url(../image/solve.png)
}

.u-feedback dd .btn.unsolve .icon {
	background-image: url(../image/unsolve.png)
}

.u-feedback dd .btn.on {
	color: #666
}

.u-feedback dd .btn.on.solve .icon {
	background-image: url(../image/solve-on.png)
}

.u-feedback dd .btn.on.unsolve .icon {
	background-image: url(../image/unsolve-on.png)
}

.u-feedback dd .line {
	width: .02rem;
	height: .26rem;
	margin: 0 .2rem;
	background: #d8d8d8
}

.help-details-page img {
	max-width: 100%
}

.help-details-page .d-title {
	position: relative;
	margin: 0 .4rem .7rem;
	line-height: .58rem;
	font-weight: 600;
	color: #111;
	font-size: .4rem;
	padding: 0 0 0 .16rem
}

.agreement-page .header-title b,.help-details-page .d-title b {
	position: absolute;
	left: 0;
	top: .13rem;
	width: .06rem;
	height: .32rem;
	background: #f1383a
}

.help-details-page .s-title {
	color: #333;
	font-size: .3rem;
	margin: 0 .4rem .6rem
}

.help-details-page .d-content {
	margin: 0 .4rem .42rem;
	padding: 0 0 .82rem;
	border-bottom: 1px solid #eee;
	color: #333;
	font-size: .3rem;
	line-height: normal;
	overflow: hidden;
	max-width: 100%
}

.help-details-page .u-feedback {
	margin: 0 .4rem 1rem
}

.help-details-page .u-btn {
	margin: 0 .4rem .8rem
}
.agreement-page {
	padding-top: 1rem;
}
.agreement-page .header-title {
	margin: 0 .4rem .7rem;
	line-height: .58rem;
	font-weight: 600;
	color: #111;
	font-size: .4rem;
	-webkit-text-size-adjust: 100%;
}

.agreement-page .header-title p {
	position: relative;
	padding: 0 0 0 .16rem;
	font-size: 0.4rem;
}

.agreement-page .content {
	font-size: .32rem;
	font-family: PingFangSC,PingFangSC-Medium;
	text-align: justify;
	color: #333;
	line-height: .54rem;
	margin: 0 .4rem;
	padding: 0 0 .4rem;
	-webkit-text-size-adjust: 100%;
}

.agreement-page .content .p-dl,.agreement-page .content p {
	margin: 0 0 .4rem
}

.agreement-page .content .p-dl dt {
	margin: 0 0 .2rem
}

.agreement-page .content p a {
	color: #003aff
}

.agreement-page .content .section {
	text-indent: 2em;
	font-size: 0.32rem !important;
	-webkit-text-size-adjust: 100%;
}

.agreement-page .content h4 {
	font-size: .32rem;
	line-height: .48rem;
	margin: 0 0 .33rem
}

.agreement-page .content .anchor {
	margin: 0 0 .4rem
}

.agreement-page .content .anchor li {
	margin: 0 0 .33rem
}

.agreement-page .content .anchor li a {
	font-size: .32rem;
	font-weight: 700;
	color: #003aff
}

.agreement-page .content .tab-panel {
	border-radius: .1rem .1rem 0 0;
	border: 1px solid #ececec;
	margin: 0 0 .4rem;
	overflow: hidden;
	font-family: PingFangSC,PingFangSC-Medium;
	color: #111
}

.agreement-page .content .tab-panel dt {
	background: #fafafa;
	font-size: .36rem;
	padding: .15rem .3rem;
	font-weight: 700
}

.agreement-page .content .tab-panel dd {
	border-top: 1px solid #ececec;
	padding: .3rem;
	line-height: .4rem;
	font-size: .32rem
}

.call-center-page .note-panel {
	background: #fff5f5;
	border-radius: .2rem;
	margin: 0 .4rem .4rem;
	overflow: hidden;
	padding: 0 0 0 .38rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex
}

.call-center-page .note-panel .btn,.call-center-page .note-panel dl {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center
}

.call-center-page .note-panel,.call-center-page .note-panel .btn {
	height: 1.6rem;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center
}

.call-center-page .note-panel .btn {
	width: 1.18rem;
	background: #f1383a;
	color: #fff;
	font-size: .26rem
}

.call-center-page .note-panel .icon {
	width: .5rem;
	height: .5rem;
	margin: 0 .4rem 0 0;
	background-size: 100%;
	background-repeat: no-repeat
}

.call-center-page .note-panel.email .icon {
	background-image: url(../image/email-1.png)
}

.call-center-page .note-panel.mobile .icon {
	background-image: url(../image/mobile-1.png)
}

.call-center-page .note-panel dl {
	height: 100%;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
	font-size: .32rem;
	line-height: .32rem
}

.call-center-page .note-panel dt {
	color: #666;
	margin: 0 0 .12rem
}

.call-center-page .note-panel dd {
	color: #333;
	font-weight: 700
}

.call-center-page .question-board {
	border-top: .16rem solid #fbfbfb;
	padding: 0 .4rem .5rem
}

.call-center-page .question-board>h3 {
	line-height: .4rem;
	padding: .5rem 0
}

.call-center-page .question-board dl {
	padding: 0 0 .25rem
}

.call-center-page .question-board dt {
	margin: 0 0 .35rem
}

.call-center-page .question-board dt a {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex
}

.call-center-page .question-board dt h4 {
	color: #333;
	font-size: .36rem;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1
}

.call-center-page .question-board dt .line {
	width: .04rem;
	height: .26rem;
	background: #f1383a;
	margin: .12rem .08rem 0 0
}

.call-center-page .question-board dt .icon {
	width: .44rem;
	height: .44rem;
	margin: .04rem 0 0;
	background-image: url(../image/arrow-1.png)
}

.call-center-page .question-board dd {
	color: #666;
	font-size: .3rem;
	/*line-height: .3rem;*/
	padding: .34rem 0 .34rem;
	/*margin: 0 0 .34rem;*/
	border-bottom: 1px solid #f3f3f3
}

.call-center-page .question-board dd,.call-center-page .question-board dd p {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.call-center-page .question-board dd:last-child {
	margin: 0
}

.login-page .scroll-panel,.register-page .scroll-panel {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column
}

.call-center-page .scroll-panel,.help-details-page .scroll-panel {
	padding: 1.34rem 0 0
}

.agreement-page,.call-center-page,.freeze-page,.help-details-page,.help-menu-page,.help-page,.recover-password-page,.unfreeze-page {
	background: #fff
}

.ua-androidapp .check-sdk-version,.ua-iosapp .check-sdk-version,.ua-miniProgram .u-nav-bar {
	display: none
}

.ua-miniProgram .page-board .scroll-panel {
	padding-top: 1.06rem
}

.ua-miniProgram .home-page .user-info-board {
	padding-top: .8rem
}

.one-click-login-page {
	height: 100vh;
	box-sizing: border-box;
	padding-top: 2.1rem;
	background-color: #f5f5f5;
	line-height: 1;
	font-size: 0;
	position: relative
}

.one-click-login-page .logo {
	width: 3.78rem;
	height: .54rem;
	margin: auto;
	background-image: url(../image/logo.png);
	background-size: 3.78rem .54rem;
	background-repeat: no-repeat;
	margin-bottom: 1.1rem
}

.one-click-login-page .phone {
	font-size: .48rem;
	text-align: center;
	color: #333;
	line-height: .35rem;
	margin-bottom: .28rem;
	font-weight: 700
}

.one-click-login-page .tip {
	font-size: .24rem;
	width: 2.12rem;
	height: .4rem;
	border-radius: .4rem;
	margin: 0 auto 1.1rem;
	background-color: #fff;
	font-weight: 400;
	text-align: center;
	color: #b5b5b5;
	line-height: .4rem
}

.one-click-login-page .btn {
	height: .9rem;
	font-size: .34rem;
	outline: 0;
	border: 0;
	border-radius: .9rem;
	margin: 0 .4rem .4rem;
	width: 6.7rem
}

.one-click-login-page .one-click-btn {
	color: #fff;
	background-color: #f1383a;
	font-weight: 600
}

.one-click-login-page .message-btn,.one-click-login-page .password-btn {
	color: #666;
	background-color: #fff;
	font-size: .3rem
}

.one-click-login-page .password-btn {
	margin-bottom: .3rem
}

.one-click-login-page .bottom .other-login-text,.one-click-login-page .protocol {
	height: .24rem;
	font-size: .24rem;
	font-weight: 400;
	text-align: center;
	color: #b8b8b8;
	line-height: .24rem
}

.one-click-login-page .bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding-bottom: .44rem
}

.one-click-login-page .bottom .other-login-text {
	font-size: .26rem;
	color: #999;
	margin-bottom: .3rem
}

.one-click-login-page .bottom .wechat-icon {
	display: block;
	text-decoration: none;
	width: .83rem;
	height: .83rem;
	margin: 0 auto .42rem;
	background-image: url(https://static.xunishijie.com/account/images/wechat1.png);
	background-size: .83rem .83rem;
	background-repeat: no-repeat
}

.one-click-login-page .bottom .other-entry {
	text-align: center;
	height: .28rem;
	font-size: .28rem;
	font-weight: 400;
	color: #666;
	line-height: .28rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%
}

.one-click-login-page .bottom .other-entry .divider {
	display: inline-block;
	height: .28rem;
	width: 2px;
	background-color: #d8d8d8;
	margin: 0 .4rem
}

.login-page-mask {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,.75);
	display: none
}

.login-page-modal {
	width: 5.6rem;
	height: 3.11rem;
	background-color: #fff;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	border-radius: .28rem;
	box-sizing: border-box;
	padding-top: .5rem;
	display: none
}

.login-page-modal .icon {
	width: .7rem;
	height: .7rem;
	margin: 0 auto .44rem;
	background-position: 0 0;
	background-size: .7rem .7rem;
	background-repeat: no-repeat
}

.login-page-modal .phone {
	height: .36rem;
	font-size: .48rem;
	text-align: center;
	color: #333;
	line-height: .36rem;
	margin-bottom: .28rem;
	font-weight: 700
}

.login-page-modal .tip {
	height: .27rem;
	font-size: .3rem;
	font-weight: 400;
	text-align: center;
	color: #666;
	line-height: .27rem
}

.login-page-modal.success .icon {
	background-image: url(../image/success.png)
}

.login-page-modal.failure .icon {
	background-image: url(../image/failure.png)
}
.chooseAreaPage {
	padding-top: 1.44rem;
	position: relative;
}

.chooseAreaPage .nav-bar {
	top: 0;
	height: 1.44rem;
	width: 100%;
	padding-top: 0.66rem;
	box-sizing: border-box;
	position: fixed;
	background-color: #fff;
	z-index: 1;
}
.chooseAreaPage .nav-bar .back {
	position: absolute;
	top: 0.66rem;
	left: 0.27rem;
	height: 0.44rem;
	width: 0.44rem;
	background-image: url("../image/arrow-2.png");
	background-size: 0.44rem 0.44rem;
	background-repeat: no-repeat;
}
.chooseAreaPage .nav-bar .title {
	font-size: 0.32rem;
	font-weight: 400;
	text-align: center;
	color: #333333;
}
.chooseAreaPage .listWrapper {
	width: 100%;
	position: relative;
}
.chooseAreaPage .listWrapper .scrollTitle {
	width: 100%;
	box-sizing: border-box;
	height: 0.82rem;
	line-height: 0.82rem;
	padding-left: 0.4rem;
	font-size: 0.32rem;
	font-weight: 500;
	color: #000000;
	position: sticky;
	top: 1.44rem;
	background-color: #fff;
	font-weight: bold;
}
.chooseAreaPage .common.scrollTitle {
	font-weight: bold;
}
.chooseAreaPage .listWrapper .areaItem {
	height: 0.96rem;
	line-height: 0.96rem;
	margin: 0 0.4rem;
	border-bottom: 1px solid #efefef;
}
.chooseAreaPage .listWrapper .areaItem .name {
	font-size: 0.32rem;
	font-weight: 400;
	color: #333333;
	float: left;
}
.chooseAreaPage .listWrapper .areaItem .code {
	font-size: 0.32rem;
	font-weight: 400;
	color: #666666;
	float: right;
}
.chooseAreaPage .anchor {
	display:block;
	transform:translateY(-1.44rem);
}
.chooseAreaPage .anchorList {
	position: fixed;
	right: 0.06rem;
	top: 50%;
	transform: translateY(-50%);
	font-size: 0.22rem;
	text-align: center;
}
.chooseAreaPage .anchorList a {
	display: block;
	color: #007aff;
	height: 0.32rem;
	line-height: 0.32rem;
}
/* 注册登录页覆盖原有样式 */
.mobile-page, .login-page, .register-page {
	background-color: #f4f4f4;
}
.mobile-page .scroll-panel, .login-page .scroll-panel, .register-page .scroll-panel {
	padding-top: 1rem;
}
.login-page .app-name, .register-page .app-name {
	height: 0.49rem;
	line-height: 0.50rem;
	font-size: 0.24rem;
	text-align: center;
    margin-bottom: 0.23rem;
    display: flex;
}
.mobile-page {
	height: 100vh;
	background: #fff;
}
.mobile-page .u-tips-info {
	margin-top: 2.18rem;
	margin-left: 0.54rem;

}
.mobile-page .u-tips-info dt {
	font-size: 0.36rem;
}
.login-page .app-name span.title, .register-page .app-name span.title {
    display: block;
    background: #ffffff;
    border: 1px solid #e8e8e8;
    padding: 0rem 0.2rem;
    border-radius: 0.49rem;
}
.login-page .app-name span:not(.title), .register-page .app-name span:not(.title) {
    flex: 1;
}
.login-page .form-wrapper .app-logo, .register-page .form-wrapper .app-logo {
	background-color: #f4f4f4;
	background-size: 100% 100%;
	width: 0.81rem;
	height: 0.81rem;
	display: block;
	margin: 0 auto 0.41rem;
	border-radius: 0.14rem;
	box-shadow: 0px 8px 14px 0px #f0f0f0;
}
.login-page .form-wrapper {
	width: 7.02rem;
	height: 9.36rem;
	margin: auto;
	background-image: url('../image/login-bg.png');
	background-size: 100% 100%;
	padding-top: 0.04rem;
	box-sizing: border-box;
}
.register-page .form-wrapper {
	height: 8.85rem;
	width: 7.02rem;
	background-color: #fff;
	box-sizing: border-box;
	border-radius: 0.2rem;
	padding-top: 0.66rem;
	margin: auto;
}
.register-page .form-wrapper {
	height: 8.85rem;
	width: 7.02rem;
	background-color: #fff;
	box-sizing: border-box;
	border-radius: 0.2rem;
	padding-top: 0.66rem;
	margin: auto;
}
.login-page .form-wrapper .logo, .register-page .form-wrapper .logo {
	height: .52rem;
	width: 3.59rem;
	margin: 0 auto 0.54rem;
	background-size: 100% 100%;
	background-image: url('../image/new-logo.png');
}
.mobile-page form, .login-page .form-wrapper form, .register-page .form-wrapper form {
	margin: 0 0.3rem;
}
.mobile-page form {
	margin: 0 0.54rem
}
.mobile-page form .u-form-item, .mobile-page form .u-form-item, .login-page .form-wrapper form .u-form-item, .register-page .form-wrapper form .u-form-item {
	margin: 0 0 0.36rem 0;
	width: 100%;
	height: 1rem;
	background-color: #fff;
	border-radius: 0.16rem;
	border: none;
}
.mobile-page form .u-btn, .login-page .form-wrapper form .u-btn, .register-page .form-wrapper form .u-btn {
	margin: 0 0 0.32rem 0;
	width: 100%;
	height: 1rem;
	border-radius: 1rem;
	line-height: 1rem;
	font-size: 0.3rem;
}
.mobile-page form .u-input, .login-page .form-wrapper form .u-input, .register-page .form-wrapper form .u-input {
	height: 1rem;
	line-height: 1rem;
	padding: 0 0.22rem;
	background-color: #f7f7f7;
	border-radius: 0.16rem;
}
.mobile-page form .area-select, .login-page .form-wrapper form .area-select, .register-page .form-wrapper form .area-select {
	height: 1rem;
	line-height: 1rem;
	padding-left: 0.22rem;
	background-color: #f7f7f7;
	border-radius: 0.16rem 0 0 0.16rem;
}

.mobile-page form .area-select+.u-input, .login-page .form-wrapper form .area-select+.u-input, .register-page .form-wrapper form .area-select+.u-input {
	border-radius: 0 0.16rem 0.16rem 0;
}
.mobile-page form .area-select img, .login-page .form-wrapper form .area-select img, .register-page .form-wrapper form .area-select img {
	margin-right: 0;
}
.login-page .form-wrapper form .login-btn {
	margin-top: 0.49rem;
}
.login-page .form-wrapper form .other-btn {
	border: 1px solid #f1383a;
	color: #df1e1e;
}
.mobile-page form .user-agreement, .login-page .form-wrapper form .user-agreement, .register-page .form-wrapper form .user-agreement {
	margin: 0;
}
.mobile-page form .u-form-item .u-sms-code, .login-page .form-wrapper form .u-form-item .u-sms-code, .register-page .form-wrapper form .u-form-item .u-sms-code {
	height: 1rem;
	line-height: 1rem;
	background-color: #f7f7f7;
	border-radius: 0.16rem;
	font-size: 0.32rem;
	padding: 0 0.3rem;
	margin-left: 0.1rem;
}

.login-page .form-wrapper form .other-btn{
	border: 1px solid #f1383a  !important;
	color: #df1e1e  !important;
	background: #fff !important;
}
.u-btn:not(.other-btn) {
	background-color: #df1e1e  !important;
}
/* 首页样式覆盖 */
.home-page {
	background-image: none;
	background-color: #fff;
}
.home-page .u-nav-bar {
	border-bottom: 1px solid #f0f0f0;
}
.home-page .user-info-board {
	padding: 1.62rem 0.3rem 0.58rem;
}
.home-page .user-info-board .logo {
	width: 1.97rem;
	height: 0.27rem;
	background-image: url('../image/new-logo.png');
	background-size: 100% 100%;
	margin-bottom: 0.18rem;
}
.home-page .account-security-board {
	display: flex;
}
.home-page .account-security-board .item-panel {
	background-color: #f8f8f8;
	padding: 0.3rem 0rem 0.32rem 0.36rem;
	flex: 1;
	margin-left: 0;
	margin-right: 0;
}
.home-page .account-security-board .item-panel:first-child {
	margin-right: 0.24rem;
}
.home-page .account-security-board .item-panel .icon {
	margin-bottom: 0.32rem;
}
.home-page .account-security-board .item-panel .title {
	font-size: 0.34rem;
	font-weight: bold;
	color: #000000;
	line-height: 0.32rem;
}
.home-page .account-security-board .item-panel .content {
	height: 0.94rem;
	margin-bottom: 0;
}
.home-page .u-link-group {
	width: 100%;
	margin: 0;
	box-sizing: border-box;
	background-color: #fff;
	padding: 0 0.3rem;
}
.home-page .u-link-group .item-panel {
	padding: 0.4rem 0rem;
	background-color: #fff;
	border-bottom: 1px solid #eee;
}
.home-page .u-link-group .item-panel:last-child {
	border: none;
}
.home-page .u-link-group .item-panel .icon {
	top: 50%;
	transform: translateY(-50%);
}
.home-page .u-link-group .item-panel dt {
	font-size: 0.34rem;
	font-weight: bold;
	color: #333333;
	line-height: 0.32rem;
	margin-bottom: 0.16rem;
}
.home-page .divider {
	height: 0.2rem;
	background-color: #f4f4f4;
}
.home-page .bottom {
	height: 0.82rem;
	line-height: 0.82rem;
	background: linear-gradient(0deg,#ffffff 24%, #f4f4f4);
	font-size: 0.18rem;
	text-align: center;
	color: #acacac;
}
.safety-page .u-nav-bar {
	border-bottom: 1px solid #f0f0f0;
}
.safety-page .u-link-group {
	width: 100%;
	margin: 0;
	box-sizing: border-box;
	background-color: #fff;
	padding: 0 0.3rem;
}
.safety-page .u-link-group .item-panel {
	padding: 0.4rem 0rem;
	background-color: #fff;
	border-bottom: 1px solid #eee;
}
.safety-page .u-link-group .item-panel .icon {
	top: 50%;
	transform: translateY(-50%);
}
.safety-page .u-link-group .item-panel dt {
	font-size: 0.34rem;
	font-weight: bold;
	color: #333333;
	line-height: 0.32rem;
	margin-bottom: 0.16rem;
}

.u-input .del {
	display: none;
	width: .58rem;
	height: .58rem;
	background-image: url("../image/verify-code-del.png");
	margin: 0 0 0 0.1rem;
}

.u-form-item dd .area-select img {
	margin-left: 0.1rem;
	height: 0.16rem;
	width: 0.16rem;
}

input[name="password"] {
	font-size: 0.32rem;
	/*-webkit-text-security: disc;*/
	/*text-security: disc;*/
}

/*input[name="password"].show {*/
/*	-webkit-text-security: none;*/
/*	text-security: none;*/
/*}*/

.ua-iosapp input[name="password"] {
	letter-spacing: .1rem;
}

input[name="password"]::placeholder {
	letter-spacing: normal;
	font-size: 0.32rem;
}

.cancellation-reason-page .scroll-panel {
	padding: 1.58rem 0.4rem 0;
}
.cancellation-reason-page .scroll-panel .page-title {
	font-size: 0.4rem;
	font-weight: bold;
	color: #111111;
	line-height: 0.4rem;
	margin-bottom: 0.56rem;
}
.cancellation-reason-page .select-item {
	width: 100%;
	height: 1rem;
	border: 2px solid #f5f5f5;
	border-radius: 0.18rem;
	margin-bottom: 0.24rem;
	font-size: 0.3rem;
	font-weight: 400;
	color: #666666;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 0.3rem;
	box-sizing: border-box;
}
.cancellation-reason-page .select-item .radio {
	width: 0.26rem;
	height: 0.26rem;
	border: 3px solid #e7e7e7;
	border-radius: 0.26rem;
}
.cancellation-reason-page .select-item.selected {
	border-color: #DF1E1E;
	color: #DF1E1E;
}
.cancellation-reason-page .select-item.selected .radio {
	background: #df1e1e;
}
.cancellation-reason-page .reason-field {
	box-sizing: border-box;
	padding: 0.2rem 0.27rem;
	border: none;
	width: 100%;
	height: 2.64rem;
	background: #f7f7f7;
	border-radius: 0.16rem;
	font-size: 0.28rem;
	font-weight: 400;
	color: #999999;
	line-height: 0.46rem;
	margin-bottom: 0.8rem;
	display: none;
}
.cancellation-reason-page .reason-field.show {
	display: block;
}
.revoke-cancellation .scroll-panel {
	padding: 2.86rem 0.4rem 0;
}
.revoke-cancellation .scroll-panel p {
	font-size: 0.28rem;
	font-weight: 400;
	color: #333333;
	line-height: 0.54rem;
	margin-bottom: 1rem;
}
.safety-page .bottom {
	width: 100%;
	height: 0.82rem;
	line-height: 0.82rem;
	text-align: center;
	background: linear-gradient(0deg,#ffffff 24%, #f4f4f4);
	font-size: 0.18rem;
	color: #acacac;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
}
.img-list {
	display: block;
	font-size: .24rem;
	color: #333;
	text-align: center;
	margin: 0 .4rem .64rem;
	overflow: hidden;
}
.img-list .img {
	width: .77rem;
	height: .77rem;
	background-size: 100%;
	background-repeat: no-repeat;
	margin-bottom: .2rem;
	display: inline-block;
}
.app-list-wrapper .text-bold {
	margin: 0 .4rem .4rem;
	font-size: .3rem;
	font-weight: 700;
	color: #333
}
.img-list .img-list-item {
	width: 20%;
	float: left;
	height: 1.6rem;
	overflow: visible;
	text-center: center;
	position: relative;
}
.img-list .img-list-item .app-name {
	white-space: nowrap;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	margin-bottom: .36rem;
}
.img-list .img.fulishe {
	background-image: url("../image/fulishe1.png");
}
.img-list .img.wanciwang {
	background-image: url("../image/wanciwang1.png");
}
.img-list .img.quanxianzai {
	background-image: url("../image/quanxianzai1.png");
}
.img-list .img.quanweilai {
	background-image: url("../image/quanweilai1.png");
}
.img-list .img.quanshijie{
	background-image: url("../image/quanlishi.jpg");
}
.img-list .img.wanmeihuodong {
	background-image: url("../image/wanmeihuodong.png");
}
.img-list .img.duoping{
	background-image: url("../image/duoping.png");
}
.img-list .img.plan{
	background-image: url("../image/plan.png");
}
a.item-panel:active {
	-webkit-tap-highlight-color: #f8f8f8;
}
form {
	-webkit-tap-highlight-color: transparent;
}

.login-loading-mask {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 100;
	display: none;
	background: rgba(255, 255, 255, 0.6);
}
.login-loading-mask .login-loading-img {
	height: 0.6rem;
	width: 0.6rem;
	left: 50%;
	top: 50%;
	position: absolute;
	transform: translate(-50%, -50%);
	display: inherit;
	animation: loading-spin 2s infinite linear;
}
@keyframes loading-spin {
	from {
		transform: translate(-50%, -50%) rotate(0);
	}
	to {
		transform: translate(-50%, -50%) rotate(360deg);
	}
}
.error-page .scroll-panel {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100vh;
	flex-direction: column;
	padding: 0;
	padding-bottom: 0.5rem;
}
.error-page .scroll-panel .warning {
	width: 1.08rem;
	height: 1.08rem;
	margin-bottom: 0.47rem;
}
.error-page .scroll-panel .fail {
	width: 1.08rem;
	height: 1.08rem;
	margin-bottom: 0.47rem;
	background-image: url("../image/opfail.png");
	background-size: 100% 100%;
}
.error-page .scroll-panel .error-title {
	font-size: 0.32rem;
	font-weight: bold;
	text-align: center;
	color: #000000;
	margin-bottom: 0.24rem;
}
.error-page .scroll-panel .sub-title {
	font-size: 0.28rem;
	text-align: center;
	color: #888888;
	margin-bottom: 0.72rem;
	padding: 0 0.54rem;
	box-sizing: border-box;
}
.error-page .scroll-panel .other-btn {
	width: auto;
	align-self: stretch;
	margin: 0 0.54rem;
	border: 1px solid #f1383a;
	color: #df1e1e;
	background-color: #ffecec;
}

.account-bind .page-content {
	padding: 1.56rem 0.48rem 0;
}
.account-bind .page-content .board.phone-board {
	border-bottom: 1px solid #e5e5e5;
}
.account-bind .page-content .board.third-board {
	margin-top: 0.4rem;

}
.account-bind .page-content .board .title {
	color: #a2a2a2;
	font-size: 0.3rem;
	line-height: 0.48rem;
	margin-bottom: 0.4rem;
}

.account-bind .page-content .board .board-list .board-item {
	width: 100%;
	height: 0.92rem;
	display: flex;
	margin-bottom: 0.4rem;
	align-items: center;
	font-size: 0.3rem;
}
.account-bind .page-content .board .board-list .board-item .board-icon {
	width: 0.64rem;
	height: 0.64rem;
	margin-right: 0.24rem;
	background-size: 100%;
	background-repeat: no-repeat;
}

.account-bind .page-content .board .board-list .board-item .board-icon.phone {
	background-image: url('../image/mobile_off.png');
}
.account-bind .page-content .board .board-list .board-item .board-icon.phone.on {
	background-image: url('../image/mobile_on.png');
}
.account-bind .page-content .board .board-list .board-item .board-icon.wechat {
	background-image: url('../image/wechat_off.png');
}
.account-bind .page-content .board .board-list .board-item .board-icon.wechat.on {
	background-image: url('../image/wechat_on.png');
}
.account-bind .page-content .board .board-list .board-item .board-icon.qq {
	background-image: url('../image/qq_off.png');
}
.account-bind .page-content .board .board-list .board-item .board-icon.qq.on {
	background-image: url('../image/qq_on.png');
}
.account-bind .page-content .board .board-list .board-item .board-icon.apple {
	background-image: url('../image/apple_off.png');
}
.account-bind .page-content .board .board-list .board-item .board-icon.apple.on {
	background-image: url('../image/apple_on.png');
}
.account-bind .page-content .board .board-list .board-item .board-icon.huawei {
	background-image: url('../image/huawei_off.png');
}
.account-bind .page-content .board .board-list .board-item .board-icon.huawei.on {
	background-image: url('../image/huawei_on.png');
}

.account-bind .page-content .board .board-list .board-item .board-names {
	flex-grow: 1;
}

.account-bind .page-content .board .board-list .board-item .board-names .board-name {
	line-height: 0.48rem;
	color: #181818;
}
.account-bind .page-content .board .board-list .board-item .board-names .board-nickname {
	color: #767676;
}

.account-bind .page-content .board .board-list .board-item a {
	color: #4781cb;
}
.bind-mobile-page {
	padding-top: 2.1rem;
}

.real-name-auth-page {
	padding: 1.6rem 0.45rem 0;
	box-sizing: border-box;
}

.real-name-auth-page .tip {
	font-size: 0.3rem;
	color: #333333;
	line-height: 0.44rem;
	margin-bottom: 0.8rem;
}
.real-name-auth-page form .formItem {
	background: #F4F4F4;
	height: 0.96rem;
	width: 100%;
	border-radius: 0.96rem;
	display: flex;
	align-items: center;
	color: #333;
	font-size: 0.32rem;
	padding: 0 0.48rem;
	box-sizing: border-box;
	margin-bottom: 0.4rem;
}
.real-name-auth-page form .formItem label {
	white-space: nowrap
}
.real-name-auth-page form .formItem input {
	height: 100%;
	padding: 0;
	width: 4.2rem;
	font-size: 0.32rem;
	color: #333;
	margin-left: 0.16rem;
	border: none;
	outline: none;
	background: #F4F4F4;
	line-height: normal;
}
.real-name-auth-page form .formItem input#idcard {
	font-variant-numeric: tabular-nums;
}
.real-name-auth-page form .formItem input::placeholder {
	color: #767676;
	font-size: 0.32rem;
	line-height: 0.44rem;
}

.real-name-auth-page .btn.disable {
	background: #ff8f90!important;
	color: #fff!important;
}

.real-name-auth-succ-page {
	box-sizing: border-box;
	padding: 0 0.48rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.real-name-auth-succ-page .tip {
	font-size: 0.32rem;
	line-height: 0.43rem;
	color: #333333;
	margin-bottom: 4.43rem;
}

.real-name-auth-succ-page img {
	width: 2.4rem;
	height: 2.4rem;
	margin-bottom: 0.32rem;
}

.real-name-auth-succ-page .btn {
	width: 100%;
}

.real-name-auth-info-page {
	padding: 1.36rem 0.48rem 0;
	box-sizing: border-box;
}
.real-name-auth-info-page .first-title {
	text-align: center;
	color: #333;
	font-size: 0.32rem;
	margin-bottom: 0.2rem;
}
.real-name-auth-info-page .second-title {
	text-align: center;
	color: #767676;
	font-size: 0.24rem;
	margin-bottom: 0.5rem;
}
.real-name-auth-info-page .item {
	height: 0.92rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #333;
	font-size: 0.32rem;
	border-bottom: 0.01rem dotted #767676;
}

.real-name-auth-info-page .item .value {
	color: #767676;
}

.teen-mode-page {
	display: flex;
	box-sizing: border-box;
	padding: 0.45rem;
	flex-direction: column;
	align-items: center;
	padding-top: 2rem;
}
.teen-mode-page img {
	width: 2.4rem;
	height: 2.4rem;
	margin-bottom: 0.64rem;
}
.teen-mode-page .pagetitle {
	font-size: 0.4rem;
	line-height: 0.53rem;
	color: #333333;
	margin-bottom: 0.4rem;
}
.teen-mode-page .text {
	color: #333333;
	font-size: 0.28rem;
	line-height: 0.4rem;
	margin-bottom: 0.4rem;
}

.teen-mode-page .btn {
	width: 100%;
}

.teen-mode-page .tip {
	color: #A2A2A2;
	font-size: 0.22rem;
	line-height: 0.36rem;
	margin-top: 0.4rem;
}

.teen-mode-password-page {
	box-sizing: border-box;
	padding: 2.8rem 0.48rem 0;
}

.teen-mode-password-page .mask {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1;
	display: none;
}

.teen-mode-password-page .tip {
	font-size: 0.48rem;
	color: #181818;
	line-height: 0.64rem;
	margin-bottom: 1.2rem;
}

.teen-mode-password-page .box {
	width: 100%;
	position: relative;
	border-radius: 0.96rem;
	margin-bottom: 1.08rem;
	text-align: center;
	font-size: 0;
}

.teen-mode-password-page .box input {
	left: 0;
	top: 0;
	width: 1rem;
	height: 1rem;
	border: none;
	outline: none;
	border-radius: 0.12rem;
	background-color: #F4F4F4;
	color: #181818;
	font-size: 0.48rem;
	box-sizing: border-box;
	text-align: center;
}
.teen-mode-password-page .box input + input {
	margin-left: 0.5rem;
}

.teen-mode-password-page .box .clear {
	width: 0.4rem;
	height: 0.4rem;
	background-image: url(../image/clear.png);
	background-size: 100% 100%;
	position: absolute;
	right: 0.48rem;
	top: 50%;
	transform: translateY(-50%);
}

.teen-mode-password-page .bottom-btns {
	display: flex;
	padding: 0 0.49rem;
	margin-top: 0.56rem;
	font-size: 0.3rem;
	color: #4781CB;
}
.teen-mode-password-page .bottom-btns a:nth-child(2) {
	color: #A2A2A2;
	margin-left: auto;
	margin-right: 0.05rem;
}

.retrive-password-page {
	box-sizing: border-box;
	padding: 2.8rem 0.48rem;
}

.retrive-password-page .pageTitle {
	color: #181818;
	font-size: 0.48rem;
	line-height: 0.64rem;
	margin-bottom: 1.2rem;
}

.retrive-password-page .item {
	width: 100%;
	height: 0.92rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 0.32rem;
	color: #333333;
	border-bottom: 0.01rem dotted #333333;
}

.retrive-password-page .item .btn {
	color: #4781CB;
}

.retrive-password-page .tip {
	margin-top: 0.24rem;
	font-size: 0.22rem;
	color: #a2a2a2;
	line-height: 0.3rem;
}

.mannal-complaint-page {
	box-sizing: border-box;
	padding: 1.6rem 0.45rem;
	color: #333333;
	font-size: 0.3rem;
	line-height: 0.48rem;
}