html,body{height:100%;}
.main-body{display: flex;justify-content: space-between;height: 100%;position: relative;flex-direction: row-reverse;}
.login-main{width: 40%;display: flex;align-items: center;justify-content: center;}
.login-top{font-size: 36px;color: hsl(0, 0%, 0%);font-weight: bold;}
.login-container{width: 80%;}
.login-container .layui-form{margin-top: 8%;}
.login-container .layui-form .layui-form-item{margin-bottom: 0;}
.login-container .layui-form .layui-form-item:not(:last-of-type){margin-bottom: 20px;}
.login-container .layui-form .layui-input{height: 42px;font-size: 15px;}
.login-container .layui-form .flex{display: flex;justify-content: space-between;align-items: center;}
.login-container .layui-form .flex::after{display: none;}
.login-container .layui-form .flex .layui-input-wrap{width: calc(100% - 120px);}
.login-container .layui-form .layui-input-prefix{display: flex;align-items: center;}
.login-container .layui-form .layui-btn {height: 42px;line-height: 42px;font-size: 18px;}
.login-container .validateImg{height: 42px;}
input::-webkit-input-placeholder {color:#a6aebf;}
input::-moz-placeholder { color:#a6aebf;}
input:-moz-placeholder {color:#a6aebf;}
input:-ms-input-placeholder {color:#a6aebf;}
input:-webkit-autofill {-webkit-box-shadow:0 0 0 1000px white inset !important;box-shadow: 0 0 0px 100px white inset;}
input {filter: none !important;}
.login-bg{width:64%;background-repeat: no-repeat;background-position: center;background-size: cover;background-color: #1e9fff;color: #fff;display: flex;align-items:flex-end;background-image: url(../images/loginBg.png);}
.login-bg .text{padding: 8%;display: flex;flex-direction: column;width: 100%;position: relative;}
.login-bg .text .hitokoto{font-size: 30px;line-height: 1.4;}
.login-bg .text .from_who{margin-top: 2%;}
@media screen and (max-width:640px) {
.login-bg{background: #f6f6f6;color:#999;}
.login-main {width:90%;position: absolute; left: 5%;top: 50%;transform: translate(0,-50%);padding: 30px 0;}
.login-top{font-size: 24px;}
.login-container{width: 90%;}
.login-bg{width: 100%;}
.login-bg .text{padding: 5%;display: flex;flex-direction: column;}
.login-bg .text .hitokoto{font-size: 20px;}
}