body,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,img,input,ol,p,table,td,tr,ul {
	margin: 0;
	padding: 0;
	border: 0
}

body {
	/*font: 13px/25px Arial;*/
	background: #fff
}

input::-webkit-input-placeholder {
       font-size: 12px;
}
ol,ul {
	list-style-type: none
}

img {
	vertical-align: middle;
	display: inline-block
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%
}

strong {
	font-weight: 400
}

button,input[type=submit],select,textarea {
	font-family: Microsoft YaHei;
	cursor: pointer
}

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

input[type=search]::-webkit-search-cancel-button {
	-webkit-appearance: none
}

table {
	border-collapse: collapse
}

a {
	color: #333;
	cursor: pointer;
	outline: none;
	-moz-outline-style: none;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0)
}

em,i {
	font-style: normal
}

img {
	max-width: 100%
}

:focus {
	outline: 0
}

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

.clear {
	*height: 1%;
	*clear: both
}

.none {
	display: none
}

.left {
	float: left
}

.right {
	float: right
}

.hidden {
	overflow: hidden
}

.app,.word,body,html {
	height: 100%
}

input[type=button]::-moz-focus-inner,input[type=file]>input[type=button]::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner {
	border: none;
	padding: 0
}

input,input[type=button],input[type=reset],input[type=submit] {
	-webkit-appearance: none
}

.button-circular-dark-gradual {
	display: block;
	/* width: 6.7rem; */
	width:100%;
	text-align: center;
	height: .88rem;
	line-height: .88rem;
	font-size: .26rem;
	/*color: #fff;
	background: -webkit-linear-gradient(left,rgba(235,41,95,1),rgba(246,40,123,1));*/
	border: none;
	border-radius: .88rem;
	box-shadow: 0 .04rem .12rem 0 rgba(126,86,198,.5)
}

.app,.word {
	margin: 0 auto;
	max-width: 7.5rem
}

.animation-top-enter-active,.animation-top-leave-active {
	transition: all .3s ease
}

.animation-top-enter,.animation-top-leave-to {
	transform: translateY(-100%);
	opacity: 0
}

.animation-right-enter-active,.animation-right-leave-active {
	transition: all .3s ease
}

.animation-right-enter,.animation-right-leave-to {
	transform: translateX(100%)
}

.animation-left-enter-active,.animation-left-leave-active {
	transition: all .3s ease
}

.animation-left-enter,.animation-left-leave-to {
	transform: translateX(-100%)
}

.icon {
	overflow: hidden;
	width: 1em;
	height: 1em;
	vertical-align: -.15em;
	fill: currentColor
}

.app .weui-loadmore {
	margin: .2rem auto
}

.app .weui-loading {
	background-image: url(data:image/png;
	base64,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)
}

.word .vux-popup-dialog {
	border-radius: .2rem .2rem 0 0
}

.word .weui-dialog__btn_primary {
	color: #FD006F
}

.word-choice-box {
	padding: .08rem 0 0 .08rem;
	width: .36rem;
	height: .36rem;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 100%;
	box-sizing: border-box
}

.word-choice-box .icon {
	margin: 0;
	display: none;
	font-size: .2rem;
	color: #fff
}

.word-choice-box.no-active {
	background: #f5f5f5
}

.word-choice-box.active {
	background: -webkit-linear-gradient(left,rgba(235,41,95,1),rgba(246,40,123,1));
	border: none
}

.word-choice-box.active .icon {
	display: block
}

.word-amount-box {
	height: .52rem
}

.word-amount-box .but {
	display: block;
	float: left;
	width: .6rem;
	text-align: center;
	height: .52rem;
	line-height: .52rem;
	font-size: .2rem;
	color: #333
}

.word-amount-box .but-no {
	color: #ddd
}

.word-amount-box input {
	margin: 0 .2rem;
	float: left;
	width: 1.04rem;
	text-align: center;
	height: .52rem;
	font-size: .24rem;
	color: #333;
	background: #f1f2f4;
	border-radius: .52rem
}

.word-header {
	height: 44px
}

.word-header .vux-header {
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 44px;
	background: #fff
}

.word-header .vux-header .vux-header-title {
	font-size: 16px;
	color: #333
}

