@charset "UTF-8";
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	color: #000
}

html * {
	outline: 0;
	-webkit-text-size-adjust: none;
	tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-ms-tap-highlight-color: rgba(0,0,0,0)
}
body {
	_height: 100%;
	_background: url(about:blank);
	_background-attachment: fixed
}
body {
	font: 12px/1.2 "Hiragino Sans GB","Microsoft YaHei","微软雅黑",arial,Tahoma,SimSun,sans-serif;
	color: #333;
	text-rendering: geometricPrecision;
	-webkit-font-smoothing: antialiased;
	_background-image: url(about:blank);
	_background-attachment: fixed
}

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,em {
	margin: 0;
	padding: 0
}

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

input,select,textarea {
	font-size: 100%
}

input {
	border: none;
	background: 0 0
}

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

fieldset,img {
	border: 0
}

i,em,address {
	font-style: normal
}

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

a {
	text-decoration: none;
	color: inherit
}

iframe {
	line-height: 0;
	overflow: hidden
}

.login-footer {
	margin-top: 30px;
	text-align: center;
	padding-bottom: 25px
}

.login-footer a {
	color: #F6F6F6
}

.login-footer a:hover {
	text-decoration: underline
}

.login-footer span {
	color: #fff;
	opacity: .3;
	filter: alpha(opacity=30);
	padding: 0 35px
}

#scanLogin {
	margin-top: 30px
}

#footerTip {
	opacity: 1;
	filter: alpha(opacity=100)
}

.regLable {
	display: none;
	color: #fff
}

#regContent {
	position: relative;
	z-index: 102
}

#overlay {
	margin: 0;
	padding: 0;
	border: none;
	width: 100%;
	height: 100%;
	opacity: .5;
	filter: alpha(opacity=50);
	z-index: 99;
	position: fixed;
	top: 0;
	left: 0;
	display: block;
	background: #333
}

.regMobileCodeTip {
	display: none
}

.overlay {
	margin: 0;
	padding: 0;
	border: none;
	width: 100%;
	height: 100%;
	opacity: .5;
	filter: alpha(opacity=50);
	z-index: 999;
	position: fixed;
	top: 0;
	left: 0;
	display: block;
	background: #333
}

#outregBox {
	position: relative;
	width: 520px;
	margin: 12px auto;
	height: 20px;
	margin-bottom: 10px;
	font-size: 14px;
	color: #F6F6F6
}

#outregBox a {
	color: #F6F6F6
}

#backtoindex {
	position: absolute;
	left: 0
}

#goLogin {
	position: absolute;
	right: 0
}

#goLogin a:hover {
	text-decoration: underline
}

:-moz-placeholder {
	color: #ccc
}

::-moz-placeholder {
	color: #ccc
}

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

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

.bgAllImage {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-animation-name: fadeInOut;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-duration: 2s;
	-webkit-animation-direction: alternate
}

.wrap {
	padding-top: 39px;
	width: 520px;
	opacity: 1;
	margin: 0 auto;
	background: #fff;
	z-index: 999
}

.container {
	width: 200px;
	height: 200px;
	margin: 0 auto;
	background: #000;
	z-index: 9999;
	color: #09C
}

.regLi {
	position: relative;
	background: #FFF;
	border: 2px solid #EBEBEB;
	border-radius: 2px;
	width: 422px;
	height: 50px;
	margin: 0 auto 16px auto;
	line-height: 50px;
	padding-left: 15px
}

.regLi input {
	font-size: 16px
}

.inputliFocus {
	border: 2px solid #BFBFBF
}

.regLogo {
	height: 46px;
	width: 134px;
	margin: 48px auto;
	margin-top: 0;
	background:url('./logo.png') no-repeat 0 0;
}

#logoHref {
	display: block;
	height: 46px;
	width: 134px
}

.regButtonLi {
	padding: 0;
	height: 142px;
	border: 0;
	width: 440px
}

