meeting-management-applet/pages/meeting/subscribe/index.wxss

/* pages/meeting/subscribe/index.wxss */
.content {
    padding: 32rpx 24rpx;
}

.top {
    width: 702rpx;
    height: 198rpx;
    position: relative;
    background-color: #4c5bfc;

    box-sizing: border-box;
    /* background-image: ; */
}

.top>image {
    width: 100%;
    height: 100%;
    position: absolute;
}

.top-msg {
    padding: 40rpx 24rpx;
    color: #FFF;
    font-size: 45rpx;
    font-weight: 700;
    letter-spacing: 3rpx;
}

.seat {
    color: rgba(255, 255, 255, 0.70);
    font-size: 30rpx;
    font-weight: 500;
    margin-top: 15rpx;
}

.m-r {
    margin-right: 24rpx;
}

.subscribe-date {
    margin-top: 40rpx;
}

.tips {
    color: #7D7AFF;
    font-size: 26rpx;
    font-weight: 400;
    padding-left: 32rpx;
    margin-top: 24rpx;
}

.layout {
    margin: 88rpx 0 150rpx;
}

.layout-tit {
    color: #3A3C65;
    font-size: 36rpx;
    font-weight: 700;
    margin-bottom: 32rpx;
}

/* .btn-area{
    padding: 20rpx 40rpx;
} */
.flex {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;

}
.time-period{
    padding-left: 32rpx;
    margin-bottom: 15rpx;
}
.item {
    padding: 16rpx 20rpx;
    border-radius: 8rpx;
    color: rgba(58, 60, 101, 0.75);background-color: #dff9e5;
    margin: 16rpx 16rpx 0 0;font-size: 28rpx;
}
.gary{
    background-color: #f3f4f6;
    color: #CCC;
}