TaxWeChatApp/miniprogram/pages/loginBind/loginBind.wxss

/* pages/login/login.wxss */

page {
  background: #fff;
}

.logo {
  margin-top: 90rpx;
  margin-bottom: 34rpx;
  line-height: 48rpx;
  font-size: 48rpx;
  color: #fff;
}

.loginWrap {
  position: relative;
  height: 100vh;
  box-sizing: border-box;
}

.loginWrap .background {
  width: 100% !important;
}

.loginBox {
  padding: 50rpx;
  position: absolute;
  top: 120rpx;
  left: 0;
  right: 0;
}

.login {
  padding: 0 30rpx 40rpx;
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  border-radius: 12rpx;
}

.login .head {
  padding: 50rpx 0 48rpx 20rpx;
  line-height: 48rpx;
  font-size: 48rpx;
  color:#282828;
}

.formGroup {
  position: relative;
  display: flex;
  padding: 30rpx 0;
  border-bottom: solid #e5e5e5 1rpx;
}

.formGroup::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%) scaleX(0);
  transform-origin: center;
  bottom: -1rpx;
  width: 100%;
  height: 6rpx;
  background: #07b1ff;
  transition: all 0.3s ease;
  z-index: 1000;
}

.formGroup.active::after {
  transform: translateX(-50%) scaleX(1);
}

.formGroup+.formGroup {
  margin-top: 30rpx;
}

.formGroup .label {
  position: absolute;
  top: 30rpx;
  left: 20rpx;
  height: 68rpx;
  line-height: 68rpx;
  font-size: 24rpx;
  color: #999;
  transition: all 0.3s ease;
}

.formGroup.focus .label {
  top: -20rpx;
}

.formGroup .input {
  padding-left: 20rpx;
  flex: 1;
  width: 0;
  height: 68rpx;
  font-size: 28rpx;
  color: #282828;
}

.sendCode {
  margin-left: 20rpx;
  padding: 0 !important;
  width: 194rpx !important;
  height: 68rpx !important;
  line-height: 68rpx !important;
  font-size: 28rpx;
  color: #fff;
  font-weight: 450;
  background: #007dff;
}

.sendCode.disabled,
.sendCode[disabled] {
  opacity: 0.2;
  border-color: #007dff !important;
  color: #fff !important;
  background: #007dff !important;
}

.forgetPwd {
  margin: 40rpx 0 50rpx;
  line-height: 24rpx;
  text-align: right;
  font-size: 24rpx;
  color: #07b1ff;
}

.bottomText {
  position: absolute;
  bottom: 80rpx;
  left: 0;
  right: 0;
  font-size: 28rpx;
  color: #ccc;
  text-align: center;
  letter-spacing: 1.2px;
}

.operaWrap {
  margin-top: 80rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.operaWrap .loginBtn {
  margin: 0 !important;
  width: 328rpx;
  height: 98rpx;
  line-height: 98rpx;
  font-size: 34rpx;
  font-weight: 450;
  color: #fff;
  text-align: center;
  border-radius: 12rpx;
  background: -webkit-linear-gradient(left, #07b1ff, #007dff);
  box-shadow: 0 8rpx 16rpx 0 rgba(32, 149, 255, 0.4);
}

.operaWrap .remember {
  padding-left: 30rpx;
  height: 98rpx;
  line-height: 98rpx;
  display: flex;
  align-items: center;
}

.operaWrap .icon-unselected {
  display: inline-block;
  margin-right: 20rpx;
  height: 36rpx;
  line-height: 36rpx;
  font-size: 36rpx;
  color: #999;
  opacity: 0.7;
}

.operaWrap .text {
  display: block;
  height: 36rpx;
  line-height: 36rpx;
  font-size: 24rpx;
  color: #999;
  opacity: 0.7;
}

.loginWrap {
  background: url('data:image/png;base64,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') center bottom no-repeat;
  background-size: 100%;
}