/* 全局样式 */
:root {
    --bg-img: url("https://resource.xp-pen.com/img/active_list/Anniversary20/bg_2.png");
    /* 背景图 */
    --bg-color: #fff;
    /* 背景色 */
    --main-family: "Gilroy" !important;
    /* 全局字体*/

    /* 颜色变量 */
    --color-white: #FFFFFF;
    --color-black: #000000;
    --color-dark: #212121;
    --color-red: #CC1F1F;
    --color-green: #FFBB28;
    --color-coupon: #FFF7E6;
    --color-bg-light: #F2F4FB;
    --color-bg-dark: #000;
    --color-gray: #020202;
    --color-light-gray: #F2F4FB;

    /* 字体大小 */
    --font-size-xs: 0.469vw;
    --font-size-sm: 0.625vw;
    --font-size-md: 0.781vw;
    --font-size-lg: 0.938vw;
    --font-size-xl: 1.875vw;
    --font-size-xxl: 1.406vw;
    --font-size-xxxl: 1.563vw;
    --font-size-xxxxl: 1.641vw;
    --font-size-banner: 1.133vw;
    --font-size-banner-title: 2.5vw;
    --font-size-22: 0.859vw;
    --font-size-25: 0.977vw;
    --font-size-28: 1.094vw;
    --font-size-30: 1.172vw;

    /* 字体粗细 */
    --font-weight-normal: 400;
    --font-weight-semi-bold: 600;
    --font-weight-bold: bold;

    /* 间距 */
    --spacing-xxs: 0.234vw;
    --spacing-xs: 0.313vw;
    --spacing-sm: 0.547vw;
    --spacing-md: 0.625vw;
    --spacing-lg: 0.703vw;
    --spacing-xl: 0.938vw;
    --spacing-xxl: 1.172vw;
    --spacing-xxxl: 1.25vw;
    --spacing-4xl: 1.563vw;
    --spacing-5xl: 2.109vw;
    --spacing-6xl: 2.813vw;
    --spacing-7xl: 3.516vw;
    --spacing-8xl: 4.375vw;
    --spacing-12: 0.469vw;
    --spacing-25: 0.477vw;
    --spacing-45: 1.758vw;
    --spacing-47: 1.836vw;
    --spacing-60: 2.344vw;
    --spacing-42: 1.641vw;
    --spacing-53: 2.07vw;
    --spacing-36: 1.406vw;
    --spacing-11: 0.43vw;
    /* 圆角 */
    --border-radius-sm: 0.313vw;
    --border-radius-md: 0.625vw;
    --border-radius-lg: 2.344vw;

    /* 宽度 */
    --width-small: 0.781vw;
    --width-medium: 1.953vw;
    --width-large: 3.047vw;
    --width-xl: 55%;

    /* 高度 */
    --height-small: 0.781vw;
    --height-medium: 2.969vw;

    /* 其他 */
    --line-height-normal: 1;
    --line-height-md: 1.3;
    --line-height-lg: 1.5;
    --line-height-xl: 0.938vw;
}



/* 全局样式 */
#module div:not(.module_inner):not(.module_bg):not(.module_banner):not(.module_nav):not(.nav-list):not(.Ch2020_cd_djs):not(.module_coupon_item):not(.module_swiper_navbox):not(.NY_goods_list):not(.NY_big_text) {
    font-size: initial;
}

#module img {
    width: 100%;
    height: auto;
    max-width: max-content;
    max-height: max-content;
}

#module p,
#module span,
#module em,
#module h1,
#module h2,
#module div {
    font-family: var(--main-family) !important;
}

#module .pc {
    display: block;
}

#module .mo {
    display: none;
}

#module .module_inner {
    width: 54.688vw;
    margin: 0 auto;
}

#module .module_bg {
    overflow: hidden;
    background-image: url(https://resource.xp-pen.com/img/active_list/AutumnSale25/bg.jpg);
    background-size: 100%;
    padding-bottom: 1.953vw;
}

#module .NY_img_box {
    text-align: center;
}

#module .NY_img_box a img {
    transition: all .3s;
}

#module .NY_img_box a:hover img {
    transform: scale(1.05);
}

#module .NY_big .NY_big_img {
    display: flex;
    justify-content: center;
    align-items: center;
}

#module .NY_big .NY_big_img a img {
    transition: all .3s;
}

#module .NY_big .NY_big_img a:hover img {
    transform: scale(1.03);
}


