@charset "utf-8";
@font-face {
    font-family: 'Noto Sans SC';
    font-style: normal;
    font-weight: 100;
    src: url(font/noto_sans_sc.woff2) format('woff2');
    unicode-range: U+1f1e9-1f1f5, U+1f1f7-1f1ff, U+1f21a, U+1f232, U+1f234-1f237, U+1f250-1f251, U+1f300, U+1f302-1f308, U+1f30a-1f311, U+1f315, U+1f319-1f320, U+1f324, U+1f327, U+1f32a, U+1f32c-1f32d, U+1f330-1f357, U+1f359-1f37e;
  }
html {  margin: 0 auto; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;}
body { font-family: "Noto Sans SC"; background-color:#F5F6F7; }
*{ -webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent; box-sizing: border-box;  }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,
form, fieldset, input, textarea, p, blockquote, th, td, img, span { padding: 0; margin: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, th, var, i { font-weight: normal; font-style: normal; }
ol, ul, li { list-style: none; }
div, dl, dt, dd, ol, ul, li { zoom: 1; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
b, strong {font-weight: bold;}
a,img,button,input,textarea{-webkit-tap-highlight-color:rgba(255,255,255,0);}
table{ border-collapse:collapse; } 
body{ margin:0 auto; overflow-x:hidden; }

input,textarea {outline:0;resize:none; border:none; box-sizing: border-box; font-size:.7rem;}
button,
input,
optgroup,
select,
textarea {
	-webkit-appearance:none;
    color: inherit;
	font: inherit;
    margin: 0;
    border:none;
}
button { overflow: visible; box-sizing: border-box; outline:0;resize:none;}
button,select { text-transform: none;}
/* input[type="text"] {border-radius:0;} */
button,
input[type="button"],input[type="reset"],input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled],input[disabled] { cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner { border: 0; padding: 0;}

input {
    line-height: normal;
    box-sizing:border-box;
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
	display:none;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -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;
}
label {
    display: inline-block;
    max-width: 100%;
}

/* img { border: 0; vertical-align: middle; max-width:100%;} */
img { border: 0; vertical-align: middle; max-width:100%;}
a { text-decoration: none;color:#444; }
a:hover{text-decoration:none;}
.fl { float: left; }
.fr { float: right; }
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {+height:1%;}
.hide {display:none;}
.show { display: block!important; }
.pr {position:relative;}
.pa {position:absolute;}
.bj_fff { background: #fff; }

/*居中*/
.vertical { display:inline-block; vertical-align:middle;}
.text_center {text-align:center;}
.text_left { text-align:left;}
.text_right { text-align:right;}
.hidden {overflow:hidden;}

/******   多行省略  ******/
.ellipsis { overflow: hidden;  text-overflow: ellipsis;  display: block; white-space: nowrap; }
.ellipsis_2 { overflow: hidden;  text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ellipsis_3 { overflow: hidden;  text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.ellipsis_4 { overflow: hidden;  text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.ellipsis_5 { overflow: hidden;  text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.ellipsis_6 { overflow: hidden;  text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;}


.flex { 
    position: relative; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: flex; 
}
.flex_center {
    position: relative; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: flex; 
    align-items: center; 
    -webkit-box-align: center; 
    -webkit-align-items: center;
}
.flex_end {
    position: relative; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: flex; 
    align-items: flex-end; 
    -webkit-box-align: flex-end; 
    -webkit-align-items: flex-end;
}

.flex_1 { 
    -webkit-box-flex: 1; 
    -webkit-flex: 1; 
    flex: 1; 
    min-width:0;
}