@charset "utf-8";

/*#region global*/
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html, body, div, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, p, blockquote, pre, code, form, fieldset, legend, table, th, td { padding: 0; margin: 0; }
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); min-height: 100%; position: relative; }
body { font-family: Arial,Microsoft YaHei; font-size: 12px; min-height: 100%; line-height: 1.5; color: #333; background-color: #eee; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button, input, select, textarea { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; color: inherit; }
fieldset, img, abbr, acronym { border: 0; }
img, input, select { vertical-align: middle; }
select { border: 1px solid #ccc; height: 30px; line-height: 30px; outline: 0; }
sup, sub { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
small { font-size: 80%; }
ol, ul { list-style: none; }
b, strong, optgroup { font-weight: bold; }
q:before, q:after { content: ""; }
hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 0; border: 0; border-top: 1px solid #ccc; }
a { color: inherit; text-decoration: none; background: transparent; }
a:active, a:focus, a:hover, a:visited { text-decoration: none; outline: 0; }
button, input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], select[disabled], input[disabled] { cursor: default !important; pointer-events: none !important; }
/*#endregion*/

/*#region input*/
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #fff inset; }
input::-webkit-input-placeholder { color: #ccc; }
input::-moz-placeholder { color: #ccc; opacity: 1; }
input:-moz-placeholder { color: #ccc; opacity: 1; }
input:-ms-input-placeholder { color: #ccc; }
input::-ms-clear, input::-ms-reveal { display: none; }
input::-moz-focus-inner, button::-moz-focus-inner { border: 0; }
input[readonly] { cursor: default; }
input[type="number"] { -moz-appearance: textfield; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="text"], input[type="password"], input[type="text"]:hover, input[type="password"]:hover, input[type="text"]:focus, input[type="password"]:focus { outline: 0; }
textarea, textarea:hover, textarea:focus { line-height: 1.5; outline: 0; overflow: auto; resize: none; }
/*#endregion*/

/*#region selection*/
::-webkit-selection { color: #fff; background-color: #68aee9; }
::-moz-selection { color: #fff; background-color: #68aee9; }
::selection { color: #fff; background-color: #68aee9; }
/*#endregion*/

/*#region display*/
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.center-block { display: block; margin-left: auto; margin-right: auto; }
.inline-block { display: inline-block !important; }
.show { display: block !important; }
.hide { display: none !important; }
.invisible { visibility: hidden !important; }
.hidden { display: none !important; visibility: hidden !important; }
.align-center, .tc { text-align: center !important; }
.align-left, .tl { text-align: left !important; }
.align-right, .tr { text-align: right !important; }
.align-middle { vertical-align: middle !important; }
.align-top { vertical-align: top !important; }
.align-bottom { vertical-align: bottom !important; }
.align-text-top { vertical-align: text-top !important; }
.align-text-bottom { vertical-align: text-bottom !important; }
.align-super { vertical-align: super !important; }
.align-sub { vertical-align: sub !important; }
.pull-50, .float-50 { float: left !important; width: 50% !important; }
.pull-100, .float-100, .f-100 { float: left !important; width: 100% !important; }
.pull-left, .float-left, .float-l { float: left !important; }
.pull-right, .float-right, .float-r { float: right !important; }
.pos-sta, .position-static { position: static !important; }
.pos-rel, .position-relative, .pos-r { position: relative !important; }
.pos-abs, .position-absolute { position: absolute !important; }
.no-user-select { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
.affix { position: fixed; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.break { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
/*#endregion*/

.mt-10 { margin-top: 10px !important; }
.mb-10 { margin-bottom: 10px !important; }
.ml-10 { margin-left: 10px !important; }
.mr-10 { margin-right: 10px !important; }

/*#region none*/
.no-top { top: 0 !important; }
.no-left { left: 0 !important; }
.no-right { right: 0 !important; }
.no-bottom { bottom: 0 !important; }
.no-padding { padding: 0 !important; }
.no-padding-top { padding-top: 0 !important; }
.no-padding-left { padding-left: 0 !important; }
.no-padding-right { padding-right: 0 !important; }
.no-padding-bottom { padding-bottom: 0 !important; }
.no-margin { margin: 0 !important; }
.no-margin-top { margin-top: 0 !important; }
.no-margin-left { margin-left: 0 !important; }
.no-margin-right { margin-right: 0 !important; }
.no-margin-bottom { margin-bottom: 0 !important; }
.no-border { border-width: 0 !important; }
.no-border-top { border-top-width: 0 !important; }
.no-border-left { border-left-width: 0 !important; }
.no-border-right { border-right-width: 0 !important; }
.no-border-bottom, .no-border-b { border-bottom-width: 0 !important; }
.no-radius { border-radius: 0 !important; }
.no-scroll { overflow: hidden !important; }
.no-shadow { text-shadow: none !important; }
.no-float { float: none !important; }
.no-event { pointer-events: none !important; cursor: default !important; }
/*#endregion*/

/*#region hr*/
.hr { display: block; overflow: hidden; height: 0; font-size: 0; margin: 15px 0; border-width: 1px 0 0 0; border-top: 1px solid #e9eef4; }
.hr-double { height: 5px; border-top: 1px solid #e9eef4; border-bottom: 1px solid #e9eef4; }
.hr-dotted, .hr.dotted { border-style: dotted; }
.hr-dashed, .hr.dashed { border-style: dashed; }
.hr-32, .hr32 { margin: 32px 0; }
.hr-30, .hr30 { margin: 30px 0; }
.hr-28, .hr28 { margin: 28px 0; }
.hr-26, .hr26 { margin: 26px 0; }
.hr-24, .hr24 { margin: 24px 0; }
.hr-22, .hr22 { margin: 22px 0; }
.hr-20, .hr20 { margin: 20px 0; }
.hr-18, .hr18 { margin: 18px 0; }
.hr-16, .hr16 { margin: 16px 0; }
.hr-14, .hr14 { margin: 14px 0; }
.hr-12, .hr12 { margin: 12px 0; }
.hr-10, .hr10 { margin: 10px 0; }
.hr-8, .hr8 { margin: 8px 0; }
.hr-6, .hr6 { margin: 6px 0; }
.hr-4, .hr4 { margin: 4px 0; }
.hr-2, .hr2 { margin: 2px 0; }
/*#endregion*/

/*#region font*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { font-weight: normal; line-height: 1; color: inherit; }
h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small { font-size: 65%; }
h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small { font-size: 75%; }
h1, .h1 { font-size: 24px !important; }
h2, .h2 { font-size: 20px !important; }
h3, .h3 { font-size: 18px !important; }
h4, .h4 { font-size: 16px !important; }
h5, .h5 { font-size: 14px !important; }
h6, .h6 { font-size: 12px !important; }
/*#endregion*/

/*#region color*/
.red { color: #ed5959 !important; }
.orange { color: #f48500 !important; }
.cyan { color: #68aee9 !important; }
.green { color: #88bb42 !important; }
.blue { color: #3c8ee9 !important; }
.black { color: #333 !important; }
.dark-gray { color: #666 !important; }
.gray { color: #999 !important; }
.blue-gray { color: #61798d !important; }
.white { color: #fff !important; }
.bg-white { background-color: #fff !important; }
.bg-body { background-color: #e6e7eb !important; }
.bg-blue { background-color: #e9f6ff !important; }
.bg-gray { background-color: #f8f8f8 !important; }
/*#endregion*/

/*#region border*/
.border { border: 1px solid #e9eef4; }
.border-top { border-top: 1px solid #e9eef4; }
.border-left { border-left: 1px solid #e9eef4; }
.border-right { border-right: 1px solid #e9eef4; }
.border-bottom { border-bottom: 1px solid #e9eef4; }
.border.dashed { border: 1px dashed #e9eef4; }
.border-top.dashed { border-top: 1px dashed #e9eef4; }
.border-left.dashed { border-left: 1px dashed #e9eef4; }
.border-right.dashed { border-right: 1px dashed #e9eef4; }
.border-bottom.dashed { border-bottom: 1px dashed #e9eef4; }
.border.dotted { border: 1px dotted #e9eef4; }
.border-top.dotted { border-top: 1px dotted #e9eef4; }
.border-left.dotted { border-left: 1px dotted #e9eef4; }
.border-right.dotted { border-right: 1px dotted #e9eef4; }
.border-bottom.dotted { border-bottom: 1px dotted #e9eef4; }
/*#endregion*/

/*#region other*/
.pave-full { width: 100%; height: 100%; }
.width-full { width: 100% !important; }
.height-full { height: 100% !important; }
.width-auto { width: auto !important; }
.height-auto { height: auto !important; }
.mouse-e-resize { cursor: e-resize !important; }
.mouse-n-resize { cursor: n-resize !important; }
.mouse-col-resize { cursor: col-resize !important; }
.mouse-row-resize { cursor: row-resize !important; }
.nonius { cursor: default !important; }
.finger { cursor: pointer !important; }
.bold { font-weight: bold !important; }
/*#endregion*/