tk-mini-program/unpackage/dist/dev/mp-weixin/pages/Home/Home.wxss

.page.data-v-7ffebbf4 {
  position: relative;
  width: 750rpx;
  height: 1620rpx;
}
.HomeBackground.data-v-7ffebbf4 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.top-navigation-container.data-v-7ffebbf4 {
  position: fixed;
  top: 160rpx;
  left: 0;
  width: 100%;
  height: 114.5rpx;
}
.Advertisement.data-v-7ffebbf4 {
  position: fixed;
  top: 300rpx;
  left: 0;
  width: 100%;
  height: 100rpx;
  z-index: 2;
}
.contentList.data-v-7ffebbf4 {
  position: fixed;
  top: 412rpx;
  left: 0;
  bottom: 114.5rpx;
  width: 100%;
  /* height: 1300rpx; */
}
.scroll.data-v-7ffebbf4 {
  height: 90%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.content-list.data-v-7ffebbf4 {
  display: flex;
  align-items: center;
  width: 712rpx;
  height: 161rpx;
  background: #ffffff;
  border-radius: 15rpx;
  margin-bottom: 12rpx;
  margin-left: 20rpx;
}
.headShot.data-v-7ffebbf4 {
  width: 101rpx;
  height: 101rpx;
  border-radius: 50rpx;
  margin-left: 30rpx;
  margin-right: 33rpx;
}
.content-list-info.data-v-7ffebbf4 {
  display: flex;
  align-items: center;
}
.cardname.data-v-7ffebbf4 {
  font-size: 31rpx;
  color: #161616;
  line-height: 38rpx;
}
.Genderimg.data-v-7ffebbf4 {
  width: 15rpx;
  height: 15rpx;
  margin-left: 10rpx;
  margin-right: 10rpx;
}
.age.data-v-7ffebbf4 {
  color: #ffffff;
  font-size: 14rpx;
}
.Gendermale.data-v-7ffebbf4 {
  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-7ffebbf4 {
  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;
}
.RoomID.data-v-7ffebbf4 {
  font-size: 23rpx;
  color: #a3a3a3;
  line-height: 38rpx;
}
.Charm.data-v-7ffebbf4 {
  font-size: 23rpx;
  color: #a3a3a3;
  line-height: 38rpx;
  margin-right: 12rpx;
  margin-left: 20rpx;
}
.charmValue.data-v-7ffebbf4 {
  font-size: 23rpx;
  color: #161616;
  line-height: 38rpx;
  font-weight: 600;
}
.no-content.data-v-7ffebbf4 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 28rpx;
  color: #a3a3a3;
  line-height: 40rpx;
  text-align: center;
}
.popup-container.data-v-7ffebbf4 {
  height: 1626px;
  width: 650rpx;
  background: url(https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/HomeBackground.png);
  border-radius: 15rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.popup-title.data-v-7ffebbf4 {
  font-size: 50rpx;
  line-height: 50rpx;
  margin-top: 250rpx;
  font-weight: bold;
  background: linear-gradient(135deg, #00afb2, #4fcacd);
  -webkit-background-clip: text; /* 兼容 WebKit 内核 */
  background-clip: text;
  color: transparent; /* 隐藏原文字颜色 */
  -webkit-text-fill-color: transparent; /* Safari 兼容 */
}
.p-country.data-v-7ffebbf4 {
  width: 500rpx;
  height: 100rpx;
  margin-top: 80rpx;
}
.popup-sex.data-v-7ffebbf4 {
  width: 500rpx;
  height: 100rpx;
  margin-top: 40rpx;
  display: flex;
  justify-content: space-between;
}
.p-sex.data-v-7ffebbf4 {
  width: 420rpx;
  height: 100rpx;
}
.Gendericoncss.data-v-7ffebbf4 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60rpx;
  height: 60rpx;
  border-radius: 50%;
  border: 1rpx solid #ff9d0067;
  margin-left: 20rpx;
  margin-top: 10rpx;
}
.Gendericon.data-v-7ffebbf4 {
  width: 40rpx;
  height: 40rpx;
  /* margin-top: 10rpx;
  margin-right: 40rpx; */
}
.popup-coin.data-v-7ffebbf4 {
  width: 500rpx;
  margin-top: 40rpx;
  display: flex;
}
.p-coin.data-v-7ffebbf4 {
  width: 500rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.p-coin-title.data-v-7ffebbf4 {
  font-size: 20rpx;
  color: #a3a3a3;
}
.p-time.data-v-7ffebbf4 {
  width: 500rpx;
  margin-top: 40rpx;
}
.popup-btn-cancel.data-v-7ffebbf4 {
  width: 170rpx;
  height: 60rpx;
  font-size: 30rpx;
  color: #ffffff;
  line-height: 60rpx;
  text-align: center;
  margin-right: 20rpx;
  border-top-left-radius: 50rpx;
  border-bottom-left-radius: 50rpx;
  border-bottom-right-radius: 50rpx;
  background-image: linear-gradient(135deg, #4fcacd, #5fdbde);
}
.popup-btn-confirm.data-v-7ffebbf4 {
  width: 170rpx;
  height: 60rpx;
  font-size: 30rpx;
  color: #ffffff;
  line-height: 60rpx;
  text-align: center;
  margin-right: 20rpx;
  border-top-left-radius: 50rpx;
  border-bottom-left-radius: 50rpx;
  border-bottom-right-radius: 50rpx;
  background-image: linear-gradient(135deg, #4fcd9d, #5fdeba);
}
.popup-btn-clear.data-v-7ffebbf4 {
  width: 170rpx;
  height: 60rpx;
  font-size: 30rpx;
  color: #ffffff;
  line-height: 60rpx;
  text-align: center;
  border-top-left-radius: 50rpx;
  border-bottom-left-radius: 50rpx;
  border-bottom-right-radius: 50rpx;
  background-image: linear-gradient(135deg, #cd924f, #debc5f);
}
.Hintcss.data-v-7ffebbf4 {
  font-size: 18rpx;
  color: #ff5555;
}
.popup-btn.data-v-7ffebbf4 {
  width: 600rpx;
  height: 100rpx;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-top: 400rpx;
}