@charset "UTF-8";
html {
    font-size: 62.5%;
    overflow-x: hidden;
    font-family: "PingFangSC-Regular", "PingFang SC", "Microsoft Yahei", Arial !important;
}
li {list-style:none;}
a {color:#888;text-decoration:none;}
a:hover {text-decoration:none;}
p,dl,dt,dd,ul {margin:0;padding:0;}
.red {color:red;}
.text-secondary a {color:#6c757d;}
.card,.figure {margin:15px 0;}
.shadow-sm-top {box-shadow:0 -.2rem .4rem rgba(0,0,0,.075)!important;}
.navbar{padding:0;}
.upp{
    text-transform: uppercase;
}

/********LENIS柔性插件CSS************/
html.lenis,
html.lenis body {
    height: auto
}
.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain
}
.lenis.lenis-stopped {
    overflow: clip
}
.lenis.lenis-smooth iframe {
    pointer-events: none
}
/********LENIS柔性插件CSS************/


/*******新增自定义断点布局***********/
/* --- 992px (lg)<1200 --- */
@media (min-width: 992px) {
    .row-cols-lg-7 > * { flex: 0 0 auto; width: 14.285714%; }
    .row-cols-lg-8 > * { flex: 0 0 auto; width: 12.5%; }
    .row-cols-lg-9 > * { flex: 0 0 auto; width: 11.111111%; }
    .row-cols-lg-10 > * { flex: 0 0 auto; width: 10%; }
}

/* --- 1200px (xl)<1440 --- */
@media (min-width: 1200px) {
    .row-cols-xl-7 > * { flex: 0 0 auto; width: 14.285714%; }
    .row-cols-xl-8 > * { flex: 0 0 auto; width: 12.5%; }
    .row-cols-xl-9 > * { flex: 0 0 auto; width: 11.111111%; }
    .row-cols-xl-10 > * { flex: 0 0 auto; width: 10%; }
}

/* --- 1440px (xls)<1560 --- */
@media (min-width: 1400px) {
    .row-cols-xls-7 > * { flex: 0 0 auto; width: 14.285714%; }
    .row-cols-xls-8 > * { flex: 0 0 auto; width: 12.5%; }
    .row-cols-xls-9 > * { flex: 0 0 auto; width: 11.111111%; }
    .row-cols-xls-10 > * { flex: 0 0 auto; width: 10%; }
}


/* --- 1560px (xxl)<1680 --- */
@media (min-width: 1560px) {   
    .row-cols-xxl-1 > * { flex: 0 0 auto; width: 100%; }
    .row-cols-xxl-2 > * { flex: 0 0 auto; width: 50%; }
    .row-cols-xxl-3 > * { flex: 0 0 auto; width: 33.333333%; }
    .row-cols-xxl-4 > * { flex: 0 0 auto; width: 25%; }
    .row-cols-xxl-5 > * { flex: 0 0 auto; width: 20%; }
    .row-cols-xxl-6 > * { flex: 0 0 auto; width: 16.666667%; }
    .row-cols-xxl-7 > * { flex: 0 0 auto; width: 14.285714%; }
    .row-cols-xxl-8 > * { flex: 0 0 auto; width: 12.5%; }
    .row-cols-xxl-9 > * { flex: 0 0 auto; width: 11.111111%; }
    .row-cols-xxl-10 > * { flex: 0 0 auto; width: 10%; }
}

/* --- 1680px<1920  xxxl --- */
@media (min-width: 1680px) {
    .row-cols-xxxl-1 > * { flex: 0 0 auto; width: 100%; }
    .row-cols-xxxl-2 > * { flex: 0 0 auto; width: 50%; }
    .row-cols-xxxl-3 > * { flex: 0 0 auto; width: 33.333333%; }
    .row-cols-xxxl-4 > * { flex: 0 0 auto; width: 25%; }
    .row-cols-xxxl-5 > * { flex: 0 0 auto; width: 20%; }
    .row-cols-xxxl-6 > * { flex: 0 0 auto; width: 16.666667%; }
    .row-cols-xxxl-7 > * { flex: 0 0 auto; width: 14.285714%; }
    .row-cols-xxxl-8 > * { flex: 0 0 auto; width: 12.5%; }
    .row-cols-xxxl-9 > * { flex: 0 0 auto; width: 11.111111%; }
    .row-cols-xxxl-10 > * { flex: 0 0 auto; width: 10%; }
}

/* ---大于 1920px (xxxxl) --- */
@media (min-width: 1920px) {
    .row-cols-xxxxl-1 > * { flex: 0 0 auto; width: 100%; }
    .row-cols-xxxxl-2 > * { flex: 0 0 auto; width: 50%; }
    .row-cols-xxxxl-3 > * { flex: 0 0 auto; width: 33.333333%; }
    .row-cols-xxxxl-4 > * { flex: 0 0 auto; width: 25%; }
    .row-cols-xxxxl-5 > * { flex: 0 0 auto; width: 20%; }
    .row-cols-xxxxl-6 > * { flex: 0 0 auto; width: 16.666667%; }
    .row-cols-xxxxl-7 > * { flex: 0 0 auto; width: 14.285714%; }
    .row-cols-xxxxl-8 > * { flex: 0 0 auto; width: 12.5%; }
    .row-cols-xxxxl-9 > * { flex: 0 0 auto; width: 11.111111%; }
    .row-cols-xxxxl-10 > * { flex: 0 0 auto; width: 10%; }
}


/*******Margin*和 padding**********/

.mt-0,.my-0 {margin-top:0rem!important;}
.mt-1,.my-1 {margin-top:1rem!important;}
.mt-2,.my-2 {margin-top:2rem!important;}
.mt-3,.my-3 {margin-top:3rem!important;}
.mt-4,.my-4 {margin-top:4rem!important;}
.mt-5,.my-5 {margin-top:5rem!important;}
.mt-6,.my-6 {margin-top:6rem!important;}
.mt-7,.my-7 {margin-top:7rem!important;}
.mt-8,.my-8 {margin-top:8rem!important;}
.mt-9,.my-9 {margin-top:9rem!important;}
.mt-10,.my-10 {margin-top:10rem!important;}
.mt-11,.my-11 {margin-top:11rem!important;}
.mt-12,.my-12 {margin-top:12rem!important;}

.mb-0,.my-0 {margin-bottom:0rem!important;}
.mb-1,.my-1 {margin-bottom:1rem!important;}
.mb-2,.my-2 {margin-bottom:2rem!important;}
.mb-3,.my-3 {margin-bottom:3rem!important;}
.mb-4,.my-4 {margin-bottom:4rem!important;}
.mb-5,.my-5 {margin-bottom:5rem!important;}
.mb-6,.my-6 {margin-bottom:6rem!important;}
.mb-7,.my-7 {margin-bottom:7rem!important;}
.mb-8,.my-8 {margin-bottom:8rem!important;}
.mb-9,.my-9 {margin-bottom:9rem!important;}
.mb-10,.my-10 {margin-bottom:10rem!important;}
.mb-11,.my-11 {margin-bottom:11rem!important;}
.mb-12,.my-12 {margin-bottom:12rem!important;}


.pt-0,.py-0 {padding-top:0rem!important;}
.pt-1,.py-1 {padding-top:1rem!important;}
.pt-2,.py-2 {padding-top:2rem!important;}
.pt-3,.py-3 {padding-top:3rem!important;}
.pt-4,.py-4 {padding-top:4rem!important;}
.pt-5,.py-5 {padding-top:5rem!important;}
.pt-6,.py-6 {padding-top:6rem!important;}
.pt-7,.py-7 {padding-top:7rem!important;}
.pt-8,.py-8 {padding-top:8rem!important;}
.pt-9,.py-9 {padding-top:9rem!important;}
.pt-10,.py-10 {padding-top:10rem!important;}
.pt-11,.py-11 {padding-top:11rem!important;}
.pt-12,.py-12 {padding-top:12rem!important;}


.pb-0,.py-0 {padding-bottom:0rem!important;}
.pb-1,.py-1 {padding-bottom:1rem!important;}
.pb-2,.py-2 {padding-bottom:2rem!important;}
.pb-3,.py-3 {padding-bottom:3rem!important;}
.pb-4,.py-4 {padding-bottom:4rem!important;}
.pb-5,.py-5 {padding-bottom:5rem!important;}
.pb-6,.py-6 {padding-bottom:6rem!important;}
.pb-7,.py-7 {padding-bottom:7rem!important;}
.pb-8,.py-8 {padding-bottom:8rem!important;}
.pb-9,.py-9 {padding-bottom:9rem!important;}
.pb-10,.py-10 {padding-bottom:10rem!important;}
.pb-11,.py-11 {padding-bottom:11rem!important;}
.pb-12,.py-12 {padding-bottom:12rem!important;}




/*********小于1920  大于1680， xxl*********/
@media (max-width:1920px){ 
 
.mt-xxxl-0,.my-xxxl-0 {margin-top:0rem!important;}
.mt-xxxl-1,.my-xxxl-1 {margin-top:1rem!important;}
.mt-xxxl-2,.my-xxxl-2 {margin-top:2rem!important;}
.mt-xxxl-3,.my-xxxl-3 {margin-top:3rem!important;}
.mt-xxxl-4,.my-xxxl-4 {margin-top:4rem!important;}
.mt-xxxl-5,.my-xxxl-5 {margin-top:5rem!important;}
.mt-xxxl-6,.my-xxxl-6 {margin-top:6rem!important;}
.mt-xxxl-7,.my-xxxl-7 {margin-top:7rem!important;}
.mt-xxxl-8,.my-xxxl-8 {margin-top:8rem!important;}
.mt-xxxl-9,.my-xxxl-9 {margin-top:9rem!important;}
.mt-xxxl-10,.my-xxxl-10 {margin-top:10rem!important;}
.mt-xxxl-11,.my-xxxl-11 {margin-top:11rem!important;}
.mt-xxxl-12,.my-xxxl-12 {margin-top:12rem!important;}


.mb-xxxl-0,.my-xxxl-0 {margin-bottom:1rem!important;}
.mb-xxxl-1,.my-xxxl-1 {margin-bottom:1rem!important;}
.mb-xxxl-2,.my-xxxl-2 {margin-bottom:2rem!important;}
.mb-xxxl-3,.my-xxxl-3 {margin-bottom:3rem!important;}
.mb-xxxl-4,.my-xxxl-4 {margin-bottom:4rem!important;}
.mb-xxxl-5,.my-xxxl-5 {margin-bottom:5rem!important;}
.mb-xxxl-6,.my-xxxl-6 {margin-bottom:6rem!important;}
.mb-xxxl-7,.my-xxxl-7 {margin-bottom:7rem!important;}
.mb-xxxl-8,.my-xxxl-8 {margin-bottom:8rem!important;}
.mb-xxxl-9,.my-xxxl-9 {margin-bottom:9rem!important;}
.mb-xxxl-10,.my-xxxl-10 {margin-bottom:10rem!important;}
.mb-xxxl-11,.my-xxxl-11 {margin-bottom:11rem!important;}
.mb-xxxl-12,.my-xxxl-12 {margin-bottom:12rem!important;}

.pt-xxxl-0,.py-xxxl-0 {padding-top:0rem!important;}
.pt-xxxl-1,.py-xxxl-1 {padding-top:1rem!important;}
.pt-xxxl-2,.py-xxxl-2 {padding-top:2rem!important;}
.pt-xxxl-3,.py-xxxl-3 {padding-top:3rem!important;}
.pt-xxxl-4,.py-xxxl-4 {padding-top:4rem!important;}
.pt-xxxl-5,.py-xxxl-5 {padding-top:5rem!important;}
.pt-xxxl-6,.py-xxxl-6 {padding-top:6rem!important;}
.pt-xxxl-7,.py-xxxl-7 {padding-top:7rem!important;}
.pt-xxxl-8,.py-xxxl-8 {padding-top:8rem!important;}
.pt-xxxl-9,.py-xxxl-9 {padding-top:9rem!important;}
.pt-xxxl-10,.py-xxxl-10 {padding-top:10rem!important;}
.pt-xxxl-11,.py-xxxl-11 {padding-top:11rem!important;}
.pt-xxxl-12,.py-xxxl-12 {padding-top:12rem!important;}

.pb-xxxl-0,.py-xxxl-0 {padding-bottom:1rem!important;}
.pb-xxxl-1,.py-xxxl-1 {padding-bottom:1rem!important;}
.pb-xxxl-2,.py-xxxl-2 {padding-bottom:2rem!important;}
.pb-xxxl-3,.py-xxxl-3 {padding-bottom:3rem!important;}
.pb-xxxl-4,.py-xxxl-4 {padding-bottom:4rem!important;}
.pb-xxxl-5,.py-xxxl-5 {padding-bottom:5rem!important;}
.pb-xxxl-6,.py-xxxl-6 {padding-bottom:6rem!important;}
.pb-xxxl-7,.py-xxxl-7 {padding-bottom:7rem!important;}
.pb-xxxl-8,.py-xxxl-8 {padding-bottom:8rem!important;}
.pb-xxxl-9,.py-xxxl-9 {padding-bottom:9rem!important;}
.pb-xxxl-10,.py-xxxl-10 {padding-bottom:10rem!important;}
.pb-xxxl-11,.py-xxxl-11 {padding-bottom:11rem!important;}
.pb-xxxl-12,.py-xxxl-12 {padding-bottom:12rem!important;}

}

/*********小于1680  大于1400， xxl*********/
@media (max-width:1680px){  

.col-xxl-20 {flex: 0 0 auto; width: 20%;}

.mt-xxl-0,.my-xxl-0 {margin-top:0rem!important;}
.mt-xxl-1,.my-xxl-1 {margin-top:1rem!important;}
.mt-xxl-2,.my-xxl-2 {margin-top:2rem!important;}
.mt-xxl-3,.my-xxl-3 {margin-top:3rem!important;}
.mt-xxl-4,.my-xxl-4 {margin-top:4rem!important;}
.mt-xxl-5,.my-xxl-5 {margin-top:5rem!important;}
.mt-xxl-6,.my-xxl-6 {margin-top:6rem!important;}
.mt-xxl-7,.my-xxl-7 {margin-top:7rem!important;}
.mt-xxl-8,.my-xxl-8 {margin-top:8rem!important;}
.mt-xxl-9,.my-xxl-9 {margin-top:9rem!important;}
.mt-xxl-10,.my-xxl-10 {margin-top:10rem!important;}
.mt-xxl-11,.my-xxl-11 {margin-top:11rem!important;}
.mt-xxl-12,.my-xxl-12 {margin-top:12rem!important;}


.mb-xxl-0,.my-xxl-0 {margin-bottom:1rem!important;}
.mb-xxl-1,.my-xxl-1 {margin-bottom:1rem!important;}
.mb-xxl-2,.my-xxl-2 {margin-bottom:2rem!important;}
.mb-xxl-3,.my-xxl-3 {margin-bottom:3rem!important;}
.mb-xxl-4,.my-xxl-4 {margin-bottom:4rem!important;}
.mb-xxl-5,.my-xxl-5 {margin-bottom:5rem!important;}
.mb-xxl-6,.my-xxl-6 {margin-bottom:6rem!important;}
.mb-xxl-7,.my-xxl-7 {margin-bottom:7rem!important;}
.mb-xxl-8,.my-xxl-8 {margin-bottom:8rem!important;}
.mb-xxl-9,.my-xxl-9 {margin-bottom:9rem!important;}
.mb-xxl-10,.my-xxl-10 {margin-bottom:10rem!important;}
.mb-xxl-11,.my-xxl-11 {margin-bottom:11rem!important;}
.mb-xxl-12,.my-xxl-12 {margin-bottom:12rem!important;}

.pt-xxl-0,.py-xxl-0 {padding-top:0rem!important;}
.pt-xxl-1,.py-xxl-1 {padding-top:1rem!important;}
.pt-xxl-2,.py-xxl-2 {padding-top:2rem!important;}
.pt-xxl-3,.py-xxl-3 {padding-top:3rem!important;}
.pt-xxl-4,.py-xxl-4 {padding-top:4rem!important;}
.pt-xxl-5,.py-xxl-5 {padding-top:5rem!important;}
.pt-xxl-6,.py-xxl-6 {padding-top:6rem!important;}
.pt-xxl-7,.py-xxl-7 {padding-top:7rem!important;}
.pt-xxl-8,.py-xxl-8 {padding-top:8rem!important;}
.pt-xxl-9,.py-xxl-9 {padding-top:9rem!important;}
.pt-xxl-10,.py-xxl-10 {padding-top:10rem!important;}
.pt-xxl-11,.py-xxl-11 {padding-top:11rem!important;}
.pt-xxl-12,.py-xxl-12 {padding-top:12rem!important;}

.pb-xxl-0,.py-xxl-0 {padding-bottom:1rem!important;}
.pb-xxl-1,.py-xxl-1 {padding-bottom:1rem!important;}
.pb-xxl-2,.py-xxl-2 {padding-bottom:2rem!important;}
.pb-xxl-3,.py-xxl-3 {padding-bottom:3rem!important;}
.pb-xxl-4,.py-xxl-4 {padding-bottom:4rem!important;}
.pb-xxl-5,.py-xxl-5 {padding-bottom:5rem!important;}
.pb-xxl-6,.py-xxl-6 {padding-bottom:6rem!important;}
.pb-xxl-7,.py-xxl-7 {padding-bottom:7rem!important;}
.pb-xxl-8,.py-xxl-8 {padding-bottom:8rem!important;}
.pb-xxl-9,.py-xxl-9 {padding-bottom:9rem!important;}
.pb-xxl-10,.py-xxl-10 {padding-bottom:10rem!important;}
.pb-xxl-11,.py-xxl-11 {padding-bottom:11rem!important;}
.pb-xxl-12,.py-xxl-12 {padding-bottom:12rem!important;}

}



/*********小于1560  大于1400， xl*********/
@media (max-width:1560px){  


.mt-xls-0,.my-xls-0 {margin-top:0rem!important;}
.mt-xls-1,.my-xls-1 {margin-top:1rem!important;}
.mt-xls-2,.my-xls-2 {margin-top:2rem!important;}
.mt-xls-3,.my-xls-3 {margin-top:3rem!important;}
.mt-xls-4,.my-xls-4 {margin-top:4rem!important;}
.mt-xls-5,.my-xls-5 {margin-top:5rem!important;}
.mt-xls-6,.my-xls-6 {margin-top:6rem!important;}
.mt-xls-7,.my-xls-7 {margin-top:7rem!important;}
.mt-xls-8,.my-xls-8 {margin-top:8rem!important;}
.mt-xls-9,.my-xls-9 {margin-top:9rem!important;}
.mt-xls-10,.my-xls-10 {margin-top:10rem!important;}
.mt-xls-11,.my-xls-11 {margin-top:11rem!important;}
.mt-xls-12,.my-xls-12 {margin-top:12rem!important;}


.mb-xls-0,.my-xls-0 {margin-bottom:1rem!important;}
.mb-xls-1,.my-xls-1 {margin-bottom:1rem!important;}
.mb-xls-2,.my-xls-2 {margin-bottom:2rem!important;}
.mb-xls-3,.my-xls-3 {margin-bottom:3rem!important;}
.mb-xls-4,.my-xls-4 {margin-bottom:4rem!important;}
.mb-xls-5,.my-xls-5 {margin-bottom:5rem!important;}
.mb-xls-6,.my-xls-6 {margin-bottom:6rem!important;}
.mb-xls-7,.my-xls-7 {margin-bottom:7rem!important;}
.mb-xls-8,.my-xls-8 {margin-bottom:8rem!important;}
.mb-xls-9,.my-xls-9 {margin-bottom:9rem!important;}
.mb-xls-10,.my-xls-10 {margin-bottom:10rem!important;}
.mb-xls-11,.my-xls-11 {margin-bottom:11rem!important;}
.mb-xls-12,.my-xls-12 {margin-bottom:12rem!important;}

.pt-xls-0,.py-xls-0 {padding-top:0rem!important;}
.pt-xls-1,.py-xls-1 {padding-top:1rem!important;}
.pt-xls-2,.py-xls-2 {padding-top:2rem!important;}
.pt-xls-3,.py-xls-3 {padding-top:3rem!important;}
.pt-xls-4,.py-xls-4 {padding-top:4rem!important;}
.pt-xls-5,.py-xls-5 {padding-top:5rem!important;}
.pt-xls-6,.py-xls-6 {padding-top:6rem!important;}
.pt-xls-7,.py-xls-7 {padding-top:7rem!important;}
.pt-xls-8,.py-xls-8 {padding-top:8rem!important;}
.pt-xls-9,.py-xls-9 {padding-top:9rem!important;}
.pt-xls-10,.py-xls-10 {padding-top:10rem!important;}
.pt-xls-11,.py-xls-11 {padding-top:11rem!important;}
.pt-xls-12,.py-xls-12 {padding-top:12rem!important;}

.pb-xls-0,.py-xls-0 {padding-bottom:1rem!important;}
.pb-xls-1,.py-xls-1 {padding-bottom:1rem!important;}
.pb-xls-2,.py-xls-2 {padding-bottom:2rem!important;}
.pb-xls-3,.py-xls-3 {padding-bottom:3rem!important;}
.pb-xls-4,.py-xls-4 {padding-bottom:4rem!important;}
.pb-xls-5,.py-xls-5 {padding-bottom:5rem!important;}
.pb-xls-6,.py-xls-6 {padding-bottom:6rem!important;}
.pb-xls-7,.py-xls-7 {padding-bottom:7rem!important;}
.pb-xls-8,.py-xls-8 {padding-bottom:8rem!important;}
.pb-xls-9,.py-xls-9 {padding-bottom:9rem!important;}
.pb-xls-10,.py-xls-10 {padding-bottom:10rem!important;}
.pb-xls-11,.py-xls-11 {padding-bottom:11rem!important;}
.pb-xls-12,.py-xls-12 {padding-bottom:12rem!important;}
}



/*********小于1400  大于1200， xl*********/
@media (max-width:1400px){  



.mt-xl-0,.my-xl-0 {margin-top:0rem!important;}
.mt-xl-1,.my-xl-1 {margin-top:1rem!important;}
.mt-xl-2,.my-xl-2 {margin-top:2rem!important;}
.mt-xl-3,.my-xl-3 {margin-top:3rem!important;}
.mt-xl-4,.my-xl-4 {margin-top:4rem!important;}
.mt-xl-5,.my-xl-5 {margin-top:5rem!important;}
.mt-xl-6,.my-xl-6 {margin-top:6rem!important;}
.mt-xl-7,.my-xl-7 {margin-top:7rem!important;}
.mt-xl-8,.my-xl-8 {margin-top:8rem!important;}
.mt-xl-9,.my-xl-9 {margin-top:9rem!important;}
.mt-xl-10,.my-xl-10 {margin-top:10rem!important;}
.mt-xl-11,.my-xl-11 {margin-top:11rem!important;}
.mt-xl-12,.my-xl-12 {margin-top:12rem!important;}


.mb-xl-0,.my-xl-0 {margin-bottom:1rem!important;}
.mb-xl-1,.my-xl-1 {margin-bottom:1rem!important;}
.mb-xl-2,.my-xl-2 {margin-bottom:2rem!important;}
.mb-xl-3,.my-xl-3 {margin-bottom:3rem!important;}
.mb-xl-4,.my-xl-4 {margin-bottom:4rem!important;}
.mb-xl-5,.my-xl-5 {margin-bottom:5rem!important;}
.mb-xl-6,.my-xl-6 {margin-bottom:6rem!important;}
.mb-xl-7,.my-xl-7 {margin-bottom:7rem!important;}
.mb-xl-8,.my-xl-8 {margin-bottom:8rem!important;}
.mb-xl-9,.my-xl-9 {margin-bottom:9rem!important;}
.mb-xl-10,.my-xl-10 {margin-bottom:10rem!important;}
.mb-xl-11,.my-xl-11 {margin-bottom:11rem!important;}
.mb-xl-12,.my-xl-12 {margin-bottom:12rem!important;}

.pt-xl-0,.py-xl-0 {padding-top:0rem!important;}
.pt-xl-1,.py-xl-1 {padding-top:1rem!important;}
.pt-xl-2,.py-xl-2 {padding-top:2rem!important;}
.pt-xl-3,.py-xl-3 {padding-top:3rem!important;}
.pt-xl-4,.py-xl-4 {padding-top:4rem!important;}
.pt-xl-5,.py-xl-5 {padding-top:5rem!important;}
.pt-xl-6,.py-xl-6 {padding-top:6rem!important;}
.pt-xl-7,.py-xl-7 {padding-top:7rem!important;}
.pt-xl-8,.py-xl-8 {padding-top:8rem!important;}
.pt-xl-9,.py-xl-9 {padding-top:9rem!important;}
.pt-xl-10,.py-xl-10 {padding-top:10rem!important;}
.pt-xl-11,.py-xl-11 {padding-top:11rem!important;}
.pt-xl-12,.py-xl-12 {padding-top:12rem!important;}

.pb-xl-0,.py-xl-0 {padding-bottom:1rem!important;}
.pb-xl-1,.py-xl-1 {padding-bottom:1rem!important;}
.pb-xl-2,.py-xl-2 {padding-bottom:2rem!important;}
.pb-xl-3,.py-xl-3 {padding-bottom:3rem!important;}
.pb-xl-4,.py-xl-4 {padding-bottom:4rem!important;}
.pb-xl-5,.py-xl-5 {padding-bottom:5rem!important;}
.pb-xl-6,.py-xl-6 {padding-bottom:6rem!important;}
.pb-xl-7,.py-xl-7 {padding-bottom:7rem!important;}
.pb-xl-8,.py-xl-8 {padding-bottom:8rem!important;}
.pb-xl-9,.py-xl-9 {padding-bottom:9rem!important;}
.pb-xl-10,.py-xl-10 {padding-bottom:10rem!important;}
.pb-xl-11,.py-xl-11 {padding-bottom:11rem!important;}
.pb-xl-12,.py-xl-12 {padding-bottom:12rem!important;}
}




/*********小于1200  大于992， lg*********/
@media (max-width:1200px){  



.mt-lg-0,.my-lg-0 {margin-top:0rem!important;}
.mt-lg-1,.my-lg-1 {margin-top:1rem!important;}
.mt-lg-2,.my-lg-2 {margin-top:2rem!important;}
.mt-lg-3,.my-lg-3 {margin-top:3rem!important;}
.mt-lg-4,.my-lg-4 {margin-top:4rem!important;}
.mt-lg-5,.my-lg-5 {margin-top:5rem!important;}
.mt-lg-6,.my-lg-6 {margin-top:6rem!important;}
.mt-lg-7,.my-lg-7 {margin-top:7rem!important;}
.mt-lg-8,.my-lg-8 {margin-top:8rem!important;}
.mt-lg-9,.my-lg-9 {margin-top:9rem!important;}
.mt-lg-10,.my-lg-10 {margin-top:10rem!important;}
.mt-lg-11,.my-lg-11 {margin-top:11rem!important;}
.mt-lg-12,.my-lg-12 {margin-top:12rem!important;}


.mb-lg-0,.my-lg-0 {margin-bottom:1rem!important;}
.mb-lg-1,.my-lg-1 {margin-bottom:1rem!important;}
.mb-lg-2,.my-lg-2 {margin-bottom:2rem!important;}
.mb-lg-3,.my-lg-3 {margin-bottom:3rem!important;}
.mb-lg-4,.my-lg-4 {margin-bottom:4rem!important;}
.mb-lg-5,.my-lg-5 {margin-bottom:5rem!important;}
.mb-lg-6,.my-lg-6 {margin-bottom:6rem!important;}
.mb-lg-7,.my-lg-7 {margin-bottom:7rem!important;}
.mb-lg-8,.my-lg-8 {margin-bottom:8rem!important;}
.mb-lg-9,.my-lg-9 {margin-bottom:9rem!important;}
.mb-lg-10,.my-lg-10 {margin-bottom:10rem!important;}
.mb-lg-11,.my-lg-11 {margin-bottom:11rem!important;}
.mb-lg-12,.my-lg-12 {margin-bottom:12rem!important;}

.pt-lg-0,.py-lg-0 {padding-top:0rem!important;}
.pt-lg-1,.py-lg-1 {padding-top:1rem!important;}
.pt-lg-2,.py-lg-2 {padding-top:2rem!important;}
.pt-lg-3,.py-lg-3 {padding-top:3rem!important;}
.pt-lg-4,.py-lg-4 {padding-top:4rem!important;}
.pt-lg-5,.py-lg-5 {padding-top:5rem!important;}
.pt-lg-6,.py-lg-6 {padding-top:6rem!important;}
.pt-lg-7,.py-lg-7 {padding-top:7rem!important;}
.pt-lg-8,.py-lg-8 {padding-top:8rem!important;}
.pt-lg-9,.py-lg-9 {padding-top:9rem!important;}
.pt-lg-10,.py-lg-10 {padding-top:10rem!important;}
.pt-lg-11,.py-lg-11 {padding-top:11rem!important;}
.pt-lg-12,.py-lg-12 {padding-top:12rem!important;}

.pb-lg-0,.py-lg-0 {padding-bottom:1rem!important;}
.pb-lg-1,.py-lg-1 {padding-bottom:1rem!important;}
.pb-lg-2,.py-lg-2 {padding-bottom:2rem!important;}
.pb-lg-3,.py-lg-3 {padding-bottom:3rem!important;}
.pb-lg-4,.py-lg-4 {padding-bottom:4rem!important;}
.pb-lg-5,.py-lg-5 {padding-bottom:5rem!important;}
.pb-lg-6,.py-lg-6 {padding-bottom:6rem!important;}
.pb-lg-7,.py-lg-7 {padding-bottom:7rem!important;}
.pb-lg-8,.py-lg-8 {padding-bottom:8rem!important;}
.pb-lg-9,.py-lg-9 {padding-bottom:9rem!important;}
.pb-lg-10,.py-lg-10 {padding-bottom:10rem!important;}
.pb-lg-11,.py-lg-11 {padding-bottom:11rem!important;}
.pb-lg-12,.py-lg-12 {padding-bottom:12rem!important;}
}


/*********小于992   大于768 md 平板*********/
@media (max-width:992px){



.mt-md-0,.my-md-0 {margin-top:1rem!important;}
.mt-md-1,.my-md-1 {margin-top:1rem!important;}
.mt-md-2,.my-md-2 {margin-top:2rem!important;}
.mt-md-3,.my-md-3 {margin-top:3rem!important;}
.mt-md-4,.my-md-4 {margin-top:4rem!important;}
.mt-md-5,.my-md-5 {margin-top:5rem!important;}
.mt-md-6,.my-md-6 {margin-top:6rem!important;}
.mt-md-7,.my-md-7 {margin-top:7rem!important;}
.mt-md-8,.my-md-8 {margin-top:8rem!important;}
.mt-md-9,.my-md-9 {margin-top:9rem!important;}
.mt-md-10,.my-md-10 {margin-top:10rem!important;}
.mt-md-11,.my-md-11 {margin-top:11rem!important;}
.mt-md-12,.my-md-12 {margin-top:12rem!important;}

.mb-md-0,.my-md-0 {margin-bottom:1rem!important;}
.mb-md-1,.my-md-1 {margin-bottom:1rem!important;}
.mb-md-2,.my-md-2 {margin-bottom:2rem!important;}
.mb-md-3,.my-md-3 {margin-bottom:3rem!important;}
.mb-md-4,.my-md-4 {margin-bottom:4rem!important;}
.mb-md-5,.my-md-5 {margin-bottom:5rem!important;}
.mb-md-6,.my-md-6 {margin-bottom:6rem!important;}
.mb-md-7,.my-md-7 {margin-bottom:7rem!important;}
.mb-md-8,.my-md-8 {margin-bottom:8rem!important;}
.mb-md-9,.my-md-9 {margin-bottom:9rem!important;}
.mb-md-10,.my-md-10 {margin-bottom:10rem!important;}
.mb-md-11,.my-md-11 {margin-bottom:11rem!important;}
.mb-md-12,.my-md-12 {margin-bottom:12rem!important;}

.pt-md-0,.py-md-0 {padding-top:1rem!important;}
.pt-md-1,.py-md-1 {padding-top:1rem!important;}
.pt-md-2,.py-md-2 {padding-top:2rem!important;}
.pt-md-3,.py-md-3 {padding-top:3rem!important;}
.pt-md-4,.py-md-4 {padding-top:4rem!important;}
.pt-md-5,.py-md-5 {padding-top:5rem!important;}
.pt-md-6,.py-md-6 {padding-top:6rem!important;}
.pt-md-7,.py-md-7 {padding-top:7rem!important;}
.pt-md-8,.py-md-8 {padding-top:8rem!important;}
.pt-md-9,.py-md-9 {padding-top:9rem!important;}
.pt-md-10,.py-md-10 {padding-top:10rem!important;}
.pt-md-11,.py-md-11 {padding-top:11rem!important;}
.pt-md-12,.py-md-12 {padding-top:12rem!important;}

.pb-md-0,.py-md-0 {padding-bottom:1rem!important;}
.pb-md-1,.py-md-1 {padding-bottom:1rem!important;}
.pb-md-2,.py-md-2 {padding-bottom:2rem!important;}
.pb-md-3,.py-md-3 {padding-bottom:3rem!important;}
.pb-md-4,.py-md-4 {padding-bottom:4rem!important;}
.pb-md-5,.py-md-5 {padding-bottom:5rem!important;}
.pb-md-6,.py-md-6 {padding-bottom:6rem!important;}
.pb-md-7,.py-md-7 {padding-bottom:7rem!important;}
.pb-md-8,.py-md-8 {padding-bottom:8rem!important;}
.pb-md-9,.py-md-9 {padding-bottom:9rem!important;}
.pb-md-10,.py-md-10 {padding-bottom:10rem!important;}
.pb-md-11,.py-md-11 {padding-bottom:11rem!important;}
.pb-md-12,.py-md-12 {padding-bottom:12rem!important;}   
}



/*********小于768 大于576  sm  平板*********/
@media (max-width:768px){

  

.mt-sm-0,.my-sm-0 {margin-top:0rem!important;}
.mt-sm-1,.my-sm-1 {margin-top:1rem!important;}
.mt-sm-2,.my-sm-2 {margin-top:2rem!important;}
.mt-sm-3,.my-sm-3 {margin-top:3rem!important;}
.mt-sm-4,.my-sm-4 {margin-top:4rem!important;}
.mt-sm-5,.my-sm-5 {margin-top:5rem!important;}
.mt-sm-6,.my-sm-6 {margin-top:6rem!important;}
.mt-sm-7,.my-sm-7 {margin-top:7rem!important;}
.mt-sm-8,.my-sm-8 {margin-top:8rem!important;}
.mt-sm-9,.my-sm-9 {margin-top:9rem!important;}
.mt-sm-10,.my-sm-10 {margin-top:10rem!important;}
.mt-sm-11,.my-sm-11 {margin-top:11rem!important;}
.mt-sm-12,.my-sm-12 {margin-top:12rem!important;}

.mb-sm-0,.my-sm-0 {margin-bottom:0rem!important;}
.mb-sm-1,.my-sm-1 {margin-bottom:1rem!important;}
.mb-sm-2,.my-sm-2 {margin-bottom:2rem!important;}
.mb-sm-3,.my-sm-3 {margin-bottom:3rem!important;}
.mb-sm-4,.my-sm-4 {margin-bottom:4rem!important;}
.mb-sm-5,.my-sm-5 {margin-bottom:5rem!important;}
.mb-sm-6,.my-sm-6 {margin-bottom:6rem!important;}
.mb-sm-7,.my-sm-7 {margin-bottom:7rem!important;}
.mb-sm-8,.my-sm-8 {margin-bottom:8rem!important;}
.mb-sm-9,.my-sm-9 {margin-bottom:9rem!important;}
.mb-sm-10,.my-sm-10 {margin-bottom:10rem!important;}
.mb-sm-11,.my-sm-11 {margin-bottom:11rem!important;}
.mb-sm-12,.my-sm-12 {margin-bottom:12rem!important;}

.pt-sm-0,.py-sm-0 {padding-top:0rem!important;}
.pt-sm-1,.py-sm-1 {padding-top:1rem!important;}
.pt-sm-2,.py-sm-2 {padding-top:2rem!important;}
.pt-sm-3,.py-sm-3 {padding-top:3rem!important;}
.pt-sm-4,.py-sm-4 {padding-top:4rem!important;}
.pt-sm-5,.py-sm-5 {padding-top:5rem!important;}
.pt-sm-6,.py-sm-6 {padding-top:6rem!important;}
.pt-sm-7,.py-sm-7 {padding-top:7rem!important;}
.pt-sm-8,.py-sm-8 {padding-top:8rem!important;}
.pt-sm-9,.py-sm-9 {padding-top:9rem!important;}
.pt-sm-10,.py-sm-10 {padding-top:10rem!important;}
.pt-sm-11,.py-sm-11 {padding-top:11rem!important;}
.pt-sm-12,.py-sm-12 {padding-top:12rem!important;}

.pb-sm-0,.py-sm-0 {padding-bottom:0rem!important;}
.pb-sm-1,.py-sm-1 {padding-bottom:1rem!important;}
.pb-sm-2,.py-sm-2 {padding-bottom:2rem!important;}
.pb-sm-3,.py-sm-3 {padding-bottom:3rem!important;}
.pb-sm-4,.py-sm-4 {padding-bottom:4rem!important;}
.pb-sm-5,.py-sm-5 {padding-bottom:5rem!important;}
.pb-sm-6,.py-sm-6 {padding-bottom:6rem!important;}
.pb-sm-7,.py-sm-7 {padding-bottom:7rem!important;}
.pb-sm-8,.py-sm-8 {padding-bottom:8rem!important;}
.pb-sm-9,.py-sm-9 {padding-bottom:9rem!important;}
.pb-sm-10,.py-sm-10 {padding-bottom:10rem!important;}
.pb-sm-11,.py-sm-11 {padding-bottom:11rem!important;}
.pb-sm-12,.py-sm-12 {padding-bottom:12rem!important;}
}


/*********小于576  xs   手机*********/

@media (max-width:576px){

.mt-xs-0,.my-xs-0 {margin-top:0rem!important;}
.mt-xs-1,.my-xs-1 {margin-top:1rem!important;}
.mt-xs-2,.my-xs-2 {margin-top:2rem!important;}
.mt-xs-3,.my-xs-3 {margin-top:3rem!important;}
.mt-xs-4,.my-xs-4 {margin-top:4rem!important;}
.mt-xs-5,.my-xs-5 {margin-top:5rem!important;}
.mt-xs-6,.my-xs-6 {margin-top:6rem!important;}
.mt-xs-7,.my-xs-7 {margin-top:7rem!important;}
.mt-xs-8,.my-xs-8 {margin-top:8rem!important;}
.mt-xs-9,.my-xs-9 {margin-top:9rem!important;}
.mt-xs-10,.my-xs-10 {margin-top:10rem!important;}
.mt-xs-11,.my-xs-11 {margin-top:11rem!important;}
.mt-xs-12,.my-xs-12 {margin-top:12rem!important;}

.mb-xs-0,.my-xs-0 {margin-bottom:0rem!important;}
.mb-xs-1,.my-xs-1 {margin-bottom:1rem!important;}
.mb-xs-2,.my-xs-2 {margin-bottom:2rem!important;}
.mb-xs-3,.my-xs-3 {margin-bottom:3rem!important;}
.mb-xs-4,.my-xs-4 {margin-bottom:4rem!important;}
.mb-xs-5,.my-xs-5 {margin-bottom:5rem!important;}
.mb-xs-6,.my-xs-6 {margin-bottom:6rem!important;}
.mb-xs-7,.my-xs-7 {margin-bottom:7rem!important;}
.mb-xs-8,.my-xs-8 {margin-bottom:8rem!important;}
.mb-xs-9,.my-xs-9 {margin-bottom:9rem!important;}
.mb-xs-10,.my-xs-10 {margin-bottom:10rem!important;}
.mb-xs-11,.my-xs-11 {margin-bottom:11rem!important;}
.mb-xs-12,.my-xs-12 {margin-bottom:12rem!important;}


.pt-xs-0,.py-xs-0 {padding-top:0rem!important;}
.pt-xs-1,.py-xs-1 {padding-top:1rem!important;}
.pt-xs-2,.py-xs-2 {padding-top:2rem!important;}
.pt-xs-3,.py-xs-3 {padding-top:3rem!important;}
.pt-xs-4,.py-xs-4 {padding-top:4rem!important;}
.pt-xs-5,.py-xs-5 {padding-top:5rem!important;}
.pt-xs-6,.py-xs-6 {padding-top:6rem!important;}
.pt-xs-7,.py-xs-7 {padding-top:7rem!important;}
.pt-xs-8,.py-xs-8 {padding-top:8rem!important;}
.pt-xs-9,.py-xs-9 {padding-top:9rem!important;}
.pt-xs-10,.py-xs-10 {padding-top:10rem!important;}
.pt-xs-11,.py-xs-11 {padding-top:11rem!important;}
.pt-xs-12,.py-xs-12 {padding-top:12rem!important;}


.pb-xs-0,.py-xs-0 {padding-bottom:0rem!important;}
.pb-xs-1,.py-xs-1 {padding-bottom:1rem!important;}
.pb-xs-2,.py-xs-2 {padding-bottom:2rem!important;}
.pb-xs-3,.py-xs-3 {padding-bottom:3rem!important;}
.pb-xs-4,.py-xs-4 {padding-bottom:4rem!important;}
.pb-xs-5,.py-xs-5 {padding-bottom:5rem!important;}
.pb-xs-6,.py-xs-6 {padding-bottom:6rem!important;}
.pb-xs-7,.py-xs-7 {padding-bottom:7rem!important;}
.pb-xs-8,.py-xs-8 {padding-bottom:8rem!important;}
.pb-xs-9,.py-xs-9 {padding-bottom:9rem!important;}
.pb-xs-10,.py-xs-10 {padding-bottom:10rem!important;}
.pb-xs-11,.py-xs-11 {padding-bottom:11rem!important;}
.pb-xs-12,.py-xs-12 {padding-bottom:12rem!important;}

}








/*******通用文字大小******************/
.lh-1 {line-height:1!important;}
.lh-2 {line-height:2!important;}
.lh-3 {line-height:3!important;}
.lh-4 {line-height:4!important;}


.fs-10 { font-size: 1rem!important;}
.fs-12 { font-size: 1.2rem!important; }
.fs-13 { font-size: 1.3rem!important; }
.fs-14 { font-size: 1.4rem!important; }
.fs-15 { font-size: 1.5rem!important; }
.fs-16 { font-size: 1.6rem!important; }
.fs-17 { font-size: 1.7rem!important; }
.fs-18 { font-size: 1.8rem!important; }
.fs-20 { font-size: 2.0rem!important; }
.fs-22 { font-size: 2.2rem!important; }
.fs-24 { font-size: 2.4rem!important; }
.fs-26 { font-size: 2.6rem!important; }
.fs-28 { font-size: 2.8rem!important; }
.fs-30 { font-size: 3.0rem!important; }
.fs-32 { font-size: 3.2rem!important; }
.fs-34 { font-size: 3.4rem!important; }
.fs-36 { font-size: 3.6rem!important; }
.fs-38 { font-size: 3.8rem!important; }
.fs-40 { font-size: 4.0rem!important; }
.fs-50 { font-size: 5.0rem!important; }
.fs-60 { font-size: 6.0rem!important; }
.fs-70 { font-size: 7.0rem!important; }
.fs-80 { font-size: 8.0rem!important; }
.fs-100 { font-size: 10.0rem!important; }



/*******小于1920的字体******************/
@media (max-width:1920px){

.lh-xxl--1 {line-height:1!important;;}
.lh-xxl--2 {line-height:2!important;;}
.lh-xxl--3 {line-height:3!important;;}
.lh-xxl--4 {line-height:4!important;;}

.fs-xxxl-10 { font-size: 1rem!important;}
.fs-xxxl-12 { font-size: 1.2rem!important; }
.fs-xxxl-13 { font-size: 1.3rem!important; }
.fs-xxxl-14 { font-size: 1.4rem!important; }
.fs-xxxl-15 { font-size: 1.5rem!important; }
.fs-xxxl-16 { font-size: 1.6rem!important; }
.fs-xxxl-17 { font-size: 1.7rem!important; }
.fs-xxxl-18 { font-size: 1.8rem!important; }
.fs-xxxl-20 { font-size: 2.0rem!important; }
.fs-xxxl-22 { font-size: 2.2rem!important; }
.fs-xxxl-24 { font-size: 2.4rem!important; }
.fs-xxxl-26 { font-size: 2.6rem!important; }
.fs-xxxl-28 { font-size: 2.8rem!important; }
.fs-xxxl-30 { font-size: 3.0rem!important; }
.fs-xxxl-32 { font-size: 3.2rem!important; }
.fs-xxxl-34 { font-size: 3.4rem!important; }
.fs-xxxl-36 { font-size: 3.6rem!important; }
.fs-xxxl-38 { font-size: 3.8rem!important; }
.fs-xxxl-40 { font-size: 4.0rem!important; }
.fs-xxxl-50 { font-size: 5.0rem!important; }
.fs-xxxl-60 { font-size: 6.0rem!important; }
.fs-xxxl-70 { font-size: 7.0rem!important; }
.fs-xxxl-80 { font-size: 8.0rem!important; }
.fs-xxxl-100 { font-size: 10.0rem!important; }

}



/*******小于1680的字体******************/
@media (max-width:1680px){

.lh-xxl-1 {line-height:1!important;;}
.lh-xxl-2 {line-height:2!important;;}
.lh-xxl-3 {line-height:3!important;;}
.lh-xxl-4 {line-height:4!important;;}

.fs-xxl-10 { font-size: 1rem!important;}
.fs-xxl-12 { font-size: 1.2rem!important; }
.fs-xxl-13 { font-size: 1.3rem!important; }
.fs-xxl-14 { font-size: 1.4rem!important; }
.fs-xxl-15 { font-size: 1.5rem!important; }
.fs-xxl-16 { font-size: 1.6rem!important; }
.fs-xxl-17 { font-size: 1.7rem!important; }
.fs-xxl-18 { font-size: 1.8rem!important; }
.fs-xxl-20 { font-size: 2.0rem!important; }
.fs-xxl-22 { font-size: 2.2rem!important; }
.fs-xxl-24 { font-size: 2.4rem!important; }
.fs-xxl-26 { font-size: 2.6rem!important; }
.fs-xxl-28 { font-size: 2.8rem!important; }
.fs-xxl-30 { font-size: 3.0rem!important; }
.fs-xxl-32 { font-size: 3.2rem!important; }
.fs-xxl-34 { font-size: 3.4rem!important; }
.fs-xxl-36 { font-size: 3.6rem!important; }
.fs-xxl-38 { font-size: 3.8rem!important; }
.fs-xxl-40 { font-size: 4.0rem!important; }
.fs-xxl-50 { font-size: 5.0rem!important; }
.fs-xxl-60 { font-size: 6.0rem!important; }
.fs-xxl-70 { font-size: 7.0rem!important; }
.fs-xxl-80 { font-size: 8.0rem!important; }
.fs-xxl-100 { font-size: 10.0rem!important; }

}


/*******小于1560的字体******************/
@media (max-width:1560px){

.lh-xls-1 {line-height:1!important;;}
.lh-xls-2 {line-height:2!important;;}
.lh-xls-3 {line-height:3!important;;}
.lh-xls-4 {line-height:4!important;;}

.fs-xls-10 { font-size: 1rem!important;}
.fs-xls-12 { font-size: 1.2rem!important; }
.fs-xls-13 { font-size: 1.3rem!important; }
.fs-xls-14 { font-size: 1.4rem!important; }
.fs-xls-15 { font-size: 1.5rem!important; }
.fs-xls-16 { font-size: 1.6rem!important; }
.fs-xls-17 { font-size: 1.7rem!important; }
.fs-xls-18 { font-size: 1.8rem!important; }
.fs-xls-20 { font-size: 2.0rem!important; }
.fs-xls-22 { font-size: 2.2rem!important; }
.fs-xls-24 { font-size: 2.4rem!important; }
.fs-xls-26 { font-size: 2.6rem!important; }
.fs-xls-28 { font-size: 2.8rem!important; }
.fs-xls-30 { font-size: 3.0rem!important; }
.fs-xls-32 { font-size: 3.2rem!important; }
.fs-xls-34 { font-size: 3.4rem!important; }
.fs-xls-36 { font-size: 3.6rem!important; }
.fs-xls-38 { font-size: 3.8rem!important; }
.fs-xls-40 { font-size: 4.0rem!important; }
.fs-xls-50 { font-size: 5.0rem!important; }
.fs-xls-60 { font-size: 6.0rem!important; }
.fs-xls-70 { font-size: 7.0rem!important; }
.fs-xls-80 { font-size: 8.0rem!important; }
.fs-xls-100 { font-size: 10.0rem!important; }

}


/*******小于1440的字体******************/

@media (max-width:1440px){

.lh-xl-1 {line-height:1!important;;}
.lh-xl-2 {line-height:2!important;;}
.lh-xl-3 {line-height:3!important;;}
.lh-xl-4 {line-height:4!important;;}

.fs-xl-10 { font-size: 1rem!important;}
.fs-xl-12 { font-size: 1.2rem!important; }
.fs-xl-13 { font-size: 1.3rem!important; }
.fs-xl-14 { font-size: 1.4rem!important; }
.fs-xl-15 { font-size: 1.5rem!important; }
.fs-xl-16 { font-size: 1.6rem!important; }
.fs-xl-17 { font-size: 1.7rem!important; }
.fs-xl-18 { font-size: 1.8rem!important; }
.fs-xl-20 { font-size: 2.0rem!important; }
.fs-xl-22 { font-size: 2.2rem!important; }
.fs-xl-24 { font-size: 2.4rem!important; }
.fs-xl-26 { font-size: 2.6rem!important; }
.fs-xl-28 { font-size: 2.8rem!important; }
.fs-xl-30 { font-size: 3.0rem!important; }
.fs-xl-32 { font-size: 3.2rem!important; }
.fs-xl-34 { font-size: 3.4rem!important; }
.fs-xl-36 { font-size: 3.6rem!important; }
.fs-xl-38 { font-size: 3.8rem!important; }
.fs-xl-40 { font-size: 4.0rem!important; }
.fs-xl-50 { font-size: 5.0rem!important; }
.fs-xl-60 { font-size: 6.0rem!important; }
.fs-xl-70 { font-size: 7.0rem!important; }
.fs-xl-80 { font-size: 8.0rem!important; }
.fs-xl-100 { font-size: 10.0rem!important; }

}




/*******小于1200的字体******************/
@media (max-width:1200px){

.lh-lg-1 {line-height:1!important;;}
.lh-lg-2 {line-height:2!important;;}
.lh-lg-3 {line-height:3!important;;}
.lh-lg-4 {line-height:4!important;;}

.fs-lg-10 { font-size: 1rem!important;}
.fs-lg-12 { font-size: 1.2rem!important; }
.fs-lg-13 { font-size: 1.3rem!important; }
.fs-lg-14 { font-size: 1.4rem!important; }
.fs-lg-15 { font-size: 1.5rem!important; }
.fs-lg-16 { font-size: 1.6rem!important; }
.fs-lg-17 { font-size: 1.7rem!important; }
.fs-lg-18 { font-size: 1.8rem!important; }
.fs-lg-20 { font-size: 2.0rem!important; }
.fs-lg-22 { font-size: 2.2rem!important; }
.fs-lg-24 { font-size: 2.4rem!important; }
.fs-lg-26 { font-size: 2.6rem!important; }
.fs-lg-28 { font-size: 2.8rem!important; }
.fs-lg-30 { font-size: 3.0rem!important; }
.fs-lg-32 { font-size: 3.2rem!important; }
.fs-lg-34 { font-size: 3.4rem!important; }
.fs-lg-36 { font-size: 3.6rem!important; }
.fs-lg-38 { font-size: 3.8rem!important; }
.fs-lg-40 { font-size: 4.0rem!important; }
.fs-lg-50 { font-size: 5.0rem!important; }
.fs-lg-60 { font-size: 6.0rem!important; }
.fs-lg-70 { font-size: 7.0rem!important; }
.fs-lg-80 { font-size: 8.0rem!important; }
.fs-lg-100 { font-size: 10.0rem!important; }

}



/*******小于992的字体******************/
@media (max-width:992px){

.lh-md-1 {line-height:1!important;;}
.lh-md-2 {line-height:2!important;;}
.lh-md-3 {line-height:3!important;;}
.lh-md-4 {line-height:4!important;;}

.fs-md-10 { font-size: 1rem!important;}
.fs-md-12 { font-size: 1.2rem!important; }
.fs-md-13 { font-size: 1.3rem!important; }
.fs-md-14 { font-size: 1.4rem!important; }
.fs-md-15 { font-size: 1.5rem!important; }
.fs-md-16 { font-size: 1.6rem!important; }
.fs-md-17 { font-size: 1.7rem!important; }
.fs-md-18 { font-size: 1.8rem!important; }
.fs-md-20 { font-size: 2.0rem!important; }
.fs-md-22 { font-size: 2.2rem!important; }
.fs-md-24 { font-size: 2.4rem!important; }
.fs-md-26 { font-size: 2.6rem!important; }
.fs-md-28 { font-size: 2.8rem!important; }
.fs-md-30 { font-size: 3.0rem!important; }
.fs-md-32 { font-size: 3.2rem!important; }
.fs-md-34 { font-size: 3.4rem!important; }
.fs-md-36 { font-size: 3.6rem!important; }
.fs-md-38 { font-size: 3.8rem!important; }
.fs-md-40 { font-size: 4.0rem!important; }
.fs-md-50 { font-size: 5.0rem!important; }
.fs-md-60 { font-size: 6.0rem!important; }
.fs-md-70 { font-size: 7.0rem!important; }
.fs-md-80 { font-size: 8.0rem!important; }
.fs-md-100 { font-size: 10.0rem!important; }

}



/*******小于768的字体******************/
@media (max-width:768px){

.lh-sm-1 {line-height:1!important;;}
.lh-sm-2 {line-height:2!important;;}
.lh-sm-3 {line-height:3!important;;}
.lh-sm-4 {line-height:4!important;;}

.fs-sm-10 { font-size: 1rem!important;}
.fs-sm-12 { font-size: 1.2rem!important; }
.fs-sm-13 { font-size: 1.3rem!important; }
.fs-sm-14 { font-size: 1.4rem!important; }
.fs-sm-15 { font-size: 1.5rem!important; }
.fs-sm-16 { font-size: 1.6rem!important; }
.fs-sm-17 { font-size: 1.7rem!important; }
.fs-sm-18 { font-size: 1.8rem!important; }
.fs-sm-20 { font-size: 2.0rem!important; }
.fs-sm-22 { font-size: 2.2rem!important; }
.fs-sm-24 { font-size: 2.4rem!important; }
.fs-sm-26 { font-size: 2.6rem!important; }
.fs-sm-28 { font-size: 2.8rem!important; }
.fs-sm-30 { font-size: 3.0rem!important; }
.fs-sm-32 { font-size: 3.2rem!important; }
.fs-sm-34 { font-size: 3.4rem!important; }
.fs-sm-36 { font-size: 3.6rem!important; }
.fs-sm-38 { font-size: 3.8rem!important; }
.fs-sm-40 { font-size: 4.0rem!important; }
.fs-sm-50 { font-size: 5.0rem!important; }
.fs-sm-60 { font-size: 6.0rem!important; }
.fs-sm-70 { font-size: 7.0rem!important; }
.fs-sm-80 { font-size: 8.0rem!important; }
.fs-sm-100 { font-size: 10.0rem!important; }

}



/*******小于576的字体******************/
@media (max-width:576px){

.lh-xs-1 {line-height:1!important;;}
.lh-xs-2 {line-height:2!important;;}
.lh-xs-3 {line-height:3!important;;}
.lh-xs-4 {line-height:4!important;;}

.fs-xs-10 { font-size: 1rem!important;}
.fs-xs-12 { font-size: 1.2rem!important; }
.fs-xs-13 { font-size: 1.3rem!important; }
.fs-xs-14 { font-size: 1.4rem!important; }
.fs-xs-15 { font-size: 1.5rem!important; }
.fs-xs-16 { font-size: 1.6rem!important; }
.fs-xs-17 { font-size: 1.7rem!important; }
.fs-xs-18 { font-size: 1.8rem!important; }
.fs-xs-20 { font-size: 2.0rem!important; }
.fs-xs-22 { font-size: 2.2rem!important; }
.fs-xs-24 { font-size: 2.4rem!important; }
.fs-xs-26 { font-size: 2.6rem!important; }
.fs-xs-28 { font-size: 2.8rem!important; }
.fs-xs-30 { font-size: 3.0rem!important; }
.fs-xs-32 { font-size: 3.2rem!important; }
.fs-xs-34 { font-size: 3.4rem!important; }
.fs-xs-36 { font-size: 3.6rem!important; }
.fs-xs-38 { font-size: 3.8rem!important; }
.fs-xs-40 { font-size: 4.0rem!important; }
.fs-xs-50 { font-size: 5.0rem!important; }
.fs-xs-60 { font-size: 6.0rem!important; }
.fs-xs-70 { font-size: 7.0rem!important; }
.fs-xs-80 { font-size: 8.0rem!important; }
.fs-xs-100 { font-size: 10.0rem!important; }

}




/* 自定义左右的距离 */

/* margin-start (left) */
.ms-0 { margin-left: 0rem !important; }
.ms-half { margin-left: 0.5rem !important; }
.ms-1 { margin-left: 1rem !important; }
.ms-2 { margin-left: 2rem !important; }
.ms-3 { margin-left: 3rem !important; }
.ms-4 { margin-left: 4rem !important; }
.ms-5 { margin-left: 5rem !important; }
.ms-6 { margin-left: 6rem !important; }
.ms-7 { margin-left: 7rem !important; }
.ms-8 { margin-left: 8rem !important; }
.ms-9 { margin-left: 9rem !important; }
.ms-10 { margin-left: 10rem !important; }

/* margin-end (right) */
.me-0 { margin-right: 0rem !important; }
.me-half { margin-right: 0.5rem !important; }
.me-1 { margin-right: 1rem !important; }
.me-2 { margin-right: 2rem !important; }
.me-3 { margin-right: 3rem !important; }
.me-4 { margin-right: 4rem !important; }
.me-5 { margin-right: 5rem !important; }
.me-6 { margin-right: 6rem !important; }
.me-7 { margin-right: 7rem !important; }
.me-8 { margin-right: 8rem !important; }
.me-9 { margin-right: 9rem !important; }
.me-10 { margin-right: 10rem !important; }

/* padding-start (left) */
.ps-0 { padding-left: 0rem !important; }
.ps-half { padding-left: 0.5rem !important; }
.ps-1 { padding-left: 1rem !important; }
.ps-2 { padding-left: 2rem !important; }
.ps-3 { padding-left: 3rem !important; }
.ps-4 { padding-left: 4rem !important; }
.ps-5 { padding-left: 5rem !important; }
.ps-6 { padding-left: 6rem !important; }
.ps-7 { padding-left: 7rem !important; }
.ps-8 { padding-left: 8rem !important; }
.ps-9 { padding-left: 9rem !important; }
.ps-10 { padding-left: 10rem !important; }

/* padding-end (right) */
.pe-0 { padding-right: 0rem !important; }
.pe-half { padding-right: 0.5rem !important; }
.pe-1 { padding-right: 1rem !important; }
.pe-2 { padding-right: 2rem !important; }
.pe-3 { padding-right: 3rem !important; }
.pe-4 { padding-right: 4rem !important; }
.pe-5 { padding-right: 5rem !important; }
.pe-6 { padding-right: 6rem !important; }
.pe-7 { padding-right: 7rem !important; }
.pe-8 { padding-right: 8rem !important; }
.pe-9 { padding-right: 9rem !important; }
.pe-10 { padding-right: 10rem !important; }


@media (max-width:1920px){

.ms-xxxl-0 { margin-left: 0rem !important; }
.ms-xxxl-half { margin-left: 0.5rem !important; }
.ms-xxxl-1 { margin-left: 1rem !important; }
.ms-xxxl-2 { margin-left: 2rem !important; }
.ms-xxxl-3 { margin-left: 3rem !important; }
.ms-xxxl-4 { margin-left: 4rem !important; }
.ms-xxxl-5 { margin-left: 5rem !important; }
.ms-xxxl-6 { margin-left: 6rem !important; }
.ms-xxxl-7 { margin-left: 7rem !important; }
.ms-xxxl-8 { margin-left: 8rem !important; }
.ms-xxxl-9 { margin-left: 9rem !important; }
.ms-xxxl-10 { margin-left: 10rem !important; }

.me-xxxl-0 { margin-right: 0rem !important; }
.me-xxxl-half { margin-right: 0.5rem !important; }
.me-xxxl-1 { margin-right: 1rem !important; }
.me-xxxl-2 { margin-right: 2rem !important; }
.me-xxxl-3 { margin-right: 3rem !important; }
.me-xxxl-4 { margin-right: 4rem !important; }
.me-xxxl-5 { margin-right: 5rem !important; }
.me-xxxl-6 { margin-right: 6rem !important; }
.me-xxxl-7 { margin-right: 7rem !important; }
.me-xxxl-8 { margin-right: 8rem !important; }
.me-xxxl-9 { margin-right: 9rem !important; }
.me-xxxl-10 { margin-right: 10rem !important; }

.ps-xxxl-0 { padding-left: 0rem !important; }
.ps-xxxl-half { padding-left: 0.5rem !important; }
.ps-xxxl-1 { padding-left: 1rem !important; }
.ps-xxxl-2 { padding-left: 2rem !important; }
.ps-xxxl-3 { padding-left: 3rem !important; }
.ps-xxxl-4 { padding-left: 4rem !important; }
.ps-xxxl-5 { padding-left: 5rem !important; }
.ps-xxxl-6 { padding-left: 6rem !important; }
.ps-xxxl-7 { padding-left: 7rem !important; }
.ps-xxxl-8 { padding-left: 8rem !important; }
.ps-xxxl-9 { padding-left: 9rem !important; }
.ps-xxxl-10 { padding-left: 10rem !important; }

.pe-xxxl-0 { padding-right: 0rem !important; }
.pe-xxxl-half { padding-right: 0.5rem !important; }
.pe-xxxl-1 { padding-right: 1rem !important; }
.pe-xxxl-2 { padding-right: 2rem !important; }
.pe-xxxl-3 { padding-right: 3rem !important; }
.pe-xxxl-4 { padding-right: 4rem !important; }
.pe-xxxl-5 { padding-right: 5rem !important; }
.pe-xxxl-6 { padding-right: 6rem !important; }
.pe-xxxl-7 { padding-right: 7rem !important; }
.pe-xxxl-8 { padding-right: 8rem !important; }
.pe-xxxl-9 { padding-right: 9rem !important; }
.pe-xxxl-10 { padding-right: 10rem !important; }

}


@media (max-width:1680px){

/* margin-start (left) */
.ms-xxl-0 { margin-left: 0rem !important; }
.ms-xxl-half { margin-left: 0.5rem !important; }
.ms-xxl-1 { margin-left: 1rem !important; }
.ms-xxl-2 { margin-left: 2rem !important; }
.ms-xxl-3 { margin-left: 3rem !important; }
.ms-xxl-4 { margin-left: 4rem !important; }
.ms-xxl-5 { margin-left: 5rem !important; }
.ms-xxl-6 { margin-left: 6rem !important; }
.ms-xxl-7 { margin-left: 7rem !important; }
.ms-xxl-8 { margin-left: 8rem !important; }
.ms-xxl-9 { margin-left: 9rem !important; }
.ms-xxl-10 { margin-left: 10rem !important; }

/* margin-end (right) */
.me-xxl-0 { margin-right: 0rem !important; }
.me-xxl-half { margin-right: 0.5rem !important; }
.me-xxl-1 { margin-right: 1rem !important; }
.me-xxl-2 { margin-right: 2rem !important; }
.me-xxl-3 { margin-right: 3rem !important; }
.me-xxl-4 { margin-right: 4rem !important; }
.me-xxl-5 { margin-right: 5rem !important; }
.me-xxl-6 { margin-right: 6rem !important; }
.me-xxl-7 { margin-right: 7rem !important; }
.me-xxl-8 { margin-right: 8rem !important; }
.me-xxl-9 { margin-right: 9rem !important; }
.me-xxl-10 { margin-right: 10rem !important; }

/* padding-start (left) */
.ps-xxl-0 { padding-left: 0rem !important; }
.ps-xxl-half { padding-left: 0.5rem !important; }
.ps-xxl-1 { padding-left: 1rem !important; }
.ps-xxl-2 { padding-left: 2rem !important; }
.ps-xxl-3 { padding-left: 3rem !important; }
.ps-xxl-4 { padding-left: 4rem !important; }
.ps-xxl-5 { padding-left: 5rem !important; }
.ps-xxl-6 { padding-left: 6rem !important; }
.ps-xxl-7 { padding-left: 7rem !important; }
.ps-xxl-8 { padding-left: 8rem !important; }
.ps-xxl-9 { padding-left: 9rem !important; }
.ps-xxl-10 { padding-left: 10rem !important; }

/* padding-end (right) */
.pe-xxl-0 { padding-right: 0rem !important; }
.pe-xxl-half { padding-right: 0.5rem !important; }
.pe-xxl-1 { padding-right: 1rem !important; }
.pe-xxl-2 { padding-right: 2rem !important; }
.pe-xxl-3 { padding-right: 3rem !important; }
.pe-xxl-4 { padding-right: 4rem !important; }
.pe-xxl-5 { padding-right: 5rem !important; }
.pe-xxl-6 { padding-right: 6rem !important; }
.pe-xxl-7 { padding-right: 7rem !important; }
.pe-xxl-8 { padding-right: 8rem !important; }
.pe-xxl-9 { padding-right: 9rem !important; }
.pe-xxl-10 { padding-right: 10rem !important; }

}


@media (max-width:1560px){

.ms-xls-1 { margin-left: 1rem !important; }
.ms-xls-2 { margin-left: 2rem !important; }
.ms-xls-3 { margin-left: 3rem !important; }
.ms-xls-4 { margin-left: 4rem !important; }
.ms-xls-5 { margin-left: 5rem !important; }
.ms-xls-6 { margin-left: 6rem !important; }
.ms-xls-7 { margin-left: 7rem !important; }
.ms-xls-8 { margin-left: 8rem !important; }
.ms-xls-9 { margin-left: 9rem !important; }
.ms-xls-10 { margin-left: 10rem !important; }

.me-xls-1 { margin-right: 1rem !important; }
.me-xls-2 { margin-right: 2rem !important; }
.me-xls-3 { margin-right: 3rem !important; }
.me-xls-4 { margin-right: 4rem !important; }
.me-xls-5 { margin-right: 5rem !important; }
.me-xls-6 { margin-right: 6rem !important; }
.me-xls-7 { margin-right: 7rem !important; }
.me-xls-8 { margin-right: 8rem !important; }
.me-xls-9 { margin-right: 9rem !important; }
.me-xls-10 { margin-right: 10rem !important; }

.ps-xls-1 { padding-left: 1rem !important; }
.ps-xls-2 { padding-left: 2rem !important; }
.ps-xls-3 { padding-left: 3rem !important; }
.ps-xls-4 { padding-left: 4rem !important; }
.ps-xls-5 { padding-left: 5rem !important; }
.ps-xls-6 { padding-left: 6rem !important; }
.ps-xls-7 { padding-left: 7rem !important; }
.ps-xls-8 { padding-left: 8rem !important; }
.ps-xls-9 { padding-left: 9rem !important; }
.ps-xls-10 { padding-left: 10rem !important; }

.pe-xls-1 { padding-right: 1rem !important; }
.pe-xls-2 { padding-right: 2rem !important; }
.pe-xls-3 { padding-right: 3rem !important; }
.pe-xls-4 { padding-right: 4rem !important; }
.pe-xls-5 { padding-right: 5rem !important; }
.pe-xls-6 { padding-right: 6rem !important; }
.pe-xls-7 { padding-right: 7rem !important; }
.pe-xls-8 { padding-right: 8rem !important; }
.pe-xls-9 { padding-right: 9rem !important; }
.pe-xls-10 { padding-right: 10rem !important; }

}

@media (max-width:1440px){

/* margin-start (left) */
.ms-xl-0 { margin-left: 0rem !important; }
.ms-xl-half { margin-left: 0.5rem !important; }
.ms-xl-1 { margin-left: 1rem !important; }
.ms-xl-2 { margin-left: 2rem !important; }
.ms-xl-3 { margin-left: 3rem !important; }
.ms-xl-4 { margin-left: 4rem !important; }
.ms-xl-5 { margin-left: 5rem !important; }
.ms-xl-6 { margin-left: 6rem !important; }
.ms-xl-7 { margin-left: 7rem !important; }
.ms-xl-8 { margin-left: 8rem !important; }
.ms-xl-9 { margin-left: 9rem !important; }
.ms-xl-10 { margin-left: 10rem !important; }

/* margin-end (right) */
.me-xl-0 { margin-right: 0rem !important; }
.me-xl-half { margin-right: 0.5rem !important; }
.me-xl-1 { margin-right: 1rem !important; }
.me-xl-2 { margin-right: 2rem !important; }
.me-xl-3 { margin-right: 3rem !important; }
.me-xl-4 { margin-right: 4rem !important; }
.me-xl-5 { margin-right: 5rem !important; }
.me-xl-6 { margin-right: 6rem !important; }
.me-xl-7 { margin-right: 7rem !important; }
.me-xl-8 { margin-right: 8rem !important; }
.me-xl-9 { margin-right: 9rem !important; }
.me-xl-10 { margin-right: 10rem !important; }

/* padding-start (left) */
.ps-xl-0 { padding-left: 0rem !important; }
.ps-xl-half { padding-left: 0.5rem !important; }
.ps-xl-1 { padding-left: 1rem !important; }
.ps-xl-2 { padding-left: 2rem !important; }
.ps-xl-3 { padding-left: 3rem !important; }
.ps-xl-4 { padding-left: 4rem !important; }
.ps-xl-5 { padding-left: 5rem !important; }
.ps-xl-6 { padding-left: 6rem !important; }
.ps-xl-7 { padding-left: 7rem !important; }
.ps-xl-8 { padding-left: 8rem !important; }
.ps-xl-9 { padding-left: 9rem !important; }
.ps-xl-10 { padding-left: 10rem !important; }

/* padding-end (right) */
.pe-xl-0 { padding-right: 0rem !important; }
.pe-xl-half { padding-right: 0.5rem !important; }
.pe-xl-1 { padding-right: 1rem !important; }
.pe-xl-2 { padding-right: 2rem !important; }
.pe-xl-3 { padding-right: 3rem !important; }
.pe-xl-4 { padding-right: 4rem !important; }
.pe-xl-5 { padding-right: 5rem !important; }
.pe-xl-6 { padding-right: 6rem !important; }
.pe-xl-7 { padding-right: 7rem !important; }
.pe-xl-8 { padding-right: 8rem !important; }
.pe-xl-9 { padding-right: 9rem !important; }
.pe-xl-10 { padding-right: 10rem !important; }

}


@media (max-width:1200px){

.ms-lg-1 { margin-left: 1rem !important; }
.ms-lg-2 { margin-left: 2rem !important; }
.ms-lg-3 { margin-left: 3rem !important; }
.ms-lg-4 { margin-left: 4rem !important; }
.ms-lg-5 { margin-left: 5rem !important; }
.ms-lg-6 { margin-left: 6rem !important; }
.ms-lg-7 { margin-left: 7rem !important; }
.ms-lg-8 { margin-left: 8rem !important; }
.ms-lg-9 { margin-left: 9rem !important; }
.ms-lg-10 { margin-left: 10rem !important; }

.me-lg-1 { margin-right: 1rem !important; }
.me-lg-2 { margin-right: 2rem !important; }
.me-lg-3 { margin-right: 3rem !important; }
.me-lg-4 { margin-right: 4rem !important; }
.me-lg-5 { margin-right: 5rem !important; }
.me-lg-6 { margin-right: 6rem !important; }
.me-lg-7 { margin-right: 7rem !important; }
.me-lg-8 { margin-right: 8rem !important; }
.me-lg-9 { margin-right: 9rem !important; }
.me-lg-10 { margin-right: 10rem !important; }

.ps-lg-1 { padding-left: 1rem !important; }
.ps-lg-2 { padding-left: 2rem !important; }
.ps-lg-3 { padding-left: 3rem !important; }
.ps-lg-4 { padding-left: 4rem !important; }
.ps-lg-5 { padding-left: 5rem !important; }
.ps-lg-6 { padding-left: 6rem !important; }
.ps-lg-7 { padding-left: 7rem !important; }
.ps-lg-8 { padding-left: 8rem !important; }
.ps-lg-9 { padding-left: 9rem !important; }
.ps-lg-10 { padding-left: 10rem !important; }

.pe-lg-1 { padding-right: 1rem !important; }
.pe-lg-2 { padding-right: 2rem !important; }
.pe-lg-3 { padding-right: 3rem !important; }
.pe-lg-4 { padding-right: 4rem !important; }
.pe-lg-5 { padding-right: 5rem !important; }
.pe-lg-6 { padding-right: 6rem !important; }
.pe-lg-7 { padding-right: 7rem !important; }
.pe-lg-8 { padding-right: 8rem !important; }
.pe-lg-9 { padding-right: 9rem !important; }
.pe-lg-10 { padding-right: 10rem !important; }

}

@media (max-width:1200px){

/* margin-start (left) */
.ms-lg-0 { margin-left: 0rem !important; }
.ms-lg-half { margin-left: 0.5rem !important; }
.ms-lg-1 { margin-left: 1rem !important; }
.ms-lg-2 { margin-left: 2rem !important; }
.ms-lg-3 { margin-left: 3rem !important; }
.ms-lg-4 { margin-left: 4rem !important; }
.ms-lg-5 { margin-left: 5rem !important; }
.ms-lg-6 { margin-left: 6rem !important; }
.ms-lg-7 { margin-left: 7rem !important; }
.ms-lg-8 { margin-left: 8rem !important; }
.ms-lg-9 { margin-left: 9rem !important; }
.ms-lg-10 { margin-left: 10rem !important; }

/* margin-end (right) */
.me-lg-0 { margin-right: 0rem !important; }
.me-lg-half { margin-right: 0.5rem !important; }
.me-lg-1 { margin-right: 1rem !important; }
.me-lg-2 { margin-right: 2rem !important; }
.me-lg-3 { margin-right: 3rem !important; }
.me-lg-4 { margin-right: 4rem !important; }
.me-lg-5 { margin-right: 5rem !important; }
.me-lg-6 { margin-right: 6rem !important; }
.me-lg-7 { margin-right: 7rem !important; }
.me-lg-8 { margin-right: 8rem !important; }
.me-lg-9 { margin-right: 9rem !important; }
.me-lg-10 { margin-right: 10rem !important; }

/* padding-start (left) */
.ps-lg-0 { padding-left: 0rem !important; }
.ps-lg-half { padding-left: 0.5rem !important; }
.ps-lg-1 { padding-left: 1rem !important; }
.ps-lg-2 { padding-left: 2rem !important; }
.ps-lg-3 { padding-left: 3rem !important; }
.ps-lg-4 { padding-left: 4rem !important; }
.ps-lg-5 { padding-left: 5rem !important; }
.ps-lg-6 { padding-left: 6rem !important; }
.ps-lg-7 { padding-left: 7rem !important; }
.ps-lg-8 { padding-left: 8rem !important; }
.ps-lg-9 { padding-left: 9rem !important; }
.ps-lg-10 { padding-left: 10rem !important; }

/* padding-end (right) */
.pe-lg-0 { padding-right: 0rem !important; }
.pe-lg-half { padding-right: 0.5rem !important; }
.pe-lg-1 { padding-right: 1rem !important; }
.pe-lg-2 { padding-right: 2rem !important; }
.pe-lg-3 { padding-right: 3rem !important; }
.pe-lg-4 { padding-right: 4rem !important; }
.pe-lg-5 { padding-right: 5rem !important; }
.pe-lg-6 { padding-right: 6rem !important; }
.pe-lg-7 { padding-right: 7rem !important; }
.pe-lg-8 { padding-right: 8rem !important; }
.pe-lg-9 { padding-right: 9rem !important; }
.pe-lg-10 { padding-right: 10rem !important; }

}

@media (max-width:992px){

/* margin-start (left) */
.ms-md-0 { margin-left: 0rem !important; }
.ms-md-half { margin-left: 0.5rem !important; }
.ms-md-1 { margin-left: 1rem !important; }
.ms-md-2 { margin-left: 2rem !important; }
.ms-md-3 { margin-left: 3rem !important; }
.ms-md-4 { margin-left: 4rem !important; }
.ms-md-5 { margin-left: 5rem !important; }
.ms-md-6 { margin-left: 6rem !important; }
.ms-md-7 { margin-left: 7rem !important; }
.ms-md-8 { margin-left: 8rem !important; }
.ms-md-9 { margin-left: 9rem !important; }
.ms-md-10 { margin-left: 10rem !important; }

/* margin-end (right) */
.me-md-0 { margin-right: 0rem !important; }
.me-md-half { margin-right: 0.5rem !important; }
.me-md-1 { margin-right: 1rem !important; }
.me-md-2 { margin-right: 2rem !important; }
.me-md-3 { margin-right: 3rem !important; }
.me-md-4 { margin-right: 4rem !important; }
.me-md-5 { margin-right: 5rem !important; }
.me-md-6 { margin-right: 6rem !important; }
.me-md-7 { margin-right: 7rem !important; }
.me-md-8 { margin-right: 8rem !important; }
.me-md-9 { margin-right: 9rem !important; }
.me-md-10 { margin-right: 10rem !important; }

/* padding-start (left) */
.ps-md-0 { padding-left: 0rem !important; }
.ps-md-half { padding-left: 0.5rem !important; }
.ps-md-1 { padding-left: 1rem !important; }
.ps-md-2 { padding-left: 2rem !important; }
.ps-md-3 { padding-left: 3rem !important; }
.ps-md-4 { padding-left: 4rem !important; }
.ps-md-5 { padding-left: 5rem !important; }
.ps-md-6 { padding-left: 6rem !important; }
.ps-md-7 { padding-left: 7rem !important; }
.ps-md-8 { padding-left: 8rem !important; }
.ps-md-9 { padding-left: 9rem !important; }
.ps-md-10 { padding-left: 10rem !important; }

/* padding-end (right) */
.pe-md-0 { padding-right: 0rem !important; }
.pe-md-half { padding-right: 0.5rem !important; }
.pe-md-1 { padding-right: 1rem !important; }
.pe-md-2 { padding-right: 2rem !important; }
.pe-md-3 { padding-right: 3rem !important; }
.pe-md-4 { padding-right: 4rem !important; }
.pe-md-5 { padding-right: 5rem !important; }
.pe-md-6 { padding-right: 6rem !important; }
.pe-md-7 { padding-right: 7rem !important; }
.pe-md-8 { padding-right: 8rem !important; }
.pe-md-9 { padding-right: 9rem !important; }
.pe-md-10 { padding-right: 10rem !important; }

}


@media (max-width:768px){

/* margin-start (left) */
.ms-sm-0 { margin-left: 0rem !important; }
.ms-sm-half { margin-left: 0.5rem !important; }
.ms-sm-1 { margin-left: 1rem !important; }
.ms-sm-2 { margin-left: 2rem !important; }
.ms-sm-3 { margin-left: 3rem !important; }
.ms-sm-4 { margin-left: 4rem !important; }
.ms-sm-5 { margin-left: 5rem !important; }
.ms-sm-6 { margin-left: 6rem !important; }
.ms-sm-7 { margin-left: 7rem !important; }
.ms-sm-8 { margin-left: 8rem !important; }
.ms-sm-9 { margin-left: 9rem !important; }
.ms-sm-10 { margin-left: 10rem !important; }

/* margin-end (right) */
.me-sm-0 { margin-right: 0rem !important; }
.me-sm-half { margin-right: 0.5rem !important; }
.me-sm-1 { margin-right: 1rem !important; }
.me-sm-2 { margin-right: 2rem !important; }
.me-sm-3 { margin-right: 3rem !important; }
.me-sm-4 { margin-right: 4rem !important; }
.me-sm-5 { margin-right: 5rem !important; }
.me-sm-6 { margin-right: 6rem !important; }
.me-sm-7 { margin-right: 7rem !important; }
.me-sm-8 { margin-right: 8rem !important; }
.me-sm-9 { margin-right: 9rem !important; }
.me-sm-10 { margin-right: 10rem !important; }

/* padding-start (left) */
.ps-sm-0 { padding-left: 0rem !important; }
.ps-sm-half { padding-left: 0.5rem !important; }
.ps-sm-1 { padding-left: 1rem !important; }
.ps-sm-2 { padding-left: 2rem !important; }
.ps-sm-3 { padding-left: 3rem !important; }
.ps-sm-4 { padding-left: 4rem !important; }
.ps-sm-5 { padding-left: 5rem !important; }
.ps-sm-6 { padding-left: 6rem !important; }
.ps-sm-7 { padding-left: 7rem !important; }
.ps-sm-8 { padding-left: 8rem !important; }
.ps-sm-9 { padding-left: 9rem !important; }
.ps-sm-10 { padding-left: 10rem !important; }

/* padding-end (right) */
.pe-sm-0 { padding-right: 0rem !important; }
.pe-sm-half { padding-right: 0.5rem !important; }
.pe-sm-1 { padding-right: 1rem !important; }
.pe-sm-2 { padding-right: 2rem !important; }
.pe-sm-3 { padding-right: 3rem !important; }
.pe-sm-4 { padding-right: 4rem !important; }
.pe-sm-5 { padding-right: 5rem !important; }
.pe-sm-6 { padding-right: 6rem !important; }
.pe-sm-7 { padding-right: 7rem !important; }
.pe-sm-8 { padding-right: 8rem !important; }
.pe-sm-9 { padding-right: 9rem !important; }
.pe-sm-10 { padding-right: 10rem !important; }

}
 
@media (max-width:576px){

/* margin-start (left) */
.ms-xs-0 { margin-left: 0rem !important; }
.ms-xs-half { margin-left: 0.5rem !important; }
.ms-xs-1 { margin-left: 1rem !important; }
.ms-xs-2 { margin-left: 2rem !important; }
.ms-xs-3 { margin-left: 3rem !important; }
.ms-xs-4 { margin-left: 4rem !important; }
.ms-xs-5 { margin-left: 5rem !important; }
.ms-xs-6 { margin-left: 6rem !important; }
.ms-xs-7 { margin-left: 7rem !important; }
.ms-xs-8 { margin-left: 8rem !important; }
.ms-xs-9 { margin-left: 9rem !important; }
.ms-xs-10 { margin-left: 10rem !important; }

/* margin-end (right) */
.me-xs-0 { margin-right: 0rem !important; }
.me-xs-half { margin-right: 0.5rem !important; }
.me-xs-1 { margin-right: 1rem !important; }
.me-xs-2 { margin-right: 2rem !important; }
.me-xs-3 { margin-right: 3rem !important; }
.me-xs-4 { margin-right: 4rem !important; }
.me-xs-5 { margin-right: 5rem !important; }
.me-xs-6 { margin-right: 6rem !important; }
.me-xs-7 { margin-right: 7rem !important; }
.me-xs-8 { margin-right: 8rem !important; }
.me-xs-9 { margin-right: 9rem !important; }
.me-xs-10 { margin-right: 10rem !important; }

/* padding-start (left) */
.ps-xs-0 { padding-left: 0rem !important; }
.ps-xs-half { padding-left: 0.5rem !important; }
.ps-xs-1 { padding-left: 1rem !important; }
.ps-xs-2 { padding-left: 2rem !important; }
.ps-xs-3 { padding-left: 3rem !important; }
.ps-xs-4 { padding-left: 4rem !important; }
.ps-xs-5 { padding-left: 5rem !important; }
.ps-xs-6 { padding-left: 6rem !important; }
.ps-xs-7 { padding-left: 7rem !important; }
.ps-xs-8 { padding-left: 8rem !important; }
.ps-xs-9 { padding-left: 9rem !important; }
.ps-xs-10 { padding-left: 10rem !important; }

/* padding-end (right) */
.pe-xs-0 { padding-right: 0rem !important; }
.pe-xs-half { padding-right: 0.5rem !important; }
.pe-xs-1 { padding-right: 1rem !important; }
.pe-xs-2 { padding-right: 2rem !important; }
.pe-xs-3 { padding-right: 3rem !important; }
.pe-xs-4 { padding-right: 4rem !important; }
.pe-xs-5 { padding-right: 5rem !important; }
.pe-xs-6 { padding-right: 6rem !important; }
.pe-xs-7 { padding-right: 7rem !important; }
.pe-xs-8 { padding-right: 8rem !important; }
.pe-xs-9 { padding-right: 9rem !important; }
.pe-xs-10 { padding-right: 10rem !important; }

}




 /*******其他**********/

.border-top-dashed {
    border-top: 1px dashed #dee2e6 !important;
}
.border-right-dashed {
    border-right: 1px dashed #dee2e6 !important;
}
.border-bottom-dashed {
    border-bottom: 1px dashed #dee2e6 !important;
}



.ls-1 {
    letter-spacing: 1px;
}
.ls-2 {
    letter-spacing: 2px;
}
.ls-3 {
    letter-spacing: 3px;
}
.ls-4 {
    letter-spacing: 4px;
}
.ls-5 {
    letter-spacing: 5px;
}



.page-num:not(:disabled) {
    cursor: pointer;
}
.page-num,.page-link {
    position: relative;
    display: block;
    padding: 0rem 1.2rem;
    margin-left: -1px;
    line-height: 24px;
    color:#fff;
    background-color: #333;
    border:none;
    font-size: 1.4rem;
}
a.page-num:hover,
.page-link:hover {
    text-decoration: none;
   border:none;
   background-color: #333;
   color:var(--colorred);
}
.page-num-current {
    background-color: var(--colorred);
    border-color: #fff;
    color: #FFF;
}
.page-num-current {
    z-index: 1; 
   border:none;
}
.page-num-current:hover { 
 background-color: var(--colorred);
    color: #fff;
}

 

 
.code,
.code img {
    height: 100px;
}
.position,
.position a {
    color: #999;
}
.content {
    color: #AEAEAE;
    line-height: 2;
}
.content img,
.content iframe {
    max-width: 100% !important;
}
.content li {
    list-style: disc;
    margin-left: 20px;
}



.view {
    max-width: 500px;
    overflow: hidden;
}
.view .swiper-slide {
    height: 300px;
    max-width: 500px;
    padding: 0 3px;
    overflow: hidden;
    text-align: center;
    box-sizing: border-box;
}
.view .swiper-slide img {
    height: 100%;
}
.view .arrow-left,
.view .arrow-right {
    position: absolute;
    width: 28px;
    height: 300px;
    z-index: 10;
    display: none;
}
.view .arrow-left {
    left: 10px;
    background: url(../images/index_tab_l.png) no-repeat left center;
}
.view .arrow-right {
    right: 10px;
    background: url(../images/index_tab_r.png) no-repeat right center;
}

.preview {
    position: relative;
    width: 440px;
    left: 30px;
}
.preview .swiper-slide {
    width: 87.5px;
    height: 70px;
    margin: 0 3px;
    overflow: hidden;
    cursor: pointer;
    box-sizing: border-box;
}
.preview .swiper-slide img {
    height: 100%;
}
.preview .active-nav {
    border: 1px solid #F00;
}
.preview .arrow-left {
    background: #fff url(../images/feel3.png) no-repeat left center;
    position: absolute;
    left: -20px;
    top: 0;
    width: 20px;
    height: 70px;
}
.preview .arrow-right {
    background: #fff url(../images/feel4.png) no-repeat right center;
    position: absolute;
    right: -20px;
    top: 0;
    width: 20px;
    height: 70px;
}

@media (max-width:767.98px) {
    .view .swiper-slide {
        height: 200px;
    }
    .view .arrow-left,
    .view .arrow-right {
        height: 200px;
        display: block;
    }
    .preview {
        display: none;
    }
}



.online {
    position: fixed;
    bottom: 150px;
    right: 0;
    width: 60px;
    z-index: 999;
    color: #999;
}
.online .scroll-top{
    width:50px;
    height: 50px;
    background: var(--colorred);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.online a {
    color: #666;
}
.online dl {
    background: #333;
    padding: 10px 5px;
    margin-bottom: 1px;
    position: relative;
}
.online dl dd {
    color: #fff;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
}
.online dl dd i {
    font-size: 25px;
}
.online dl:hover {
    background: var(--colorred);
}
.online dl dt {
    position: absolute;
    top: 0;
    right: 60px;
    background: #fff;
    border: 1px solid #ccc;
    padding: 10px 15px;
    display: none;
}
.online dl dt h3 {
    font-size: 16px;
    color: #666;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}
.online dl dt input {
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-top: 15px;
    height: 40px;
    padding: 3px 5px;
    width: 100%;
}
.online dl dt button {
    margin: 10px 0;
    border: none;
    border-radius: 5px;
    width: 100%;
    font-size: 18px;
    height: 40px;
    background: #28a7e1;
    color: #fff;
    cursor: pointer;
}

.btn{
	font-size: 1.2rem;
}


.page-num,
.page-link {
    padding: 0rem 1.5rem;
    margin-left: 0px;
    line-height: 24px;
    color: #bebebe;
    font-size: 1.8rem;
}


.page-num:hover{
     color:var(--colorred);
     background-color: rgba(255,255,255,0);
}
.page-link:hover{
      color:var(--colorred);
     background-color: rgba(255,255,255,0);
}

.p-prev,
.p-next{
     width:24px;
     height: 24px;
     border-radius: 50%;
     background: #333;
     color:#fff;
     display: flex;
     justify-content: center;
     align-items: center;
     padding:0;
     font-size: 1rem;
}
.p-prev:hover,
.p-next:hover{
     background: #333;
     color:#fff!important;
}

.p-prev:active i,
.p-next:active i{
     background: #333;
     color:#fff!important;
}

.page-link:focus{
  color:#fff!important;
  background-color:#333;
  outline: 0;
  box-shadow: none;
}