page { background-color: #161616; width: 100%; height: 100%; } .page { width: 100%; height: 100%; } .header { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width: 750rpx;height: 120rpx; padding-top: calc(var(--status-bar-height) + 0rpx); .left { display: flex;flex-direction: row;width:100rpx;height:60rpx; justify-content: center; padding-left:50rpx; image { width:36rpx;height:36rpx; } } } .thread { height: 20rpx; } .thread2 { height: 60rpx; } .tbody { display: flex;flex-direction: column;justify-content: center;align-items: center; image { width:152rpx;height:152rpx; } .tips { font-weight: 400;margin-top:76rpx; font-size: 24rpx; color: #D0D0D0; } .btn_submit { width: 660rpx;height: 96rpx;margin-top:288rpx; background: linear-gradient( 142deg, #FF5967 0%, #FF2A95 100%); border-radius: 28rpx 28rpx 28rpx 28rpx; display: flex;flex-direction: column;justify-content: center;align-items: center; font-weight: bold; font-size: 32rpx; color: #FFFFFF; } } .blankHeight { width:750rpx;height:180rpx; } .pop_mask { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.5); } .body { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-end; } .clickT { width: 300rpx; height: 100rpx; z-index: 9999; margin-top: 0rpx; margin-right: 20rpx; }