@charset "utf-8";
*{-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);margin:0;padding:0;line-height:1.2;}
body{background:#fff;font-family:system-ui,-apple-system,Microsoft YaHei,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;font-size:16px;}
a,
img,
button,
input,
textarea,
select{-webkit-tap-highlight-color:rgba(255,255,255,0);}
a,
a:hover,
a:focus{text-decoration:none;}
li{list-style:none;}
img{vertical-align:middle;border:none;max-width:100%;}
i{font-style:normal;}
input,
input:focus,
button,
button:focus{border:none;-webkit-box-shadow:none;box-shadow:none;outline:0;background-color:transparent;}
input::-webkit-input-placeholder{color:#999;font-size:14px;}
input::-moz-placeholder{color:#999;font-size:14px;}
input:-ms-input-placeholder{color:#999;font-size:14px;}

/*去掉input自动填充颜色*/
input:-webkit-autofill{-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s;}
.clear:after{content:'';height:0;clear:both;display:block;}
.tcenter {
    text-align: center;
}
/*scroll*/

::-webkit-scrollbar {
    width: 4px;
    height: 2px
}
::-webkit-scrollbar-button:vertical {
    display: none
}
::-webkit-scrollbar-corner,
::-webkit-scrollbar-track {
    background-color: #ccc;
}
::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color:var(--main-color);
}

.fs18{font-size:18px;}
.fs20 {font-size: 20px}
.fs24{font-size:24px;}
.fs26{font-size:25px;}
.fs30{font-size:30px;}
.fs36{font-size:36px;}
.fs40{font-size:40px;}
.fs44{font-size:44px;}
.mobile{display:none;}
.m_pod {
    position: relative;
}

.pd{width:100%;margin-right:auto;margin-left:auto}

@media (min-width:576px){
    .pd{max-width:100%}
}
@media (min-width:768px){
    .pd{max-width:100%;}
}
@media (min-width:992px){
    .pd{max-width:900px;}
}
@media (min-width:1200px){
    .pd{max-width:1100px;}
}
@media (min-width:1280px){
    .pd{max-width:1180px;}
}
@media (min-width:1366px){
    .pd{max-width:1180px;}
}
@media (min-width:1440px){
    .pd{max-width:1280px;}
}
@media (min-width:1580px){
    .pd{max-width:1440px;}
}
@media(max-width:1440px){

.pd {
    padding: 0 2%
}

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

.pd {
    padding: 0
}

}
@media(max-width:1366px){
.fs24{font-size:22px;}
.fs36{font-size:34px;}
.fs40{font-size:38px;}
.fs44{font-size:42px;}

}
@media(max-width:1280px){
.pd {
       padding: 0 4%
    }
.fs24{font-size:20px;}

.fs36{font-size:32px;}
.fs40{font-size:36px;}
.fs44{font-size:40px;}



}
@media(max-width:1279px){
.pd {
       padding: 0 2%
    }
}
@media(max-width:991px){
.fs36{font-size:30px;}
.fs40{font-size:34px;}
.fs44{font-size:38px;}
.pd {
       padding: 0 5%
    }
}
@media(max-width:768px){
    .pc{display:none;}
    .mobile{display:block;}
    .fs18{font-size:16px;}
    .fs24{font-size:18px;}
    .fs26{font-size:22px;}
    .fs30{font-size:24px;}
    .fs36{font-size:24px;}
    .fs40{font-size:28px;}
    .fs44{font-size:30px;}
}
@media(max-width:767px){

.pd {
       padding: 0 20px
    }
.fs20 {font-size: 18px}

}
@media(max-width:350px){
.fs26{font-size:20px;}
.fs36{font-size:24px;}
.fs40{font-size:26px;}
.fs44{font-size:28px;}

}

.dis_center {
    align-items: center;
}


@media(min-width:768px){

.dis_flex {
    display: flex;
}

}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Condensed-Bold-2.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Robotox';
    src: url('../fonts/Roboto-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}