@charset "utf-8";
html { font-size: 20px; }
body { font-family: Arial; font-size: 16px; }

* { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; /* For some Androids */ }
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;}
body { max-width: 1024px; min-width: 768px; margin: 0 auto; }
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; }
.clearfix { display: block; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix { height: 1%; }

input, textarea { outline: 0; resize: none; }
button, input, optgroup, textarea { -webkit-appearance: none; color: inherit; font: inherit; margin: 0; }
select { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
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, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { box-shadow: 0 1px 3px #f1f1f1 inset; }
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; }

img { border: 0; vertical-align: middle; }
a { text-decoration: none; color: #444; }
a:hover { text-decoration: none; }
.fl { float: left; }
.fr { float: right; }
.hide { display: none; }
.pr { position: relative; }
.pa { position: absolute; }
/*居中*/
.vertical { display: inline-block; vertical-align: middle; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.hidden { overflow: hidden; }


/*背景色*/
.back-1 { background: #f6f6f6; }
.back-2 { background: #eceef5; }

/*margin*/
.mt-05 { margin-top: .5rem; }
.mt-1 { margin-top: 1rem; }
.mt-2 { margin-top: 2rem; }
.mr-03 { margin-bottom: 0.3rem; }


/*padding*/
.p25 { padding: 0 2.5%; }

/*文字大小*/
.f0 { font-size: 0rem; }
.f10 { font-size: 1.0rem; }
.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; }
.f16 { font-size: 1.6rem; }
.f17 { font-size: 1.7rem; }
.f18 { font-size: 1.8rem; }
.f19 { font-size: 1.9rem; }
.f20 { font-size: 2.0rem; }
.f21 { font-size: 2.1rem; }
.f22 { font-size: 2.2rem; }
.f23 { font-size: 2.3rem; }
.f24 { font-size: 2.4rem; }

/*width*/
.w25 { width: 25px; }


/****  文字颜色 ****/
.c00 { color: #000; }
.c333 { color: #333; }
.c666 { color: #666; }
.c999 { color: #999; }
.c444 { color: #444; }
.c888 { color: #888; }
.cfff { color: #fff; }
.cblue { color: #0263c2; }

/**背景色**/
.back_fff { background: #fff; }
.bg_00 { background: #000; }
.bg_blue { background: #0263c2; }
.bg_f2 { background: #f2f2f2; }


.disnone { display: none !important; }

.tl { text-align: left !important; }
.tc { text-align: center !important; }
.tr { text-align: right !important; }