/* banner */
#module .module_banner {
    position: relative;
}

#module .module_banner .module_banner_text {
    position: absolute;
    left: 12.5vw;
    top: 50%;
    transform: translateY(-50%);
}

#module .module_banner .module_banner_text .Wb_text1,
#module .module_banner .module_banner_text .Wb_text2 {
    font-weight: var(--font-weight-normal);
    font-size: var(--font-size-banner);
    color: var(--color-black);
    text-align: left;
    line-height: var(--line-height-normal);
}

#module .module_banner .module_banner_text .Wb_textH1 {
    font-weight: 500;
    font-size: var(--font-size-banner-title);
    color: var(--color-black);
    text-align: left;
    line-height: var(--line-height-normal);
    margin: var(--spacing-42) 0 var(--spacing-53);
}

#module .module_banner .module_banner_text .Wb_textH2 {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-xl);
    color: var(--color-black);
    text-align: left;
    line-height: var(--line-height-normal);
    margin-bottom: var(--spacing-36);
    padding: 0 var(--spacing-11);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, #FFBB28 50%);
    display: inline-block;
}

/* nav */
#module .module_nav {
    background: var(--color-green);
    display: flex;
    justify-content: center;
    gap: 0.703vw;

}

#module .module_nav.fixed {
    top: 58px;
    position: fixed;
    width: 100%;
    z-index: 10;
}

#module .module_nav .nav-list {
    font-weight: var(--font-weight-semi-bold);
    font-size: var(--font-size-sm);
    color: var(--color-black);
    text-align: center;
    padding: var(--spacing-md) var(--spacing-lg);
    border-bottom: 0.078vw solid transparent;
}

#module .module_nav .nav-list:hover {
    cursor: pointer;
}

#module .module_nav .nav-list.active {
    /* border-bottom: 0.078vw solid var(--color-white); */
    background-color: #FFF7E6;
}

/* 倒计时横版 */
#module #Ch2020_countdown_1 {
    display: flex;
    justify-content: center;
    background: var(--color-black);
    padding: var(--spacing-md) 0;
    gap: 0.391vw;
    font-size: var(--font-size-sm);
}

#module #Ch2020_countdown_1 .Ch2020_cd_djs {
    display: flex;
}

#module #Ch2020_countdown_1 p,
#module #Ch2020_countdown_1 span,
#module #Ch2020_countdown_1 div {
    color: var(--color-white);
    line-height: var(--line-height-xl);
}

#module #Ch2020_countdown_1 span {
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-xl);
    width: var(--width-medium);
    display: inline-block;
    text-align: center;
}

/* 倒计时竖版 */
#module .Ch2020_djs_time {
    text-align: center;
}

#module #Ch2020_countdown_2 {
    text-align: center;
    padding-bottom: var(--spacing-xxl);
}

#module #Ch2020_countdown_2 .Ch2020_cd_djs {
    display: flex;
    justify-content: center;
}

#module #Ch2020_countdown_2 p {
    color: var(--color-gray);
    font-weight: var(--font-weight-normal);
    text-align: center;
    font-size: var(--font-size-xs);
}

#module #Ch2020_countdown_2 .Ch2020_djs_time p {
    line-height: 2;
}

#module #Ch2020_countdown_2 .Ch2020_cd_title {
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-bold);
    margin: var(--spacing-5xl) 0 var(--spacing-sm);
}

#module #Ch2020_countdown_2 .Ch2020_seperator {
    line-height: var(--height-medium);
    font-size: var(--font-size-xxl);
    font-weight: var(--font-weight-bold);
    margin: 0 var(--spacing-md);
}

#module #Ch2020_countdown_2 span {
    color: var(--color-light-gray);
    font-weight: var(--font-weight-semi-bold);
    font-size: var(--font-size-xxl);
    display: inline-block;
    width: var(--width-large);
    height: var(--height-medium);
    background: var(--color-bg-dark);
    border-radius: var(--border-radius-sm);
    text-align: center;
    line-height: var(--height-medium);
}

/* 标题 */
#module .module_title {
    font-weight: var(--font-weight-semi-bold);
    font-size: var(--font-size-xxxl);
    color: var(--color-black);
    text-align: center;
    margin: var(--spacing-8xl) 0 var(--spacing-6xl);
}

#module .module_title span {
    font-weight: var(--font-weight-normal);
    font-size: var(--font-size-sm);
    color: var(--color-black);
    display: block;
    margin-top: var(--spacing-sm);
    text-align: center;
}



