/*注册、登录共有CSS*/
.clear{margin:0; overflow:hidden; visibility:hidden; font-size: 0; content: "."; clear: both; height: 0; padding:0;}
.clearfix:after{visibility:hidden; display: block; font-size: 0; content:" "; clear:both; height:0;}
html,body{width: 100%;height: 100vh;background-color: #eeeff7;}
.banner{width: 100%;height: 260px;background: url(../images/public/banner.png) top center no-repeat;text-align: center;}
.banner img{margin-top: 50px;height: 40%;}
.banner .button a{display:block;width:80px;height:25px;border:1px solid white;color:white;line-height:25px;text-align:Center;}
.banner .button a:hover{background-color:white;color:#095edf;}
.banner .button .a1{position:absolute;right:240px;top:20px;}
.banner .button .a2{position:absolute;right:150px;top:20px;}
.banner .button .a3{position:absolute;right:60px;top:20px;}
.cavs{z-index:1;position: fixed;width:100%;height: calc(100% - 400px);bottom: 0;left: 0;}
input{border: none;}

/*注册页面CSS*/
.register{width: 38.2%;height: 470px;background-color: #fff;border-radius: 24px;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: 200px auto 0;z-index: 999;overflow: hidden;padding: 20px 40px 0;box-sizing: border-box;box-shadow:10px 10px 10px grey;}
.register .title{font-size: 24px;font-weight: bold;color: #333333;text-align: center;margin-bottom: 20px;}
.register .register_result{position:absolute;top:25px;right:20px;font-size: 20px;color: red;}
.register .form-group{width:100%;height: 45px;border:1px solid grey;margin-left:5px;padding: 0 50px;border-radius: 8px;margin-bottom: 35px;box-sizing: border-box;}
.register .is-invalid{border:1px solid red;}

.register .input_Zone{position:relative;}
.register .input_Zone img{position:absolute;top:10px;left:10px;}
.register .input_Zone input{width:100%;vertical-align:middle;font-size:18px;line-height:40px;vertical-align:middle;}
.register .input_Zone span{position:absolute;top:48px;left:20px;font-size: 18px;color: red;}


.register .button{display:flex;flex-direction:row;justify-content:center;}
.register input[type='submit']{text-align:center;width: 35%;height: 45px;line-height: 45px;color: #595757;padding: 0 20px;background-color: #d3d3d4;border-radius: 8px;box-sizing: border-box;font-family: "微软雅黑";font-size: 16px;}
.register .godl{text-align:center;width: 35%;height: 45px;line-height: 45px;color: #595757;margin-left: 20px;padding: 0 20px;background-color: #d3d3d4;border-radius: 8px;box-sizing: border-box;font-family: "微软雅黑";font-size: 16px;}

/*登录页面CSS*/
.login{width: 50%;height: 400px;background-color: #fff;border-radius: 24px;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: 200px auto 0;z-index: 999;overflow: hidden;box-sizing: border-box;box-shadow:10px 10px 10px grey;}
.login form{width: 60%;height: 100%;float: left;padding: 10px;box-sizing: border-box;padding:30px;}
.login .title{font-size: 24px;font-weight: bold;color: #333333;text-align: center;margin-bottom: 20px;}
.login .login_result{position:absolute;top:25px;right:20px;font-size: 20px;color: red;}
.login .form-group{width:90%;height: 45px;border:1px solid grey;margin-left:5px;padding: 0 50px;border-radius: 8px;margin-bottom: 35px;box-sizing: border-box;}
.login .is-invalid{border:1px solid red;}

.login .input_Zone{position:relative;left:20px}
.login .input_Zone img{position:absolute;top:10px;left:10px;}
.login .input_Zone input{width:100%;vertical-align:middle;font-size:18px;line-height:43px;vertical-align:middle;}
.login .input_Zone span{position:absolute;top:48px;left:20px;font-size: 18px;color: red;}

.remember{height: 30px;line-height: 30px;margin-left:40px;margin-bottom:40px;font-size:22px;}
.remember input{width: 16px;height: 16px;border-radius: 50%;vertical-align: middle;margin-right:10px;}
.remember a{margin-left: 200px;font-size: 22px;}

.login .button{display:flex;flex-direction:row;justify-content:center;}
.login .denglu,.godl{text-align:center;width:200px;height: 45px;line-height: 45px;font-family: "微软雅黑";font-size: 18px;color: #595757;background-color: #d3d3d4;border-radius: 8px;box-sizing: border-box;}
.login .godl{margin-left: 20px;font-family: "微软雅黑";font-size: 18px;color:black;}

.server{width: 40%;height:100%;background-image: linear-gradient(-45deg, #1971dd 0%, #17c6e0 100%), linear-gradient(#1767e0, #1767e0);background-blend-mode: normal, normal;float: right;padding-top: 10px;box-sizing: border-box;}
.server .title{width: 100%;text-align: center; font-size: 45px;letter-spacing: -1px;color: #ffffff;opacity: 0.20;font-weight: bolder;margin-bottom: 10px;}
.server .sz1{display:flex;flex-direction:row;justify-content:center;width: 90%;margin-left:16px;}
.server .sz1 .sz2{width: 40%;text-align:center;margin:3px 10px;}
.server .sz1 .sz2 img{width:80%;margin-bottom: 5px;}
.server .sz1 .sz2 span{display:block;margin-bottom: 5px;text-align:center;}

.login_required{position: absolute;top:620px;left:900px;font-size:28px;color:red;}