.bg.data-v-36b7ee78 { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; } .bgImg.data-v-36b7ee78 { width: 100%; height: 100%; } .Return.data-v-36b7ee78 { position: absolute; top: 110rpx; left: 35rpx; width: 46rpx; height: 46rpx; } .title.data-v-36b7ee78 { position: absolute; top: 120rpx; left: 335rpx; font-size: 34rpx; color: #100e0f; font-weight: bold; } .ReturnImg.data-v-36b7ee78 { width: 100%; height: 100%; } .scroll.data-v-36b7ee78 { position: absolute; top: 200rpx; left: 0; right: 0; height: 1300rpx; width: 100%; } .scroll.data-v-36b7ee78 ::-webkit-scrollbar { width: 0; height: 0; color: transparent; display: none; } .no-data.data-v-36b7ee78{ position: absolute; top: 200rpx; left: 0; right: 0; height: 1300rpx; width: 100%; line-height: 1300rpx; text-align: center; font-size: 30rpx; color: #959595; } .card.data-v-36b7ee78 { width: 695rpx; height: 180rpx; background: #ffffff; border-radius: 15rpx; display: flex; align-items: center; margin-left: 30rpx; margin-top: 20rpx; } .Profile.data-v-36b7ee78 { width: 89rpx; height: 89rpx; border-radius: 50rpx; background-color: #cccccc; margin-left: 27.5rpx; } .Gendermale.data-v-36b7ee78 { background: url(https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/maleimg.png) no-repeat center; width: 56.3rpx; height: 29.58rpx; background-size: 100% 100%; display: flex; align-items: center; margin-right: 10rpx; } .Genderfemale.data-v-36b7ee78 { background: url(https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/femaleimg.png) no-repeat center; width: 56.3rpx; height: 29.58rpx; background-size: 100% 100%; display: flex; align-items: center; margin-right: 10rpx; } .Individual.data-v-36b7ee78 { display: flex; flex-direction: column; justify-content: center; margin-left: 37rpx; } .Name.data-v-36b7ee78 { width: 288.17rpx; font-size: 30.53rpx; color: #161616; font-weight: 500; white-space: nowrap; /* 防止换行 */ overflow: hidden; /* 隐藏溢出内容 */ text-overflow: ellipsis; /* 显示省略号 */ } .time.data-v-36b7ee78 { margin-top: 13rpx; font-size: 23rpx; color: #a3a3a3; } .state.data-v-36b7ee78 { width: 56.3rpx; height: 30rpx; background: #f6f6f6; border-radius: 14rpx; line-height: 30rpx; font-size: 17rpx; color: #666666; padding: 0 15rpx; white-space: nowrap; /* 防止换行 */ overflow: hidden; /* 隐藏溢出内容 */ text-overflow: ellipsis; /* 显示省略号 */ text-align: center; } .Label.data-v-36b7ee78 { margin-top: 15rpx; display: flex; } .age.data-v-36b7ee78 { font-size: 17rpx; color: #ffffff; margin-left: 10rpx; } .Genderimg.data-v-36b7ee78 { width: 14.22rpx; height: 14.22rpx; margin-left: 10rpx; } .species.data-v-36b7ee78 { display: flex; margin-left: 10rpx; } .species-text.data-v-36b7ee78 { font-size: 23rpx; color: #a3a3a3; } .species-num.data-v-36b7ee78 { font-size: 23rpx; color: #161616; font-weight: bold; } .handle.data-v-36b7ee78 { display: flex; } .recompose.data-v-36b7ee78 { width: 46rpx; height: 46rpx; margin-left: 80rpx; } .expurgate.data-v-36b7ee78 { width: 46rpx; height: 46rpx; margin-left: 10rpx; } .createModule.data-v-36b7ee78 { position: fixed; bottom: 0; right: 0; z-index: 998; width: 100vw; } .popup-container.data-v-36b7ee78{ width: 500rpx; height: 500rpx; background-color: #ffffff; border-radius: 30rpx; display: flex; flex-direction: column; align-items: center; padding: 30rpx; } .popup-container-out.data-v-36b7ee78{ width: 500rpx; height: 400rpx; background-color: #ffffff; border-radius: 30rpx; display: flex; flex-direction: column; align-items: center; padding: 30rpx; } .popup-container-expurgate.data-v-36b7ee78{ width: 500rpx; height: 300rpx; background-color: #ffffff; border-radius: 30rpx; display: flex; flex-direction: column; align-items: center; padding: 30rpx; } .popup-title.data-v-36b7ee78{ font-size: 30rpx; color: #161616; font-weight: bold; margin-top: 30rpx; } .popup-text.data-v-36b7ee78{ font-size: 25rpx; color: #959595; margin-top: 30rpx; width: 400rpx; } .popup-picker.data-v-36b7ee78{ margin-top: 60rpx; width: 450rpx; height: 60rpx; border: #5bced1 solid 1rpx; border-radius: 15rpx; } .uni-input.data-v-36b7ee78{ font-size: 30rpx; color: #ffffff; width: 450rpx; height: 60rpx; text-align: center; line-height: 60rpx; background-color: #5bced1; border-radius: 15rpx; } .popup-btn.data-v-36b7ee78{ margin-top: 60rpx; display: flex; justify-content: center; } .uni-primary.data-v-36b7ee78{ width: 200rpx; height: 60rpx; border-top-left-radius: 50rpx; border-bottom-left-radius: 50rpx; border-bottom-right-radius: 50rpx; background-image: linear-gradient(135deg, #4fcacd, #5fdbde); font-size: 25rpx; color: #ffffff; text-align: center; line-height: 60rpx; margin-right: 30rpx; } .uni-default.data-v-36b7ee78{ width: 200rpx; height: 60rpx; border-top-left-radius: 50rpx; border-bottom-left-radius: 50rpx; border-bottom-right-radius: 50rpx; background-image: linear-gradient(135deg, #cecece, #ffffff); font-size: 25rpx; color: #161616; text-align: center; line-height: 60rpx; }