/* 通用coupon样式 */
#module .module_coupon_bg {
    background: rgba(253, 195, 57, 0.3);
    padding: var(--spacing-60) 0;
    margin: 0 0 var(--spacing-xxl);
}

#module .module_coupon {
    max-width: 54.688vw;
    margin: 0 auto;
}

#module .module_coupon_bg h2 {
    margin-top: 0;
}

#module .module_coupon .module_coupon_L,
#module .module_coupon .module_coupon_M,
#module .module_coupon .module_coupon_S {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#module .module_coupon .module_coupon_item {
    background: var(--color-coupon);
    border-radius: var(--border-radius-md);
    position: relative;
    padding: var(--spacing-xl);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-md);
    margin-bottom: var(--spacing-4xl);
    overflow: hidden;
}

#module .module_coupon .module_coupon_item::before {
    content: "";
    display: inline-block;
    width: var(--width-small);
    height: var(--height-small);
    border-radius: 50%;
    background: #FFE087;
    position: absolute;
    left: 0;
    transform: translate(-45%, 0);
    top: 48%;
}

#module .module_coupon .module_coupon_item::after {
    content: "";
    display: inline-block;
    width: var(--width-small);
    height: var(--height-small);
    border-radius: 50%;
    background: #FFE087;
    position: absolute;
    right: 0;
    transform: translate(45%, 0);
    top: 48%;
}

#module .module_coupon .module_coupon_item:hover {
    cursor: pointer;
}

#module .module_coupon .module_coupon_item p {
    text-align: center;
}

/* coupon尺寸类 */
#module .module_coupon .module_coupon_L .module_coupon_item {
    width: 49.5%;
}

#module .module_coupon .module_coupon_M .module_coupon_item {
    width: 32.5%;
}

#module .module_coupon .module_coupon_S .module_coupon_item {
    width: 24.5%;
}

/* 通用coupon文本样式 */
#module .module_coupon .module_coupon_item .module_coupon_p1 {
    font-weight: var(--font-weight-semi-bold);
    color: var(--color-black);
    text-align: center;
}

#module .module_coupon .module_coupon_item .module_coupon_p2 {
    font-weight: var(--font-weight-normal);
    color: var(--color-black);
    text-align: center;
    line-height: var(--line-height-md);
}

#module .module_coupon .module_coupon_item .module_coupon_p3 {
    text-align: center;
}

#module .module_coupon .module_coupon_item .module_coupon_p3 span {
    display: inline-block;
    font-weight: var(--font-weight-semi-bold);
    color: var(--color-dark);
    background: #FFBC1C;
    padding: var(--spacing-xs) var(--spacing-md);
    border-radius: var(--border-radius-lg);
}

/* 不同尺寸的字体设置 */
#module .module_coupon .module_coupon_L .module_coupon_item .module_coupon_p1 {
    font-size: var(--font-size-xxl);
}

#module .module_coupon .module_coupon_L .module_coupon_item .module_coupon_p2 {
    font-size: var(--font-size-lg);
}

#module .module_coupon .module_coupon_M .module_coupon_item .module_coupon_p1,
#module .module_coupon .module_coupon_S .module_coupon_item .module_coupon_p1 {
    font-size: var(--font-size-xxl);
}

#module .module_coupon .module_coupon_M .module_coupon_item .module_coupon_p2,
#module .module_coupon .module_coupon_S .module_coupon_item .module_coupon_p2 {
    font-size: var(--font-size-md);
}

#module .module_coupon .module_coupon_M .module_coupon_item .module_coupon_p3 span,
#module .module_coupon .module_coupon_S .module_coupon_item .module_coupon_p3 span {
    font-size: var(--font-size-md);
}

#module .module_coupon .module_coupon_L .module_coupon_item .module_coupon_p3 span {
    font-size: var(--font-size-lg);
}

#module .module_swiper .module_swiper_navbox {
    display: flex;
    justify-content: center;
    gap: var(--spacing-xxl);
}

#module .module_swiper .module_swiper_navbox span {
    font-weight: var(--font-weight-semi-bold);
    font-size: var(--font-size-sm);
    padding: var(--spacing-md);
    color: var(--color-black);
    border-bottom: 0.078vw solid transparent;
    transition: all .3s;
}

#module .module_swiper .module_swiper_navbox span:hover {
    cursor: pointer;
}

#module .module_swiper .module_swiper_navbox .active {
    border-bottom: 0.078vw solid var(--color-black);
}

