crm-mobile/pages/login/style/style.scss

// 操作按钮
.form-btn {
  width: 100%;
  height: 90rpx;
  color: white;
  font-size: $wk-font-large;
  text-align: center;
  line-height: 90rpx;
  border-radius: 45rpx;
  margin-top: 70rpx;
}

// 返回按钮
.back-box {
  font-size: $wk-font-large;
  line-height: 1;
	margin: 25rpx 0;
  @include left;
  .wk {
    font-size: 46rpx;
    color: #6d6d6d;
    transform: rotate(180deg);
    margin-right: 10rpx;
  }
}

.logo-box {
	width: 138rpx;
	height: 138rpx;
	box-shadow: 4rpx 4rpx 24rpx rgba(108, 108, 108, 0.16);
	background-color: white;
	border-radius: 28rpx;
	margin: 50rpx auto 0;
	@include center;
	.logo {
		width: 90rpx;
		height: 90rpx;
	}
}

.app-name {
	width: 100%;
	font-size: 42rpx;
	text-align: center;
	margin-top: 20rpx;
}

.subhead {
	width: 100%;
	font-size: $wk-font-base;
	color: $gray;
	text-align: center;
	margin: 10rpx 0;
}

.wx-self-cloud {
	position: fixed;
	bottom: 130rpx;
	bottom: calc(130rpx + constant(safe-area-inset-bottom));
	bottom: calc(130rpx + env(safe-area-inset-bottom));
	left: 50%;
	transform: translateX(-50%);
	width: 180rpx;
	height: 66rpx;
	font-size: $wk-font-base;
	color: $theme-color;
	border-radius: 66rpx;
	border: 1rpx solid $theme-color;
	@include center;
}

.law {
	position: fixed;
	bottom: 15rpx;
	// bottom: calc(20rpx + constant(safe-area-inset-bottom));
	// bottom: calc(20rpx + env(safe-area-inset-bottom));
	left: 0;
	width: 100%;
	font-size: $wk-font-mini;
	color: $gray;
	text-align: center;
	padding-left: 10rpx;
	margin: 30rpx auto;
	@include center;

	.icon {
		color: #e1e1e1;
		font-size: 28rpx;
		margin-right: 15rpx;

		&.active {
			color: $theme-color;
		}
	}

	.special {
		color: inherit;
		padding: 0 5rpx;
	}
}