/* color */
@ecom-color1: #F5F5F5;
@ecom-color2: #8C8C8C;

/* height */
@content-width1: 1230px;

/* 全局 */
@content-width: @content-width1;

/* header */
@header-background-color: @ecom-color1;
@header-height: 24px;

@ecom-form-margin-bottom: 8px;
@ecom-form-back-color: #FFFFFF;
@ecom-form-padding: 12px 12px 2px 12px;
@ecom-form-item-margin-bottom: 10px;
@ecom-form-control-height: 28px;

@ecom-font-family: DIN, Trebuchet MS, Arial, Helvetica Neue, Helvetica, sans-serif;


@ecom-background: linear-gradient(45deg, rgba(242, 153, 74, 1) 0%, rgba(242, 201, 76, 1) 100%);
@ecom-padding-top: 115px;


@med-split-width: 1025px;

/* 手机和pc端分界线 */
@med-middle-width: 641px;
@med-small-width: 421px;
@med-large-width: 990px;
@med-large-width1: 991px;





@media (min-width: @med-small-width) {
    .offerCarouselRow {
        height: 370px;

        .carouselItem {
            height: 370px;
        }

        .carouselItem1,
        .carouselItem2 {
            // background-image: url(./5Gdevice_mob.png);
            background-size: cover;
            background-attachment: scroll;
            background-origin: padding-box;
            background-position-x: 50%;
            background-position-y: 50%;
            background-clip: border-box;
        }
    }
}

@media (min-width: @med-middle-width) {
    .offerCarouselRow {
        height: 400px;

        .carouselItem {
            height: 400px;
        }

        .carouselItem1,
        .carouselItem2 {
            // background-image: url(./5Gdevice_desk.png);
            background-size: cover;
            background-attachment: scroll;
            background-origin: padding-box;
            background-position-x: 50%;
            background-position-y: 50%;
            background-clip: border-box;
        }
    }
}

.offerCarouselRow {

    .ant-carousel .slick-dots-bottom {
        bottom: 30px !important;
    }

    .ant-carousel .slick-dots li button {
        width: 20px !important;
        height: 20px !important;
        background-color: #fff !important;
        border-radius: 50% !important;
        opacity: 1 !important;
        position: relative !important;
    }

    .ant-carousel .slick-dots li.slick-active button {
        width: 20px !important;

        &::after {
            display: block !important;
            content: '' !important;
            border-radius: 50% !important;
            width: 6px !important;
            height: 6px !important;
            position: absolute !important;
            top: 50% !important;
            left: 50% !important;
            margin: -3px 0 0 -3px !important;
            background-color: #f48120 !important;
            // opacity: 0;
            // transition: none 0.4s cubic-bezier(0.19, 1, 0.22, 1);
            // transition-property: background-color, opacity;
        }
    }
}