body { height: 100%; background: url("../images/login-bg.png") no-repeat center; background-size: cover; }

.banner-sub { height: 100vh; }
.banner-sub .wrapper { display: flex; justify-content: space-between; align-items: center; }

.lform { width: 320px; height: 410px; padding: 30px; position: relative; overflow: hidden; border-radius: 16px 0 16px 0; box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.3); }
.lform::before { content: ''; width: 100%; height: 100%; background: #cacaca; position: absolute; left: 0; top: 0; opacity: .9; }
.lform::after { content: ''; width: 290px; height: 76px; background: url("../images/login-tit.png") no-repeat; position: absolute; left: 30px; top: 0; position: absolute; }
.lform-outter { position: relative; z-index: 2; }
.lform-tit { font-size: 24px; font-weight: bold; margin-bottom: 70px; }
.lform .ipt { background-color: #fff; height: 48px; width: 100%; border: none; outline: none; padding: 0 20px; }
.lform .ipt.wrong { border: 1px solid red; }
.lform .btn { height: 48px; line-height: 48px; background-color: #3470ff; color: #fff; display: block; text-align: center; border: none; outline: none; width: 100%; cursor: pointer; font-size: 16px; margin-top: 20px; }
.lform .tips { position: absolute; bottom: 25px; width: 100%; text-align: center; z-index: 2; font-size: 14px; left: 0; text-decoration: underline; color: #fff; }