.login-h5 { box-sizing: border-box; background: #ffffff; padding: 17px 0; min-height: 100%; display: flex; flex-direction: column; .login { &-title { flex-direction: column; align-items: flex-start; padding: 60px 0 18px; p { padding-left: 0; font-size: 27px; line-height: 40px; } } &-form { flex: 1; &-item { font-size: 18px; } &-footer { display: flex; justify-content: center; padding: 14px 0; a { font-size: 16px; line-height: 27px; &::before { display: none; } } } } &-main { padding: 0; &-content { padding: 0 23px; background: url("@/static/login-bg.png") no-repeat; background-size: 65%; background-position-x: right; align-items: flex-start; } .checked-text { font-size: 14px; } } &-btn { padding-top: 16px; margin-bottom: 0; } &-footer { background: none; padding: 10px 10px; &-list { flex: 1; display: flex; &-item { flex: 1; display: flex; background-size: 100% 100%; border: solid #96C3FF 1px; &:last-child { background-size: 100% 100%; } &-link { flex: 1; display: flex; justify-content: space-around; align-items: center; box-sizing: border-box; padding: 20px; .span { padding: 5px 20px; background: #147AFF; box-shadow: 0 4px 5px 0 rgba(255, 255, 255, 0.70), 0 3px 8px 0 rgba(20, 122, 255, 0.55); border-radius: 30.5px; display: flex; align-items: center; justify-content: center; .text { font-family: PingFangSC-Regular; font-weight: 400; font-size: 15px; color: #FFFFFF; letter-spacing: 0; } } .aside { display: flex; flex-direction: column; .h1 { font-family: PingFangSC-Regular; font-size: 16px; color: #000000; letter-spacing: 0; } .sub { align-self: flex-end; } } } } } } } }