/* 字体加载  OTF: opentype   TTF: truetype */
@font-face {font-family: 'HarmonyOS_Sans_Bold';
    src: url('../../font/HarmonyOS_Sans_Bold.ttf');
    src:url('../../font/HarmonyOS_Sans_Bold.ttf') format('truetype');
}
@font-face {font-family: 'HKGrotesk-Light';
    src: url('../../font/HKGrotesk-Light.otf');
    src:url('../../font/HKGrotesk-Light.otf') format('opentype');
}
@font-face {font-family: 'MONTSERRAT-BOLD';
    src: url('../../font/MONTSERRAT-BOLD_0.OTF');
    src:url('../../font/MONTSERRAT-BOLD_0.OTF') format('opentype');
}
@font-face {font-family: 'HarmonyOS_Sans_SC_Bold';
    src: url('../../font/HarmonyOS_Sans_SC_Bold.ttf');
    src:url('../../font/HarmonyOS_Sans_SC_Bold.ttf') format('truetype');
}
@font-face {font-family: 'HarmonyOS_Sans_SC_Regular';
    src: url('../../font/HarmonyOS_Sans_SC_Regular_0.ttf');
    src:url('../../font/HarmonyOS_Sans_SC_Regular_0.ttf') format('truetype');
}
@font-face {font-family: 'HarmonyOS_Sans_SC_Light';
    src: url('../../font/HarmonyOS_Sans_SC_Light.ttf');
    src:url('../../font/HarmonyOS_Sans_SC_Light.ttf') format('truetype');
}
@font-face {font-family: 'Poppins-Regular';
    src: url('../../font/Poppins-Regular.ttf');
    src:url('../../font/Poppins-Regular.ttf') format('opentype');
}


/*css 初始化 */
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, nav, header,
form, fieldset, legend, img, div, span, section, footer, em, input, textarea, a{ margin:0; padding:0; box-sizing: border-box;} 
fieldset, img,input,button, textarea { border:none; padding:0;margin:0;outline-style:none; }
ul, ol { list-style:none; }
input, textarea { padding-top:0; padding-bottom:0; font-family: 'Poppins-Regular', 'HarmonyOS_Sans_SC_Regular', 'HarmonyOS_Sans_SC_Light';}
select, input { vertical-align:middle; }
select, input, textarea { margin:0; }
textarea { resize:none; }
img {border:0;    vertical-align:middle;}
table { border-collapse:collapse; }
body {
    font-size:16px;
    font-family: 'Poppins-Regular', 'HarmonyOS_Sans_SC_Regular', 'HarmonyOS_Sans_SC_Light';
    font:Arial,Verdana,"\5b8b\4f53";
    color:#666;
    background:#fff
}
.clearfix:before,.clearfix:after{ 
    content:""; 
    display:table; 
} 
.clearfix:after{clear:both;} 
.clearfix{ 
    *zoom:1;/*IE/7/6*/ 
} 
a{color:#666; text-decoration:none;transition:All 0.4s ease;-webkit-transition:All 0.4s ease;-moz-transition:All 0.4s ease;-o-transition:All 0.4s ease;}
/* a:hover{color:#C81623;} */
h1,h2,h3,h4,h5,h6{text-decoration:none;font-weight:normal;}
s,i,em{font-style:normal;text-decoration:none;}
.col-red{color: #C81623!important;}