.word .word-more-header .vux-header-left {
	left: 0;
	z-index: 2
}

.word .word-more-header .vux-header-left .router-go {
	padding: 0 .3rem
}

.word .word-more-header .vux-header-left .icon {
	color: #333
}

.word .word-more-header .vux-header-right {
	right: .35rem
}

.word .word-more-header .vux-header-right .icon {
	font-size: 23px;
	color: #333
}

.word-header-right-nav-click{
	position: fixed;
	top: 44px;
	bottom: 0;
	left: 0;
	z-index: 501;
	width: 100%
}

.word-header-right-nav-ul{
	margin-top: .12rem;
	position: fixed;
	top: 44px;
	right: .2rem;
	z-index: 502;
	width: 2.9rem;
	background: #fff;
	border-radius: .06rem;
	box-shadow: 0 .04rem .16rem rgba(126,16,198,.25)
}

.word-header-right-nav-ul:before {
	position: absolute;
	top: -.12rem;
	right: .4rem;
	content: "";
	border-style: solid;
	border-width: .06rem .12rem;
	border-color: transparent transparent #fff
}

.word-header-right-nav-ul ul li {
	position: relative
}

.word-header-right-nav-ul ul li a{
	padding: 0 .1rem 0 .9rem;
	display: block;
	height: .84rem;
	font-size: .22rem;
	color: #333
}

.word-header-right-nav-ul ul li a .icon{
	position: absolute;
	top: 0;
	left: .3rem;
	height: .84rem;
	font-size: .38rem
}

.word-header-right-nav-ul ul li a span {
	display: block;
	height: .84rem;
	line-height: .84rem;
	border-top: 1px solid #f5f5f5
}

.word-header-right-nav-ul ul li:first-child a span {
	border-top: none
}

.vux-fade-enter-active,.vux-fade-leave-active {
	opacity: 1;
	transition: opacity .2s linear
}

.vux-fade-enter,.vux-fade-leave-to {
	opacity: 0
}

.vux-dialog-enter-active {
	animation: vux-dialog-in .5s
}

.vux-dialog-leave-active {
	animation: vux-dialog-out .3s
}

@keyframes vux-dialog-in {
	0% {
		transform: scale(1.185);
		opacity: 0
	}

	to {
		transform: scale(1);
		opacity: 1
	}
}

@keyframes vux-dialog-out {
	0% {
		transform: scale(1);
		opacity: 1
	}

	to {
		transform: scale(.85);
		opacity: 0
	}
}

.vux-mask-enter,.vux-mask-leave-active {
	opacity: 0
}

.vux-mask-enter-active,.vux-mask-leave-active {
	transition: opacity .3s
}

.weui-mask {
	background: rgba(0,0,0,.6)
}

.weui-mask,.weui-mask_transparent {
	position: fixed;
	z-index: 1000;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0
}

@font-face {
	font-weight:400;font-style:normal;font-family:weui;src:url("data:application/octet-stream;base64,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") format("truetype")
}[class*=" weui-icon-"],[class^=weui-icon-] {
	display: inline-block;
	vertical-align: middle;
	font: normal normal normal 14px/1 weui;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased
}[class*=" weui-icon-"]:before,[class^=weui-icon-]:before {
	display: inline-block;
	margin-left: .2em;
	margin-right: .2em
}

.weui-icon-circle:before {
	content: "\EA01"
}

.weui-icon-download:before {
	content: "\EA02"
}

.weui-icon-info:before {
	content: "\EA03"
}

.weui-icon-safe-success:before {
	content: "\EA04"
}

.weui-icon-safe-warn:before {
	content: "\EA05"
}

.weui-icon-success:before {
	content: "\EA06"
}

.weui-icon-success-circle:before {
	content: "\EA07"
}

.weui-icon-success-no-circle:before {
	content: "\EA08"
}

.weui-icon-waiting:before {
	content: "\EA09"
}

.weui-icon-waiting-circle:before {
	content: "\EA0A"
}

.weui-icon-warn:before {
	content: "\EA0B"
}

.weui-icon-info-circle:before {
	content: "\EA0C"
}