#module .swiper-wrapper {
    height: auto;
    padding-bottom: var(--spacing-4xl);
}

#module .swiper-pagination-bullet {
    width: var(--spacing-md);
    height: var(--spacing-md);
}

#module .swiper-pagination-bullet-active {
    background-color: var(--color-black);
}

/* xl */
#module .NY_big {
    background: var(--color-white);
    position: relative;
    padding: var(--spacing-7xl) var(--spacing-md);
    margin-bottom: var(--spacing-md);
}

#module .NY_big_po2 {
    position: absolute;
    left: 3%;
    top: 2%;
    z-index: 9;
}



#module .NY_big_po2 img {
    width: 3.125vw;
}

#module .NY_big_po2 .NY_big_po2_t {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    font-size: var(--font-size-22);
    line-height: .9;
    font-family: 'Gilroy';
    width: 100%;
    text-align: center;
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
}

#module .NY_big .NY_goods_list {
    display: flex;
}

#module .NY_big .NY_big_img {
    width: var(--width-xl);
    text-align: center;
}

#module .NY_big .NY_big_text {
    flex: 1;
}

#module .NY_big .NY_big_text .NY_big_title {
    font-size: var(--font-size-xxxxl);
    font-weight: var(--font-weight-bold);
    margin: 0 0 var(--spacing-md);
}

#module .NY_title {
    font-size: var(--font-size-25);
    font-weight: var(--font-weight-bold);
    margin: var(--spacing-xl) 0;
    text-align: center;
}

#module .NY_big .NY_big_text .NY_big_p,
#module .sell-text,
#module .sell-text p {
    font-size: var(--font-size-md) !important;
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-lg);
    margin-bottom: var(--spacing-xl);
}

#module .sell-text,
#module .sell-text p {
    font-size: var(--font-size-md) !important;
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-lg);
    margin-bottom: var(--spacing-xl);
    text-align: center;
}

#module .NY_big .NY_price {
    text-align: left;
}

#module .NY_price {
    font-weight: var(--font-weight-semi-bold);
    font-size: var(--font-size-xxxl);
    color: var(--color-dark);
    text-align: center;
}

#module .NY_price span {
    color: var(--color-red);
}



#module .NY_middlebox .NY_price {
    font-size: var(--font-size-xxl);
}

#module .NY_smallbox .NY_price {
    font-size: var(--font-size-30);
}

#module .NY_fourbox .NY_price {
    font-size: var(--font-size-30);
}

#module .NY_price em {
    font-weight: var(--font-weight-normal);
    font-size: var(--font-size-lg);
    color: var(--color-dark);
    text-decoration: line-through;
}


#module .NY_smallbox .NY_price em {
    font-size: var(--font-size-22);
}

#module .NY_fourbox .NY_price em {
    font-size: var(--font-size-sm);
}

#module .NY_big .NY_buy_btn {
    text-align: left;
}

#module .NY_buy_btn {
    text-align: center;
}

#module .NY_buy_btn a {
    margin-top: var(--spacing-xl);
    display: inline-block;
    font-size: var(--font-size-lg);
    color: var(--color-black);
    text-decoration: none;
    border: 0.078vw solid #000;
    border-radius: var(--border-radius-lg);
    padding: var(--spacing-12) var(--spacing-47);
    font-weight: bold;
    transition: all .3s;
}

#module .NY_buy_btn a:hover {

    border: 0.078vw solid #FB9A27;
    background: #FB9A27;
    color: #fff;
}

#module .NY_smallbox .NY_buy_btn a,
#module .NY_fourbox .NY_buy_btn a {
    font-size: var(--font-size-md);
    padding: var(--spacing-12) var(--spacing-47);
    ;
}

#module .NY_goods_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#module .NY_middlebox {
    width: 49.5%;
    padding: var(--spacing-47);
    text-align: center;
    background-color: var(--color-white);
    position: relative;
    margin-bottom: var(--spacing-md);
}

#module .sell-text p {
    margin-bottom: 0;
}

#module .sell-text,
#module .sell-text p {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

#module .NY_smallbox {
    width: 32.5%;
    background-color: var(--color-white);
    text-align: center;
    position: relative;
    padding: var(--spacing-47);
    margin-bottom: var(--spacing-md);
}

#module .NY_fourbox {
    width: 24%;
    background-color: var(--color-white);
    text-align: center;
    position: relative;
    padding: var(--spacing-45) var(--spacing-25);
    margin-bottom: var(--spacing-md);
}

