*,body{margin:0;padding:0;outline:none;}
ul,li{list-style:none;}
.mt-6{margin-top:6px!important;}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {/* 解决浏览器自带文本框背景问题 */
	-webkit-transition: color  99999s ease-out, background-color  99999s ease-out;
}

.loginTitle{
	background: url(../img/login_title.webp) center bottom no-repeat;background-size: 100% 100%;
	border-width: 0px;
	position: absolute;
	left: 2vw;
	top: 4vh;
	width: 12vw;
	height: 8vh;
	display: flex;
}
.loginLogoDiv{
	/*width:100%;*/
	/*height:60px;*/
	/*display: flex; !* 使用Flexbox *!*/
	/*justify-content: center; !* 水平居中 *!*/
	/*align-items: center; !* 垂直居中 *!*/
	/*margin-top: 5px;*/
	margin: 3vh 0;
}
.loginLogo{
	width: 16vw;
	height: 4vh;
	display: flex;
	font-family: 'Arial-BoldMT', 'Arial Bold', 'Arial', sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 1.4vw;
	letter-spacing: 0.1vw;
	/*background:url(../img/login_logo.webp) center bottom no-repeat;*/
	/*width: 135px;*/
	/*height: 47px;*/
	display: flex; /* 使用Flexbox */
	justify-content: center; /* 水平居中 */
	align-items: center; /* 垂直居中 */
	/*background-size: 100% 100%;*/
}
.loginBg{
	width:100%;
	height:100vh!important;
	display: flex; /* 使用Flexbox */
	justify-content: center; /* 水平居中 */
	align-items: center; /* 垂直居中 */
	transition:background 2s;
}
.background1 {
	background: url(../img/login-bg1.webp) center bottom no-repeat;
	background-size:cover;
}
.background2 {
	background: url(../img/login-bg2.webp) center bottom no-repeat;
	background-size:cover;
}
.background3 {
	background: url(../img/login-bg3.webp) center bottom no-repeat;
	background-size:cover;
}
.loginBox{
	left: 10vw;
	top: 18vh;
	width: 22vw;
	height: 60vh;
	background: url(../img/loginbox.svg) center no-repeat;background-size: 100% 100%;
	position: absolute;
	z-index: 100;
	padding: 2vh 3vw 3vh 3vw;
	box-sizing: border-box;
}
.login-switch{
	position:absolute;
	width:2vh;
	height:2vh;
	display:block;
	top: 16vh;
	right: 3vw;
	cursor:pointer;
}
.scanLogin{background:url(../img/scanLogin.svg) right top no-repeat;background-size: 100% 100%;}
.accountLogin{background:url(../img/accountLogin.svg) right top no-repeat;background-size: 100% 100%;}
.loginTip{
	width: 3vw;
	height: 2vh;
	display: none;
	position: absolute;
	top: 0px;
	right: 1vw;
	font-size: 0.5vw;
	color: #0887d0 !important;
	background: url(../img/loginTip.svg) center no-repeat;
	background-size: 100% 100%;
	text-align: center;
	line-height: 2vh;
	letter-spacing: 0.1vw;
	text-indent: -3px;
	z-index: 1000;
}
.login-switch:hover .loginTip{display:block;}

.login-header{
	display:flex;
	margin-left:0px;
	font-family: 'Arial-BoldMT', 'Arial Bold', 'Arial', sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 1vw;
	letter-spacing: 0.1vw;
	color: #000000;
	text-align: left;
	margin-top: 2vh;
}
.login-body,.login-content{margin-top:-1vh;}
.login-tab{
	margin-right:2.5vw;
	cursor:pointer;
	position:relative;
}
.login-tab:first-of-type:after{
	content:'';
	background-color:#0887d0;
	width: 0.1vw;
	height: 1.2vh;
	position: absolute;
	top: 0.6vh;
	right: -1.2vw;
}
.login-tab span{
	font-size:0.8vw;
	color:#0887d0;
	letter-spacing: 0.1vw;
}
.login-tab-choose{color:black!important;}

.group{margin-top:4vh;}
.group-input{
	display:flex;
	align-items:center;
	height:4vh;
	background-color: #ffffff;
	box-sizing: border-box;
	border-width: 0.1vw;
	border-style: solid;
	border-color: #0887d0;
	border-radius: 0.3vw;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.349019607843137);
	font-family: 'FontAwesome', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1vw;
	color: #CCCCCC;
}
.group input{
	border:none;
	background:none;
	color: #0887d0;
	font-size: 1vw;
	/*border-left:2px solid #335689;*/
	height:3vh;
	width:85%;
}
.group input::-webkit-input-placeholder {
	/* WebKit browsers，webkit内核浏览器 */
	color: #e1d5cc;
	font-size: 0.8vw;
}
.group input:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #5fb0dd;
	font-size: 0.8vw;
}
.group input::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #5fb0dd;
	font-size: 0.8vw;
}
.group input:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #5fb0dd;
	font-size: 18px;
}
.group a{
	width:1vw;
	height:2vh;
	margin: 1vh;
}
.ico_account{background:url(../img/ico_account.svg) center no-repeat;background-size: 100% 100%;}
.ico_password{background:url(../img/ico_password.svg) center no-repeat;background-size: 100% 100%;}
.ico_verify{background:url(../img/ico_verify.svg) center no-repeat;background-size: 100% 100%;}
.ico_open{background:url(../img/ico_open.svg) center 2px no-repeat;background-size: 100% 100%;}
.ico_close{background:url(../img/ico_close.svg) center 2px no-repeat;background-size: 100% 100%;}
.ico_open,.ico_close{cursor:pointer;}