.weui-icon-cancel:before {
	content: "\EA0D"
}

.weui-icon-search:before {
	content: "\EA0E"
}

.weui-icon-clear:before {
	content: "\EA0F"
}

.weui-icon-back:before {
	content: "\EA10"
}

.weui-icon-delete:before {
	content: "\EA11"
}[class*=" weui-icon_"]:before,[class^=weui-icon_]:before {
	margin: 0
}

.weui-icon-success {
	font-size: 23px;
	color: #09bb07
}

.weui-icon-waiting {
	font-size: 23px;
	color: #10aeff
}

.weui-icon-warn {
	font-size: 23px;
	color: #f43530
}

.weui-icon-info {
	font-size: 23px;
	color: #10aeff
}

.weui-icon-success-circle,.weui-icon-success-no-circle {
	font-size: 23px;
	color: #09bb07
}

.weui-icon-waiting-circle {
	font-size: 23px;
	color: #10aeff
}

.weui-icon-circle {
	font-size: 23px;
	color: #c9c9c9
}

.weui-icon-download,.weui-icon-info-circle {
	font-size: 23px;
	color: #09bb07
}

.weui-icon-safe-success {
	color: #09bb07
}

.weui-icon-safe-warn {
	color: #ffbe00
}

.weui-icon-cancel {
	color: #f43530;
	font-size: 22px
}

.weui-icon-clear,.weui-icon-search {
	color: #b2b2b2;
	font-size: 14px
}

.weui-icon-delete.weui-icon_gallery-delete {
	color: #fff;
	font-size: 22px
}

.weui-icon_msg {
	font-size: 93px
}

.weui-icon_msg.weui-icon-warn {
	color: #f76260
}

.weui-icon_msg-primary {
	font-size: 93px
}

.weui-icon_msg-primary.weui-icon-warn {
	color: #ffbe00
}

.weui-toast {
	position: fixed;
	z-index: 5001;
	width: 7.6em;
	min-height: 7.6em;
	top: 180px;
	left: 50%;
	margin-left: -3.8em;
	background: hsla(0,0%,7%,.7);
	text-align: center;
	border-radius: 5px;
	color: #fff
}

.weui-icon_toast {
	margin: 22px 0 0;
	display: block
}

.weui-icon_toast.weui-icon-success-no-circle:before {
	color: #fff;
	font-size: 55px
}

.weui-icon_toast.weui-loading {
	margin: 30px 0 0;
	width: 38px;
	height: 38px;
	vertical-align: baseline
}

.weui-toast__content {
	margin: 0 0 15px
}

.weui-toast.vux-toast-top {
	top: 10px
}

.weui-toast.vux-toast-bottom {
	top: auto;
	bottom: 10px;
	transform: translateX(-50%)
}

.weui-toast.vux-toast-middle {
	top: 50%;
	transform: translateX(-50%) translateY(-50%)
}

.vux-slide-from-top-enter,.vux-slide-from-top-leave-active {
	opacity: 0;
	transform: translateX(-50%) translateY(-100%)!important
}

.vux-slide-from-bottom-enter,.vux-slide-from-bottom-leave-active {
	opacity: 0;
	transform: translateX(-50%) translateY(100%)!important
}

.vux-slide-from-bottom-enter-active,.vux-slide-from-bottom-leave-active,.vux-slide-from-top-enter-active,.vux-slide-from-top-leave-active {
	transition: all .4s cubic-bezier(.36,.66,.04,1)
}

.weui-toast {
	transform: translateX(-50%);
	margin-left: 0!important
}

.weui-toast.weui-toast_forbidden {
	color: #f76260
}

.weui-toast.weui-toast_forbidden .weui-toast__content {
	margin-top: 10px
}

.weui-toast.weui-toast_text {
	min-height: 0
}

.weui-toast_text .weui-toast__content {
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 15px
}

.weui-toast__content {
	font-size: 16px
}

.weui-loading_toast .weui-toast__content {
	margin-top: 0
}

.weui-toast_success .weui-icon_toast:before {
	content: "\EA08"
}

.weui-toast_cancel .weui-icon_toast:before {
	content: "\EA0D"
}

