mili_mini/pages/testpromotion/testsurprised/testsurprised.wxss

    /**index.wxss**/
    page {
      /* background-color: #f1f0f0f0; */
      background-color:#ffffff;
    }
    .imghead {
      width: 100%;
    }
  .info {
    position:absolute;
    top: 596rpx;
    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: #323232;
  }
  .dateinput1 {
    margin-left: 10rpx;
    font-size: 32rpx;
    font-weight: 500;
    color: #969696;
  }
  .dateinput2 {
    margin-left: 10rpx;
    font-size: 32rpx;
    font-weight: 500;
    color: #323232;
  }
  .phcolor {
    color: #969696;
    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;
  }
  .tipsTxt{
    width: 100%;
    text-align: justify;
    color: #b93737;
    font-size: 25rpx;
    font-weight: Regular;
  }
  .pay {
    background-color: #ffffff;
  height: 143rpx;
  width: 100%;
  position: fixed;
  left:0;
  bottom:-53rpx;
  z-index: 10;
  display: flex;
  }
  .create {
    margin-top: 2rpx;
    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;
  }
  .gx {
    width: 100%;
    height: 120%;
    background-color:rgba(10, 10, 10, 0.8);
    position: absolute;
    z-index: 99;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
  }
  .boxclose {
    height: 327rpx;
    align-self:flex-end;
  }
  .boxgx {
    height: 600rpx;
    align-self:center;
  }
  .imgclose{
    margin-top:284rpx;
    width: 70rpx;
    height: 60rpx;
    margin-right: 13rpx;
  }
  .imggx {
    width: 500rpx;
    height: 512rpx;
  }
  .tips{
    position:absolute;
    top: 1028rpx;
    width: 76%;
    margin-left: 12%;
    margin-right: 12%;
    font-size: 30rpx;
    font-weight: 400;
    color: #E6E6FA;
    text-align:justify;
  }