/* media 媒体查询*/
/* html{font-size: 41.6667px;} */
/* @media screen and (min-width: 320px){html{font-size:41.6667px} body{font-size: 12px}} */
/* @media screen and (min-width: 360px){html{font-size:46.875px} body{font-size: 12px}} */
/* @media screen and (min-width: 375px){html{font-size:48.828px} body{font-size: 12px}} */
/* @media screen and (min-width: 384px){html{font-size:50px} body{font-size: 14px}} */
/* @media screen and (min-width: 400px){html{font-size:52.0833px} body{font-size: 14px}} */
/* @media screen and (min-width: 414px){html{font-size:53.9063px} body{font-size: 14px}} */
/* @media screen and (min-width: 424px){html{font-size:55.2083px} body{font-size: 14px}} */
/* @media screen and (min-width: 480px){html{font-size:62.5px} body{font-size: 15.36px}} */
/* @media screen and (min-width: 540px){html{font-size:70.3125px} body{font-size: 17.28px}} */
/* @media screen and (min-width: 720px){html{font-size:93.75px} body{font-size: 23.04px}} */
/* @media screen and (min-width: 750px){html{font-size:97.6563px} body{font-size: 24px}} */
/* @media screen and (max-width: 768px){html{font-size:20px} body{font-size: 24px}} */
@media screen and (min-width: 3840px){
    html{font-size:50px} body{font-size: 24px}
}