.regGetcodeBtn {
	position: absolute;
	cursor: pointer;
	background: #F6F6F6;
	border-radius: 3px;
	width: 110px;
	height: 34px;
	font-size: 14px!important;
	color: #CCC;
	letter-spacing: -.01px;
	right: 8px;
	top: 8px
}

.regVoiceValidcodeLi {
	display: none
}

.regButton {
	font-size: 18px!important;
	width: 440px;
	height: 54px;
	//color: rgba(256,256,256,1);
	color: #fff;
	border-radius: 2px;
	background: #ff552e;
	cursor: pointer
}

.regButtonOn {
	color: rgba(256,256,256,1)
}

.regButtonOntouch {
	background: #d94827
}

.regTip {
	height: 100%;
	margin: 0 40px;
	margin-bottom: 10px
}

.regTipText {
	line-height: 22px;
	font-size: 14px;
	color: #FF5252
}

.regMobileTipKeep,.regValidcodeTipKeep,.regVoiceValidcodeTipKeep,.regMobileCodeTipKeep,.regPasswordTipKeep,.regRepasswordTipKeep,.regMobileUsernameTipKeep {
	display: block
}

.regMobileTipKeep,.regMobileCodeTipKeep,.regValidcodeTipKeep {
	height: 22px
}

.regPasswordTipClear,.regMobileTipClear,.regValidcodeTipClear,.regVoiceValidcodeTipClear,.regMobileCodeTipClear,.regPasswordTipTextClear,.regRepasswordTipTextClear,.regMobileTipClear,.regValidcodeTipClear,.regMobileCodeTipClear,.regPasswordTipTextClear,.regRepasswordTipTextClear,.regMobileUsernameTipTextClear,.regMobileUsernameTipClear {
	display: none
}

.regMobileTipTextKeep,.regValidcodeTipTextKeep,.regVoiceValidcodeTipTextKeep,.regMobileCodeTipTextKeep,.regPasswordTipTextKeep,.regRepasswordTipTextKeep,.regMobileUsernameTipTextKeep {
	display: block;
	padding-left: 32px;
	height: 22px;
	*background-image: none;
	background-size: 22px 22px
}

#regRepasswordTip {
	margin-bottom: 0!important
}

.regMobileTipTextClear,.regValidcodeTipTextClear,.regVoiceValidcodeTipTextClear,.regMobileCodeTipTextClear,.regPasswordTipTextClear,.regRepasswordTipTextClear,.regMobileUsernameTipTextClear {
	display: none
}

.regGetcodeBtnOn {
	color: #FF552E
}

.regGetcodeBtnColorCCC {
	color: #ccc
}

.countdown {
	color: #ccc
}

.regMobileTip {
	position: relative
}

.regVoicecodeTip {
	display: none;
	position: absolute;
	right: 0;
	top: 1px;
	opacity: .98;
	font-size: 14px;
	color: #979797;
	height: 22px
}

.regVoicecodeTipKeep {
	display: block
}

.regVoicecodeTipClear {
	display: none
}

.regVoicecodeBtn {
	opacity: .98;
	font-size: 14px;
	color: #FF552E;
	cursor: pointer;
	padding-left: 10px;
	*padding-left: 0
}

.regVoicecodeSending {
	color: #979797
}

.regMobileSure {
	font-size: 14px;
	color: #666
}

.regLoginBtn,.regContinue {
	cursor: pointer;
	color: #FF552E;
	font-weight: 700
}

.regContinue {
	color: #979797
}

#regAgreementBox {
	height: 17px;
	line-height: 17px;
	margin: 30px 0;
	text-align: center;
	font-size: 14px;
	color: #999
}

#regAgreementBox a:hover {
	color: #FF552E
}

#regAgreementBox span {
	margin-left: 10px
}

#regAgreement {
	color: #666
}

.regValidcodeLi {
	display: none
}

.regValidcodeKeep,.regValidcodeLiKeep,.regVoiceValidcodeKeep,.regVoiceValidcodeLiKeep,.regMobileUsernameKeep {
	display: block
}

