123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081 |
- page {
- background: #ededed;
- }
-
- .container {
- margin-top: 60rpx;
-
- .bg {
- display: flex;
- align-items: center;
- justify-content: center;
- position: relative;
- height: 400rpx;
- margin-bottom: 80rpx;
- }
-
- .topimg {
- image {
- width: 180rpx;
- height: 180rpx;
- border-radius: 50%;
- }
- }
-
- .textl_ogin {
- font-size: 40rpx;
- margin: 0 60rpx 50rpx;
- font-weight: bold;
- }
-
- .login {
- margin-bottom: 80rpx;
- }
-
- .signinnow {
- background: #26C47D;
- font-size: 34rpx;
- color: #fff;
- margin: 0 60rpx 40rpx;
- text-align: center;
- line-height: 90rpx;
- height: 90rpx;
- border-radius: 16rpx;
- font-weight: bold;
- }
-
- .input {
- // width: 630rpx;
- height: 100rpx;
- padding: 0 30rpx;
- background: #f7f7f7;
- border-radius: 16rpx;
- flex-direction: row;
- // margin-left: 60rpx;
- // margin-bottom: 40rpx;
- margin: 0 60rpx 40rpx;
- font-style: normal;
- font-size: 30rpx;
- font-family: Droid Sans Fallback;
-
- &-icon {
- width: 30rpx;
- height: 38rpx;
- }
- }
-
- .hoversubmit {
- background: #F7F7F7;
- color: #ACACB3;
- }
-
- .vs-flex-item {
- flex: 1;
- margin-left: 16rpx;
- }
- }
-
- .custom-style {
- color: #ff0000;
- width: 220rpx;
- }
|