@charset "utf-8";
html { margin: 0 auto; font-size:20px; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;}
body { font-family: '最像素EX2'; color: #333333;}
*{ padding:0; margin:0; -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;}
button,
input,
optgroup,
select,
textarea {
    -webkit-appearance:none;
    color: inherit;
    font: inherit;
    margin: 0;
}
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;
}
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%;
}
input::-webkit-input-placeholder{
    color:#999999;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#999999;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#999999;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:#999999;
}

img { border: 0; vertical-align: middle; max-width:100%;}
a { text-decoration: none;color:#444; vertical-align: middle; }
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%;}
.none {display:none;}
.show { display: block }
.hidden {overflow:hidden;}
.pr {position:relative;}
.pa {position:absolute;}
.vertical { display:inline-block; vertical-align:middle;}
.text_left { text-align:left;}
.text_center {text-align:center;}
.text_right { text-align:right;}


/******   多行省略  ******/
.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;}

/*边距*/
.mg3 { margin:0 3.2px; }
.mg14 { margin:0 14px; }
.mg30 { margin:30px 0; }
.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt60 { margin-top:60px; }
.mt100 { margin-top:100px; }
.mr10 { margin-right:10px; }
.mr12 { margin-right:12px; }
.mr20 { margin-right:20px; }
.mr30 { margin-right:30px; }
.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb12 { margin-bottom:12px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.mb50 { margin-bottom:50px; }
.mb80 { margin-bottom:80px; }
.mb100 { margin-bottom:100px; }
.padding_btm10 { padding-bottom:10px; }
.padding_btm20 { padding-bottom:20px; }
.padding_btm30 { padding-bottom:30px; }
.padding_btm40 { padding-bottom:40px; }
.padding_btm50 { padding-bottom:50px; }
.padding_btm60 { padding-bottom:60px; }
.padding_btm70 { padding-bottom:70px; }
.padding_btm80 { padding-bottom:80px; }
.padding_btm90 { padding-bottom:90px; }
.padding_btm100 { padding-bottom:100px; }

/**********  圆角   *************/
.radius3 { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.radius6 { border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
.radius30 { border-radius: 30px; -moz-border-radius: 30px;-webkit-border-radius: 30px;}
.radius50 { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}

/*文字大小*/
.f5 { font-size:.5rem; }
.f6 { font-size:.6rem; }
.f7 { font-size:.7rem; }
.f8 { font-size:.8rem; }
.f9 { font-size:.9rem; }
.f10 { font-size:1rem; }
.f11 { font-size:1.1rem; }
.f12 { font-size:1.2rem; }
.f13 { font-size:1.3rem; }
.f14 { font-size:1.4rem; }
.f15 { font-size:1.5rem; }

/**********  颜色  *********/


/**********   弹性盒子    **********/
.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;
}







/****************  特殊字体  ****************/
@font-face { font-family: 'Arial-Black';
    src: url('../fonts/Arial-Black.eot') format('embedded-opentype'),
    url('../fonts/Arial-Black.svg') format('svg'),
    url('../fonts/Arial-Black.ttf') format('truetype'),
    url('../fonts/Arial-Black.woff') format('woff'),
    url('../fonts/Arial-Black.woff2') format('woff2');
}
@font-face { font-family: 'SourceHanSansCN-Bold-Alphabetic';
    src: url('../fonts/SourceHanSansCN-Bold-Alphabetic.eot') format('embedded-opentype'),
    url('../fonts/SourceHanSansCN-Bold-Alphabetic.svg') format('svg'),
    url('../font/SourceHanSansCN-Bold-Alphabetic.ttf') format('truetype'),
    url('../fonts/SourceHanSansCN-Bold-Alphabetic.woff') format('woff'),
    url('../fonts/SourceHanSansCN-Bold-Alphabetic.woff2') format('woff2');
}