.myModal { width: 100%; height: 100%; overflow: hidden; background: rgba(0, 0, 0, .6); position: absolute; top: 0; z-index: 9999; } .box { width: 644rpx; height: 400rpx; background: rgba(255, 255, 255, 1); border-radius: 8rpx; margin: 322rpx auto 0; left: 0; top: 0; right: 0; bottom: 0; position: relative; /* padding-top: 66rpx; */ box-sizing: border-box; overflow: visible; } .havePadding { padding-top: 66rpx; } .btn { width: 464rpx; height: 80rpx; line-height: 80rpx; border-radius: 56rpx; font-size: 40rpx; color: #fff; text-align: center; background: #ff9209; position: absolute; bottom: 40rpx; left: 0; right: 0; margin: auto; } .orange { font-size: 40rpx; text-align: center; color: #f66c1c; line-height: 56rpx; } .normal { text-align: center; color: #252525; font-size: 28rpx; margin-top: 20rpx; width: 100%; display: flex; align-items: center; justify-content: center; } .close { width: 78rpx; height: 78rpx; position: absolute; left: 0; right: 0; margin: 38rpx auto 0; } .paySuccess { color: #6bc74c; font-size: 36rpx; text-align: center } .paySuccessImg { width: 160rpx; height: 160rpx; margin: 46rpx auto 14rpx; } .androidBox { width: 644rpx; height: 563rpx; background: rgba(255, 255, 255, 1); border-radius: 34rpx; margin: 282rpx auto 0; left: 0; top: 0; right: 0; bottom: 0; position: relative; box-sizing: border-box; overflow: visible; } .androidVIPImg { width: 160rpx; height: 160rpx; /* position: absolute; */ /* top: -89rpx; */ margin: 46rpx auto 35rpx; left: 0; right: 0; } .androidVIPText { color: #0D0D0D; font-size: 40rpx; text-align: center; margin-bottom: 23rpx; } .androidBtn { width: 402rpx; height: 84rpx; line-height: 80rpx; border-radius: 48rpx; font-size: 42rpx; color: #fff; text-align: center; background: #ff9209; position: absolute; bottom: 40rpx; left: 0; right: 0; margin: auto; }