.group-flex{
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.group-verify .group-input{width:308px;}
.verCodeBox{border-radius: 10px;}
#login_checkbox{margin:0 0.1vw 0 0!important;height: 2vh;width: 2vw;}
.login_link,label[for="login_checkbox"]{
	color:#0887d0;
	font-size:0.8vw;
	letter-spacing:0.2vw;
}
.login_link:hover,label[for="login_checkbox"]:hover{color:black;}

.login_btn{
	border:none;
	height:4vh;
	width:100%;
	margin-top: 1vh;
	box-shadow: none;
	font-family: "微软雅黑 Bold", "微软雅黑 Regular", 微软雅黑, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 1vw;
	color: #ffffff;
	letter-spacing:1vw;
	text-indent:1vw;
	border-radius: 5px;
	cursor:pointer;
	/*background-image: linear-gradient(180deg,#81D3F8 0%, #0587D0 100%);*/
	background: linear-gradient(180deg, rgba(129, 211, 248, 1) 0%, rgba(5, 135, 208, 1) 100%);
	/*background-size:100% 200%;*/
	/*background-position:center bottom;*/
	transition-duration:.3s;
}
.login_btn:hover{background: #0587D0;}

/* 短信登录 */
.group input.telCodeBtn{
	border:0.1vw solid #0887d0;
	background-image: linear-gradient(#7ed2f7 0%, rgb(6 136 209) 100%);
	color: #ffffff;
	font-size: 0.8vw;
	width:8vw;
	height:4vh;
	text-indent:0;
	opacity:1!important;
}
.group input.telCodeBtn:hover{background-color:#109ffd;}
#telLoginForm .login_btn{margin-top:45px;}

/* 扫码登录 */
.loginBox .QRcode{
	margin-top:0px;
	display:flex;
	flex-direction: column;
	align-items: center;
	position:relative;
}
.QRcode img{margin-top: 1vh}
.QRcode .scanme{display:flex;align-items:center;margin:2vh 1vw 0 0;}
.QRcode .scanme a{
	width:2vh;
	height:2vh;
	background:url(../img/scanme.svg) center no-repeat;
	margin-right:0.1vw;
	background-size: 100% 100%;
}
.QRcode .scanme p{
	font-size: 0.8vw;
	letter-spacing: 0.1vw;
	color: #0587D0;
	text-align: left;
}
.QRcode .failCode{
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
	background-color:rgb(255 255 255 / 85%);
	display:none;
}
.failCode p{
	color:#013f78;
	font-size:0.8vw;
	text-align:center;
	margin-top:2vh;
}
.refreshCode{
	width:4vw;
	height:2vh;
	background-color:#013f78;
	border-radius:4px;
	display:block;
	margin:1vh auto;
	font-size:0.8vw;
	text-align:center;
	line-height:2vh;
	color:#fff!important;
	cursor:pointer;
}
.refreshCode:hover{background-color:#005eb4;}

/* 忘记密码 */
#forgotPasswordTemplate .login_btn{margin-top:92px;}
#forgotPasswordTemplate .login_link,
#scanTemplate .login_link,
#updatePasswordTemplate .login_link{
	margin-top:2vh;
	float:right;
	font-size:1vw;
}

/* 修改密码 */
#updatePasswordTemplate .login_btn{margin-top:48px;}
.group-strength{
	display:none;
	grid-template-columns:85px auto;
	grid-template-rows:28px 28px;
	align-items:center;
	margin-top:15px!important;
}
.show-grid{display:grid;}
.group-strength a,.group-strength p{
	color:#72ccfb;
	font-size:16px;
	height:28px;
	line-height: 28px;
}
.strengthBox{
	width: 100%;
	height: 18px;
	border: 1px solid #1bb3f7;
	border-radius: 15px;
	display:flex;
	align-items: center;
	padding: 0 3px;
	box-sizing: border-box;
}
.strengthBox a{width:32%;height:10px;background-color:#91dcff;}
.strengthBox a:not(:first-of-type){margin-left:2%;}
.strengthBox a:nth-of-type(1){border-top-left-radius: 6px;border-bottom-left-radius: 6px;}
.strengthBox a:nth-of-type(3){border-top-right-radius: 6px;border-bottom-right-radius: 6px;}
.strengthText{
	width: 100%;
	height: 28px;
	display:flex;
	justify-content:space-between;
	align-items: center;
	grid-column-start: 2;
	text-align:center;
}
.strengthText a{width:32%;}
.passwordRules{
	width:235px;
	height:209px;
	position:absolute;
	top:6px;
	right:-206px;
	background:url(../img/rules_bg.png) center no-repeat;
	padding:2px 0 2px 42px;
	box-sizing: border-box;
	display:none;
}
.passwordRules p{font-size:20px;color:#fff;margin-top:5px;}
.passwordRules li{
	font-size:18px;
	color:#fff;
	margin-top:8px;
	display:flex;
	align-items:center;
}
.passwordRules li a{
	width:13px;
	height:13px;
	margin-right:8px;
	background:url(../img/rule_no.png) center no-repeat;
}
.rule-pass span{color:#91dcff!important;}
.rule-pass a{background:url(../img/rule_yes.png) center no-repeat!important;}

/* 图形样式 */
.picArea{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	pointer-events:none;
	overflow:hidden;
}
.picArea em{display:block;position:absolute;}
.picArea .star{
	width:1232px;
	height:364px;
	top:85px;
	z-index:0;
	left: 100px;
	background:url(../img/star.png) center no-repeat;
	opacity:0;
	transition-duration:.5s;
	clip: rect(0px 1100px 364px 0);
}
.picArea .stage{
	width:832px;
	height:80px;
	left:204px;
	bottom:88px;
	z-index:10;
	background:url(../img/stage.png) center no-repeat;
}
.picArea .baseline{
	width:100%;
	height:288px;
	left:0;
	bottom:18px;
	z-index:20;
	mix-blend-mode: screen;
	background:url(../img/baseline.png) center no-repeat;
	background-size:cover;
	opacity:.8;
}
.picArea .lightPoint{
	width:1067px;
	height:304px;
	left:-18px;
	bottom:6px;
	z-index:30;
	mix-blend-mode: screen;
	background:url(../img/lightPoint.png) center no-repeat;
	opacity:.9;
}
.picArea .planet{
	width:710px;
	height:120px;
	z-index:15;
	mix-blend-mode: screen;
	background:url(../img/planet.png) center no-repeat;
	opacity:1;
}
.picArea .planet1{left:3px;bottom:37px;animation:planet1 14s linear infinite;}
.picArea .planet2{left: 435px;bottom: 52px;animation:planet2 14s linear infinite;}
@keyframes planet1{
	0%{left:-72px;bottom:44px;opacity:.3;}
	5%{opacity:1;}
	12.5%{left:64px;bottom:32px;}
	25%{left:200px;bottom:28px;}
	37.5%{left:347px;bottom:32px;}
	45%{opacity:1;}
	50%{left:495px;bottom:44px;opacity:0;}
	100%{opacity:0;}
}
@keyframes planet2{
	0%{opacity:0;}
	50%{left:435px;bottom:52px;opacity:.3;}
	55%{opacity:1;}
	62.5%{left:323px;bottom:44px;}
	75%{left:210px;bottom:40px;}
	87.5%{left:98px;bottom:44px;}
	95%{opacity:1;}
	100%{left:-15px;bottom:52px;opacity:0;}
}
.picArea .mainPic{
	position:absolute;
	left:0;
	bottom:0;
	z-index:40;
	width:1090px;
	height:800px;
	bottom: 58%;
	transform: translateY(50%);
}
.picArea .spotLight{
	width:1002px;
	height:616px;
	bottom:160px;
	z-index:10;
	left: 40px;
	background:url(../img/spotLight.png) center no-repeat;
	opacity:0;
	transition-duration:.3s;
}
.picArea .mainPic em{left:50%;transform:translateX(-50%);}
.mainPic .logo_pic{
	width:434px;
	height:432px;
	bottom:290px;
	z-index:20;
	background:url(../img/logo_pic.png) center no-repeat;
}
.mainPic .title_pic{
	width:482px;
	height:287px;
	bottom:100px;
	z-index:20;
	background:url(../img/title_pic.png) center no-repeat;
}
.mainPic .logo_shadow{
	width:410px;
	height:399px;
	bottom:310px;
	transform: translateX(-51%)!important;
	z-index:10;
	background:url(../img/logo_shadow.png) center no-repeat;
	opacity:.5;
	transition-duration:.5s;
}
.mainPic .title_shadow{
	width:455px;
	height:248px;
	bottom:120px;
	transform: translateX(-51%)!important;
	z-index:10;
	background:url(../img/title_shadow.png) center no-repeat;
	opacity:.5;
	transition-duration:.5s;
}
.showLight{opacity:1!important;}

.footer{
	position: fixed;
	bottom: 15px;
	left: 5%;
	right: 5%;
	text-align: center;
	text-shadow: 0px 1px 2px rgba(255, 255, 255, 0.956862745098039);
	text-transform: none;
}
.footer p,u,a {
	color: #0E254E;
	font-size: 0.8vw;
}
.footer p{margin-top:1vh;}
.footer p.divide a:not(:last-of-type):after{/* 分割线 */
	content:'|';
	margin: 0 2px 0 6px;
	color:#a8a8a8;
}
.footer p a:hover,.footer p u:hover{color:#fff;}