reader/components/banner/index.less

.header {
    position: relative;
    margin-bottom: 50rpx;

    .headerBg {
        position: absolute;
        z-index: -2;
        width: 100%;
        height: 100%;
        background-color: #F2F6FC;
    }

    .swiper {
        margin: 0 auto;
        width: 700rpx;
        height: 250rpx;
        border-radius: 30rpx;
        overflow: hidden;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;

        .swiper-item {
            width: 100%;
            height: 100%;
            border-radius: 20rpx;
            overflow: hidden;
            object-fit: cover;
        }

    }
}