.layui-input{ background: #f8fbfe!important; color: #004EA1!important; border-color: #d0d0d0!important;}

body{ position: relative; background: url('../../theme/img/login-bg.png') top center no-repeat; background-size: cover;}
.login{ border-radius: 30px; position: absolute; top: calc(50% - 200px); left: calc(50% - 300px); width: 600px; height: 400px; background: rgba(255,255,255,0.8);}
.login .logo{ display: flex; align-items: center; justify-content: center; padding: 30px 0; color: #004EA1; font-size: 26px; font-weight: 700;}
.login .logo img{ width: 37px; height: 43px; margin-right: 10px;}
.login .layui-form{ width: 375px; margin: 0 auto;}
.login .layui-form .layui-form-item .layui-label{ display: block; position: relative; margin-bottom: 10px; font-size: 14px; color: rgba(0, 78, 161, 0.6);}
.login .layui-form .layui-form-item .layui-content{ position: relative;}
.login .layui-form .layui-form-item .layui-content .iconfont{ cursor: pointer; font-size: 24px; position: absolute; top: 6px; right: 10px; color: #2d5dfd;}
.login .layui-form .layui-form-item:last-child{ margin-top: 40px;}
.login .layui-form .layui-form-item .layui-btn{ height: 44px; line-height: 44px; background: #2d5dfd;}

.footer{ text-align: center; position: fixed; left: calc(50% - 102px); bottom: 60px;}
.footer p{ color: #FFFFFF; font-size: 12px;}