@charset "utf-8";

/* 设置滚动条整体部分的样式 */
::-webkit-scrollbar{width:0.05rem;height:0.05rem;}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black;}
::-webkit-scrollbar-track-piece{background:#E3E3E3;}
::-webkit-scrollbar-thumb:vertical{background-color:var(--color-blue); border-radius:1.5625vw;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B;}
::-webkit-scrollbar-corner:vertical{background-color:#535353;}


/**css初始化**/
html{  width: 100%;  scroll-behavior: auto;  }
html.lenis {height: auto;}
.lenis.lenis-smooth { scroll-behavior: auto;}

body { background:var(--color-white);  font-family:var(--font); font-size:0.16rem; color:var(--color-three); overflow-x:hidden; -webkit-tap-highlight-color:transparent; }
*,:after,:before { margin:0; padding:0; backface-visibility: hidden; box-sizing: border-box; transition:var(--transition); }
h1, h2, h3, h4, h5, h6{ font-weight:normal;}
ul,dl,li,dt,dd{list-style:none;}
i,em{font-style:normal;}
img { border:0; vertical-align:top; max-width:100%; }
a { text-decoration:none;  color: inherit; cursor:pointer; outline:none;}
a:hover { color:var(--color-blue); }
input,textarea,select,button{ outline: none; -webkit-appearance: none; border-radius: 0; font-size:0.16rem; border: 0; font-family:var(--font);}
input[type="text"],input[type="password"],input[type="search"],textarea,select{ background:none; border:none; transition:var(--transition); }
input::-webkit-input-placeholder,input:-moz-placeholder,input::-moz-placeholder,input:-ms-input-placeholder { color:var(--color-light); }
textarea{resize:none; overflow:hidden;}
textarea::-webkit-input-placeholder,textarea:-ms-input-placeholder,textarea::-moz-placeholder,textarea:-moz-placeholder { color:var(--color-light);}
select::-ms-expand { display: none; }
.clearfix:after {  content: " "; display: block; height: 0; line-height: 0; font-size: 0; clear: both; visibility: hidden }
.fl { float:left; }
.fr { float:right; }
.w{ width: 1440px; min-width: 1200px; margin:0 auto; }


/**config**/
:root{
    --transition:cubic-bezier(0.215,.61,.355,1) .6s;
    --font: "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif";
    --color-blue:#2558a7;
    --color-three:#333;
    --color-gray:#666;
    --color-light:#999;
    --color-white:#fff;
}

.center{ text-align:center;}
.relative{ position:relative;}
.imgs{ width: 100%; height: 100%; display: block; object-fit: cover; position: absolute; left: 0; top: 0;}
.lazy{ background-position: center; background-size: cover; background-repeat: no-repeat; width: 100%; height: 100%; display:block; }
.ov-hidden{ overflow:hidden;}


.blue{ color:var(--color-blue);}
.gray3{ color:var(--color-three);}
.gray6{ color:var(--color-gray);}
.gray9{ color:var(--color-light);}
.white{ color:var(--color-white);}
.bgGray{ background: #F5F6F7;}


.font-b{ font-weight: bold;}
.font-l{ font-weight: lighter;}


/**flex布局**/
.flex{ display:flex; display:-webkit-flex; flex-direction:row; -webkit-flex-direction:row; flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.flexAlign{ display:flex; align-items: center; display:-webkit-flex; flex-direction:row; -webkit-flex-direction:row; flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.flexCenter{ display:flex; justify-content: center; align-items: center; display:-webkit-flex; flex-direction:row; -webkit-flex-direction:row; flex-wrap:wrap; -webkit-flex-wrap:wrap; }
.flexStart{ display:flex; justify-content: space-between; align-items: start; display:-webkit-flex; flex-direction:row; -webkit-flex-direction:row; flex-wrap:wrap; -webkit-flex-wrap:wrap;  }
.flexBetween{ display:flex; justify-content: space-between; align-items: center; display:-webkit-flex; flex-direction:row; -webkit-flex-direction:row; flex-wrap:wrap; -webkit-flex-wrap:wrap; }


/**字体大小**/
.font12{ font-size:0.12rem;}
.font14{ font-size:0.14rem;}
.font16{ font-size:0.16rem;}
.font18{ font-size:0.18rem;}
.font20{ font-size:0.2rem;}
.font22{ font-size:0.22rem;}
.font24{ font-size:0.24rem;}
.font26{ font-size:0.26rem;}
.font28{ font-size:0.28rem;}
.font30{ font-size:0.3rem;}
.font32{ font-size:0.32rem;}
.font34{ font-size:0.34rem;}
.font36{ font-size:0.36rem;}
.font38{ font-size:0.38rem;}
.font40{ font-size:0.40rem;}
.font42{ font-size:0.42rem;}
.font44{ font-size:0.44rem;}
.font46{ font-size:0.46rem;}
.font48{ font-size:0.48rem;}
.font50{ font-size:0.5rem;}
.font52{ font-size:0.52rem;}


/**边距**/
.mt05{ margin-top:0.05rem;}
.mt10{ margin-top:0.1rem;}
.mt15{ margin-top:0.15rem;}
.mt20{ margin-top:0.2rem;}
.mt25{ margin-top:0.25rem;}
.mt30{ margin-top:0.3rem;}
.mt35{ margin-top:0.35rem;}
.mt40{ margin-top:0.4rem;}
.mt45{ margin-top:0.45rem;}
.mt50{ margin-top:0.5rem;}
.mt55{ margin-top:0.55rem;}
.mt60{ margin-top:0.6rem;}
.mt65{ margin-top:0.65rem;}

.mr05{ margin-right:0.05rem;}
.mr10{ margin-right:0.1rem;}
.mr15{ margin-right:0.15rem;}
.mr20{ margin-right:0.2rem;}
.mr25{ margin-right:0.25rem;}
.mr30{ margin-right:0.3rem;}
.mr35{ margin-right:0.35rem;}
.mr40{ margin-right:0.4rem;}

.ml05{ margin-left:0.05rem;}
.ml10{ margin-left:0.1rem;}
.ml15{ margin-left:0.15rem;}
.ml20{ margin-left:0.2rem;}
.ml25{ margin-left:0.25rem;}
.ml30{ margin-left:0.3rem;}
.ml35{ margin-left:0.35rem;}
.ml40{ margin-left:0.4rem;}

/**行距**/
.lh24{ line-height:0.24rem;}
.lh26{ line-height:0.26rem;}
.lh28{ line-height:0.28rem;}
.lh30{ line-height:0.3rem;}
.lh32{ line-height:0.32rem;}
.lh34{ line-height:0.34rem;}
.lh36{ line-height:0.36rem;}
.lh38{ line-height:0.38rem;}
.lh40{ line-height:0.4rem;}
.lh42{ line-height:0.42rem;}

/**文字截断**/
.lines1{ word-break:break-all; text-overflow:ellipsis; display:-webkit-box;-webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden;}
.lines2{ word-break:break-all; text-overflow:ellipsis; display:-webkit-box;-webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.lines3{ word-break:break-all; text-overflow:ellipsis; display:-webkit-box;-webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;}
.lines4{ word-break:break-all; text-overflow:ellipsis; display:-webkit-box;-webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden;}
.lines5{ word-break:break-all; text-overflow:ellipsis; display:-webkit-box;-webkit-box-orient:vertical; -webkit-line-clamp:5; overflow:hidden;}
.lines6{ word-break:break-all; text-overflow:ellipsis; display:-webkit-box;-webkit-box-orient:vertical; -webkit-line-clamp:6; overflow:hidden;}
.lines7{ word-break:break-all; text-overflow:ellipsis; display:-webkit-box;-webkit-box-orient:vertical; -webkit-line-clamp:7; overflow:hidden;}


/**字体**/
@font-face {
    font-family: "iconfont";
    src: url('../fonts/iconfont.woff2') format('woff2'),
    url('../fonts/iconfont.woff') format('woff'),
    url('../fonts/iconfont.ttf') format('truetype');
}

.iconfont {
    font-family:"iconfont";
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}