.weui-toast_forbidden .weui-icon_toast.weui-icon-success-no-circle:before {
	content: "\EA0B";
	color: #f76260
}

.vux-header {
	position: relative;
	padding: 3px 0;
	box-sizing: border-box;
	background-color: #35495e
}

.vux-header .vux-header-title {
	line-height: 40px;
	text-align: center;
	font-size: 18px;
	font-weight: 400;
	color: #fff
}

.vux-header-title-area,.vux-header .vux-header-title {
	margin: 0 88px;
	height: 40px;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.vux-header .vux-header-title>span {
	display: inline-block
}

.vux-header .vux-header-left,.vux-header .vux-header-right {
	position: absolute;
	top: 14px;
	display: block;
	font-size: 14px;
	line-height: 21px;
	color: #ccc
}

/* .vux-header .vux-header-left a,.vux-header .vux-header-left button,.vux-header .vux-header-right a,.vux-header .vux-header-right button {
 	float: left;
	margin-right: 8px;
	color: #ccc
}
 */
.vux-header .vux-header-left a,.vux-header .vux-header-left button,.vux-header  .vux-header-right button {
	float: left;
	margin-right: 8px;
	color: #ccc
}

.vux-header .vux-header-left a:active,.vux-header .vux-header-left button:active,.vux-header .vux-header-right a:active,.vux-header .vux-header-right button:active {
	opacity: .5
}

.vux-header .vux-header-left {
	left: 18px
}

.vux-header .vux-header-left .vux-header-back {
	padding-left: 16px
}

.vux-header .vux-header-left .left-arrow {
	position: absolute;
	width: 30px;
	height: 30px;
	top: -5px;
	left: -5px
}

.vux-header .vux-header-left .left-arrow:before {
	content: "";
	position: absolute;
	width: 12px;
	height: 12px;
	border: 1px solid #ccc;
	border-width: 1px 0 0 1px;
	transform: rotate(315deg);
	top: 8px;
	left: 7px
}

.vux-header .vux-header-right {
	right: 15px
}

.vux-header .vux-header-right a,.vux-header .vux-header-right button {
	margin-left: 8px;
	margin-right: 0
}

.vux-header .vux-header-right .vux-header-more:after {
	content: "\2022   \2022   \2022   ";
	font-size: 16px
}

.vux-header-fade-in-right-enter-active {
	animation: fadeinR .5s
}

.vux-header-fade-in-left-enter-active {
	animation: fadeinL .5s
}

@keyframes fadeinR {
	0% {
		opacity: 0;
		transform: translateX(150px)
	}

	to {
		opacity: 1;
		transform: translateX(0)
	}
}

@keyframes fadeinL {
	0% {
		opacity: 0;
		transform: translateX(-150px)
	}

	to {
		opacity: 1;
		transform: translateX(0)
	}
}

.word-load[data-v-c235842c] {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: #f5f5f5
}

.word-load-n-bg[data-v-c235842c] {
	background: none
}

.word-error[data-v-5af73edc] {
	padding-bottom: 1.66rem;
	position: relative;
	min-height: 100%;
	box-sizing: border-box
}

.word-error .error-c[data-v-5af73edc] {
	padding: 3.4rem .3rem 0;
	text-align: center;
	line-height: .34rem;
	font-size: .24rem;
	color: #bbb;
	background: url(/static/img/error_404.4f12755.png) no-repeat center 1.16rem/3.3rem 1.96rem
}

.word-error a[data-v-5af73edc] {
	margin-left: -3.35rem;
	position: absolute;
	left: 50%;
	bottom: .4rem
}

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #fff inset
}

.input-readonly {
	color: #999!important;
	background: #f1f2f4!important
}

.login-edit-box {
	padding-left: .4rem
}

.login-edit-box .list .c {
	position: relative;
	height: .88rem;
	border-bottom: 1px solid #f5f5f5
}

.login-edit-box .list .c span {
	margin-right: .2rem;
	display: block;
	float: left;
	height: .88rem;
	line-height: .88rem;
	font-size: .28rem;
	color: #333
}

.login-edit-box .list .c .type-text {
	float: left;
	width: 100%;
	height: .88rem;
	font-size: .28rem;
	color: #333;
	background: none
}

