@charset "UTF-8"; /*每个页面公共css */ .font72.data-v-4cedc0c6 { font-size: 72rpx; } .font44.data-v-4cedc0c6 { font-size: 44rpx; } .font36.data-v-4cedc0c6 { font-size: 36rpx; } .font32.data-v-4cedc0c6 { font-size: 32rpx; } .font28.data-v-4cedc0c6 { font-size: 28rpx; } .font24.data-v-4cedc0c6 { font-size: 24rpx; } .font22.data-v-4cedc0c6 { font-size: 22rpx; } .font20.data-v-4cedc0c6 { font-size: 20rpx; } .fw400.data-v-4cedc0c6 { font-weight: 400; } .fw500.data-v-4cedc0c6 { font-weight: 500; } .fw600.data-v-4cedc0c6 { font-weight: 600; } .fw700.data-v-4cedc0c6 { font-weight: 700; } .el.data-v-4cedc0c6 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } button.data-v-4cedc0c6 { background-color: transparent; } .button-hover.data-v-4cedc0c6 { background: transparent; } button.data-v-4cedc0c6::after { border: none; box-sizing: content-box; } .data-v-4cedc0c6::-webkit-scrollbar { width: 0; height: 0; color: transparent; } .placeholder-input.data-v-4cedc0c6 { font-size: 28rpx; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #B7B7C5; line-height: 40rpx; } /*每个页面公共css */ .flex-center.data-v-4cedc0c6 { display: flex; justify-content: center; align-items: center; } .flex-around.data-v-4cedc0c6 { display: flex; justify-content: space-around; align-items: center; } .flex-between.data-v-4cedc0c6 { display: flex; justify-content: space-between; align-items: center; } .flex-start.data-v-4cedc0c6 { display: flex; justify-content: flex-start; align-items: center; } .flex-end.data-v-4cedc0c6 { display: flex; justify-content: flex-end; align-items: flex-end; } .null-box.data-v-4cedc0c6 { width: 100%; height: 176rpx; background-color: #151126; } .no-more.data-v-4cedc0c6 { color: #9A9ABF; text-align: center; padding: 10rpx 0rpx 30rpx 0rpx; } .container.data-v-4cedc0c6 { width: 100vw; min-height: 100vh; background-color: #151126; overflow: hidden; } .container .topnav.data-v-4cedc0c6 { margin: 0 32rpx; width: 100vw; align-items: center; position: fixed; background-color: #151126; z-index: 11; padding-bottom: 10rpx; } .container .topnav .back.data-v-4cedc0c6 { width: 40rpx; height: 40rpx; margin-right: 16rpx; } .container .search-box.data-v-4cedc0c6 { margin: 0 32rpx; height: 96rpx; width: 686rpx; align-items: center; position: fixed; background-color: #151126; z-index: 10; padding-bottom: 10rpx; } .container .search-box .input-box.data-v-4cedc0c6 { flex: 1; margin: 20rpx 0rpx; height: 80rpx; background-color: #332D4C; padding: 0rpx 24rpx; border-radius: 40rpx; } .container .search-box .input-box .search-img.data-v-4cedc0c6 { width: 40rpx; height: 40rpx; } .container .search-box .input-box .search-input.data-v-4cedc0c6 { flex: 1; color: #FFFFFF; margin-left: 5rpx; } .container .search-box .cancel.data-v-4cedc0c6 { color: #D4D4F1; margin-left: 16rpx; } .container .his-input.data-v-4cedc0c6 { margin: 0 32rpx; margin-top: 24rpx; } .container .his-input .his-item.data-v-4cedc0c6 { padding: 28rpx 0rpx; } .container .his-input .his-item .his-left.data-v-4cedc0c6 { flex: 1; } .container .his-input .his-item .his-left .his-icon.data-v-4cedc0c6 { width: 40rpx; height: 40rpx; } .container .his-input .his-item .his-left .his-text.data-v-4cedc0c6 { color: #D4D4F1; margin-left: 16rpx; } .container .his-input .his-item .his-close.data-v-4cedc0c6 { width: 32rpx; height: 32rpx; padding: 8rpx; } .container .his-input .tip.data-v-4cedc0c6 { color: #D4D4F1; text-align: center; text-decoration: underline; } .container .list-item.data-v-4cedc0c6 { margin: 0 32rpx; flex-wrap: wrap; padding: 40rpx 0rpx; } .container .list-item .list-head-box.data-v-4cedc0c6 { width: 136rpx; height: 136rpx; position: relative; } .container .list-item .list-head-box .list-head-img.data-v-4cedc0c6 { width: 136rpx; height: 136rpx; background-color: #ffffff; border-radius: 136rpx; } .container .list-item .list-head-box .list-head-dot.data-v-4cedc0c6 { width: 24rpx; height: 24rpx; border-radius: 24rpx; position: absolute; background-color: aqua; bottom: 2rpx; right: 2rpx; border: 2rpx solid #151126; } .container .list-item .list-info-box.data-v-4cedc0c6 { box-sizing: border-box; width: 544rpx; padding-left: 32rpx; height: 136rpx; flex-direction: column; display: flex; justify-content: flex-start; align-items: flex-start; } .container .list-item .list-info-box .name-box.data-v-4cedc0c6 { width: 100%; } .container .list-item .list-info-box .name-box .name .name-text.data-v-4cedc0c6 { color: #FFFFFF; } .container .list-item .list-info-box .name-box .name .name-img.data-v-4cedc0c6 { width: 68rpx; height: 32rpx; margin-left: 8rpx; } .container .list-item .list-info-box .name-box .name .name-img-godness.data-v-4cedc0c6 { width: 76rpx; height: 40rpx; margin-left: 8rpx; -webkit-transform: translateY(-5rpx); transform: translateY(-5rpx); } .container .list-item .list-info-box .name-box .distance.data-v-4cedc0c6 { color: #9A9ABF; } .container .list-item .list-info-box .sex-box.data-v-4cedc0c6 { padding: 0 15rpx; height: 32rpx; background: rgba(226, 53, 104, 0.2); border-radius: 25rpx; margin-top: 12rpx; } .container .list-item .list-info-box .sex-box .sex-img.data-v-4cedc0c6 { width: 24rpx; height: 24rpx; } .container .list-item .list-info-box .sex-box .sex-text1.data-v-4cedc0c6 { color: #E23568; margin-left: 4rpx; } .container .list-item .list-info-box .sex-box .sex-text2.data-v-4cedc0c6 { color: #6C52F4; margin-left: 4rpx; } .container .list-item .list-info-box .tip-box.data-v-4cedc0c6 { color: #9A9ABF; width: 100%; margin-top: 10rpx; } .container .list-item .img-box.data-v-4cedc0c6 { width: 544rpx; height: 168rpx; margin-left: 168rpx; margin-top: 24rpx; } .container .list-item .img-box .ib1.data-v-4cedc0c6 { width: 168rpx; height: 168rpx; border-radius: 16rpx 0rpx 0rpx 16rpx; background: #FFFFFF; } .container .list-item .img-box .ib2.data-v-4cedc0c6 { width: 168rpx; height: 168rpx; background: #FFFFFF; } .container .list-item .img-box .ib3.data-v-4cedc0c6 { width: 168rpx; height: 168rpx; border-radius: 0rpx 16rpx 16rpx 0rpx; background: #FFFFFF; }