MP-zxs/pages/taxDisputes/index/index.wxss

/* pages/taxDisputes/index/index.wxss */
.banner {
    position: relative;
    z-index: -1;
    width: 100%;
    height: fit-content;
}

.banner-image {
    width: 100%;
    height: auto;
}

.hall {
    margin: -100rpx 28rpx 0 28rpx;
    width: calc(100% - 56rpx);
    background: #ffffff;
    border-radius: 20rpx 20rpx 0 0;
    box-shadow: 0 0 16rpx 0 rgba(209, 209, 209, 0.53);
    overflow: hidden;
}

.hall-other-box {
    padding: 23rpx 0 11rpx 22.5rpx;
    width: 100%;
    height: 74rpx;
    background: linear-gradient(180deg, #fff2d1be 0%, #ffffff 100%);
    box-sizing: border-box;
}

.hall-other-box-image {
    width: auto;
    height: 100%;
}

.hall-info-box {
    width: 100%;
    min-height: 230rpx;
    display: flex;
}

.hall-map {
    width: 210rpx;
    height: 230rpx;
}

.hall-map>map {
    width: 100%;
    height: 100%;
}

.hall-info {
    padding: 20rpx 16rpx 16rpx 28rpx;
    width: 0;
    flex: 1;
    height: 100%;
    box-sizing: border-box;
}

.hall-info-list1 {
    width: 100%;
    height: 44rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.hall-info-list1>view:nth-child(1) {
    width: max-content;
    font-family: "苹方M";
    font-size: 34rpx;
    color: #3470E9;
    font-weight: 550;
}

.hall-info-list1>view:nth-child(2) {
    width: 170rpx;
    height: 44rpx;
    border-radius: 22rpx;
    background: #f1f6ff;
    border: 0.7px solid #3470e9;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.hall-info-list1>view:nth-child(2)>span {
    display: block;
}

.hall-info-list1>view:nth-child(2)>span:nth-child(1) {
    width: 22rpx;
    height: 100%;
    display: flex;
    align-items: center;
}

.hall-info-list1>view:nth-child(2)>span:nth-child(1)>image {
    width: 100%;
    height: auto;
}

.hall-info-list1>view:nth-child(2)>span:nth-child(2) {
    margin-left: 10rpx;
    font-family: "苹方R";
    font-size: 24rpx;
    color: #477EEB;
}

.hall-info-list2 {
    margin-top: 20rpx;
    font-family: "苹方R";
    font-size: 28rpx;
    color: #000000;
}

.hall-info-list3 {
    margin-top: 20rpx;
    font-family: "苹方R";
    font-size: 24rpx;
    color: #585858;
}

.hall-info-list3>span {
    margin-left: 20rpx;
    padding: 2rpx 5rpx;
    background: #F2F2F2;
}

.card {
    margin: 40rpx 28rpx 0 28rpx;
    width: calc(100% - 56rpx);
    max-height: fit-content;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.card-box {
    position: relative;
    margin-bottom: 20rpx;
    width: calc(50% - 13rpx);
    height: fit-content;
}

.card-bg {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.card-bg1 {
    box-shadow: 0px 6rpx 24rpx 0px rgba(16, 139, 117, 0.32);
}

.card-bg2 {
    box-shadow: 0px 6rpx 24rpx 0px rgba(71, 115, 240, 0.40);
}

.card-content {
    padding-left: 34rpx;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    box-sizing: border-box;
}

.card-title {
    font-size: 36rpx;
    line-height: 54rpx;
    color: #FFFFFF;
    font-family: "苹方R";
}

.card-introduce {
    font-size: 20rpx;
    line-height: 54rpx;
    color: #FFFFFF;
    font-family: "苹方R";
}

.active {
    opacity: 0.6;
}