bingxue-wechat/pages/contest/info/info.wxss

/* pages/contest/contest.wxss */
page {
  background: #fff;
}
.home {
  width: 40rpx;
  height: 40rpx;
  position: absolute;
  top: 70rpx;
  left: 50rpx;
  z-index: 99;
}
.page-title {
  position: relative;
  z-index: 1;
  width: 100%;
  font-size: 32rpx;
  font-weight: 400;
  color: #FFFFFF;
  padding-top: 68rpx;
  text-align: center;
}
.bg {
  width: 100%;
  position: absolute;
  z-index: 0;
}
.form {
  padding-top: 370rpx;
}
.form-item {
  position: relative;
  height: 166rpx;
}
.form-item-bg {
  width: 100%;
  position: absolute;
  z-index: 0;
}
.content {
  height: 166rpx;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 9;
}
.form-item-label {
  padding: 0 40rpx 0 80rpx; 
  font-size: 32rpx;
  font-weight: 550;
  color: #161616;
}
.form-item-picker{
  margin: 0 30rpx;
  z-index:99 !important;
  background-color:#fff;
  top:-300rpx;
  position:absolute;
  width:calc(100% - 60rpx);
  box-shadow: 1px 1px 12px 1px rgba(0, 0, 0, 0.06);
  border-radius: 50rpx;
  height:300rpx;
  transition:all .2s;
  overflow: auto;
  padding:20rpx;
}
.form-item-leaf{
  padding:20rpx;
}
input, .select {
  padding-left: 24rpx;
  width: 500rpx!important;
  height: 106rpx;
  position: relative;
  display: flex;
  align-items: center;
}
.picker {
  width: 500rpx;
  height: 106rpx;
  display: flex;
  align-items: center;
}
.arrow {
  width: 24rpx;
  position: absolute;
  right: 40rpx;
  z-index: 0;
}
.phcolor {
  font-size: 32rpx;
  line-height: 44rpx; 
  font-weight: 400;
  color: rgba(22, 22, 22,.18);
}
.button {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 166rpx;
}

.button-bg {
  width: 712rpx;
  position: absolute;
  z-index: 0;
}
.button-text {
  background-image: linear-gradient(to right, #57A8EF, #6247FF);
  width: 656rpx;
  height: 110rpx;
  border-radius: 120rpx;
  text-align: center;
  position: relative;
  z-index: 9;
  color: #FFFFFF;
  font-size: 48rpx;
  line-height: 110rpx;
}

.warning {
  display: flex;
  align-items: center;
  height: 55rpx;
  position: relative;
  z-index: 10;
}
.warning-icon {
  width: 36rpx;
  margin: 0 24rpx 0 98rpx;
}
.warning-text {
  font-size: 28rpx;
  font-weight: 400;
  color: #59598D;
}