.wrapper.data-v-86ffa444{ height: 100vh; width: 100vw; } .image.data-v-86ffa444 { height: 720rpx; width: 520rpx; } .section.data-v-86ffa444{ } .shadowBoard.data-v-86ffa444{ /* 其他样式,如背景大小、位置等 */ width: 100vw; height: 100vh; background-size: cover; background-position: center; background-repeat: no-repeat; -webkit-filter: blur(5px); filter: blur(5px); z-index: -99; position: fixed; } .swiper.data-v-86ffa444{ padding-top: 320rpx; } .CardContent.data-v-86ffa444{ position: absolute; top:0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); height: 100%; width: 85%; color: #fff; } .card.data-v-86ffa444{ position: relative; width: 100%; height: 100%; } .header1.data-v-86ffa444{ font-size: 40rpx; margin-top: 20rpx; text-align: left; } .header2.data-v-86ffa444{ position: absolute; bottom:40rpx; left: 0; font-size: 38rpx; } .sdsd.data-v-86ffa444{ text-align: left; } .distence.data-v-86ffa444{ margin-top: 20rpx; } .detail.data-v-86ffa444{ font-size: 24rpx; max-height: 100rpx; line-height: 38rpx; background-color: #00000039; padding: 6rpx; border-radius: 10rpx; text-align: left; overflow-y: scroll; } .shadow.data-v-86ffa444{ position: fixed; width: 100vw; height: 100vh; } .shadow>image.data-v-86ffa444{ width: auto; height: 100%; } .btn.data-v-86ffa444{ padding: 0 !important; margin: 0 !important; display: block; z-index: 99; border-radius: 24rpx; height: 720rpx; border: 1px solid #0000009a; box-shadow: 0 0 20rpx #fff; } .userInfoPression.data-v-86ffa444{ background-color: #ffffff; height: 350rpx; border-radius: 20rpx 20rpx 0 0; } .mainInfo.data-v-86ffa444{ } .infoHead.data-v-86ffa444{ text-align: center; padding: 42rpx; font-weight: 700; } .infoFoot.data-v-86ffa444{ display:flex; width: 100vw; position: absolute; bottom: 50rpx; left: 0; } .infoFoot>Button.data-v-86ffa444{ width: 200rpx; height: 80rpx; line-height: 80rpx; font-size: 32rpx; color: #fff; } .infoFoot>Button.data-v-86ffa444:nth-child(1){ background-color: gray; } .infoFoot>Button.data-v-86ffa444:nth-child(2){ background-color: #1AAD19; } .ttt.data-v-86ffa444{ position: absolute; top:0; left: 0; z-index: 9; width: 100vw; height: 100vh; background-color: #ffffff; } .pisition.data-v-86ffa444{ padding-top: 300rpx; } .avatar-wrapper.data-v-86ffa444{ border: 1px solid rgb(192, 176, 176); width: 200rpx; height: 200rpx; margin-top: 25rpx; } .avatar.data-v-86ffa444{ width: 150rpx; height: 150rpx; margin-top: 25rpx; } .weui-input.data-v-86ffa444{ border: 1px solid rgb(123, 108, 108); margin-top: 300rpx; width: 50vw; height: 70rpx; border-radius: 12rpx; margin: 200rpx auto; } .tipUserHeader.data-v-86ffa444{ text-align: center; margin-top: 20rpx; color: rgb(123, 108, 108); } .submit.data-v-86ffa444{ width: 250rpx; }