txly-zfb-mini/pages/authorize_three/authorize_three.acss

page {
  background-color: #ffffff;
}
.at-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100vh;
  overflow: hidden;
}
.head-img {
  margin-top: 200rpx;
  width: 220rpx;
  height: 220rpx;
  align-self: center;
}
.head-title {
  font-size: 48rpx;
  color: #333;
  margin-top: 40rpx;
  font-weight: 500;
  margin-left: 40rpx;
  font-family: 'Source Han Sans CN';
}
.head-title-center {
  margin-left: 0;
  align-self: center;
}
.head-subtitle {
  line-height: 48rpx;
  font-size: 32rpx;
  color: #606266;
  font-weight: 400;
  text-align: left;
  margin: 16rpx 40rpx 0;
}
.error-layout {
  padding: 0 30rpx;
  margin: 64rpx 32rpx 0;
  width: calc(100% - 124rpx);
  height: 112rpx;
  background: rgba(255, 49, 65, 0.1);
  border: 2rpx solid #FF3141;
  border-radius: 16rpx;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.error-layout .error-icon {
  width: 48rpx;
  height: 40rpx;
}
.error-layout .error-txt {
  font-size: 32rpx;
  color: #FF3141;
  font-weight: 500;
  margin-left: 16rpx;
}

.protocol-checkbox {
  flex: none;
  border-radius: 50%;
  background-color: #fff;
}
.protocol-checkbox-selected {
  background-color: #1677FF;
}
.protocol {
  flex: auto;
  color: #B1B1B1;
  font-weight: 400;
  font-size: 26rpx;
  line-height: 40rpx;
  margin-left: 10rpx;
}
.protocol .protocol-top {
  color: #1677FF;
}

.submit-btn {
  margin: 38rpx 32rpx 80rpx;
  width: calc(100% - 64rpx);
  height: 98rpx;
  border-radius: 16rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  font-size: 36rpx;
  border: none;
  color: #ffffff;
  background-color: #1677FF;
}
.btn-disabled {
  color: #B1B1B1;
  background-color: #F2F2F2;
}
.btn-hover {
  opacity: 0.6;
}