.wux-popup__content {
    background: none!important;
}
.wux-popup__content .wux-popup__hd {
    padding: 0!important;

}
.wux-popup__bd {
    padding: 0!important;
}
.popup-container {
    padding: 32rpx 20rpx 50rpx;
    background: linear-gradient(180deg, #DBEEFF 0%, #F4FAFF 100%);
    border-radius: 30rpx 30rpx 0px 0px;
}

.title {
    font-size: 34rpx;
    font-weight: bold;
    color: #333333;
    display: flex;
    align-items: center;
    margin-bottom: 39rpx;
    position: relative;
}

.title:before {
    content: '';
    display: block;
    width: 10rpx;
    height: 28rpx;
    background: #3A80E7;
    border-radius: 4rpx;
    margin-right: 20rpx;
}



.screen {
    display: flex;
    justify-content: space-between;
    padding: 18rpx 22rpx;
}
.screen .screen-left {
    display: flex;
}

.screen .picker-type image,
.screen .picker image {
    width: 48rpx;
    height: 48rpx;
}

.screen .picker-type text {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: calc(100% - 24rpx);
}
.screen .picker-type {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 30rpx;
    margin-right: 10rpx;
    box-sizing: border-box;
    font-size: 30rpx;
    font-weight: 500;
    color: #C1C1C1;
    line-height: 56rpx;
    text-align: center;

    width: 221rpx;
    height: 65rpx;
    background: #FFFFFF;
    border: 1px solid #DBDBDB;
    border-radius: 31rpx;

}

.screen .btn {
    width: 120rpx;
    height: 65rpx;
    line-height: 65rpx;
    background: #3A80E7;
    border-radius: 33rpx;
    font-size: 28rpx;
    font-weight: 500;
    color: #FFFFFF;
    text-align: center;
}
.popup-content {
    background: #fff;
    height: 50vh;
    border-radius: 20px;
    margin-top: 30rpx;
}



.resource-list {
    padding: 0 30rpx;
}
.resource-list .resource-items {
    border-bottom: 1px solid #EAEAEA;
    padding: 36rpx 0;

}
.resource-list .resource-items .userInfo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30rpx;
}
.resource-list .resource-items .userInfo .name {
    font-size: 34rpx;
    font-weight: bold;
    color: #333333;
}
.resource-list .resource-items .userInfo .status {
    font-size: 28rpx;
    font-weight: 500;
    color: #13C8BD;
}
.resource-list .resource-items .address {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40rpx;
}
.resource-list .resource-items .address .grid {
    font-size: 28rpx;
    font-weight: 400;
    color: #666666;
}
.resource-list .resource-items .address .distance {
    font-size: 26rpx;
    font-weight: 500;
    color: #C1C1C1;
}
.resource-list .resource-items .handle {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.resource-list .resource-items .handle .btn {
    background: #FFFFFF;
    border-width: 2rpx;
    border-style: solid;
    border-radius: 30rpx;
    width: 180rpx;
    height: 60rpx;
    font-size: 32rpx;
    font-weight: 500;
    line-height: 60rpx;
    display: flex;
    align-items: center;
    justify-content: center;
}
.resource-list .resource-items .handle .btn image {
    flex: 0 0 30rpx;
    width: 30rpx;
    height: 30rpx;
    margin-right: 20rpx;
}
.resource-list .resource-items .handle .btn.btn-green {
    border-color: #13C8BD;
    color: #13C8BD;
}
.resource-list .resource-items .handle .btn.btn-orange {
    border-color: #FF783C;
    color: #FF783C;
}
.resource-list .resource-items .handle .btn.btn-blue {
    border-color: #3A80E7;
    color: #3A80E7;
}