.wrap{ width: 100%; height: 100%; background-color: #fff; display: flex; flex-direction:column } .wrap_title { flex: 1; width: 100%; height: 150rpx; margin: 0 auto; } .wrap_title_top{ width: 100%; height: 75rpx; line-height: 75rpx; text-align: center; font-size: 40rpx; color: #4687F7; font-weight: 600; } .topstyle { margin-top: 80rpx } .wrap_middle{ flex: 1; width: 100%; height: 450rpx; } .wrap_middle image { display: block; width: 530rpx; height: 100%; margin: 0 auto; } .wrap_bottom { flex: 1; width: 100%; padding-top: 90rpx; } .form_box { width: 100%; height: 300rpx; background-color: #999 } .form_box_btn { position: relative; background-color: #fff; width: 195rpx; height: 190rpx; color: #fff; line-height: 190rpx; margin: 0 auto; background: linear-gradient(to right, #5093ee , #06b4f1); background: -webkit-linear-gradient(top right, #06b4f1, #5093ee ); border-radius: 100%; } .wrap_bottom_img { width: 100%; height: 200rpx; } .wrap_bottom_img image { display: block; width: 200rpx; height: 200rpx; margin: 0 auto; margin-top: 50rpx; } .wrap_bottom_num { text-align: center; font-size: 24rpx; color: #999; margin-top: 50rpx } .wrap_bottom_num .num { display: inline; color: #4687F7; font-size:30rpx; } .form_box_btn text { position: absolute; top:95rpx; left:106rpx; color: #fff; } .form_box_btn::after { border: none; } .ex_tip{ width:650rpx; height: 40rpx; position: fixed; top:0; left:0; right:0; bottom: 0; margin:auto; padding:20rpx; background:rgba(0, 0, 0, .6); text-align: center; color:#fff; z-index: 100; border-radius: 6px; }