.login-edit-box .list .c .type-text-tel {
	padding-left: 1rem;
	position: relative;
	width: 3.7rem
}

.login-edit-box .list .c .type-text-code {
	padding-left: .2rem;
	width: 3.7rem
}

.login-edit-box .list .c .select-state {
	float: left;
	width: .98rem
}

.login-edit-box .list .c .select-state img {
	margin-top: .25rem;
	float: left;
	display: block;
	width: .58rem;
	height: .38rem
}

.login-edit-box .list .c .select-state .icon {
	float: left;
	position: relative;
	right: -.1rem;
	font-size: .12rem;
	color: #ccc
}

.login-edit-box .list .c .width-min {
	position: absolute;
	top: 0;
	left: 1.2rem;
	width: 1rem;
	height: .88rem;
	font-size: .26rem
}

.login-edit-box .list .c .width-min-ccc {
	color: #ccc
}

.login-edit-box .list .c .br {
	margin-top: .26rem;
	float: left;
	display: block;
	width: .02rem;
	height: .36rem;
	background: #979797
}

.login-edit-box .list .c .c-but {
	margin-top: -.3rem;
	position: absolute;
	top: 50%;
	right: .2rem
}

.login-edit-box .list .c .icon {
	position: absolute;
	top: 0;
	right: .2rem;
	height: .88rem;
	line-height: .88rem;
	font-size: .4rem;
	color: #999
}

.login-edit-box .list .c .look-passe {
	color: #5b64fe
}

.login-edit-box .list .hint {
	margin-top: .08rem;
	height: .34rem;
	line-height: .34rem;
	font-size: .24rem;
	color: #FD006F
}

.login-edit-box .list .hint-error {
	color: #f85717
}

.login {
	padding-bottom: 11rem;
	position: relative;
	height: 100%;
	box-sizing: border-box
}

.login .logo {
	padding-top: 0rem
}

.login .logo img {
	display: block;
	margin: 0 auto;
	width: 3.38rem;
	height: 1rem
}

.login-register {
	padding-bottom: 1.5rem
}

.login-register .login-sign-up {
	padding: 1.52rem .4rem 1.14rem
}
/* iPhone5 */
@media ( max-width : 320px) {
	.login-register .login-sign-up {
		padding: 0.3rem .4rem 0.1rem
	}
}
.login-register .login-sign-up .button-circular-dark-gradual {
	margin-bottom: .25rem;
	font-size: .3rem;
	box-shadow: none
}

 .need-help {
	display: block;
	text-align: center;
	font-size: .26rem;
	color: #999
}

.login-register .security-user .t {
	margin: 0.2rem .52rem;
	position: relative;
	text-align: center;
	height: .36rem;
	line-height: .36rem;
	font-size: .26rem;
	color: #333
}

.login-register .security-user .t strong {
	padding: 0 .3rem;
	position: relative;
	z-index: 2;
	display: inline-block;
	background: #fff
}

.login-register .security-user .t:before {
	margin-top: -.005rem;
	position: absolute;
	top: 50%;
	left: 0;
	content: " ";
	width: 100%;
	height: .02rem;
	background: #ccc
}

.login-register .security-user .c {
	padding: 0 1.4rem
}

.login-register .security-user .c ul {
	display: -webkit-box
}

.login-register .security-user .c ul li {
	-webkit-box-flex: 1;
	text-align: center;
	width: 20%
}

.login-register .security-user .c ul li a {
	display: block
}

.login-register .security-user .c ul li .icon {
	font-size: .64rem
}

.login-register .security-user .c ul li strong {
	padding-top: .1rem;
	display: block;
	line-height: .28rem;
	font-size: .2rem;
	color: #999
}

.login-register .warn {
	padding: 0 .7rem;
	position: absolute;
	left: 0;
	/* bottom: .3rem; */
	margin-top: .3rem;
	width: 100%;
	text-align: center;
	line-height: .34rem;
	font-size: .24rem;
	color: #333;
	box-sizing: border-box
}

.login-register .warn a {
	color: #FD006F;
	text-decoration: underline
}

.link-contact-tel {
	padding-bottom: 2.5rem;
	position: relative;
	min-height: 100%;
	box-sizing: border-box
}

