.background.data-v-cadadfe7 { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; } .Navigation.data-v-cadadfe7 { position: fixed; top: 0; left: 0; right: 0; height: 200rpx; display: flex; align-items: center; padding: 0 60rpx; z-index: 1; } .Return.data-v-cadadfe7 { width: 60rpx; height: 60rpx; margin-top: 20rpx; } .Content.data-v-cadadfe7 { position: absolute; top: 200rpx; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column; align-items: center; } .sender.data-v-cadadfe7 { width: 100%; display: flex; flex-direction: column; align-items: center; margin-top: 80rpx; } .sengderIcon.data-v-cadadfe7 { width: 150rpx; height: 150rpx; border-radius: 50%; background-color: #fff; display: flex; justify-content: center; align-items: center; } .Icon.data-v-cadadfe7 { width: 100%; height: 100%; border-radius: 50%; } .Individual.data-v-cadadfe7 { display: flex; justify-content: center; align-items: center; margin-top: 34.35rpx; } .name.data-v-cadadfe7 { font-size: 30.53rpx; color: #161616; margin-right: 16.22rpx; } .nation.data-v-cadadfe7 { width: 56.3rpx; height: 29.58rpx; font-size: 17.18rpx; color: #666666; text-align: center; line-height: 29.58rpx; background-color: #fff; border-radius: 50rpx; padding: 6rpx 12rpx; display: flex; justify-content: center; align-items: center; } .male.data-v-cadadfe7 { width: 56.3rpx; height: 29.58rpx; background-color: #5bced1; border-radius: 50rpx; display: flex; justify-content: center; align-items: center; padding: 6rpx 12rpx; margin-right: 12rpx; } .female.data-v-cadadfe7 { width: 56.3rpx; height: 29.58rpx; background-color: #f3876f; border-radius: 50rpx; display: flex; justify-content: center; align-items: center; padding: 6rpx 12rpx; margin-right: 12rpx; } .age.data-v-cadadfe7 { font-size: 17.18rpx; color: #fff; margin-left: 4rpx; } .Time.data-v-cadadfe7 { color: #666666; font-size: 26.72rpx; margin-top: 48.7rpx; } .goldCoin.data-v-cadadfe7 { background-image: url("https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/Backgroundofgoldcoins.png"); width: 334.83rpx; height: 124.05rpx; margin-right: 21rpx; display: flex; align-items: center; } .Session.data-v-cadadfe7 { background-image: url("https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/Fieldnumberbackground.png"); width: 334.83rpx; height: 124.05rpx; display: flex; align-items: center; } .SessionAndGoldCoin.data-v-cadadfe7 { display: flex; justify-content: center; align-items: center; margin-top: 60rpx; display: flex; justify-content: center; } .goldtext.data-v-cadadfe7 { font-size: 28.63rpx; color: #929292; } .goldnumber.data-v-cadadfe7 { font-size: 34.35rpx; color: #161616; font-weight: bold; } .goldcard.data-v-cadadfe7 { display: flex; flex-direction: column; align-items: center; } .button.data-v-cadadfe7 { display: flex; justify-content: center; align-items: center; margin-top: 150rpx; } .buttontext.data-v-cadadfe7{ font-size: 40rpx; color: #666666; font-weight: bold; } .accept.data-v-cadadfe7 { width: 325.38rpx; height: 77.29rpx; margin-right: 35.5rpx; border-radius: 50rpx; background-color: #fff; border: 1rpx solid #03aba8; color: #03aba8; font-size: 28.63rpx; line-height: 77.29rpx; } .reject.data-v-cadadfe7 { width: 325.38rpx; height: 77.29rpx; border-radius: 50rpx; background-color: #03aba8; border: 1rpx solid #03aba8; color: #fff; font-size: 28.63rpx; line-height: 77.29rpx; } .popup-Hintcontent.data-v-cadadfe7{ width: 600rpx; height: 500rpx; background-repeat: no-repeat; border-radius: 10px; display: flex; flex-direction: column; justify-content: center; align-items: center; background-image: url(https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/chard1.png); background-position: center; } .popup-text.data-v-cadadfe7 { color: #161616; font-size: 36.26rpx; font-weight: bold; margin-bottom: 30rpx; } .popup-texts.data-v-cadadfe7{ margin-left: 50rpx; color: #7e7e7e; font-size: 26rpx; margin-right: 50rpx; margin-top: 70rpx; margin-bottom: 70rpx; } .popup-btn.data-v-cadadfe7 { display: flex; justify-content: space-around; margin-top: 50rpx; } .invite.data-v-cadadfe7 { width: 225.19rpx; height: 78.24rpx; font-size: 28.63rpx; line-height: 80rpx; border-top-left-radius: 50rpx; border-bottom-left-radius: 50rpx; border-bottom-right-radius: 50rpx; background-image: linear-gradient(135deg, #4fcacd, #5fdbde); } .cancel.data-v-cadadfe7 { width: 225.19rpx; height: 78.24rpx; font-size: 28.63rpx; line-height: 80rpx; margin-left: 30rpx; color: #03aba8; border-top-left-radius: 50rpx; border-bottom-left-radius: 50rpx; border-bottom-right-radius: 50rpx; border: 1rpx solid #03aba8; }