*,::after,::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,html,iframe,img,ins,kbd,label,legend,li,object,ol,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0;border:0;-webkit-tap-highlight-color:transparent}
body,html{color:#1b1e25}
html{-webkit-text-size-adjust:100%;font-size:100px; overflow-x: hidden;}
@font-face{
    font-family:'HarmonyOSRegular';
    src:url('../fonts/HarmonyOS_Sans_SC_Regular.woff'),
    url('../fonts/HarmonyOS_Sans_SC_Regular.ttf');
}
@font-face{
    font-family:'HarmonyOSBold';
    src:url('../fonts/HarmonyOS_Sans_SC_Regular.woff'),
    url('../fonts/HarmonyOS_Sans_SC_Regular.ttf');
}
@font-face{
    font-family:'HarmonyOSLight';
    src:url('../fonts/HarmonyOS_Sans_SC_Light.woff'),
    url('../fonts/HarmonyOS_Sans_SC_Light.ttf');
}
@font-face{
    font-family:'HarmonyOSMedium';
    src:url('../fonts/HarmonyOS_Sans_SC_Medium.woff'),
    url('../fonts/HarmonyOS_Sans_SC_Medium.ttf');
}

@media (min-width:1921px) {
html{font-size:5.2083334vw}
}
@media (max-width:1660px) {
html{font-size:6vw}
}

@media (max-width:1024px) {
html{font-size:9.765625vw}
}
@media (max-width:640px) {
html{font-size:14vw;}
}
body{ min-height:100vh; overflow:hidden;line-height: 1.5;}
body,input,pre,select,th,td,textarea{ font-family:'HarmonyOSRegular';font-size: 0.16rem;}
@media (max-width:768px) {
body,input,pre,select,th,td,textarea{font-size:0.24rem}
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;padding:0;margin:0}
input,textarea{margin:0;padding:0;outline:0;-webkit-appearance:none;border-radius:0}
select{border:solid 0.01rem #eee;appearance:none;-moz-appearance:none;-webkit-appearance:none; padding-right:0.2rem}
select::-ms-expand{display:none}
a{color:#1b1e25}
a,a:active,a:hover,a:link,a:visited{text-decoration:none;-webkit-tap-highlight-color:transparent}
:focus,a:focus{outline:0;-moz-outline:none}
table,td,th{border-collapse:collapse;border-spacing:0}
.ul,.ul li{list-style:none}
img{border:none;max-width:100%;vertical-align:middle}
.Ispic{background-repeat:no-repeat;background-position:center center;background-size:cover}
pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;margin:0;text-align:justify;text-justify:inter-ideograph}
.clear{clear:both;height:0;font-size:0;line-height:0;overflow:hidden;zoom:0}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.clearfix{zoom:1}
.dot{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.dot1,
.dot2,
.dot3,
.dot4,
.dot5,
.dot6,
.dot7,
.dot8{display:-webkit-box;display:box;overflow:hidden;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical}
.dot1{-webkit-line-clamp:1}
.dot2{-webkit-line-clamp:2}
.dot3{-webkit-line-clamp:3}
.dot4{-webkit-line-clamp:4}
.dot5{-webkit-line-clamp:5}
.dot6{-webkit-line-clamp:6}
.dot7{-webkit-line-clamp:7}
.dot8{-webkit-line-clamp:8}
.ytable{display:table;width:100%;}
.ytable.h100pc{height:100%}
.ytable.fixed{table-layout: fixed;}
.ytable-cell{display:table-cell;vertical-align:middle}
.none{display:none}
.hidden{visibility:hidden}
.Ovhidden{ overflow: hidden;}


/* flex 布局 */
.d-flex{ display: flex;}
.j-end{ justify-content: flex-end;}
.j-center{justify-content: center;}
.j-sb{justify-content: space-between;}
.j-start{justify-content: flex-start;}
.f-wrap{flex-wrap: wrap;}
.f-colu{flex-direction: column;}
.a-center{align-items: center;}
.a-self{align-items: self-start;}
.a-start{align-items: flex-start;}
.a-baseline{align-items: baseline;}
.a-end{align-items: flex-end;}
.al-start{align-content: flex-start;}
.al-end{align-content: flex-end;}
.al-center{align-content: center;}
.al-sb{align-content: space-between;}
.al-sa{align-content: space-around;}
.al-stretch{align-content: stretch;}


.auto-inner{ max-width:16.8rem; margin:0 auto; width:100%;}
.auto-inner2{ max-width:14.4rem; margin:0 auto; width:100%;}

.pr{position:relative}
.nm{margin:0}
.nfw{font-weight:normal}
.img-block{display:block;width:100%}

@media (max-width:1680px){
.auto-inner,
.auto-inner2{ max-width:96%;}
}