.link-contact-tel .head {
	padding: .92rem .3rem .6rem;
	text-align: center;
	line-height: .6rem;
	font-size: .44rem;
	font-weight: 600
}

.link-contact-tel .login-edit-box {
	margin-top: 1rem
}

.link-contact-tel .introduce {
	padding: .28rem .4rem;
	line-height: .36rem;
	font-size: .26rem;
	color: #999
}

.link-contact-tel .introduce h6 {
	margin-bottom: .1rem;
	font-weight: 400
}

.link-contact-tel-f {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2.1rem
}

.link-contact-tel-f .sub {
	margin: 0 auto;
	font-size: .3rem;
	box-shadow: none
}

.link-contact-tel-f .skip {
	margin: .4rem auto;
	display: block;
	text-align: center;
	height: .4rem;
	line-height: .4rem;
	font-size: .28rem;
	color: #999
}

/* .login .login-cont {
	margin-top: 1.52rem
} */

.login .login-cont .li {
	margin: 0 .4rem;
	padding: 0 .4rem 0 .24rem;
	position: relative;
	height: .9rem;
	border-bottom: 1px solid #f5f5f5
}

.login .login-cont .li .type-text {
	position: relative;
	z-index: 2;
	width: 100%;
	height: .9rem;
	font-size: .28rem;
	color: #333;
	background: none
}

.login .login-cont .li .icon {
	position: absolute;
	top: 0;
	right: 0;
	height: .9rem;
	line-height: .9rem;
	font-size: .32rem;
	color: #ccc
}

.login .login-cont .li .passe-icon {
	font-size: .4rem
}

.login .login-cont .li .hint {
	margin-left: .24rem;
	position: absolute;
	top: 0;
	left: 0;
	height: .9rem;
	line-height: .9rem;
	font-size: .28rem;
	color: #ccc;
	transition: all .4s ease-in;
	transform: translateX(.76rem)
}

.login .login-cont .li .hint-left {
	left: 0;
	transform: translateX(0)
}

.login .btn-cont {
    padding: .3rem .3rem;
   /*  position: absolute; */
    bottom: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
}

.login .btn-cont p{
  text-align: center;
  font-size: 14px;
  
}
.login .btn-cont .login-btn {
	margin: 0 auto .4rem;
	box-shadow: none
}

.login .btn-cont .move {
	padding: 0 .4rem;
	text-align: center;
	height: .36rem;
	line-height: .36rem
}

.login .btn-cont .move a {
	font-size: .24rem;
	color: #FD006F
}

.register {
	padding-bottom: 3rem;
	position: relative;
	min-height: 100%;
	box-sizing: border-box
}

.register .welcome {
	padding: .2rem 0 0 .4rem;
	height: .6rem;
	line-height: .6rem;
	font-size: .44rem;
	color: #333
}

.register .register-but {
	padding: .5rem .4rem;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	box-sizing: border-box
}

.register .register-but .button-big {
	margin-bottom: .4rem;
	box-shadow: none
}

.terms-of-service {
	padding-left: .46rem;
	position: relative
}

.terms-of-service .word-choice-box {
	position: absolute;
	top: -.04rem;
	left: 0
}

.terms-of-service p {
	line-height: .34rem;
	font-size: .24rem;
	color: #333
}

.terms-of-service p a {
	color: #FD006F;
	text-decoration: underline
}

.forget-password {
	padding: .24rem 0 1.78rem;
	position: relative;
	min-height: 100%;
	box-sizing: border-box
}

.forget-password .font-a {
	display: block;
	float: right;
	padding-right: .2rem;
	width: 1.8rem;
	height: .88rem;
	line-height: .88rem;
	text-align: right;
	font-size: .26rem;
	color: #FD006F
}

.forget-password .forget-button {
	margin: 1.72rem 0 0 -3.35rem;
	position: absolute;
	left: 50%;
	box-shadow: none
}