.regValidcodeClear,.regValidcodeLiClear,.regVoiceValidcodeClear,.regVoiceValidcodeLiClear,.regMobileUsernameClear {
	display: none
}

.regValidcodeBg {
	margin: 0;
	padding: 0;
	border: none;
	width: 100%;
	height: 100%;
	opacity: .9;
	z-index: 999;
	position: fixed;
	top: 0;
	left: 0;
	display: block;
	background: #333;
	_position: absolute;
	_top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2: 
    document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2)
}

.regValidcodeBox {
	left: 50%;
	top: 50%;
	margin-left: -260px;
	margin-top: -155px;
	position: absolute;
	z-index: 1002;
	background: #FFF;
	box-shadow: 0 2px 6px 2px rgba(0,0,0,.24);
	border-radius: 2px;
	width: 520px;
	height: 310px;
	_position: absolute;
	_top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2:
    document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2)
}

.regValidcodeTipText {
	display: block;
	text-align: center;
	font-size: 20px;
	color: #333;
	text-align: center;
	margin-top: 50px
}

.regValidcodeInputBox {
	margin: 40px auto;
	margin-bottom: 26px;
	width: 440px;
	height: 54px;
	line-height: 54px;
	background: #FFF;
	border: 2px solid #EBEBEB;
	border-radius: 2px
}

.regValidcode {
	border: 0;
	margin-left: 15px;
	font-size: 16px
}

#regValidImg,#regVoiceValidImg {
	position: absolute;
	right: 40px;
	height: 50px;
	cursor: pointer
}

.regValidcodeBtnbox {
	margin: 0 auto;
	width: 440px;
	height: 54px;
	line-height: 54px;
	background: #ff552e;
	color: #fff;
	border-radius: 2px;
	text-align: center
}

.regValidcodeBtn {
	width: 440px;
	height: 54px;
	color: #fff;
	font-size: 18px;
	border-radius: 2px;
	cursor: pointer
}

.regValidcodeBtnOn {
	color: #fff
}

	.regValidcodeClose {
		position: fixed;
		width: 42px;
		height: 42px;
		*background-image: none;
		background-size: 26px 26px;
		right: 30px;
		top: 30px;
		z-index: 1003;
		opacity: 1;
		color: #fff;
		cursor: pointer;
		background:url(./regClose.png) no-repeat;
	}

.passwordlevelBox {
	display: none;
	margin-top: 13px
}

.passwordlevelBoxHide {
	display: none
}

.passwordlevelBoxShow {
	display: block
}

.passwordlevel {
	text-align: center;
	font-size: 12px;
	color: #979797;
	padding: 0 27px;
	margin: 1px 0;
	background: #EBEBEB
}

.passwordlevelon {
	background: #3495FC;
	color: #FFF
}

.regMobileSure {
	display: none
}

.regMobileSureShow {
	display: block
}

.regMobileSureHide {
	display: none
}

.regMobileSureShow {
	display: block
}

.regInput {
	height: 20px;
	padding: 15px 0;
	width: 400px
}

@media screen and (-webkit-device-pixel-ratio:2) {
	body {
		font-family: PingFangSC-Regular
	}

	.regButton {
		width: 440px;
		height: 54px;
		color: #fff;
		border-radius: 2px;
		background: #ff552e
	}

	.regButtonOn {
		color: #fff
	}

	.regButtonOntouch {
		background: #d94827
	}


	.regMobileTipTextKeep,.regValidcodeTipTextKeep,.regVoiceValidcodeTipTextKeep,.regMobileCodeTipTextKeep,.regPasswordTipTextKeep,.regRepasswordTipTextKeep,.regMobileUsernameTipTextKeep {
		*background-image: none;
		background-size: 22px 22px
	}

	.regValidcodeClose {
		position: fixed;
		width: 42px;
		height: 42px;
		*background-image: none;
		background-size: 26px 26px;
		right: 30px;
		top: 30px;
		z-index: 1003;
		opacity: 1;
		color: #fff;
		cursor: pointer;
		background:url(./regClose.png) no-repeat;
	}
}