page { background-color: #161616; width: 100%; height: 100%; } .page { background-color: #161616; width: 100%; height:100vh; } .header { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width: 750rpx;height: 220rpx; 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; } .mobile { font-weight: bold;margin-top:84rpx; font-size: 52rpx; color: #FFFFFF; } .tips { font-weight: 400;margin-top:76rpx; font-size: 24rpx; color: #D0D0D0; } .btn_submit { width: 660rpx;height: 96rpx;margin-top:38rpx; 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; } .other { margin-top:38rpx; display: flex;flex-direction: row;justify-content: center;align-items: center; color:#fff;font-size:24rpx; .line { width:2rpx;height:24rpx;background-color: #fff;margin-left: 30rpx;margin-right: 30rpx; } } .name { width:690rpx;display: flex;flex-direction: row;justify-content: space-between;align-items: flex-start; color:#fff;font-size: 28rpx;margin-top: 20rpx; .right { font-size: 28rpx; color: #FF2A95; } } .item { width: 690rpx;height: 84rpx;margin-top: 20rpx; background: #282828;position: relative; border-radius: 24rpx 24rpx 24rpx 24rpx; input { width:100%;height:100%;padding-left: 20rpx;font-size: 28rpx;color:#fff; } .btn { position: absolute;right:20rpx;top:0rpx; font-weight: 400; font-size: 28rpx;line-height: 84rpx; color: #FF2A95; } .arrow { width:36rpx;position: absolute;right:20rpx;top:24rpx; } } .other_list { width: 690rpx;display: flex;flex-direction: row;justify-content: space-between;align-items: center;margin-top:38rpx; .left { font-weight: bold; font-size: 28rpx; color: #FF2A95; } .right { font-weight: bold; font-size: 28rpx; color: #FFFFFF; } } .wechat { width: 88rpx;height: 88rpx;margin-top:200rpx; background: rgba(255,255,255,0); border: 2rpx solid #D0D0D0;border-radius: 44rpx; display: flex;flex-direction: row;justify-content: center;align-items: center; image { width:62rpx; } } .agree { width:100%;text-align: center;color:#959595;font-size: 22rpx;margin-top: 40rpx; display: flex;flex-direction: row;justify-content: center;align-items: center; .agree2 { display: flex;flex-direction: row;justify-content: center;align-items: center; } .xy { color:#FF2A95; } image { width:32rpx;margin-right: 8rpx; } } } .blankHeight { width:750rpx;height:180rpx; }