$lincolor:#d0d0d1; .input{ height: 60px; input{ appearance: none; border: none; border-bottom: 1px $lincolor solid; display: block; background: none; font-size: 16px; color: #fff; width: 100%; height:60px; } } .remember{ margin: 40px 0 60px; span{ vertical-align: middle; color: #fff; margin-right: 10px; &:first-child{ border: solid 1px $lincolor; display: inline-block; width: 16px; height: 16px; } } } .verification{ display: flex; input{ flex: auto; } span{ width: 200px; flex-shrink: 0; text-align: center; color: #fa082a; height: 60px; line-height: 60px; cursor: pointer; background-color: #fff; } } .submit{ float: right; margin-top: 40px; } .temp-btn{ background: #1fe4dc; color: #000; height: 50px; width: 200px; line-height: 50px; text-align: center; cursor: pointer; } .login-dec{ color: #fff; width: 200px; letter-spacing: 0.2px; margin-top: 20px; } .iregister-layout, .iforget-layout{ width: 500px; padding: 32px 0 0 45px; } .ilogin-layout{ display: flex; .input-con{ width: 330px; padding: 32px 0 0 45px; } .qrcode{ text-align: center; margin-top: 68px; margin-left: 45px; img{ display: block; width: 150px; margin: 0 auto 20px; &:last-of-type{ width: 50px; height: 50px; margin: 52px auto 20px; } } } }