.login-back { background: url(../images/bg_login.png) no-repeat; background-size: 100% 100%; background-position: 0 0; width: 100%; height: 100%; } .login-title { font-size: 30px; color: #00E1EB; text-align: center; padding-top: 6rem; } p { margin: 0; } .login-kuang { background: url(../images/bg_login-border.svg) no-repeat; background-size: 100% 100%; width: 432px; height: 313px; margin: auto; margin-top: 2rem; padding-top: 0.5rem; } .login-input:first-child { margin-top: 1.4rem; } .login-input { border: 3px solid #0BA1F8; width: 352px; height: 39px; margin: auto; margin-top: 1rem; } .login-input img{ margin: 0px 12px 0 13px; } .login-input input { border: none; background: transparent; height: 100%; width: 164px; padding-left: 10px; color: #fff; } input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); } input[type="checkbox"]+label { font-size: 13px; color: #FFFFFF; font-weight: 400; } input[type="checkbox"]+label::before { content: "\a0"; /*不换行空格*/ display: inline-block; width: 14px; height: 14px; background: transparent; border: 3px solid #0BA1F8; margin-right: 10px; } /*input 选中后的样式 */ input[type="checkbox"]:checked+label::before { border: 3px solid #0BA1F8; content: "\2714"; line-height: 14px; text-align: center; width: 14px; height: 14px; } input[type="checkbox"]:checked+label { font-size: 13px; color: #00E1EB; } .login-btn { background: #00E1EB; font-size: 18px; color: #001A2B; letter-spacing: 3px; border: none; width: 352px; height: 38px; margin: auto; } .yan-img { width: 82px; height: 100%; background: #FFFFFF; border: 1px solid #0BA1F8; float: right; } /* .layui-form-checkbox[lay-skin=primary]:hover i{ border-color: transparent; color: #fff; border: 3px solid #0BA1F8; } .layui-form-checkbox[lay-skin=primary] i { border: 3px solid #0BA1F8; background: transparent; } */