weapp_group/pages/login/login.wxss

/* pages/login/login.wxss */
.login {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.login .name {
  color: #333;
  font-size: 44rpx;
  font-weight: bold;
  margin-top: 40rpx;
  margin-bottom: 200rpx;
}

.login .img {
  width: 200rpx;
  height: 200rpx;
  margin-top: 200rpx;
}

.login .btn {
  width: 690rpx;
  font-size: 36rpx;
  font-family: PingFangSC-Regular;
  border-radius: 12rpx;
  margin-bottom: 30rpx;
  border: 2rpx solid #21cc47;
}

.login .phone {
  color: #21cc47;
  background-color: #fff;
}

.login .wechat {
  color: #fff;
  background-color: #21cc47;
}

.login .cancel {
  color: #999;
  font-size: 32rpx;
  font-family: PingFangSC-Regular;
  margin-top: 28rpx;
}

.mask {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 100;
  min-height: 375rpx;
  background-color: rgba(0, 0, 0, 0.6)
}

.authorization {
  display: flex;
  align-items: center;
}

.authorize-toast-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #fff;
  margin: 0 46rpx;
}

.authorize-toast-wrap .head-line {
  font-size: 36rpx;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  color: rgba(34, 34, 34, 1);
  height: 90rpx;
  line-height: 90rpx;
  width: 100%;
  text-align: center;
  border-bottom: 1rpx solid #dedede;
  margin-bottom: 30rpx;
}

.authorize-toast-wrap .txt {
  font-size: 28rpx;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: rgba(153, 153, 153, 1);
}

.authorize-toast-wrap .tip-img {
  width: 464rpx;
  height: 396rpx;
  margin: 60rpx 96rpx;
}

.authorize-toast-wrap .auth-btn {
  width: 544rpx;
  height: 88rpx;
  background-color: rgba(5, 193, 95, 1);
  border-radius: 4rpx;
  font-size: 36rpx;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  margin-bottom: 60rpx;
}