/* pages/regular_register/regular_register.wxss */
page {
	min-height: 100vh;
	width: 750rpx;
}

.top {
  display: flex;
  align-items: center;
	flex-direction: column;
	width: 750rpx;
	overflow: hidden;
}

.top-area {
  background-color: #2F6FD1;
  width: 1300rpx;
  height: 250rpx;
  border-bottom-left-radius: 80%;
	border-bottom-right-radius: 80%;
	
}

.top-item {
  position: relative;
  top: -180rpx;
}

/* 提示信息 */
.tip {
  text-align: center;
  color: #90BBEC;
  font-size: 26rpx;
}

/* 所在楼宇 */
.card-cont {
  overflow: hidden;
  padding: 35rpx 0;
}

.picker::after {
  content: '';
  display: inline-block;
  width: 16rpx;
  height: 16rpx;
  margin-left: 15rpx;
  border-top: 2rpx solid #333333;
  border-right: 2rpx solid #333333;
  transform: rotate(45deg);
}

/* 尾部提示信息 */
.end-tip {
  text-align: center;
  color: #229954;
  font-size: 23rpx;
  margin-top: 25rpx;
}

/* 功能区 */
.title {
  font-size: 34rpx;
  font-weight: 500;
  line-height: 48rpx;
  padding: 64rpx 0 0 28rpx;
}

.component-area {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}

.component-area>.component {
  width: 33%;
  height: 174rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 48rpx 0;
}

.component>image {
  width: 110rpx;
  height: 116rpx;
}

.component>text {
  color: #8695B6;
  font-size: 28rpx;
}

/* 按钮区 */
.btn-area {
  position: fixed;
  bottom: 0rpx;
  /* margin-left: 28rpx; */
	/* margin-top: 800rpx; */
	width: 750rpx;
	height: 138rpx;
	background-color: #F3F4F6;
	z-index: 99;
}

.btn-area>button {
  background: linear-gradient(180deg, #6EAAFF 0%, #2F6FD1 100%);
  font-size: 30rpx;
	height: 110rpx;
	/* width: 100%; */
  line-height: 110rpx;
	border-radius: 8rpx;
	
	color: #FFF;
	margin-left: 28rpx;
	margin-right: 28rpx;
}

.bg-grey {
  background: linear-gradient(180deg, #D1DDED 0%, #9DADC6 100%) !important;
}

.bg-blue {
  background: linear-gradient(180deg, #6EAAFF 0%, #2F6FD1 100%) !important;
}

.msg_info {
  font-size: 34rpx;
  font-style: normal;
  font-weight: 500;
  margin-left: 24rpx;
}

.position {
  position: relative;
}

.change-icon {
  position: absolute;
  top: 25rpx;
  right: 34rpx;
  width: 52rpx;
  height: 50rpx;
}

.m-t {
  margin-top: 64rpx;
}
.dis-color{
  color:var(--field-input-disabled-text-color,#c8c9cc);
}