#module .NY_More {
    text-align: center;
}

#module .NY_More a {
    display: inline-block;
    font-weight: var(--font-weight-semi-bold);
    font-size: var(--font-size-sm);
    color: var(--color-white);
    background: #000;
    border-radius: var(--border-radius-lg);
    padding: var(--spacing-sm) 1.953vw;
}

#module .footer-banner {
    margin-bottom: 0.625vw;
}

#module .footer-banner.col-md-list {
    display: flex;
    gap: 0.625vw;
    margin-bottom: 0.625vw;
}

#module .footer-banner .col-md-item {
    width: 49%;
    text-align: center;
}

#module .footer-banner .col-md-item img {
    max-width: 100%;
}


#module .NY_big_de {
    position: absolute;
    right: 0.391vw;
    top: 0;
    font-size: 1.172vw !important;
    font-weight: bold;
    color: #fff;
    background: linear-gradient(30deg, #FFE086, #FFBB28);
    padding: 0 0.938vw;
    border-radius: 0 0 0.313vw 0.313vw;
    font-family: var(--main-family);
}

#module .NY_smallbox .NY_big_de {
    font-size: 1.016vw;
}

#module .NY_fourbox .NY_big_de {
    font-size: 0.781vw;
}

#module .iconfont {
    font-family: "iconfont" !important;
}

@media screen and (max-width:1920px) {
    :root {
        --font-size-sm: 1.096vw;
    }

    #module .NY_big .NY_big_img a img,
    #module .NY_middlebox .NY_img_box a img,
    #module .NY_smallbox .NY_img_box a img {
        width: 75%;
    }
}


@media screen and (max-width:1460px) {

    #module .module_inner,
    #module .module_coupon {
        width: 98%;
        max-width: 95.89vw;
        margin: 0 auto;
    }

    #module .NY_big_de {
        font-size: 2.172vw !important;
    }


    :root {

        /* 字体大小 */
        --font-size-xs: 0.822vw;
        --font-size-sm: 1.006vw;
        --font-size-md: 1.5vw;
        --font-size-lg: 1.644vw;
        --font-size-xl: 2.466vw;
        --font-size-xxl: 2.466vw;
        --font-size-xxxl: 2.74vw;
        --font-size-banner: 1.37vw;
        --font-size-banner-title: 2.74vw;
        --font-size-xxxxl: 2.877vw;
        --font-size-22: 1.507vw;
        --font-size-25: 1.712vw;
        --font-size-28: 1.918vw;
        --font-size-30: 2.055vw;

        /* 字体粗细 */
        --font-weight-normal: 400;
        --font-weight-semi-bold: 600;
        --font-weight-bold: bold;

        /* 间距 */
        --spacing-xxs: 0.411vw;
        --spacing-xs: 0.548vw;
        --spacing-sm: 0.959vw;
        --spacing-md: 1.096vw;
        --spacing-lg: 1.233vw;
        --spacing-xl: 1.644vw;
        --spacing-xxl: 2.055vw;
        --spacing-xxxl: 2.192vw;
        --spacing-4xl: 2.74vw;
        --spacing-5xl: 3.699vw;
        --spacing-6xl: 4.932vw;
        --spacing-7xl: 6.164vw;
        --spacing-8xl: 7.671vw;
        --spacing-12: 0.822vw;
        --spacing-47: 2.219vw;
        --spacing-60: 4.11vw;
        --spacing-25: 1.712vw;
        --spacing-45: 3.082vw;
        /* --spacing-42: 2.877vw; */

        /* 圆角 */
        --border-radius-sm: 0.548vw;
        --border-radius-md: 1.096vw;
        --border-radius-lg: 4.11vw;

        /* 宽度 */
        --width-small: 1.37vw;
        --width-medium: 3.425vw;
        --width-large: 5.342vw;
        --width-xl: 55%;

        /* 高度 */
        --height-small: 1.37vw;
        --height-medium: 5.205vw;

        /* 其他 */
        --line-height-normal: 1;
        --line-height-md: 1.3;
        --line-height-lg: 1.5;
        --line-height-xl: 1.644vw;


    }


    #module .NY_middlebox .NY_img_box a img,
    #module .NY_smallbox .NY_img_box a img {
        width: 60%;
    }

    #module .NY_big .NY_big_img a img {
        width: 80%;
    }

    #module .NY_big_po2 img {
        width: 5.479vw;
    }

    #module .module_banner .module_banner_text {
        left: 7.5vw
    }
}

