@charset "utf-8";
@import url("swiper.min.css");
@import url("animate.css");
@import url("../fonts/iconfont.css");
* ,html, body, form, dl, dt, dd, ul, ol, li, th, td, span, strong, em, a, input, textarea, select, img, h1, h2, h3{padding:0;margin:0;border:none;}
h1, h2, h3, h4, h5{font-weight: normal;}
a:link,a:visited ,a:hover ,a:active {text-decoration: none;}
ul, ol {list-style: none outside none;}
body{padding:0;margin:0;overflow-x:hidden;color: #181818;font-size:14px !important;margin: auto;font-family: 'Helvetica Neue", Helvetica, Arial, sans-serif';}
img{border-style: none;vertical-align: middle;}
*{box-sizing: border-box;}
em{font-style: normal;}
.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}
a{color: #181818;text-underline: none;}
a:hover{text-underline: none;}
a:hover{color: #4f46e5;text-decoration: none;}
p {display: block;-webkit-margin-before: 0em;-webkit-margin-after: 0em;
-webkit-margin-start: 0px;-webkit-margin-end: 0px;}
ul, menu, dir {display: block;list-style-type:none;-webkit-margin-before:0em;
-webkit-margin-after:0em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start:0px;}
.clearfix{zoom:1;}
.clearfix:after{content:" "; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.delay{ -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; overflow:hidden;}
.delay:hover{ transform: scale(1.03,1.03); -moz-transform: scale(1.03,1.03); -ms-transform: scale(1.03,1.03); -webkit-transform: scale(1.03,1.03); -o-transform: scale(1.03,1.03);}
.ofl{ overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ofl-p{ display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.ofl-3p{ display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
.ofl-4p{ display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;}
::-ms-clear, ::-ms-reveal{display: none;}
.f16{font-size: 16px;}
.tanx{position: relative;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: flex-start;align-items: flex-start;}
.tanx-m{min-width: 1px;-webkit-box-align: start; -webkit-align-items: flex-start;align-items: flex-start;-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;}
.ct_img{overflow: hidden;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;}
input:required:invalid, input:focus:invalid, textarea:required:invalid, textarea:focus:invalid{box-shadow: none; -moz-box-shadow: none;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #afafaf;} 
input:-moz-placeholder, textarea:-moz-placeholder{color: #afafaf;} 
input::-moz-placeholder, textarea::-moz-placeholder{color: #afafaf;} 
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: #afafaf;} 
.pic_cover{background-repeat: no-repeat;background-size: cover;background-position: center center;}
.w12{max-width: 1240px;margin: auto;padding: 0 20px;}
.w14{max-width: 1440px;margin: auto;padding: 0 20px;}
.w16{max-width: 1640px;margin: auto;padding: 0 20px;}
.w18{max-width: 1840px;margin: auto;padding: 0 20px;}
.tran{transition: ease .3s;-webkit-transition: ease .3s;-moz-transition: ease .3s;-ms-transition: ease .3s;}
html{font-size: 100px;}
@media (max-width: 1600px){html{font-size: 95px !important;}}
@media (max-width: 1440px){html{font-size: 90px !important;}}
@media (max-width: 1220px){html{font-size: 85px !important;}}
@media (max-width: 1024px){html{font-size: 80px !important;}}
@media (max-width: 991px){html{font-size: 70px !important;}}
@media (max-width: 639px){html{font-size: 60px !important;}}
.pre{position: relative;}
.pra{position: absolute;}
.w100{width: 100%;height: 100%;}
.dis_block{width: 100%;height: 100%;display: block;}

/* Webkit浏览器（Chrome、Safari、新版Edge等） */
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

::-webkit-scrollbar-track {
    background: #dddddd;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }


/* 确保在所有元素中都应用这些样式 */
html, body, div, textarea, pre, code {
   
&::-webkit-scrollbar
{
    width: 12px;
    height: 12px;
}

&::-webkit-scrollbar-track {
    background: #dddddd;
    border-radius: 10px;
}

&::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

    &::-webkit-scrollbar-thumb:hover {
        background: #555;
    }
}