html, body {

    padding: 0 !important;

    margin: 0 !important;

    color: #000000;



}



p {

    padding: 0;

    margin: 0;

}



ul {

    padding: 0 !important;

    margin: 0 !important;

}



ul, li {

    list-style: none;



}



img {

    vertical-align: bottom;

}



a {

    color: inherit !important;

    text-decoration: none !important;

}

:root {
    --theme-color: rgb(218,249,0); /* 主题颜色 */
}

/*字体*/

@font-face {

    font-family: 'TsangerYLXQ';

    src: url('../fonts/TsangerYLXQ.ttf');

}



@font-face {

    font-family: 'TsangerYunHei-W01';

    src: url('../fonts/TsangerYunHei-W01.otf');

}



@font-face {

    font-family: 'TsangerYunHei-W02';

    src: url('../fonts/TsangerYunHei-W02.otf');

}



@font-face {

    font-family: 'TsangerYunHei-W03';

    src: url('../fonts/TsangerYunHei-W03.otf');

}



@font-face {

    font-family: 'TsangerYunHei-W04';

    src: url('../fonts/TsangerYunHei-W04.otf');

}



@font-face {

    font-family: 'TsangerYunHei-W05';

    src: url('../fonts/TsangerYunHei-W05.otf');

}



@font-face {

    font-family: 'TsangerYunHei-W06';

    src: url('../fonts/TsangerYunHei-W06.otf');

}



@font-face {

    font-family: 'TsangerYunHei-W07';

    src: url('../fonts/TsangerYunHei-W07.otf');

}



@font-face {

    font-family: 'TsangerYunHei-W08';

    src: url('../fonts/TsangerYunHei-W08.otf');

}



@media screen and (max-width: 1199px) {
    .page_paginator_wrap{
        display: none;
    }
    /*分页样式*/
    .page_paginator{
        display: flex;
        align-items: center;
        justify-content: center;
        -webkit-touch-callout: none; /* iOS Safari */
        -webkit-user-select: none;   /* Chrome/Safari/Opera */
        -moz-user-select: none;      /* Firefox */
        -ms-user-select: none;       /* IE10+ */
        user-select: none;           /* Standard syntax */
        margin-top: 1rem!important;
    }
    .page_paginator li{
        width: 0.64rem;
        height: 0.64rem;
        margin: 0 0.05rem;
        line-height:0.64rem;
        text-align: center;
        font-size: 0.36rem;
        color: #ffffff;
        font-family: TsangerYunHei-W04;
        cursor: pointer;
        box-sizing: border-box;
        border: 1px solid transparent;
    }
    .page_paginator2 li{
        width: 0.64rem;
        height: 0.64rem;
        margin: 0 0.05rem;
        line-height: 0.64rem;
        text-align: center;
        font-size: 0.36rem;
        color: #363D3E;
        font-family: TsangerYunHei-W04;
        cursor: pointer;
        box-sizing: border-box;
        border: 1px solid transparent;
    }
    .page_paginator2{
        margin-top: 0!important;
    }
    /*经销商下载分页*/
    .page_paginator3{
        margin-top: 0!important;
    }
    .page_paginator3 li{
        width: 0.31rem;
        height: 0.31rem;
        margin: 0 0.05rem;
        line-height: 0.31rem;
        text-align: center;
        font-size: 0.17rem;
        color: #ffffff;
        font-family: TsangerYunHei-W04;
        cursor: pointer;
        box-sizing: border-box;
        border: 1px solid transparent;
    }
    .page_paginator li img{
        width: 0.64rem;
        height:  0.64rem;
    }
    .page_paginator3 li img{
        width: 0.31rem;
        height:  0.31rem;
    }
    .page_paginator li.tab{
        border: 1px solid var(--theme-color);
    }
    .page_paginator li:hover{
        /*border: 1px solid var(--theme-color);*/
    }
    .yuyue_modal {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: rgba(28, 33, 33, 0.85);
        display: none;
        justify-content: center;
        align-items: center;
    }

    .yuyue_modal_main {
        width: 5.38rem;
        height: 3.64rem;
        background: #FFFFFF;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0.45rem 0;
    }

    .yuyue_modal_main p:first-child img {
        width: 0.42rem;
        height: 0.42rem;
        margin-bottom: 0.29rem;
    }

    .yuyue_modal_main p:nth-child(2) {
        font-size: 0.28rem;
        color: #005542;
        font-family: TsangerYunHei-W04;
        line-height: 0.4rem;
        margin-bottom: 0.13rem;
    }

    .yuyue_modal_main p:nth-child(3) {
        font-size: 0.2rem;
        color: #363D3E;
        font-family: TsangerYunHei-W04;
        line-height: 0.28rem;
        margin-bottom: 0.25rem;
        text-align: center;
    }

    .yuyue_modal_main p:nth-child(4) {
        width: 2.18rem;
        height: 0.69rem;
        font-size: 0.24rem;
        color: #363D3E;
        font-family: TsangerYunHei-W04;
        position: relative;
        cursor: pointer;
    }

    .yuyue_modal_main p:nth-child(4) img {
        width: 2.18rem;
        height: 0.69rem;
    }

    .yuyue_modal_main p:nth-child(4) span {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;

    }
}



