//引入全局配置
@import "c/conf";
@import "c/mx";
@import "c/f";

.swiper-out {
    margin: 20rpx auto 0;
    margin-top: 0;
    padding: 0 0;
    width: 100%;
    height: 361rpx;
    background: #fff;
    /* margin-top: 25rpx; */

    .slider {
        swiper {
            position: relative;
            width: 100%;
            height: 361rpx;

            swiper-item {
                width: 100%;
                height: 361rpx;

                image {
                    display: block;
                    // margin: 10rpx auto;
                    // width: 670rpx;
                    // height: 340rpx;
                    width: 100%;
                    height: 361rpx;
                    // transform: scale(0.95, 0.85);
                    transition: all 0.2s ease;
                    // border-radius: 10rpx;
                    // box-shadow: 0rpx 4rpx 29rpx 0rpx rgba(63, 63, 63, 0.1);

                    &.z-active {
                        transform: scale(1);
                    }
                }
            }
        }

        .dots {
            position: absolute;
            right: 20rpx;
            bottom: 20rpx;
            display: flex;
            justify-content: center;

            .dot {
                margin: 0 8rpx;
                width: 14rpx;
                height: 14rpx;
                background: rgba(#fff, 0.8);
                border-radius: 100%;
                transition: all 0.6s;

                &.active {
                    /* width: 24rpx; */
                    width: 14rpx;
                    background: #fff;
                }
            }
        }
    }
}