.index-content-other.data-v-57949c5e { width: 100%; height: 100%; transition: opacity 1s ease; position: relative; background-color: #EFF0F4; } .index-content-right.data-v-57949c5e { width: 100%; border-radius: 50rpx; display: flex; align-items: center; padding-top: 100rpx; font-size: 32rpx; } .item.data-v-57949c5e { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 130rpx; } .item .left-item.data-v-57949c5e { display: flex; align-items: center; margin-left: 20rpx; } .item .left-item .left-icon.data-v-57949c5e { margin: 0 20rpx; width: 40rpx; height: 40rpx; } .item .right-item.data-v-57949c5e { display: flex; align-items: center; margin-right: 50rpx; } .item .right-item .right-icon.data-v-57949c5e { width: 15rpx; height: 30rpx; } .array-father.data-v-57949c5e { background-color: rgba(255, 255, 255, 0.6); width: 76%; margin-left: 12%; border-radius: 30rpx; margin-top: 30rpx; } .bottom-button.data-v-57949c5e { margin-top: 30rpx; background-color: rgba(255, 255, 255, 0.6); width: 76%; margin-left: 12%; border-radius: 30rpx; display: flex; justify-content: center; align-items: center; font-size: 30rpx; height: 100rpx; color: #0174D3; } .popup-any.data-v-57949c5e { position: fixed; inset: 0; /* 初始透明度 */ opacity: 0; /* 播放动画:名称 fadeIn,时长 0.5s,缓动函数 ease,保持最后状态 */ transition: opacity 0.5s ease; -webkit-backdrop-filter: blur(1rpx); backdrop-filter: blur(1rpx); background-color: rgba(236, 237, 241, 0.4); /* 添加毛玻璃效果 */ z-index: 999; } .mask.data-v-57949c5e { position: absolute; inset: 0; } .box-any.data-v-57949c5e { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1000rpx; height: 1500rpx; background: #fff; border-radius: 50rpx; overflow: hidden; display: flex; flex-direction: column; padding: 65rpx 60rpx; } .title-left.data-v-57949c5e { display: flex; align-items: center; justify-content: center; } .title-left .back-img.data-v-57949c5e { width: 60rpx; height: 60rpx; margin-right: 30rpx; } .title-left .back-font.data-v-57949c5e { font-size: 35rpx; font-weight: 600; } .back-img.data-v-57949c5e { width: 30rpx; height: 30rpx; margin-left: 100rpx; margin-right: 20rpx; } .text-center.data-v-57949c5e { margin-top: 40rpx; width: 100%; display: flex; justify-content: center; }