body{background-color: #203a5b;}
/**{font-size: 0.36rem;}*/
/* .layui-layer-dialog .layui-layer-content{font-size: 0.36rem;padding: 0.32rem;} */


@keyframes fadein{
	from{opacity: 0;}
	to{opacity: 1;}
}
@-webkit-keyframes fadein{
	from{opacity: 0;}
	to{opacity: 1;}
}
@keyframes moveinformTop{
	from{transform: translateY(-100%);}
	to{transform: translateY(0%);}
}
@-webkit-keyframes moveinformTop{
	from{-webkit-transform: translateY(-100%);}
	to{-webkit-transform: translateY(0%);}
}
.loginBox{position: relative;}
.loginBoxCon{position: absolute;top: 0;width: 100%;}
.loginBoxCon .logo{width: 2.413333rem;height:2.413333rem;overflow: hidden;margin-top: 0.1rem;animation: fadein 0.5s ease-out 0.2s forwards,moveinformTop 0.5s ease-out 0.2s;}
.loginBoxCon .logo>img{height:1.7rem}
.loginForm{margin-top: 0.7rem;width: 100%;padding: 0.52rem;font-size: 0.346666rem;}
.loginForm .inp,.val_icon #clicode, #clicaptcha-container .clicaptcha-title,#codesucBtn{height: 1.08rem;margin-bottom: 0.52rem;}
.loginForm .inp input{background-color: #edf1f6;border-radius: 0.54rem;width: 100%;height: 100%;padding-left: 0.72rem;border: solid 0.016rem #edf1f6;color: #474e56;}
.loginForm .inp input:hover{border: solid 0.016rem #3874f6;}
.loginForm .inp input::-webkit-input-placeholder {color: #a0a9b4;}
.loginForm .inp input::-moz-input-placeholder {color: #a0a9b4;}
.loginForm .inp input::-ms-input-placeholder {color: #a0a9b4;}
.val_icon #clicode, #clicaptcha-container .clicaptcha-title,#codesucBtn{border-radius: 0.54rem;overflow: hidden;}

.loginForm button{background:#203a58;color:#fff;height: 1.08rem;border:0;border-radius:0.54rem;width:100%;box-shadow:0 0.04rem 0.12rem 0 rgba(20, 39, 61, 0.4);margin-top: 0.1rem;}

.loginBg::before,.loginBg::after{content: '';display: inline-block;width:11.973333rem;height:4.48rem;border-radius: 50%;background-color: #2a4463;left:-4.56rem;position: fixed;top:-2.373333rem;}
.loginBg::after{width: 11.973333rem;height: 7.746666rem;left: auto;top: auto;right: -3.546666rem;bottom: -4.76rem;}