.login-register-header .vux-header .vux-header-left {
	display: none
}
.login-edit-box .list .c .c-but {
    margin-top: -.3rem;
    position: absolute;
    top: 50%;
    right: .2rem;
}
.get-code {
    padding: 0 .2rem;
    display: inline-block;
    height: .6rem;
    line-height: .6rem;
    font-size: .2rem;
    color: #fff;
    background: -webkit-linear-gradient(left,rgba(235,41,95,1),rgba(246,40,123,1));
    border-radius: .6rem;
}
.no-get-code {
    color: #999;
    background: #f1f2f4;
}

.login-edit-box .list .c .select-state {
    float: left;
    width: .98rem;
}
.login-edit-box .list .c .select-state img {
    margin-top: .25rem;
    float: left;
    display: block;
    width: .58rem;
    height: .38rem;
}

.view-bottom {
    display: none;
    position: fixed;
    width: 100vw;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,.6);
    z-index: 9999;
    max-width: 750px;
    box-sizing: border-box;
}

.view-bottom-box.view-move-in.view-bottom-box-sml {
    top: calc(100% - 220px);
    animation: 0s moveIn_sml ease-in-out;
    height: 220px;
}
.view-bottom-box {
    overflow: hidden;
    top: 100vh;
    position: absolute;
    width: 100vw;
    max-width: 750px;
    background: #FFF;
    height: 100%;
    overflow: hidden;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.view-bottom-box .view-bottom-head {
    padding: 0 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    font-size: 16px;
    line-height: 44px;
    height: 44px;
    color: #000;
}
.view-bottom-box .view-bottom-head button.close {
    padding: 0 0 0 4px;
}
.view-bottom-box .view-bottom-head button {
    border: none;
    background: transparent;
}
.view-bottom-box .view-bottom-head {
    padding: 0 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    font-size: 16px;
    line-height: 44px;
    height: 44px;
    color: #000;
}
.view-bottom-box .view-bottom-head .success {
    background: linear-gradient(90deg,rgba(235,41,95,1),rgba(246,40,123,1));
    height: 28px;
    border-radius: 4px;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 14px;
    min-width: 28px;
}
.view-bottom-box .view-bottom-head button {
    border: none;
    background: transparent;
}
.view-bottom-box .view-bottom-content {
    padding: 0 4%;
    height: calc(100% - 44px);
    overflow-y: auto;
}
.close-pub {
    width: 28px;
    height: 28px;
}

.phone-switch ul li  {
    position: relative;
    height: .7rem;
    line-height: .7rem;
    border-bottom: 1px solid #f5f5f5;
}
.phone-switch ul li img  {
    margin-right: .25rem;
    width: .58rem;
    height: .38rem;
}
.phone-switch ul li strong  {
    margin-right: .1rem;
    color: #999;
}
.phone-switch ul li  {
    position: relative;
    height: .7rem;
    line-height: .7rem;
    border-bottom: 1px solid #f5f5f5;
}
.phone-switch ul li .icon  {
    position: absolute;
    top: 0;
    right: .2rem;
    height: 100%;
    font-size: .28rem;
    color: #bbb;
}
.login .login-cont .li {
    margin: 0 .4rem;
    padding: 0 .4rem 0 .24rem;
    position: relative;
    height: .9rem;
    border-bottom: 1px solid #f5f5f5;
}
.login .login-cont .li .type-text {
    position: relative;
    z-index: 2;
    width: 100%;
    height: .9rem;
    font-size: .28rem;
    color: #333;
    background: none;
}
.login .login-cont .li .hint {
    margin-left: .24rem;
    position: absolute;
    top: 0;
    left: 0;
    height: .9rem;
    line-height: .9rem;
    font-size: .28rem;
    color: #ccc;
    transition: all .4s ease-in;
    transform: translateX(.76rem);
}
.login .login-cont .li .hint-left {
    left: 0;
    transform: translateX(0);
}
.loaderbox {
    display: inline-block;
    min-width: 125px;
    padding: 10px;
    margin: 0 auto;
    color: #000 !important;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #ddd;
    background-color: #eee;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
}
.loaderbox .loading-activity {
    float: left;
    width: 18px;
    height: 18px;
    border: solid 2px transparent;
    border-top-color: #000;
    border-left-color: #000;
    border-radius: 10px;
    -webkit-animation: pace-spinner 400ms linear infinite;
    -moz-animation: pace-spinner 400ms linear infinite;
    -ms-animation: pace-spinner 400ms linear infinite;
    -o-animation: pace-spinner 400ms linear infinite;
    animation: pace-spinner 400ms linear infinite;
}
.vux-header-right ul li img {
    width: .3rem;
    margin-right: 0.1rem;
}
.vux-header-right ul li.mdui-divider {
    margin: 0px;
}
.vux-header-right ul li a {
    font-size: 0.25rem;
    height: auto;
    line-height: normal;
    padding: 10px 0px;
}
.vux-header-right ul {
    width: 2.2rem;
}
@-ms-keyframes pace-spinner {
	0% {
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}

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

@keyframes pace-spinner {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.switchthed{
	padding: 0 .4rem;
    text-align: right;
    height: .36rem;
    line-height: .36rem;
}
.switchthed a {
    font-size: .24rem;
    color: #FD006F;
}
#register_tips{
	position: absolute;
	display: block;
	background: #fff; 
	z-index: 2001;
	top: 35%;
	width: 30%;
	left: 35%;
	padding: 0.3rem;
	display: none;
}
#register_tips h5{
	font-size: 0.26rem;
	color: red;
}
.register_tips_name{
	text-align: center;
	font-size:0.3rem;
	padding: 0.1rem 0rem;
}
@media (max-width: 380px){
   .login-edit-box .list .c .width-min{
   		width: 0.8rem;
   		left: 1rem;
   		padding-left: 3px;
   }
   .login-edit-box .list .c .type-text-tel{
   		width: 50%;
   		padding-left: 0.8rem;
   }
}
@media (max-width: 380px){
   .login-edit-box .list .c .width-min{
   		width: 0.8rem;
   		left: 1rem;
   		padding-left: 3px;
   }
   .login-edit-box .list .c .type-text-tel{
   		width: 50%;
   		padding-left: 0.8rem;
   }
}

@media (max-width: 420px){
  #register_tips{
		top: 30%;
		width: 80%;
		left: 10%;
	}
}
.get-code2{
	padding: 0 .2rem;
    display: inline-block;
    height: .6rem;
    line-height: .6rem;
    font-size: .2rem;
   	color: #999;
    background: #f1f2f4;
    border-radius: .6rem;
}
.timeBox{
	display: none;
}
.login-edit-box .list .c .emali_img_box{
	float: left;
    width: 100%;
    max-width: 40px;
    height: 100%;
    display: flex;
    align-items: center;
}
.login-edit-box .list .c .emali_img_box img{height: 40px;}
.login-edit-box .list .c .emali_input{padding-left: 0.3rem;	}