@media screen and (max-width:1024px) {

    #module .module_nav.fixed {
        top: 40px;
    }

    #module .module_inner {
        width: 95%;
        margin: 0 auto;
    }

    :root {
        /* 字体大小 */
        --font-size-xs: 1.172vw;
        --font-size-sm: 1.367vw;
        --font-size-md: 1.563vw;
        --font-size-lg: 1.367vw;
        --font-size-xl: 2.734vw;
        --font-size-xxl: 2.344vw;
        --font-size-xxxl: 3.125vw;
        --font-size-banner: 1.758vw;
        --font-size-banner-title: 3.125vw;
        --font-size-xxxxl: 2.344vw;
        --font-size-22: 1.367vw;
        --font-size-25: 2.441vw;
        --font-size-28: 2.734vw;
        --font-size-30: 2.344vw;

        /* 字体粗细 */
        --font-weight-normal: 400;
        --font-weight-semi-bold: 600;
        --font-weight-bold: bold;

        /* 间距 */
        --spacing-xxs: 0.586vw;
        --spacing-xs: 0.781vw;
        --spacing-sm: 2.344vw;
        --spacing-md: 1.563vw;
        --spacing-lg: 1.758vw;
        --spacing-xl: 2.344vw;
        --spacing-xxl: 2.93vw;
        --spacing-xxxl: 3.125vw;
        --spacing-4xl: 3.907vw;
        --spacing-5xl: 3.906vw;
        --spacing-6xl: 3.906vw;
        --spacing-7xl: 8.788vw;
        --spacing-8xl: 7.813vw;

        /* 圆角 */
        --border-radius-sm: 0.781vw;
        --border-radius-md: 1.563vw;
        --border-radius-lg: 5.86vw;

        /* 宽度 */
        --width-small: 1.953vw;
        --width-medium: 4.883vw;
        --width-large: 7.617vw;
        --width-xl: 55%;

        /* 高度 */
        --height-small: 1.953vw;
        --height-medium: 5.957vw;

        /* 其他 */
        --line-height-normal: 1;
        --line-height-md: 1.3;
        --line-height-lg: 1.5;
        --line-height-xl: 2.344vw;
    }

    #module .module_coupon .module_coupon_L .module_coupon_item .module_coupon_p2 {
        font-size: var(--font-size-md);
    }

    #module .module_coupon .module_coupon_S .module_coupon_item {
        width: 49.5%;
    }

    #module .NY_big_po2 img {
        width: 5.859vw;
    }

    #module .NY_big_po2 .NY_big_po2_t {
        font-size: 1.563vw;
    }

    #module .NY_big .NY_big_img a img,
    #module .NY_middlebox .NY_img_box a img,
    #module .NY_smallbox .NY_img_box a img {
        width: 70%;
    }

    #module .NY_More a {
        padding: 1.367vw 3.906vw;
    }

    #module .NY_fourbox .NY_img_box a img {
        width: 27.148vw;
        max-width: 27.148vw;
        margin: 0 auto;
    }

    #module .NY_smallbox,
    #module .NY_fourbox {
        width: 49.5%;
    }
}


@media screen and (max-width:768px) {
    #module .module_nav.fixed {
        top: 50px;
    }

    :root {
        /* 字体大小 */
        --font-size-xs: 1.823vw;
        --font-size-sm: 1.823vw;
        --font-size-md: 1.867vw;
        --font-size-lg: 1.867vw;
        --font-size-xl: 3.125vw;
        --font-size-xxl: 3.125vw;
        --font-size-xxxl: 4.167vw;
        --font-size-banner: 2.083vw;
        --font-size-banner-title: 4.167vw;
        --font-size-22: 1.867vw;

        /* 字体粗细 */
        --font-weight-normal: 400;
        --font-weight-semi-bold: 600;
        --font-weight-bold: bold;

        /* 间距 */
        --spacing-xxs: 0.586vw;
        --spacing-xs: 0.781vw;
        --spacing-sm: 2.344vw;
        --spacing-md: 1.563vw;
        --spacing-lg: 1.758vw;
        --spacing-xl: 2.344vw;
        --spacing-xxl: 2.93vw;
        --spacing-xxxl: 3.125vw;
        --spacing-4xl: 3.907vw;
        --spacing-5xl: 3.906vw;
        --spacing-6xl: 3.906vw;
        --spacing-7xl: 7.813vw;
        --spacing-8xl: 7.813vw;


        /* 圆角 */
        --border-radius-sm: 0.781vw;
        --border-radius-md: 1.563vw;
        --border-radius-lg: 5.86vw;

        /* 宽度 */
        --width-small: 1.953vw;
        --width-medium: 4.883vw;
        --width-large: 7.617vw;
        --width-xl: 55%;

        /* 高度 */
        --height-small: 1.953vw;
        --height-medium: 5.957vw;

        /* 其他 */
        --line-height-normal: 1;
        --line-height-md: 1.3;
        --line-height-lg: 1.5;
        --line-height-xl: 2.344vw;
    }

    #module .module_banner .module_banner_text {
        top: 50%;
        transform: translateY(-50%);
        max-width: 38.533vw;
        left: 12.8vw;
    }

    #module .NY_big_po2 .NY_big_po2_t {
        font-size: 2.083vw;
    }

    #module .NY_big_po2 img {
        width: 7.813vw;
    }

    #module .NY_price {
        font-size: 2.667vw;
    }

    #module .NY_middlebox .NY_price {
        font-size: var(--font-size-30);
    }

}