@media all and (max-width: 1560px)and (min-width: 1200px) {
    /*分页样式*/
    
    .page_paginator{
        display: flex;
        align-items: center;
        justify-content: center;
        -webkit-touch-callout: none; /* iOS Safari */
        -webkit-user-select: none;   /* Chrome/Safari/Opera */
        -moz-user-select: none;      /* Firefox */
        -ms-user-select: none;       /* IE10+ */
        user-select: none;           /* Standard syntax */

    }
    .page_paginator li{
        width: 22px;
        height: 22px;
        margin: 0 5px;
        line-height: 22px;
        text-align: center;
        font-size: 12px;
        color: #ffffff;
        font-family: TsangerYunHei-W04;
        cursor: pointer;
        box-sizing: border-box;
        border: 1px solid transparent;
    }
    .page_paginator li.disabled{
        cursor: no-drop;
    }
    .page_paginator2 li{
        width: 22px;
        height: 22px;
        margin: 0 5px;
        line-height: 22px;
        text-align: center;
        font-size: 12px;
        color: #363D3E;
        font-family: TsangerYunHei-W04;
        cursor: pointer;
        box-sizing: border-box;
        border: 1px solid transparent;
    }
    .page_paginator li img{
        width: 22px;
        height: 22px;
    }
    .page_paginator li.tab{
        border: 1px solid var(--theme-color);
    }
    .page_paginator li:hover{
        /*border: 1px solid var(--theme-color);*/
    }
    .yuyue_modal {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: rgba(28, 33, 33, 0.85);
        display: none;
        justify-content: center;
        align-items: center;
    }

    .yuyue_modal_main {
        width: 310px;
        height: 210px;
        background: #FFFFFF;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 27px 0;
    }

    .yuyue_modal_main p:first-child img {
        width: 24px;
        height: 24px;
        margin-bottom: 17px;
    }

    .yuyue_modal_main p:nth-child(2) {
        font-size: 16px;
        color: #005542;
        font-family: TsangerYunHei-W04;
        line-height: 22px;
        margin-bottom: 6px;
    }

    .yuyue_modal_main p:nth-child(3) {
        font-size: 12px;
        color: #363D3E;
        font-family: TsangerYunHei-W04;
        line-height: 16px;
        margin-bottom: 14px;
        text-align: center;
    }

    .yuyue_modal_main p:nth-child(4) {
        width: 126px;
        height: 40px;
        font-size: 14px;
        color: #363D3E;
        font-family: TsangerYunHei-W04;
        position: relative;
        cursor: pointer;
    }

    .yuyue_modal_main p:nth-child(4) img {
        width: 126px;
        height: 40px;
    }

    .yuyue_modal_main p:nth-child(4) span {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;

    }

}




@media screen and (min-width: 1561px) {
    /*分页样式*/
    .page_paginator{
        display: flex;
        align-items: center;
        justify-content: center;
        -webkit-touch-callout: none; /* iOS Safari */
        -webkit-user-select: none;   /* Chrome/Safari/Opera */
        -moz-user-select: none;      /* Firefox */
        -ms-user-select: none;       /* IE10+ */
        user-select: none;           /* Standard syntax */

    }
    .page_paginator li{
        width: 35px;
        height: 35px;
        margin: 0 11px;
        line-height: 35px;
        text-align: center;
        font-size: 12px;
        color: #ffffff;
        font-family: TsangerYunHei-W04;
        cursor: pointer;
        box-sizing: border-box;
        border: 1px solid transparent;
    }
    .page_paginator li.disabled{
        cursor: no-drop;
    }
    .page_paginator2 li{
        width: 35px;
        height: 35px;
        margin: 0 11px;
        line-height: 35px;
        text-align: center;
        font-size: 12px;
        color: #363D3E;
        font-family: TsangerYunHei-W04;
        cursor: pointer;
        box-sizing: border-box;
        border: 1px solid transparent;
    }
    .page_paginator li.tab{
        border: 1px solid var(--theme-color);
    }
    .page_paginator li:hover{
        /*border: 1px solid var(--theme-color);*/
    }
    .yuyue_modal {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: rgba(28, 33, 33, 0.85);
        display: none;
        justify-content: center;
        align-items: center;
    }

    .yuyue_modal_main {
        width: 310px;
        height: 210px;
        background: #FFFFFF;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 27px 0;
    }

    .yuyue_modal_main p:first-child img {
        width: 24px;
        height: 24px;
        margin-bottom: 17px;
    }

    .yuyue_modal_main p:nth-child(2) {
        font-size: 16px;
        color: #005542;
        font-family: TsangerYunHei-W04;
        line-height: 22px;
        margin-bottom: 6px;
    }

    .yuyue_modal_main p:nth-child(3) {
        font-size: 12px;
        color: #363D3E;
        font-family: TsangerYunHei-W04;
        line-height: 16px;
        margin-bottom: 14px;
        text-align: center;
    }

    .yuyue_modal_main p:nth-child(4) {
        width: 126px;
        height: 40px;
        font-size: 14px;
        color: #363D3E;
        font-family: TsangerYunHei-W04;
        position: relative;
        cursor: pointer;
    }

    .yuyue_modal_main p:nth-child(4) img {
        width: 126px;
        height: 40px;
    }

    .yuyue_modal_main p:nth-child(4) span {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;

    }
}