/* 必要样式 */
.aui-register-popup {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-image: url("../images/bg.jpg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.container {
	position: absolute;
	top: 50%;
	left: 10%;
	transform: translateY(-50%);
}

.aui-register-box {
	position: relative;
	width: 556px;
	padding-bottom: 10px;
	margin-top: 10%;
	margin-left: 35%;
	background-color: rgba(255, 255, 255, .3);
	padding: 25px;
	border-radius: 12px;
}

.aui-register-main {
	position: relative;
	width: 500px;
	padding: 5px;
	border-radius: 12px;
	background-color: #FFFFFF;
	overflow: hidden;
	margin: 0 auto;
}

.aui-register-tt {
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 30px;
	margin-top: 20px;
}

.aui-register-link {
	position: absolute;
	width: 136px;
	height: 80px;
	background: url(../images/sqbg.png) no-repeat;
	background-size: 100% 100%;
	right: -17px;
	top: 0;
	padding-left: 60px;
	font-size: 14px;
}

.aui-register-link a {
	color: #fff;
	text-decoration: none;
	line-height: 50px;
	/* margin-left: 40px; */
}

.aui-register-logo {
	width: 338px;
	height: 75px;
	margin: 30px auto 0;
	padding-top: 12px;
	padding-bottom: 20px;
	box-sizing: border-box;
}

.aui-register-logo img {
	width: 100%;
	height: auto;
	display: block;
	border: none;
}

.aui-register-form-item {
	width: 350px;
	margin: 15px auto;
	position: relative;
	text-align: justify;
}

.aui-register-form-item input {
	width: 100%;
	height: 44px;
	box-sizing: border-box;
	outline: 0;
	border: 1px solid #ebebeb;
	text-indent: 15px;
	font-size: 14px;
	/* line-height: 42px; */
	/* margin-left: -15px; */
	background: #fff;
	margin-bottom: 6px;
	padding: 10px 40px 10px 10px;
}

.captcha_wrap {
	display: -webkit-box;
	/* 老版本语法: Safari 3.1-6,  iOS 6-, Android browser, older WebKit browsers.  */
	display: -moz-box;
	/* 老版本语法: Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* 混合版本语法: IE 10 */
	display: -webkit-flex;
	/* 新版本语法： Chrome 21+ */
	display: flex;
}

.captcha_wrap img {
	width: 100px;
	cursor: pointer;
}

/*.aui-register-form-item input:focus {
	border:1px solid #bbbaba;
	background:#fff;
}
.aui-register-form-item input:active {
	border:1px solid #bbbaba;
	background:#fff;
}
*/
.aui-get-code {
	position: absolute;
	top: 8px;
	*top: 11px;
	right: 8px;
	height: 26px;
	color: #999;
	font-size: 12px;
	line-height: 26px;
	background: #eee;
	border-radius: 2px;
	padding: 0 10px;
	cursor: pointer;
}

.aui-register-tag {
	text-align: center;
	width: 350px;
	margin: 0 auto;
	position: relative;
	top: 4px;
	display: block;
	float: left;
}

.clear {
	display: block;
	width: 0;
	height: 0;
	clear: both;
	*display: none;
}

.protocol {
	font-size: 14px;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #999;
}

.protocol a {
	color: #ff553e;
	text-decoration: none;
}

.aui-register-bottom {
	position: absolute;
	width: 76%;
	margin-left: 12%;
	bottom: -46px;
}

.aui-register-bottom a {
	color: #f6f6f6;
	font: 12px/1.2 "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", arial, Tahoma, SimSun, sans-serif;
	text-decoration: none;
	float: left;
	width: 33%;
	text-align: center;
}

.focus {
	width: 350px;
	text-align: left;
	color: #198cff;
	font-size: 12px;
	position: relative;
	padding-left: 20px;
	float: left;
}

.focus span {
	height: 35px;
	line-height: 35px;
}

.aui-register-form-item .aui-btn-reg {
	width: 100%;
	height: 40px;
	outline: 0;
	border: 0;
	background: #198cff;
	color: #fff;
	cursor: pointer;
	text-align: center;
}

.aui-register-form-item .aui-btn-reg:hover {
	width: 100%;
	height: 40px;
	outline: 0;
	border: 0;
	background: #198cff;
	color: #fff;
	cursor: pointer;
	text-align: center;
}

.aui-register-form-item .aui-btn-reg:focus {
	width: 100%;
	height: 40px;
	outline: 0;
	border: 0;
	background: #198cff;
	color: #fff;
	cursor: pointer;
	text-align: center;
	user-select: none;
}

.msg {
	margin-left: -20px;
	width: 350px;
	text-align: left;
	color: #198cff;
	font-size: 12px;
	position: relative;
	padding-left: 20px;
	float: left;
	height: 35px;
	line-height: 35px;
}

.register-wrap {
	overflow: hidden;
}

.register-wrap .register {
	width: 100%;
	display: inline-block;
}

.register-wrap .register .register-top {
	/* padding-top: 20px; */
	text-align: center;
	width: 350px;
	margin: 0 auto;
}

.register-top:after {
	content: '';
	display: block;
	clear: both;
}

.register-wrap .register .register-top h2 {
	cursor: pointer;
	width: 350px;
	color: #999;
	font-size: 22px;
	line-height: 80px;
	font-weight: normal;
	text-align: center;
}

.register-wrap .register .register-top h2.normal {
	top: 4px;
	color: #333;
	text-align: center;
}

.register-wrap .register .register-top h2.nopassword {
	top: 4px;
}

.register-wrap .register .register-top a {
	display: inline-block;
	float: right;
	width: 50px;
	height: 50px;
	background: url("../images/co.png") no-repeat;
	background-size: cover;
	position: absolute;
	top: 12px;
	right: 12px;
}

.register-wrap .register .register-top a:hover {
	background: url("../images/co1.png") no-repeat;
	background-size: cover;
}

.aui-tag-size {
	cursor: pointer;
	color: #ff8c14;
	font-size: 12px;
	line-height: 25px;
	text-align: center;
	float: left;
	width: 73px;
	position: absolute;
	left: -80px;
	height: 25px;
}

.register-wrap .register .login-con {
	display: none;
}

.saoma {
	display: none;
}

.saoma .screen-tu {
	width: 50px;
	height: 50px;
	position: absolute;
	right: 12px;
	top: 12px;
	cursor: pointer;
	background: url("../images/pc.png") no-repeat;
	background-size: cover;
}

.saoma .screen-tu:hover {
	background: url("../images/pc1.png") no-repeat;
	background-size: cover;
}

.aui-text-item {
	width: 350px;
	margin: 20px auto;
	position: relative;
}

.aui-text-item h1 {
	text-align: center;
	font-size: 18px;
	color: #666;
	margin: 28px 0;
	line-height: 22px;
	height: 22px;
	font-weight: normal;
}

.qr-code {
	width: 100%;
	display: inline-block;
	height: 210px;
	position: relative;
	text-align: center;
}

.qr-code img {
	border: 1px solid #eee;
	padding: 15px;
	width: 182px;
	height: 182px;
	margin: 0 auto;
	box-sizing: border-box;
}

.tips_img {
	width: 208px;
	height: 202px;
	float: right;
	background-image: url("../images/app.png");
	margin: 0 20px 0 -30px;
	display: none;
	background-repeat: no-repeat;
}

.qr-code:hover .tips_img {
	display: inline-block;
}

.aui-tab-footer p {
	margin-top: 23px;
	margin-bottom: 23px;
	font-size: 14px;
	color: #666;
	text-align: center;
	line-height: 17px;
	height: 17px;
}

.aui-tab-footer p a {
	color: #f4691c;
	text-decoration: none;
}

.aui-for-pwd {
	text-decoration: none;
	color: #999;
	font-size: 12px;
	float: right;
	/* position:relative;
	top:-15px; */
}

.aui-protocol {
	font-size: 14px;
	text-align: center;
	margin-top: 0px;
	color: #999;
}

.aui-protocol a {
	color: #ff553e;
	text-decoration: none;
}

.aui-thirds a .aui-qq-img {
	width: 26px;
	height: 26px;
	float: left;
	margin: 0 12px 0 0;
	background-image: url("../images/xs.png");
	background-size: 26px;
}

.aui-thirds a:hover .aui-qq-img {
	background-image: url("../images/xs.png");
	background-size: 26px;
}

.aui-thirds a .aui-wx-img {
	width: 26px;
	height: 26px;
	float: left;
	margin: 0 12px 0 0;
	background-image: url("../images/xs.png");
	background-size: 26px;
}

.aui-thirds a:hover .aui-wx-img {
	background-image: url("../images/xs.png");
	background-size: 26px;
}

.aui-thirds a .aui-wb-img {
	width: 26px;
	height: 26px;
	float: left;
	margin: 0 12px 0 0;
	background-image: url("../images/xs.png");
	background-size: 26px;
}

.aui-thirds a:hover .aui-wb-img {
	background-image: url("../images/xs.png");
	background-size: 26px;
}

.aui-thirds a {
	text-align: center;
	float: left;
	width: 29%;
	*width: auto;
	font-size: 14px;
	line-height: 22px;
	color: #999;
	text-decoration: none;
	margin: 0 2%;
	display: flex;
	align-items: center;
}

.aui-thirds a i {
	font-style: normal;
}

.aui-thirds {
	width: 350px;
	margin: 20px auto;
	position: relative;
}

.btn-box {
	text-align: center;
	margin: 30px 0 20px
}

.ch-btn {
	display: inline-block;
	width: auto;
	height: 40px;
	line-height: 40px;
	padding: 0 30px;
	border: none;
	border-radius: 4px;
	background: #4877ed;
	color: #fff;
	font-size: 14px;
	vertical-align: middle;
	outline: 0;
	cursor: pointer;
	overflow: visible
}

.ch-btn:hover {
	background: #577ede
}

.ch-btn.ch-btn-small {
	height: 30px;
	line-height: 30px;
	padding: 0 10px
}

.ch-btn.ch-btn-big {
	height: 40px;
	line-height: 40px;
	padding: 0 24px;
	font-size: 16px
}

.ch-btn.ch-btn-bigger {
	height: 50px;
	line-height: 50px;
	padding: 0 110px;
	font-size: 16px;
	background: #4877ed;
}

.layui-form-item {
	width: 350px;
	margin: 15px auto;
}

.layui-input {
	text-indent: 15px;
	height: 44px;
	line-height: 44px;
}

.layui-form-item-reg {
	width: 450px;
	margin-bottom: 20px;
}

.layui-form-select dl dd.layui-this {
	background-color: #4788d7;
}

.go_login {
	color: #337ab7;
	transition: all .5s;
}

.go_login:hover {
	color: #23527c;
}

.a-tag {
	position: relative;
	display: block;
	height: 40px;
	border: 1px #c2c2c2 solid;
	text-align: center;
	line-height: 40px;
	color: #c2c2c2;
	border-radius: 2px;
	background-color: #fff;
	width: 350px;
	margin: 0 auto;
	font-size: 13px;
}

.blue-border {
	border: 1px #03a9f4 solid;
	color: #03a9f4;
}

.blue-border:hover {
	background-color: #03a9f4;
	color: #fff;
}

.active {
	color: #23527c !important;
}
.reg_back:hover {
	color: #23527c;
}

/* 移动端start */
.mobile_container {
	width: 100vw;
	height: 100vh;
	background-color: #fff;
	/* background-image: url("../images/bg.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover; */
}

.xs_login_header_tip {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 108px;
	padding: 0;
	padding-top: 15px;
	background: #06f;
	color: #fff;
	font-size: 16px;
	box-sizing: border-box;
}

.layui-icon-close {
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 20px;
}

.SignFlowHeader-title {
	font-size: 25px;
	color: #fff;
}

.SignFlowHeader-subTitle {
	font-size: 16px;
	color: #fff;
}

.layui-tab {
	margin: 5%;
}

.layui-tab-title {
	text-align: center;
}

.layui-tab-brief>.layui-tab-title .layui-this {
	color: #1E9FFF;
}

.layui-tab-brief>.layui-tab-more li.layui-this:after,
.layui-tab-brief>.layui-tab-title .layui-this:after {
	border-bottom: 2px solid #1E9FFF;
}
.layui-tab-title li {
	font-size: 18px;
}
.from_control_mobile {
	height: 4.5rem;
	padding: 1.3rem 1.2rem 1.3rem 1rem;
	/* line-height: 100%; */
	/* border-radius: 0.125rem 0.125rem; */
	display: block;
	width: 100%;
	border-radius: 0;
	/* border-radius: 4px 4px; */
	color: #4d4d4d;
	border: none;
	border-bottom: 1px solid #ebebeb;
	/* background-color: #fff; */
	/* background-image: none; */
	/* vertical-align: middle; */
	font-size: 14px;
}
.from_control_mobile:focus {
    border-color: #3399ea;
    outline: 0;
}
.control_item {
	margin-bottom: 15px;
}
.mob_v_code {
	display: flex;
	align-items: center;
	height: 4.5rem;
	margin-bottom: 30px;
}
.Login-footer {
	margin-top: 100px;
	padding-bottom: 40px;
	display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	font-size: 18px;
    color: #175199;
}
/* 移动端end */