@media screen and (max-width:480px) {
    #module .pc {
        display: none;
    }

    #module .mo {
        display: block;
    }

    :root {
        /* 字体大小 */
        --font-size-xs: 1.823vw;
        --font-size-sm: 3.125vw;
        --font-size-md: 3.125vw;
        --font-size-lg: 3.125vw;
        --font-size-22: 3.125vw;
        --font-size-xl: 5.417vw;
        --font-size-xxl: 5.417vw;
        --font-size-xxxl: 6.458vw;
        --font-size-banner: 3.75vw;
        --font-size-banner-title: 6.458vw;
        --font-size-xxxxl: 4.167vw;
        --font-size-25: 3.75vw;
        --font-size-30: 4.167vw;


        /* 字体粗细 */
        --font-weight-normal: 400;
        --font-weight-semi-bold: 600;
        --font-weight-bold: bold;

        /* 间距 */
        --spacing-xxs: 0.586vw;
        --spacing-xs: 0.781vw;
        --spacing-sm: 6.458vw;
        --spacing-md: 2.083vw;
        --spacing-lg: 1.758vw;
        --spacing-xl: 3.167vw;
        --spacing-xxl: 2.93vw;
        --spacing-xxxl: 4.167vw;
        --spacing-4xl: 6.907vw;
        --spacing-5xl: 10.625vw;
        --spacing-6xl: 9.583vw;
        --spacing-7xl: 7.813vw;
        --spacing-8xl: 15vw;
        --spacing-60: 6.25vw;
        --spacing-12: 1.458vw;


        --spacing-42: 1.641vw;
        --spacing-53: 1.458vw;

        /* 圆角 */
        --border-radius-sm: 0.781vw;
        --border-radius-md: 1.563vw;
        --border-radius-lg: 5.86vw;

        /* 宽度 */
        --width-small: 1.953vw;
        --width-medium: 8.333vw;
        --width-large: 11.25vw;
        --width-xl: 55%;

        /* 高度 */
        --height-small: 1.953vw;
        --height-medium: 10.625vw;

        /* 其他 */
        --line-height-normal: 1;
        --line-height-md: 1.3;
        --line-height-lg: 1.5;
        --line-height-xl: 2.344vw;
    }

    #module .module_banner .module_banner_text {
        top: 20.833vw;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        max-width: 100%;
    }



    #module .module_banner .module_banner_text .Wb_text1,
    #module .module_banner .module_banner_text .Wb_text2,
    #module .module_banner .module_banner_text .Wb_textH1,
    #module .module_banner .module_banner_text .Wb_textH2 {
        text-align: center;
    }

    #module .module_banner .module_banner_text .Wb_text2 span {
        display: inline-block;
    }

    #module .module_banner .module_banner_text .Wb_textH2 {
        position: relative;
        left: 50%;
        transform: translateX(-50%);

    }

    #module .module_banner .module_banner_text .Wb_textH1 {
        margin: 5vw 0;
    }

    #module .module_banner .module_banner_text .Wb_textH2 {
        margin-bottom: 5vw;
    }

    #module .module_nav .nav-list {
        padding: 4.167vw;
    }

    #module #Ch2020_countdown_1 {
        flex-direction: column;
        justify-content: center;
        padding: 4.167vw 0;
        gap: 3.125vw;
    }

    #module #Ch2020_countdown_1 p,
    #module #Ch2020_countdown_1 span,
    #module #Ch2020_countdown_1 div {
        text-align: center;
        justify-content: center;
    }

    #module #Ch2020_countdown_2 .Ch2020_djs_time p {
        font-size: 3.125vw;
        margin-top: 2.167vw;
    }

    #module .module_coupon .module_coupon_L,
    #module .module_coupon .module_coupon_M,
    #module .module_coupon .module_coupon_S {
        justify-content: center;
    }

    #module .module_coupon .module_coupon_L .module_coupon_item,
    #module .module_coupon .module_coupon_M .module_coupon_item,
    #module .module_coupon .module_coupon_S .module_coupon_item {
        width: 85.208vw;
    }

    #module .module_swiper .module_swiper_navbox {
        flex-wrap: wrap;
    }



    #module .NY_big .NY_goods_list {
        flex-direction: column;
        text-align: center;
        justify-content: center;
        align-items: center;
    }

    #module .NY_big .NY_big_img a img,
    #module .NY_middlebox .NY_img_box a img,
    #module .NY_smallbox .NY_img_box a img {
        width: 90%;
    }

    #module .NY_fourbox .NY_img_box a img {
        width: 90%;
        max-width: 100%;
    }

    #module .NY_big_po2 .NY_big_po2_t {
        font-size: 3.125vw;
    }

    #module .NY_big_po2 img {
        width: 10.625vw;
    }

    #module .NY_big .NY_big_text .NY_big_title {
        margin-top: 4.167vw;
    }

    #module .NY_big .NY_big_text .NY_big_title,
    #module .NY_title {
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;

    }

    #module .NY_big .NY_big_text .NY_big_p,
    #module .sell-text,
    #module .sell-text p,
    #module .NY_big .NY_big_text .NY_big_title,
    #module .NY_title,
    #module .NY_big .NY_price,
    #module .NY_big .NY_buy_btn {
        text-align: center !important;
    }

    #module .footer-banner {
        margin-bottom: 3.333vw;
    }

    #module .footer-banner.col-md-list {
        flex-direction: column;
        margin-bottom: 3.333vw;
        gap: 3.333vw;
    }

    #module .NY_price,
    #module .NY_middlebox .NY_price,
    #module .NY_smallbox .NY_price {
        font-size: 4.167vw;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #module .module_nav {
        white-space: nowrap;
        overflow-x: scroll;
        flex-wrap: nowrap;
        justify-content: left;
    }

    #module .module_nav.fixed {
        -ms-overflow-style: none;
        /* IE 和 Edge */
        scrollbar-width: none;
        /* Firefox */
        top: 9.792vw;
        justify-content: left;
    }

    #module .module_nav.fixed::-webkit-scrollbar {
        display: none;
        /* Chrome, Safari 和 Opera */
    }

    #module .footer-banner .col-md-item {
        width: 100%;
        text-align: center;
    }

    #module .NY_big_de {
        font-size: 4.125vw !important;
    }



}


