.item { width: 750rpx; padding: 20rpx 30rpx; display: flex; box-sizing: border-box; background-color: white; } .img { width: 140rpx; height: 140rpx; border-radius: 50%; flex-shrink: 0; } .info-box { margin-left: 32rpx; } .name-box { display: flex; align-items: center; font-size: 32rpx; font-family: PingFang SC, PingFang SC-Bold; font-weight: 700; color: #1a1a1a; height: 45rpx; } .sex { width: 26rpx; height: 26rpx; margin-left: 10rpx; /* margin-top: 5rpx; */ } .zhi { font-size: 26rpx; font-family: PingFang SC, PingFang SC-Medium; font-weight: 500; color: #333333; margin-top: 12rpx; } .label-box { display: flex; flex-wrap: wrap; } .label { font-size: 24rpx; font-family: PingFang SC, PingFang SC-Medium; font-weight: 500; color: #999999; margin-top: 11rpx; margin-right: 15rpx; } .down-icon { font-size: 30rpx; color: #666666; margin-left: 13rpx; } .head-box { width: 100%; height: 125rpx; display: flex; padding: 0 30rpx; justify-content: space-between; align-items: center; border-radius: 40rpx 40rpx 0 0; background-color: white; box-sizing: border-box; margin-top: 20rpx; } .head-box .word1 { font-size: 34rpx; font-family: PingFang SC, PingFang SC-Bold; font-weight: 700; color: #10100e; } .head-box .right { display: flex; font-size: 24rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #999999; } .activeitem { background-color: white; width: 690rpx; margin-left: 20rpx; border-radius: 8rpx; padding-bottom: 23rpx; margin-bottom: 20rpx; } /* .activeitem:nth-child(1) { margin-top: 0rpx; } */ .active-img { width: 690rpx; height: 260rpx; border-radius: 8rpx 8rpx 0 0; } .img-box { width: 690rpx; height: 260rpx; position: relative; } .state-box { width: 112rpx; height: 39rpx; position: absolute; background-color: #FFDB29; border-radius: 8rpx 0 8rpx 0; text-align: center; line-height: 39rpx; font-size: 24rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #51491d; top: 0; left: 0; } .active-name { font-size: 28rpx; font-family: PingFang SC, PingFang SC-Bold; font-weight: 700; color: #1a1a1a; margin-top: 18rpx; padding-left: 30rpx; } .active-time { font-size: 24rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #333333; margin-top: 7rpx; padding-left: 30rpx; } .nums-box { padding: 0 30rpx; box-sizing: border-box; font-size: 24rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #333333; display: flex; justify-content: space-between; align-items: center; } .address-h-box { display: flex; justify-content: space-between; align-items: center; padding: 0 30rpx; box-sizing: border-box; } .address-h-box .address { display: flex; align-items: center; /* margin-top: 13rpx; */ } .address-h-box .address .address-word { font-size: 24rpx; font-family: FZZhunYuan-M02S; font-weight: 400; color: #999999; } .address-h-box .word-type { font-size: 24rpx; font-family: FZZhunYuan-M02S; font-weight: 400; color: #333333; } .nodata-img{ margin: 130rpx auto; } .activestatus{ background:#ffdc2f } .nostatus{ background: rgba(251,177,120,0.9); }