mili_mini/pages/promotion/promotionoffline/promotionoffline.wxss

    /**index.wxss**/
    page {
      /* background-color: #f1f0f0f0; */
      background-color:#ffffff;
    }
    .imghead {
      width: 100%;
      height: 710rpx;
    }
    .halfran {
      position:absolute;
      z-index: 1;
      width: 120%;
      margin-left: -10%;
      height: 200rpx;
      margin-top: -36rpx;
      background-color: #ffffff;
      border-radius: 80% / 40%;
    }
  .info {
    position:absolute;
    top: 438rpx;
    z-index: 2;
    margin-left: 12%;
    margin-right: 12%;
    width: 578rpx;
    height: 440rpx;
    display: flex;
    flex-direction: column ;
    background:#ffffff;
    box-shadow:0rpx 14rpx 44rpx 2rpx rgba(161,161,161,0.5);
    border-radius:30rpx;
  }
  .name {
    display: flex;
    margin-top: 38rpx;
    margin-bottom: 22rpx;
    align-items:center;
    height: 56rpx;
  }
  .iconflex {
    /* flex: 70; */
    text-align: center;
  }
  .infoflex {
    flex: 183;
    text-align: left;
  }
  .otherflex {
    flex: 54;
  }
  .nameicon {
    width: 54rpx;
    height: 54rpx;
    margin-left: 80rpx;
    margin-right: 10rpx;
  }
  .nameinput {
    margin-left: 14rpx;
    font-size: 32rpx;
    font-weight: 500;
    color: #C0C0C0;
  }
  .dateinput {
    margin-left: 10rpx;
    font-size: 32rpx;
    font-weight: 500;
    color: #C0C0C0;
  }
  .phcolor {
    color: #C0C0C0;
    font-size: 32rpx;
    font-weight: 500;
  }
  .line {
    width:100%;
    background-color:#F2F2F2;
    height:1rpx;
    margin-top:0rpx;
    margin-bottom: 0rpx;
  }
  .phone {
    display: flex;
    margin-top: 24rpx;
    margin-bottom: 20rpx;
    align-items:center;
    height: 56rpx;
  }
  .submit {
    width: 40%;
    height: 80rpx;
    position:absolute;
    top: 388rpx;
    z-index: 3;
    background-color: #4AC3B2;
    margin-left: 30%;
    margin-right: 30%;
    margin-top:520rpx;
    text-align: center;
    line-height:  80rpx;
    color: #ffffff;
    border-radius: 46rpx;
    font-size: 36rpx;
    font-weight: 500;
  }
  .tips { 
    padding-top: 240rpx;
    text-align: center;
    color: #BBBBBB;
    font-size: 24rpx;
    font-weight: Regular;
  }
  .pay {
  height: 182rpx;
  width: 100%;
  position: fixed;
  left:0;
  bottom:0rpx;
  background:#ffffff;
  z-index: 10;
  display: flex;
  }
  .create {
    margin-top: 40rpx;
    height: 82rpx;
    width: 612rpx;
    margin-bottom: 60rpx;
    margin-left: 70rpx;
    margin-right: 68rpx;
    text-align: center;
    font-weight: 500;
    font-size: 36rpx;
    line-height: 82rpx;
    color: #FFFFFF;
    background:linear-gradient(90deg,rgba(0,199,198,0.97) 0%,rgba(0,210,210,1) 100%);
    box-shadow:0rpx 14rpx 44rpx 2rpx rgba(0,199,198,0.2);
    border-radius: 42rpx;
  }