#module .module_free {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#module .module_free a {
    width: 23%;
    text-align: center;
}

#module .module_free p {
    text-align: center;
    font-size: 0.925vw;
    color: #000;
    line-height: 1.5;
    margin-bottom: 1.625vw;
    font-weight: 500;
}

@media screen and (max-width: 1460px) {
    #module .module_free p {
        font-size: 1.625vw;
    }

}

@media screen and (max-width: 768px) {
    #module .module_free a {
        width: 48%;
    }

    #module .module_free p {
        font-size: 3.625vw;
        line-height: 2;
    }
}


#module .swiper-container.swiper2 .NY_fourbox {
    width: 30% !important;
    margin-right: 0.391vw;
    position: relative;
}

#module .swiper-container.swiper2 .NY_fourbox .NY_img_box a {
    text-align: center;
    display: block;
}

#module .swiper-button-next,
#module .swiper-button-prev {
    width: 1.719vw !important;
    height: 1.719vw !important;
    background-color: #FFFFFF;
    border-radius: 50%;
    border: 0.039vw solid #B0B0B0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60% 60% !important;
}

@media screen and (max-width:1024px) {
    #module .swiper-container.swiper2 .NY_fourbox {
        width: 43% !important;
    }
}

@media screen and (max-width:768px) {
    #module .swiper-container.swiper2 .NY_fourbox {
        width: 63% !important;
    }
}