| | |
|---|
| | | height: 40px; |
|---|
| | | line-height: 1; |
|---|
| | | font-size: 18px; |
|---|
| | | margin-bottom: 25px; |
|---|
| | | margin-bottom: 15px; |
|---|
| | | } |
|---|
| | | .ant-form-item:last-child { |
|---|
| | | margin-bottom: 0; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .login-way-wrap { |
|---|
| | | height: 50px; |
|---|
| | | line-height: 50px; |
|---|
| | | margin-bottom: 10px; |
|---|
| | | .login-way-title { |
|---|
| | | font-size: 18px; |
|---|
| | | line-height: 45px; |
|---|
| | | display: flex; |
|---|
| | | border-radius: inherit; |
|---|
| | | .login-way { |
|---|
| | | flex: 1; |
|---|
| | | width: 50%; |
|---|
| | | font-size: 17px; |
|---|
| | | text-align: center; |
|---|
| | | white-space: nowrap; |
|---|
| | | text-overflow: ellipsis; |
|---|
| | | overflow: hidden; |
|---|
| | | padding: 0 16px; |
|---|
| | | transition: all 0.3s; |
|---|
| | | border: 1px solid transparent; |
|---|
| | | border-top: 0!important; |
|---|
| | | padding-top: 10px; |
|---|
| | | padding-left: 15px; |
|---|
| | | padding-right: 15px; |
|---|
| | | padding-bottom: 10px; |
|---|
| | | } |
|---|
| | | .login-way-title::before, .login-way-title::after { |
|---|
| | | display: inline-block; |
|---|
| | | content: ' '; |
|---|
| | | height: 0.5px; |
|---|
| | | flex: 1; |
|---|
| | | background-color: rgba(0, 0, 0, 0.15); |
|---|
| | | position: relative; |
|---|
| | | top: 22px; |
|---|
| | | } |
|---|
| | | .login-way-title::before { |
|---|
| | | margin: 0 10px 0 0; |
|---|
| | | } |
|---|
| | | .login-way-title::after { |
|---|
| | | margin: 0 0 0 10px; |
|---|
| | | } |
|---|
| | | .scan-icon { |
|---|
| | | position: absolute; |
|---|
| | | right: 0px; |
|---|
| | | top: 0px; |
|---|
| | | font-size: 46px; |
|---|
| | | color: #000000; |
|---|
| | | line-height: 1; |
|---|
| | | transform: rotate(-45deg); |
|---|
| | | transform-origin: 0 0; |
|---|
| | | overflow: hidden; |
|---|
| | | padding-bottom: 10px; |
|---|
| | | cursor: pointer; |
|---|
| | | i { |
|---|
| | | transform-origin: 0 0; |
|---|
| | | transform: rotate(45deg); |
|---|
| | | } |
|---|
| | | .login-way.active, .login-way:hover { |
|---|
| | | } |
|---|
| | | .login-ways { |
|---|
| | | padding: 0 20px 25px; |
|---|
| | | span { |
|---|
| | | color: #1890ff; |
|---|
| | | } |
|---|
| | | .login-way:not(.active) { |
|---|
| | | cursor: pointer; |
|---|
| | | background: #fafafa; |
|---|
| | | border: 1px solid #e8e8e8; |
|---|
| | | } |
|---|
| | | .login-way:first-child { |
|---|
| | | border-left: 0; |
|---|
| | | border-top-left-radius: inherit; |
|---|
| | | } |
|---|
| | | .login-way:last-child { |
|---|
| | | border-right: 0; |
|---|
| | | border-top-right-radius: inherit; |
|---|
| | | span + span { |
|---|
| | | margin-left: 15px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .login-way-wrap.simple { |
|---|
| | | .login-way { |
|---|
| | | font-size: 18px; |
|---|
| | | text-align: left; |
|---|
| | | padding: 0 15px; |
|---|
| | | line-height: 60px; |
|---|
| | | } |
|---|
| | | .login-ways.center { |
|---|
| | | text-align: center; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .form-scan-wrap { |
|---|
| | | padding: 30px; |
|---|
| | | padding: 10px 30px 0; |
|---|
| | | text-align: center; |
|---|
| | | font-size: 12px; |
|---|
| | | line-height: 35px; |
|---|
