.title-box {
  padding: 24rpx;
  font-weight: bold;
  font-size: 28rpx;
  text-align: center;
}
.upload-image {
  display: flex;
  justify-content: center;
  padding: 0 18rpx;
}
.upload-image>.upload-image-item {
  flex: 0 0 33.33%;
  padding: 0 6rpx;
}
.upload-image>.upload-image-item>image {
  width: 100%;
  height: 150rpx;
}
.upload-image-item>text {
  display: block;
  text-align: center;
  color: #8C8C8C;
  font-size: 26rpx;
  margin-top: 20rpx;
}
.form {
  display: block;
  font-size: 26rpx;
  margin-top: 20rpx;
}

.form .page-section {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 100rpx;
  width: 100%;
  padding: 0 24rpx;
  background: #fff;
  border-bottom: 1px solid #ECECEC;
}

.form .noBorder {
  border: none;
}

.form .noBorder text {
  color: #1aad19;
}

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

.form .space {
  margin-bottom: 20rpx;
}

.form .page-section>.page-section-title {
  flex: 0 0 172rpx;
  margin-right: 25rpx;
  display: flex;
  align-items: center;
}

.form .page-section .more {
  height: 36rpx;
  width: 36rpx;
  float: right;
  margin-right: 30rpx;
}

.weui-cells {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sub-info,
.weui-input {
  flex: 1;
}
.sub-infos {
  color: #666;
}
.page-section-pick {
  border-top: solid 1rpx #ececec;
}
.pick-title {
  margin-right: 24rpx;
  width: 172rpx; 
  line-height: 100rpx; 
  border-right: solid 1rpx #ececec;
}
.form .page-section>.weui-cells text{
  color: rgb(131, 131, 131);
}
.form .page-section>.weui-cells .time{
  display: inline-block;
  width: 250rpx;
  height: 100rpx;
  vertical-align: middle;
  text-align: center;
  line-height: 100rpx;
}
.arrow {
  width: 36rpx;
  height: 36rpx;
  transform: rotate(90deg);
}
.form .submit {
  background-color: #26A4DE;
  width: 540rpx;
  margin: 150rpx auto;
}
.input-container {
  display: flex;
  flex-wrap: wrap;
}
.input-container .page-section {
  width: 50%;
  border-right: solid 1rpx #ECECEC;
}
.input-container .page-section.w-full {
  width: 100%;
}
.input-container .page-section .page-section-title,
.bRight {
  border-right: solid 1rpx #ECECEC;
}
.btn-group {
  background: white;
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  box-sizing: border-box;
  padding: 24rpx;
  text-align: center;
  display: flex;
  z-index: 99;
}
.btn{
  height: 80rpx;
  line-height: 80rpx;
  color: #fff;
  display: block;
  margin: 0 10rpx;
  flex: 1;
  border-radius: 40rpx;
  background: #008fd7;
  font-size: 28rpx;
}
.code-btn {
  flex: 0 0 180rpx;
  height: 80rpx;
  line-height: 80rpx;
  text-align: center;
  color: #fff;
  display: block;
  border-radius: 8rpx;
  background: #008fd7;
  font-size: 28rpx;
}
.mask {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.65);
  top: 0;
  left: 0;
  z-index: 999;
}
.mask-container {
  position: fixed;
  padding: 24rpx;
  width: 90%;
  height: 90vh;
  top: 5%;
  left: 5%;
  background-color: #fff;
  border-radius: 12rpx;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  z-index: 1001;
}
.mask-content {
  flex: 1;
  margin-bottom: 24rpx;
  overflow-y: auto;
}
.text-title {
  text-align: center;
  font-size: 28rpx;
  line-height: 1.75;
}
.i-text {
  line-height: 1.75;
}
.text {
  line-height: 1.75;
  text-indent: 36rpx;
}
.check-container {
  display: flex;
  align-items: center;
}
.confirm-btn {
  margin-top: 24rpx;
  width: 100%;
}