Mina/pages/agent/index.wxss

/* pages/agent/index.wxss */

.panel {
  display: flex;
  flex-direction: column;
}

.agent {
  width: 100%;
}

.agent image {
  width: 100%;
}

.agent_1 {
  width: 100%;
}

.agent_1 image {
  width: 100%;
}

.agent_1 .baoming {
  position: fixed;
  width: 263rpx;
  height: 136rpx;
  top: 80%;
  right: 30rpx;
}

.agent_4 {
  width: 100%;
  position: relative;
}

.agent_4 image {
  width: 100%;
}

.agent_4 .joinus {
  position: absolute;
  width: 100%;
  top: 170rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 50rpx;
  font-family: SourceHanSansCN-Regular;
  font-weight: 400;
  color: rgba(42, 49, 58, 1);
}

.agent_4 .name {
  position: absolute;
  width: 100%;
  top: 300rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 32rpx;
  font-family: SourceHanSansCN-Regular;
  font-weight: 400;
  color: rgba(42, 49, 58, 1);
}

.agent_4 .name .left {
  padding-left: 120rpx;
  width: 26%;
}

.agent_4 .name .right {
  width: 52%;
  margin-right: 120rpx;
  border-bottom: 2rpx solid #2a313a;
}

.agent_4 .contact {
  position: absolute;
  width: 100%;
  top: 370rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 32rpx;
  font-family: SourceHanSansCN-Regular;
  font-weight: 400;
  color: rgba(42, 49, 58, 1);
}

.agent_4 .contact .left {
  padding-left: 120rpx;
  width: 26%;
}

.agent_4 .contact .right {
  width: 52%;
  margin-right: 120rpx;
  border-bottom: 2rpx solid #2a313a;
}

.agent_4 .sex {
  position: absolute;
  width: 100%;
  top: 440rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 32rpx;
  font-family: SourceHanSansCN-Regular;
  font-weight: 400;
  color: rgba(42, 49, 58, 1);
}

.agent_4 .sex .left {
  padding-left: 120rpx;
  width: 26%;
}

.agent_4 .sex .right {
  width: 52%;
  margin-right: 120rpx;
  border-bottom: 2rpx solid #2a313a;
}

.agent_4 .year {
  position: absolute;
  width: 100%;
  top: 510rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 32rpx;
  font-family: SourceHanSansCN-Regular;
  font-weight: 400;
  color: rgba(42, 49, 58, 1);
}

.agent_4 .year .left {
  padding-left: 120rpx;
  width: 26%;
}

.agent_4 .year .right {
  width: 52%;
  margin-right: 120rpx;
  border-bottom: 2rpx solid #2a313a;
}

.submit {
  position: absolute;
  left: 29%;
  right: 29%;
  top: 640rpx;
  height: 88rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 36rpx;
  font-family: SourceHanSansCN-Regular;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  background: rgba(88, 140, 207, 1);
  border: 6rpx solid rgba(40, 50, 60, 1);
  border-radius: 24rpx;
}
.picker{
  font-size: 28rpx;
  margin-top: 8rpx;
}