123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687 |
- .loginBgi{
- width: 100%;
- height: 100%;
- position: absolute;
- top: 0;
- }
- .goback{
- width: 19px;
- height: 35px;
- position: absolute;
- left: 30px;
- top: 67.5px;
- }
- .loginContent{
- padding: 60px 30px;
- color: #333333;
- font-weight: bold;
- input{
- font-size: 34px;
- }
- .title1{
- padding: 40px 0;
- font-size: 66px;
- letter-spacing: 10px;
- }
- .title2{
- font-size: 54px;
- letter-spacing: 10px;
- }
- .loginCell{
- display: flex;
- align-items: center;
- height: 108px;
- box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.12);
- .loginHeader,.loginAction{
- flex: none;
- }
- .loginHeader{
- font-size: 38px;
- font-weight: 500;
- color: #333333;
- width: 106px;
- border-right: 1px solid #333;
- display: flex;
- .headerImg{
- width: 32px;
- height: 40px;
- margin-left: 19px;
- }
- }
- .loginAction{
- width: 10em;
- background: linear-gradient(0deg, #00AE39,#A0E067);
- border-radius: 20px;
- line-height: 68px;
- color: #fff;
- font-size: 30px;
- }
- .qCodeActive{
- opacity: 0.5;
- }
- input{
- flex: 1;
- padding: 0 0 0 31px;
- }
- }
- .footer{
- position: absolute;
- bottom: 60px;
- .agreement{
- font-size: 26px;
- font-weight: 400;
- color: #999;
- margin-top: 42px;
- display: flex;
- align-items: center;
- .footerCheckbox{
- width: 28px;
- height: 28px;
- margin-right: 11px;
- }
- Text{
- color: #02902E
- }
- }
- }
- }
|