@font-face {
    font-family: 'HarmonyOS';
    src: url('/fonts/HarmonyOS_Sans_SC_Regular.ttf') format('truetype');
    font-weight: 400; /* 普通字重 */
    font-style: normal;
    font-display: swap; /* 优化字体加载显示 */
}
@font-face {
    font-family: 'HarmonyOS';
    src: url('/fonts/HarmonyOS_Sans_SC_Medium.ttf') format('truetype');
    font-weight: 500; /* 普通字重*/
    font-style: normal;
    font-display: swap; /* 优化字体加载显示 */
}
@font-face {
    font-family: 'HarmonyOS';
    src: url('/fonts/HarmonyOS_Sans_SC_Bold.ttf') format('truetype');
    font-weight: 700; /* 粗体字重 */
    font-style: normal;
    font-display: swap; /* 优化字体加载显示 */
}
@font-face {
    font-family: 'HarmonyOS';
    src: url('/fonts/HarmonyOS_Sans_SC_Light.ttf') format('truetype');
    font-weight: 300; /* 粗体字重 */
    font-style: light;
    font-display: swap; /* 优化字体加载显示 */
}
@font-face {
    font-family: 'HarmonyOS';
    src: url('/fonts/HarmonyOS_Sans_SC_Thin.ttf') format('truetype');
    font-weight: 100; /* 粗体字重 */
    font-style: thin;
    font-display: swap; /* 优化字体加载显示 */
}
@font-face {
    font-family: 'HarmonyOS';
    src: url('/fonts/HarmonyOS_Sans_SC_Black.ttf') format('truetype');
    font-weight: 500; /* 粗体字重 */
    font-style: black;
    font-display: swap; /* 优化字体加载显示 */
}
/* reset清除浏览器默认样式 */
/* border-box避免宽度溢出，造成横向滚动条（移动端项目都是非固定式宽度）*/
*,
*:before,
*:after{-webkit-box-sizing: border-box; box-sizing: border-box;} 
html,body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,td {margin:0;padding:0;}
html,
body{min-height: 100%; line-height: 1.15; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background: #fff;}
html{-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-weight: 500;font-style: normal; font-family: "HarmonyOS",  "Microsoft YaHei", "Segoe UI", "Lucida Grande", Helvetica, Arial, FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;}
body{margin: 0; position: relative; background: #fff; font-weight: normal; color: #333; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,main,nav,section{display: block;}
summary{display: list-item;}
audio,canvas,progress,video{display: inline-block; vertical-align: baseline;}
audio:not([controls]){display: none; height: 0;}
[hidden],
template,script{display: none;}
/* Links ========================================================================== */
a{background-color: transparent; color:#333; -webkit-text-decoration-skip: objects;}
a:focus{outline: none;}
a:active,a:hover{outline: none;}
/* Text-level semantics ========================================================================== */
ins,a{text-decoration: none;}
abbr[title]{border-bottom: 1px dotted;}
b,strong{font-weight: bold;}
button {background:transparent;border:0 none;}
ol,ul,li {list-style:none;}
i,em{ font-style:normal;}
ul, menu, dir{-webkit-margin-before:0;-webkit-margin-after: 0;-webkit-padding-start:0}
pre{white-space: pre-wrap;}
small{font-size: 80%;}
sub,sup{font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup{top: -5em;}
sub{bottom: -25em;}
/* Embedded content ========================================================================== */
img{-webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle;  border: 0; }
svg:not(:root){overflow: hidden;}
/* Grouping content ========================================================================== */
figure{margin: 0;}
code,kbd,pre,samp{font-weight: 500;font-style: normal; font-family: "HarmonyOS" Monaco, Menlo, Consolas, "Courier New", "FontAwesome", monospace; font-size: 1em;}
/* Forms ========================================================================== */
fieldset{border: 1px solid #c0c0c0; margin: 0 2px; padding: 35em 625em 75em;}
legend{border: 0; padding: 0; }
button,input,optgroup,select,textarea{color: inherit;  font: inherit;  margin: 0;  outline:none; }
button{overflow: visible;}
button,input{line-height: normal;}
button,select{text-transform: none;}
button,html input[type="button"],
input[type="reset"],
input[type="submit"]{-webkit-appearance: button; cursor: pointer; }
input[type="radio"],
input[type="checkbox"]{cursor: pointer; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
button[disabled],
html input[disabled]{cursor: default;}
button::-moz-focus-inner,
input::-moz-focus-inner{border: 0; padding: 0;}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{height: auto;}
input[type="search"]{-webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
textarea{overflow: auto; vertical-align: top; resize: vertical; -webkit-appearance: none; outline: none;}
optgroup{font-weight: bold;}
/* Tables ========================================================================== */
table{border-collapse: collapse; border-spacing: 0;}
td,th{padding: 0;}
body,input,textarea,select,button{text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: "liga", "kern";}
/*Only phones */
@media only screen and (max-width: 640px){body{word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto;}}
/* Insert */
ins{background: #ffa; color: #333333;}
/** * Mark * Note: Addresses styling not present in IE 8/9. */
mark{background: #ffa; color: #333;}
/** * Abbreviation and definition */
abbr[title],
dfn[title]{cursor: help;}
dfn[title]{border-bottom: 1px dotted; font-style: normal;}
h1,h2,h3,h4,h5,h6{ font-weight: normal; font-size: 100%;}
hr{display: block; padding: 0; border: 0; height: 0; border-top: 1px solid #eeeeee; -webkit-box-sizing: content-box; box-sizing: content-box; }
/* Address */
address{font-style: normal;}
/* Quotes */
blockquote small{display: block; color: #999999; font-family: "HarmonyOS", "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif; text-align: right;}
blockquote p:last-of-type{margin-bottom: 0;}
/* iframe */
iframe{border: 0;}
/* Forms ========================================================================== */
button,input:not([type="radio"]):not([type="checkbox"]),
select{vertical-align: middle;}

/*IOS 去除边框效果*/
input[type="button"]{-webkit-appearance: none; outline:none; border-radius:0;}
input[type="submit"]{-webkit-appearance: none; outline:none; border-radius:0;}
input[type="text"]{-webkit-appearance: none; outline:none; border-radius:0; }
input[type="number"]{-webkit-appearance: none; outline:none; border-radius:0; }
input[type="tel"]{-webkit-appearance: none; outline:none; border-radius:0; }

/*移除HTML5 input在type="number"时的上下小箭头*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{ -webkit-appearance: none !important; margin: 0;}
input[type="number"]{-moz-appearance:textfield;}
/* placeholder 默认颜色*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #ccc;  font-family: "HarmonyOS", "Microsoft YaHei", "Segoe UI", "Lucida Grande", Helvetica, Arial, FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif; font-weight:normal;}
input::-moz-placeholder, textarea:-moz-placeholder { color: #ccc;  font-family: "HarmonyOS", "Microsoft YaHei", "Segoe UI", "Lucida Grande", Helvetica, Arial, FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif; font-weight:normal;}
input::-ms-input-placeholder, textarea:-ms-input-placeholder { color: #ccc;  font-family: "HarmonyOS", "Microsoft YaHei", "Segoe UI", "Lucida Grande", Helvetica, Arial, FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif; font-weight:normal;}
html, body {
    scroll-behavior: smooth;
    /* 额外建议：防止移动端点击高亮 */
    -webkit-tap-highlight-color: transparent;
}
/* 浮动 */
.fl {
    float: left;
}
.fr {
    float: right; 
}
/* 清浮动 */
.clearfix:after {
    content:"";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearfix {zoom:1;}

.flex1 {
    flex-grow: 1;
}