.gather_email_main{
	margin-top: 10px;
    height: 30px;
    display: none;
    justify-content: flex-start;
    align-items: center;
}
.gather_email_main .input{
	border-bottom: 1px solid #999;
    height: 40px;
    width: 60%;
    font-size: 16px;
    line-height: 40px;
    margin-left: 10px;
}
.gather_email_main .input::-webkit-input-placeholder{/*Webkit browsers*/
	color:#999;
	font-size:16px;
}
.gather_email_main .input:-moz-placeholder{/*Mozilla Firefox 4 to 8*/
	color:#999;
	font-size:16px;
}
.gather_email_main .input::moz-placeholder{/*Mozilla Firefox 19+*/
	color:#999;
	font-size:16px;
}
.gather_email_main .input:-ms-input-placeholder{/*Internet Explorer 10+*/
    color:#999;
    font-size:16px;
}
.gather_email_main .ck_email{
	-webkit-appearance: auto;
    width: 18px;
    height: 18px;
    left: -10px;
    margin-right: 5px;
    border-radius: 50%;
}

.mdui-snackbar-top{z-index: 10001;top: calc(50% - 24px);border-radius: 4px;width: 60%;max-width: 300px;background-color: #000;min-height: auto;line-height: 24px;padding: 0 12px;}
.mdui-snackbar-text{width:100%;text-align:center;padding:9px 0;font-size: 18px;}
.gather_email_main .mdui-list-item{padding:0;}
.gather_email_main .mdui-checkbox-icon{ left: 0; right: 0; margin: auto; }