@charset "utf-8";
html{height:100%}
body{min-height:100%}
blockquote,body,button,code,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,iframe,input,legend,li,ol,p,pre,select,td,textarea,th,ul{margin:0;padding:0}
li{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%;color:#333}
fieldset,frame,iframe,img{border:0 none}
img{vertical-align:top}
input[type=button],input[type=reset],input[type=submit]{cursor:pointer}
button{cursor:pointer}
button,input,textarea{-webkit-border-radius:0;-webkit-appearance:none}
input[type=radio]{-webkit-border-radius:100%;-webkit-appearance:radio}
input[type=checkbox]{-webkit-appearance:checkbox}
input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box}
textarea{overflow:auto;resize:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left}
th{font-weight:400}
address,cite,em,i{font-style:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
@font-face {
    font-family: 'HarmonyOS.ttf';
    src: url('../font/HarmonyOS_Sans_SC_Light.ttf');
    src:
            url('../font/HarmonyOS_Sans_SC_Light.ttf?#font-spider') format('embedded-opentype'),
            url('../font/HarmonyOS_Sans_SC_Light.ttf') format('woff'),
            url('../font/HarmonyOS_Sans_SC_Light.ttf') format('truetype'),
            url('../font/HarmonyOS_Sans_SC_Light.ttf') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'font';
    src: url('../font/font.eot');
    src:
            url('../font/font.eot?#font-spider') format('embedded-opentype'),
            url('../font/font.woff') format('woff'),
            url('../font/font.ttf') format('truetype'),
            url('../font/font.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
body,button,input,select,textarea{font-size:14px; font-family: 'b_font';
    /*font-family:'Helvetica', 'Arial', 'PingFang SC', 'Source Han Sans SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', 'sans-serif';  */
    color:#FFFFFF}
body{line-height:1.5; font-family: 'b_font';
    /*font-family:'Helvetica', 'Arial', 'PingFang SC', 'Source Han Sans SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', 'sans-serif';*/
}
html,body{
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
a{text-decoration:none}
a{blr:expression(this.onFocus=this.blur());color:#d00c23}
:focus{outline:0}
.fl{float:left}
.fr{float:right}
::-webkit-input-placeholder{color:#fff;letter-spacing: 0.1rem}
::-moz-placeholder{color:#fff;letter-spacing: 0.1rem}
:-ms-input-placeholder{color:#fff;letter-spacing: 0.1rem}
::-webkit-scrollbar {
    width: 2px;
    transition:  all 0.6s;
    -moz-transition:  all 0.6s;
    -webkit-transition: all 0.6s;
    -o-transition:  all 0.6s;
}

::-webkit-scrollbar-track {
    width: 2px;
    transition:  all 0.6s;
    -moz-transition:  all 0.6s;
    -webkit-transition: all 0.6s;
    -o-transition:  all 0.6s;
    background: rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-thumb {width: 0;
    transition:  all 0.6s;
    -moz-transition:  all 0.6s;
    -webkit-transition: all 0.6s;
    -o-transition:  all 0.6s;
    background-color: #000;
}

::-webkit-scrollbar-thumb:window-inactive {width: 0;
    transition:  all 0.6s;
    -moz-transition:  all 0.6s;
    -webkit-transition: all 0.6s;
    -o-transition:  all 0.6s;
    background-color: #000;
}

::-webkit-scrollbar-thumb:vertical:hover {
    background-color: #000;width: 0;
    transition:  all 0.6s;
    -moz-transition:  all 0.6s;
    -webkit-transition: all 0.6s;
    -o-transition:  all 0.6s;
}