.wq-service-footer{
	display: flex;
	justify-content: space-between;
	padding: 20px 16px 0;
	line-height: 42px;
}
.caution-txt{
	color: #f00;
}
.help-policy {
	height: 360px;
}
.policy-btnCancel {
	background-color: #fff;
	color: #00a2e4;
	height: 42px;
	line-height: 42px;
	font-size: 14px;
	border: 1px solid #00a2e4;
	display: inline-block;
	width: 120px;
	border-radius: 3px;
	overflow: hidden;
	outline: none;
	text-align: center;
	cursor: pointer;
}
.policy-btnConfrim {
	color: #fff;
	background-color: #00a2e4;
	height: 42px;
	line-height: 42px;
	font-size: 14px;
	border: 1px solid #00a2e4;
	display: inline-block;
	width: 120px;
	border-radius: 3px;
	overflow: hidden;
	outline: none;
	text-align: center;
	cursor: pointer;
}
.newLogin-input.first-loginInput {
	margin-top: 0;
}
.newLogin {
	width: 100%;
	height: 100%;
	background: url(https://cdnstyle.woqukaoqin.com/style/src/image/lykan/login/login_bg.png) no-repeat;
	background-size: cover;
	position: relative;
}

.newLogin-titleWrap {
	color: #fff;
	text-align: left;
	position: absolute;
	top: 50%;
	left: 15%;
	margin-top: -140px;
	z-index: 9;
}

.newLogin-titleWrap h2 {
	font-size: 48px;
	padding-bottom: 15px;
}

.newLogin-titleWrap h3 {
	font-size: 24px;
	line-height: 1.5;
	font-weight: 300;
}

.qrcode-content {
	width: 420px;
}

.qrcode-item {
	float: left;
	width: 180px;
	margin: 15px 60px 10px 0;
}

.qrcode-item:last-child {
	margin-right: 0;
}
.qrcode-item div {
	text-align: center;
	font-size: 16px;
	padding-top: 10px;
}


.newLogin-mask {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	top: 0;
	left: 0;
}

.logo {
	width: 150px;
	display: block;
	/*background: url(/style/css/src/site/images/logo.png) no-repeat center;*/
	/*text-indent: -200px;*/
	overflow: hidden;
	margin-top: 9px;
}

.logo img {
	width: 100%;
	display: block;
}

.en .logo {
	background: url(/style/css/src/site/images/logo_en.png) no-repeat center;
}

.register-bar {
	height: 60px;
	line-height: 60px;
	color: #fff;
}

.newLogin-hd {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	padding: 0 30px;
}

.newLogin-register,
.newLogin-login {
	color: #00a2e4;
	cursor: pointer;
}
.newLogin-bd {
    width: 100%;
    top: 60px;
    bottom: 0;
    overflow: hidden;
    position: absolute;
}

.newLogin-wrap {
	width: 370px;
	height: 400px;
	background-color: #fff;
	border-radius: 5px;
	position: absolute;
	top: 50%;
	margin-top: -212px;
	right: 20%;
	z-index: 10;
}

.newLogin-wrap dl {
	height: 400px;
	padding: 22px 30px;
	position: relative;
}

.newLogin-ft {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	color: #ddd;
	font-size: 12px;
	text-align: center;
	padding: 20px 0;
	opacity: 0.5;
}

.newLogin-title {
	color: #333;
	font-size: 26px;
	text-align: center;
}

.newLogin-forget {
	color: #00a2e4;
	text-align: right;
	font-size: 12px;
	margin-top: 10px;
	cursor: pointer;
}

.newLogin-tips {
	color: #999;
	font-size: 14px;
	text-align: center;
}

.newLogin-input,
.newLogin-select {
	width: 100%;
	height: 42px;
	line-height: 42px;
	font-size: 14px;
	display: inline-block;
	border: 1px solid #eaeaea;
	border-radius: 2px;
	margin-top: 20px;
	text-indent: 1em;
	outline: none;
}

.newLogin-btn {
	height: 42px;
	line-height: 42px;
	font-size: 14px;
	border: 1px solid #00a2e4;
	display: inline-block;
	width: 100%;
	margin-top: 20px;
	border-radius: 3px;
	overflow: hidden;
	outline: none;
	text-align: center;
	cursor: pointer;
}

.newLogin-btnLogin {
	color: #fff;
	background-color: #00a2e4;
}

.newLogin-btnReg {
	background-color: #fff;
	color: #00a2e4;
}

.newLogin-createCompany {
	font-size: 14px;
	color: #00a2e4;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 50px;
	text-align: center;
	cursor: pointer;
}

.newLogin-modal .modal-dialog {
	width: 350px;
}

.newLogin-modal .modal-header {
	position: relative;
	border-bottom: none;
}

.newLogin-modal .modal-title {
	font-size: 24px;
}

.newLogin-modal .close {
	color: #a1a1a1;
	position: absolute;
	right: 15px;
	top: 50%;
	font-size: 20px;
	margin-top: -10px;
	outline: none;
}

.newLogin-modal .modal-body {
	padding: 0 20px 20px;
}

.newLogin-input.txt-sendCode {
	width: 176px;
}

.newLogin-btn.btn-sendCode {
	width: 118px;
	border: 1px solid #e0e0e0;
	background-color: #f5f5f5;
	margin-left: 14px;
	color: #333;
}

.register-successIcon {
	width: 60px;
	height: 60px;
	display: block;
	margin: 0 auto;
	background: url(/style/css/src/site/images/success.png) no-repeat center;
}
.newLogin-wrap dl.register-success {
	height: auto;
	margin-top: 93px;
}

.register-success-title {
	text-align: center;
    color: #333;
    font-size: 16px;
    margin-top: 20px;
}

.register-success-subtitle {
	text-align: center;
	color: #999;
	font-size: 14px;
	padding-top: 20px;
	line-height: 1.5
}

.register-successCreate {
	color: #00a2e4;
	text-align: center;
	padding-top: 30px;
	cursor: pointer;
}

.newLogin-successClose,
.newLogin-successClose:hover {
	margin: 20px auto;
	display: block;
	font-size: 14px;
	color: #00a2e4;
	border: 1px solid #00a2e4;
	border-radius: 2px;
	width: 120px;
	height: 42px;
	line-height: 42px;
	background-color: #fff;
	outline: none;
}

button[disabled], html input[disabled],
button.disabled, html input.disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.imgCode {
	margin-top: 20px;
	height: 42px;
	padding-top: 10px;
}

.fn-switchCheckcode {
	margin-top: 30px;
	text-align: center;
	width: 60px;
	font-size: 12px;
	display: inline-block;
}
.test-protocol{
	height: 48px;
	line-height: 48px;
}
#wq-protocol{
	visibility: hidden;
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
}
#wq-protocol + span{
	width: 16px;
	height: 16px;
	margin-left: -16px;
	margin-right: 6px;
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
	border: 1px solid #00A2E4;
	box-sizing: border-box;
	border-radius: 2px;
}
#wq-protocol:checked + span{
	background: #00A2E4;
}
#wq-protocol:checked + span:after{
	content: "\2714";
	display: block;
	text-align: center;
	font-size: 14px;
	color: white;
	line-height: 14px;
}
.wq-protocol {
	font-size: 13px;
	font-weight: 400;
	color: #333;
}
.wq-protocol a{
	color: #00A2E4;
	text-decoration: none;
}
.wq-protocol a:hover{
	cursor: pointer;
}

.service-agreement{
	width: 680px;
	height: 504px;
	border-radius: 6px;
	background: #fff;
	position: fixed;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 10000;
}
.service-agreement .wq-service-title{
	height: 68px;
	padding: 20px 0 20px 25px;
	border-bottom: 1px solid #E0E0E0;
}
.service-agreement .wq-service-title h4{
	margin: 0;
	font-size: 24px;
	font-weight: 400;
	color: #333;
	line-height: 30px;
}
.mask{
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.6);
	z-index: 100;
	display: none;
}
.help-bd {
	line-height: 1.5;
	background-color: #fff;
	font-size: 14px;
	height: 430px;
	overflow: auto;
	padding-bottom: 20px;
}

.help-bd .help-text-pdl {
	text-indent: 2em;
	padding-top: 1rem
}

.help-bd dd.help-text-pdl,
.help-bd ul.help-text-pdl {
	padding-top: 0;
	padding-left: 1rem;
	margin-left: 0
}

.help-bd dl dt {
	font-weight: bold;
	font-size: 16px;
	padding: 0.5rem 0
}

.help-bd .help-bd-top {
	padding-top: 1rem
}