tuoheng_qmhh_web_move_20240715/package_mine/pages/senceDetail/index.wxss

/* package_mine/pages/senceDetail/index.wxss */
.detail_container {
    width: 100%;
    padding: 0 30rpx;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.banner_box {
    width: 100%;
    position: relative;
}

.banner-swiper {
    width: 100%;
    height: 400rpx;
}

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

.dots {
    position: absolute;
    /* top: 350rpx; */
    bottom:16rpx;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
}

.dot {
    height: 8rpx;
    width: 8rpx;
    background: #A4ADB4;
    border-radius: 5rpx;
    margin-right: 10rpx;
}

.active.dot {
    width: 30rpx;
    height: 8rpx;
    background: #FFFFFF;
    border-radius: 5rpx;
}

.dot:last-of-type {
    margin-right: 0;
}
/* 信息 */
.message_box {
    width: 100%;
    margin-top: 30rpx;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.message_item {
    width: 100%;
    margin-bottom: 20rpx;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.message_title {
    width: 180rpx;
}
.message_value {
    flex: 1;
}