.base-info {
    padding: 20rpx 30rpx 30rpx 30rpx;
    background-color: #ffffff;
    border-radius: 10rpx;
    margin: 10rpx 0;
}
.header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 60rpx;
}
 .header-title{
    display: flex;
    align-items: center;
}
.header-title image{
    width:30rpx;
    height:30rpx;
    margin-right: 10rpx;
}
.title {
    font-size: 28rpx;
    font-weight: 900;
    color: #333333;
}
.doorplate-type {
    color: #999999;
}
.list {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 10rpx;
}
.label {
    width: 170rpx;
    color: #333333;
}
.value {
    width: calc(100% - 170rpx);
    color: #999999;
    text-align: right;
}

/* 关联事件 */
.relation-event {
    background-color: #ffffff;
    border-radius: 10rpx;
    margin: 20rpx 0;
    padding: 16rpx 20rpx;
}
.event-header {
    display: flex;
    justify-content: space-between;
}
.event-header .reporter{
    font-weight: bold;
}
.event-header .status {
    display: flex;
    color: #fff;
}
.status .status__resource {
    background-color: #ebf1fe;
    color: #3a78f5;
}

.status .status__jjcd {
    background-color: #fef1ea;
    color:#fa7934;
}
.status .status__event {
    background-color: #fef1ea;
    color:#fa7934;
}
.status .status__label {
    margin-left: 8rpx;
    padding: 4rpx 18rpx;
    border-radius: 8rpx;
}

.event-detail {
    margin-top: 20rpx;
    font-size: 28rpx;
}
.event-address {
    margin-top: 20rpx;
    display: flex;
    line-height: 36rpx;
}
.event-address .event-address__label {
    width: 160rpx;
    color: #aaa;
}
.event-address .event-address__value {
    color: #aaa;
}
.event-footer {
    margin-top: 10rpx;
    color: #aaa;
    font-size: 24rpx;
    text-align: right;
}

/* 重点人员 */
.key-person {
    background-color: #ffffff;
    border-radius: 10rpx;
    margin: 20rpx 0;
    padding: 16rpx 20rpx;
}
.key-person .name {
    line-height: 56rpx;
    font-size: 30rpx;
    color: #aaa;
}
.key-person .item {
    display: flex;
}
.key-person .item .item__value {
    color: #aaa;
}

/* 房主产权信息 */
.detail-info {
    background-color: #ffffff;
    border-radius: 10rpx;
    margin: 20rpx 0;
    padding: 16rpx 20rpx;
}
.table-wrapper .title {
    font-size: 32rpx;
    font-weight: 900;
    color: #333333;
    line-height: 100rpx;
}
.houser-info {
    display: flex;
    flex-direction: column;
}
.houser-info .item {
    display: flex;
    margin-bottom: 10rpx;
    align-items: center;
}
.houser-info .item .item__label {
    width: 95px;
    color: #333333;
    text-align: left;
}
.houser-info .item .item__value {
    color: #aaa;
    flex: 1;
    text-align: right;
}

/* table */
.table-wrapper {
    padding: 0 20rpx 20rpx 20rpx;
}
.table {
    border: 0px solid darkgray;
}

.tr {
    display: flex;
    width: 100%;
    justify-content: center;
    height: 3rem;
    align-items: center;
}

.td {
    width: 50%;
    justify-content: center;
    text-align: center;
}

.bg-g {
    background: white;
}

.bg-g2 {
    background: rgb(246, 250, 255);
}

.th {
    width: 50%;
    justify-content: center;
    background: #3366ff;
    color: #fff;
    display: flex;
    height: 3rem;
    align-items: center;
    background: rgb(197, 217, 237);
    color: black;
    font-weight: bold;
    font-size: medium;
}