html,body{padding: 0; margin: 0; width: 100%; height: 100%;}
body{font-family: Georgia, "Times New Roman","Microsoft YaHei", "微软雅黑",STXihei, "华文细黑",serif; background-image: url('../images/login_bg.jpg'); box-sizing: 100% 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}

h1{color: white; font-size: 40px; text-align: center;}
.login{width: 56%;padding-bottom:5%; background-color: #edf0ff; border-radius: 30px; display: flex; position: relative;}
.login .left{width: 55%; height: 100%;display: flex; justify-content: center; align-items: center;}
.login .right{ width: 45%; height: 100%;}
.login .right h2{width: 50px; margin-top: 9%; border-bottom: 4px solid #2c4ff3; line-height: 36px; text-align: center; font-size: 22px;}
.login .right .input,.login .right .submit{width: 80%; height: 50px;  line-height: 50px; margin-top: 25px; border: 1px solid #c0c4d0; border-radius: 25px; box-sizing: border-box;}
.login .right .input{display: flex; justify-content: start; align-items: center; padding-left: 25px;}
.login .right .input .info{padding-right: 10px; font-size: 14px; color: #323337;}
.login .right .input img{padding-right: 10px;}
.login .right .input input{border: none; background: transparent;}
.login .right .input input:focus{outline: transparent;}
.login .right .submit{text-align: center; background-color: #2d4ef1; color: white; cursor: pointer;}

/* 修饰图片 */
.login .leftimg{ width: 15%; position: absolute; left: -80px; bottom: 55px;}
.login .rightimg{ width: 12%; position: absolute; right: -60px; top: 55px;}