| | |
| | | } |
| | | } |
| | | |
| | | .ant-tabs.ant-tabs-card { |
| | | .ant-tabs-card-bar { |
| | | border-bottom: 0; |
| | | .ant-tabs-nav-container { |
| | | height: 50px; |
| | | line-height: 50px; |
| | | } |
| | | margin-bottom: 10px; |
| | | .ant-tabs-nav-scroll { |
| | | .ant-tabs-nav { |
| | | display: block; |
| | | > div { |
| | | display: flex; |
| | | > .ant-tabs-tab { |
| | | height: 50px; |
| | | line-height: 50px; |
| | | flex: 1; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | .ant-tabs-tab { |
| | | display: block; |
| | | margin-right: 0; |
| | | border-radius: 0; |
| | | text-align: center; |
| | | font-size: 17px; |
| | | white-space: nowrap; |
| | | text-overflow: ellipsis; |
| | | overflow: hidden; |
| | | border-top: 0; |
| | | } |
| | | .ant-tabs-tab:first-child { |
| | | border-left: 0; |
| | | } |
| | | .ant-tabs-tab:last-child { |
| | | border-right: 0; |
| | | } |
| | | .ant-tabs-tab.ant-tabs-tab-active { |
| | | cursor: default; |
| | | } |
| | | } |
| | | } |
| | | .login-form-1 { |
| | | .ant-tabs.ant-tabs-card { |
| | | .ant-tabs-card-bar { |
| | | .ant-tabs-tab { |
| | | font-size: 18px; |
| | | text-align: left!important; |
| | | padding-left: 1.6vw!important; |
| | | line-height: 60px!important; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | .login-middle { |
| | | position: relative; |
| | | height: calc(100vh - 194px); |
| | |
| | | overflow: hidden; |
| | | border: 1px solid #bfbfbf; |
| | | |
| | | .login-way-wrap { |
| | | height: 50px; |
| | | line-height: 50px; |
| | | margin-bottom: 10px; |
| | | display: flex; |
| | | .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; |
| | | } |
| | | .login-way.active, .login-way:hover { |
| | | color: #1890ff; |
| | | } |
| | | .login-way:not(.active) { |
| | | cursor: pointer; |
| | | background: #fafafa; |
| | | border: 1px solid #e8e8e8; |
| | | } |
| | | .login-way:first-child { |
| | | border-left: 0; |
| | | } |
| | | .login-way:last-child { |
| | | border-right: 0; |
| | | } |
| | | } |
| | | .login-way-wrap.simple { |
| | | .login-way { |
| | | font-size: 18px; |
| | | text-align: left!important; |
| | | padding-left: 1.6vw!important; |
| | | line-height: 60px!important; |
| | | } |
| | | } |
| | | .form-item-wrap { |
| | | padding: 0.6vw 1.6vw 1.6vw; |
| | | } |
| | |
| | | margin-bottom: 3vh; |
| | | height: 40px; |
| | | } |
| | | .ant-form-item.vercode { |
| | | .ant-input-group { |
| | | border: 1px solid #d9d9d9; |
| | | border-radius: 4px; |
| | | .ant-input { |
| | | border: 0; |
| | | border-right: 1px solid #d9d9d9; |
| | | } |
| | | .ant-input-group-addon { |
| | | border: 0; |
| | | } |
| | | } |
| | | } |
| | | .btn-login { |
| | | margin-bottom: 3vh; |
| | | clear: both; |