.itsing { font-size: inherit; }

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document ========================================================================== */
/** 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. */
html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/* Sections ========================================================================== */
/** Remove the margin in all browsers. */
body { margin: 0; }

/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1 { font-size: 2em; margin: 0.67em 0; }

/* Grouping content ========================================================================== */
/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/* Text-level semantics ========================================================================== */
/** Remove the gray background on active links in IE 10. */
a { background-color: transparent; }

/** 1. Remove the bottom border in Chrome 57- 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ }

/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/** Add the correct font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Embedded content ========================================================================== */
/** Remove the border on images inside links in IE 10. */
img { border-style: none; }

/* Forms ========================================================================== */
/** 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. */
button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }

/** Show the overflow in IE. 1. Show the overflow in Edge. */
button, input { /* 1 */ overflow: visible; }

/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button, select { /* 1 */ text-transform: none; }

/** Correct the inability to style clickable types in iOS and Safari. */
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

/** Correct the padding in Firefox. */
fieldset { padding: 0.35em 0.75em 0.625em; }

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { vertical-align: baseline; }

/** Remove the default vertical scrollbar in IE 10+. */
textarea { overflow: auto; }

/** 1. Add the correct box sizing in IE 10. 2. Remove the padding in IE 10. */
[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }

/** Remove the inner padding in Chrome and Safari on macOS. */
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

/* Interactive ========================================================================== */
/* Add the correct display in Edge, IE 10+, and Firefox. */
details { display: block; }

/* Add the correct display in all browsers. */
summary { display: list-item; }

/* Misc ========================================================================== */
/** Add the correct display in IE 10+. */
template { display: none; }

/** Add the correct display in IE 10. */
[hidden] { display: none; }

/** Scaffolding ---------------------------------------------------------------------------- */
* { -webkit-overflow-scrolling: touch; }

body { font-family: "PingFang SC", Helvetica, "Helvetica Neue", "Microsoft YaHei", "SimSun", Tahoma, Arial, sans-serif; font-size: 14px; line-height: 24px; color: #414549; background-color: white; }

ul, li, ol { padding: 0; }

ul { margin: 0; }

li { list-style-type: none; }

p { margin: 0; padding: 0; }

input, button, select, textarea { padding: 0; font-family: inherit; font-size: inherit; line-height: inherit; outline: none; border: none; }

input::-ms-clear { display: none; }

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; }

input, input:focus, textarea:focus { outline: none; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-modify: read-write-plaintext-only; }

a, label { color: #414549; text-decoration: none; }
a, a:active, label, label:active { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -moz-tap-highlight-color: rgba(0, 0, 0, 0); -ms-tap-highlight-color: rgba(0, 0, 0, 0); -o-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); }

img { vertical-align: middle; }

/** Typography ---------------------------------------------------------------------------- */
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, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small, .h1 small, .h1 .small, .h2 small, .h2 .small, .h3 small, .h3 .small, .h4 small, .h4 .small, .h5 small, .h5 .small, .h6 small, .h6 .small { font-weight: normal; line-height: 1; color: #919599; }

h1, .h1, h2, .h2, h3, .h3 { margin-top: 24px; margin-bottom: 12px; }
h1 small, h1 .small, .h1 small, .h1 .small, h2 small, h2 .small, .h2 small, .h2 .small, h3 small, h3 .small, .h3 small, .h3 .small { font-size: 65%; }

h4, .h4, h5, .h5, h6, .h6 { margin-top: 12px; margin-bottom: 12px; }
h4 small, h4 .small, .h4 small, .h4 .small, h5 small, h5 .small, .h5 small, .h5 .small, h6 small, h6 .small, .h6 small, .h6 .small { font-size: 75%; }

h1, .h1 { font-size: 36px; }

h2, .h2 { font-size: 30px; }

h3, .h3 { font-size: 24px; }

h4, .h4 { font-size: 18px; }

h5, .h5 { font-size: 14px; }

h6, .h6 { font-size: 12px; }

.text-left { text-align: left; }

.text-right { text-align: right; }

.text-center { text-align: center; }

.text-justify { text-align: justify; }

.text-nowrap { white-space: nowrap; }

.text-lowercase { text-transform: lowercase; }

.text-uppercase { text-transform: uppercase; }

.text-capitalize { text-transform: capitalize; }

/** Forms ---------------------------------------------------------------------------- */
input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; cursor: pointer; }

input[type="file"] { display: block; }

input[type="range"] { display: block; width: 100%; }

select[multiple], select[size] { height: auto; }

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

.form-control { display: block; width: 100%; height: 36px; font-size: 14px; line-height: 24px; color: #414549; background-color: white; background-image: none; border: 1px solid #c1c5c9; border-radius: 4px; transition: all 0.15s; -moz-transition: all 0.15s; -webkit-transition: all 0.15s; -o-transition: all 0.15s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.form-control:focus { background-color: rgba(0, 204, 153, 0.02); border-color: #00cc99; outline: 0; }
.form-control::-moz-placeholder { color: #b1b5b9; opacity: 1; }
.form-control:-ms-input-placeholder { color: #b1b5b9; }
.form-control::-webkit-input-placeholder { color: #b1b5b9; }
.form-control::-ms-expand { border: 0; background-color: transparent; }
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #919599; opacity: 1; }
.form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; }

textarea.form-control { height: auto; }

input[type="search"] { -webkit-appearance: none; }

/** Forms common styles */
.form-row { position: relative; margin: 10px 0; }
.form-row .form-textarea-hint { margin-top: 5px; }

.form-title { font-size: 14px; color: #414549; line-height: 36px; }

.form-pretitle { padding-left: 90px; }
.form-pretitle .form-title { position: absolute; top: 50%; left: 0; width: 80px; margin-top: -18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.input-wrap, .textarea-wrap, .date-wrap, .form-label { position: relative; }

.form-con .tooltip { display: none; left: 0; color: white; opacity: 0.95; filter: alpha(opacity=95); }
.form-con .tooltip-up { top: -24px; }
.form-con .tooltip-arr { left: 10px; }
.form-con .tooltip-down { bottom: -24px; }

.form-error .form-control { border-color: #fb4859; }
.error-info { font-size: 12px; color: #fb4859; line-height: 1.8; vertical-align: middle; }
.error-info i { margin-right: .3em; font-size: 14px; vertical-align: middle; }

.text-wrap { font-size: 14px; color: #414549; line-height: 36px; }

/** Input & extarea  */
input.form-control { text-indent: 8px; }

.form-textarea { position: relative; z-index: 1; padding: 8px; line-height: 1.4; }

.form-textarea-bot { font-size: 12px; line-height: 30px; }
.form-textarea-num { color: #b1b5b9; }

.input-hasicon .form-control { text-indent: 32px; }
.input-icon { position: absolute; top: 50%; left: 8px; z-index: 1; display: inline-block; width: 16px; height: 16px; margin-top: -8px; color: #b1b5b9; line-height: 16px; vertical-align: middle; }
.input-icon i { display: inline-block; width: 16px; height: 16px; line-height: 16px; font-size: 16px; vertical-align: middle; }

.input-append { position: absolute; top: 50%; right: 0; z-index: 1; display: none; margin-top: -9px; line-height: 1; }
.input-append .btn-icon-only { display: inline-block; width: 18px; height: 18px; margin: 0 4px; padding: 0; font-size: 18px; color: #5c5c5c; line-height: 1; text-align: center; text-decoration: none; vertical-align: middle; border-radius: 0; }

/** Raido and Checkbox */
.form-label { position: relative; display: inline-block; padding-left: 26px; font-weight: normal; cursor: pointer; vertical-align: middle; }
.form-label input[type="radio"], .form-label input[type="checkbox"] { position: absolute; visibility: hidden; }
.form-label:hover .form-radio-btn, .form-label:hover .form-checkbox-btn { border-color: #b1b5b9; }
.form-label:hover .form-radio-btn i, .form-label:hover .form-checkbox-btn i { display: block; color: #b1b5b9; }
.form-radio-btn, .form-checkbox-btn { position: absolute; top: 50%; left: 0; z-index: 1; display: block; width: 14px; height: 14px; margin-top: -8px; line-height: 14px; text-align: center; background-color: white; border: 1px solid #d1d5d9; vertical-align: middle; }
.form-radio-btn i, .form-checkbox-btn i { display: none; font-size: 12px; font-weight: bold; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); }

.form-radio-btn { border-radius: 50%; }

.form-checkbox-btn { border-radius: 4px; }

.form-label-con { display: inline-block; margin-right: 20px; line-height: 36px; font-size: 14px; color: #414549; }

.active .form-radio-btn, .active .form-checkbox-btn, .active:hover .form-radio-btn, .active:hover .form-checkbox-btn { border-color: #00cc99; }
.active .form-radio-btn i, .active .form-checkbox-btn i, .active:hover .form-radio-btn i, .active:hover .form-checkbox-btn i { display: block; color: #00cc99; }

/** Select */
.form-select:hover { border-color: #00cc99; }
.form-select:hover .select-arrow { border-top-color: #00cc99; }
.form-select .select-main { position: relative; width: 100%; }
.form-select .select-arrow { position: absolute; top: 18px; right: 8px; width: 0; height: 0; display: inline-block; overflow: hidden; border-width: 4px; border-color: transparent; border-style: dashed; border-top-color: #414549; border-top-style: solid; margin-top: -2px; }
.form-select .select-set { position: relative; z-index: 1; font-size: 12px; text-indent: 8px; line-height: 34px; }
.form-select .select-block { position: relative; z-index: 2; left: -1px; width: 100%; margin-top: 1px; background-color: white; border: 1px solid #c1c5c9; }
.form-select .select-items { padding: 0 8px; font-size: 12px; color: #616569; line-height: 2; }
.form-select .select-items:hover { color: #212529; background-color: #fafbfc; }
.form-select .select-items.active, .form-select .select-items.active:hover { color: #00cc99; background-color: rgba(0, 204, 153, 0.1); }

/** Datepicker */
.date-wrap .form-control { position: relative; background-color: transparent; cursor: pointer; }
.form-date-ico { position: absolute; top: 50%; right: 0; z-index: 0; display: inline-block; width: 36px; height: 36px; margin-top: -18px; text-align: center; line-height: 36px; background-color: url(../images/dateIco.png); background-image: url(../jQueryAssets/images/calendar.jpg); background-position: center; background-repeat: no-repeat; border-left: 1px solid #c1c5c9; vertical-align: middle; }

.only-month .ui-datepicker-calendar { display: none; }

/** Mix form group */
.mixform-wrap { position: relative; }
.mixform-wrap .btn { position: absolute; top: 0; right: 0; }
.mixform-wrap.search-wrap { padding-right: 62px; }
.mixform-wrap.search-wrap .input-append { right: 62px; }
.mixform-wrap.vcode-wrap { padding-right: 104px; }
.mixform-wrap.file-wrap { padding-right: 74px; }
.mixform-wrap.file-wrap input[readonly] { background-color: white; cursor: default; }
.mixform-wrap.file-wrap input[readonly]:focus { border-color: #c1c5c9; }
.mixform-wrap.file-wrap .btn { height: 36px; line-height: 34px; border-radius: 4px; }

/** form corner */
.form-sharp .form-control, .form-sharp.form-lg .form-control { border-radius: 0; }

/** form size */
.form-lg.form-pretitle { padding-left: 90px; }
.form-lg.form-pretitle .form-title { width: 80px; font-size: 16px; line-height: 40px; }
.form-lg .form-control { height: 40px; font-size: 14px; border-radius: 8px; }
.form-lg .form-control select { padding: 8px 0; text-indent: 8px; }
.form-lg .form-label-con { line-height: 42px; }
.form-lg textarea.form-control { height: auto; }
.form-lg .form-select .select-arrow { top: 20px; }
.form-lg .form-select .select-set { line-height: 38px; }
.form-lg .form-date-ico { width: 40px; height: 40px; margin-top: -20px; }
.form-lg .form-date-ico i { width: 18px; height: 18px; line-height: 18px; font-size: 18px; vertical-align: middle; }
.form-lg .form-label { padding-left: 30px; }
.form-lg .form-radio-btn, .form-lg .form-checkbox-btn { width: 20px; height: 20px; margin-top: -10px; font-size: 14px; line-height: 18px; }
.form-lg .form-radio-btn i, .form-lg .form-checkbox-btn i { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); }
.form-lg .form-label-con { font-size: 16px; line-height: 42px; }
.form-lg .search-wrap { padding-right: 72px; }
.form-lg .vcode-wrap { padding-right: 120px; }
.form-lg .btn { padding-top: 0; padding-right: 20px; padding-bottom: 0; padding-left: 20px; font-size: 15px; line-height: 38px; }

/** outer framework for 'add and edit' popup */
.form-table-row { border-bottom: 1px solid #edeeef; vertical-align: bottom; }
.form-table-row:last-child { border-bottom: none; }

.form-table-wrap { position: relative; padding-left: 136px; }

.form-table-head { position: absolute; top: 0; bottom: 0; left: 0; width: 96px; margin: 7px 0; padding: 0 10px 0 15px; line-height: 42px; border-right: 1px solid #edeeef; font-size: 14px; color: #919599; }
.form-table-head span { margin-left: 4px; font-size: 16px; color: #fb4859; }

.form-table-body { position: relative; min-height: 42px; padding: 7px 0; }
.form-table-body .form-con { padding-top: 3px; }

/** Buttons ---------------------------------------------------------------------------- */
.btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding-right: 15px; padding-left: 15px; font-size: 14px; line-height: 36px; border-radius: 0; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.btn:hover { text-decoration: none; }

/** Alternate buttons */
.btn-icon { position: relative; display: inline-block; color: #414549; vertical-align: middle; }
.btn-icon i { display: inline-block; margin-right: 5px; width: 18px; height: 18px; line-height: 18px; font-size: 18px; vertical-align: middle; }
.btn-icon span { vertical-align: middle; }

.btn-solid { color: #fff; background-color: #00cc99; border-color: #00cc99; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }
.btn-solid:hover { background-color: #00e6ac; border-color: #00e6ac; -webkit-box-shadow: 0 4px 8px rgba(0, 204, 153, 0.2); box-shadow: 0 4px 8px rgba(0, 204, 153, 0.2); }

.btn-solid-success { color: #fff; background-color: #38c17f; border-color: #38c17f; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }
.btn-solid-success:hover { background-color: #48ca8c; border-color: #48ca8c; -webkit-box-shadow: 0 4px 8px rgba(56, 193, 127, 0.2); box-shadow: 0 4px 8px rgba(56, 193, 127, 0.2); }

.btn-solid-warning { color: #fff; background-color: #ffa200; border-color: #ffa200; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }
.btn-solid-warning:hover { background-color: #ffab1a; border-color: #ffab1a; -webkit-box-shadow: 0 4px 8px rgba(255, 162, 0, 0.2); box-shadow: 0 4px 8px rgba(255, 162, 0, 0.2); }

.btn-solid-danger { color: #fff; background-color: #fb4859; border-color: #fb4859; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }
.btn-solid-danger:hover { background-color: #fc6170; border-color: #fc6170; -webkit-box-shadow: 0 4px 8px rgba(251, 72, 89, 0.2); box-shadow: 0 4px 8px rgba(251, 72, 89, 0.2); }

.btn-solid-light { color: #414549; background-color: #e1e5e9; border: 0; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }
.btn-solid-light:hover { color: white; background-color: #00cc99; -webkit-box-shadow: 0 4px 8px rgba(0, 204, 153, 0.2); box-shadow: 0 4px 8px rgba(0, 204, 153, 0.2); }

.btn-hollow { color: #00cc99; background-color: transparent; border-color: #00cc99; }
.btn-hollow:hover { color: white; background-color: #00cc99; -webkit-box-shadow: 0 4px 8px rgba(0, 204, 153, 0.2); box-shadow: 0 4px 8px rgba(0, 204, 153, 0.2); }

.btn-ghost { color: #414549; background-color: transparent; }
.btn-ghost:hover { color: #414549; background-color: #edeeef; }

.btn-icon-only { padding-left: 6px; padding-right: 6px; vertical-align: middle; }
.btn-icon-only i { margin-right: 0; }
.btn-icon-only:hover { color: #00cc99; }

.btn-link { color: #00cc99; }
.btn-link:hover { text-decoration: underline; }

.btn-shut { display: inline-block; color: #414549; }
.btn-shut i { width: 12px; height: 12px; line-height: 12px; font-size: 12px; vertical-align: middle; }
.btn-shut span { font-size: 12px; vertical-align: middle; }
.btn-shut:hover { color: #00cc99; }

/** Button Disabled */
.btn-solid.btn-disabled, .btn-solid.btn-disabled:hover, .btn-solid-light.btn-disabled, .btn-solid-light.btn-disabled:hover, .btn-hollow.btn-disabled, .btn-hollow.btn-disabled:hover { color: #414549; border-color: #d1d5d9; opacity: 0.6; filter: alpha(opacity=60); -webkit-box-shadow: none; box-shadow: none; cursor: default; }

.btn-solid.btn-disabled, .btn-solid.btn-disabled:hover { background-color: #d1d5d9; }

.btn-solid-light.btn-disabled, .btn-solid-light.btn-disabled:hover { background-color: #e1e5e9; }

.btn-hollow.btn-disabled, .btn-hollow.btn-disabled:hover { background-color: white; }

/** Button Sizes */
.btn-lg { padding-right: 20px; padding-left: 20px; font-size: 14px; line-height: 30px; border-radius: 0; behavior: url(css/pie.htc); }

.btn-sm { padding-right: 10px; padding-left: 10px; font-size: 14px; line-height: 30px; border-radius: 0; behavior: url(css/pie.htc); }

.btn-xs { padding-right: 5px; padding-left: 5px; font-size: 12px; line-height: 24px; border-radius: 0; behavior: url(css/pie.htc); }

/** Button on fixed place */
.btn-onfoot { width: 100px; padding-right: 0; padding-left: 0; }

/** vertical scroll ---------------------------------------- */
/* vertical scroll common */
.mCS-my-theme.mCSB_scrollTools { right: -4px; }
.mCS-my-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background-color: gray; }
.mCS-my-theme.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; }

/* vertical scroll special */
.mCS-my-theme-special.mCSB_scrollTools { right: -6px; }
.mCS-my-theme-special.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background-color: #c1c5c9; }
.mCS-my-theme-special.mCSB_scrollTools .mCSB_draggerRail { background-color: #edeeef; }

/** horizontal scroll ---------------------------------------- */
/* horizontal scroll common */
.mCS-my-theme-h.mCSB_scrollTools { bottom: 27px; z-index: 99999; }
.mCS-my-theme-h.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { height: 6px; border-radius: 3px; background-color: gray; }
.mCS-my-theme-h.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; }

/** Modular ----------------------------------------------------------------------------
*/
.mod { padding-top: 20px; padding-bottom: 20px; }
@media (max-width: 768px) { .mod { padding-top: 10px; padding-bottom: 10px; } }

.mod-head { position: relative; height: 48px; margin-bottom: 20px; line-height: 48px; border-bottom: 1px solid #e1e5e9; }
@media (max-width: 768px) { .mod-head { margin-bottom: 16px; border-bottom: 0; } }
.mod-title { float: left; font-size: 20px; }
@media (max-width: 768px) { .mod-title { font-size: 18px; } }

.mod-icon { display: inline-block; width: 6px; height: 20px; margin-right: 16px; background-color: #00cc99; border-radius: 3px; vertical-align: middle; }

.mod-title-text { margin-right: 10px; font-weight: bold; color: black; vertical-align: middle; }
.mod-title-text i { display: inline-block; margin: 0 8px; font-weight: normal; opacity: 0.5; filter: alpha(opacity=50); }
@media (max-width: 768px) { .mod-title-text i { display: none; } }

.mod-title-spell { font-size: 12px; color: #b1b5b9; text-transform: uppercase; opacity: 0.5; filter: alpha(opacity=50); vertical-align: middle; }
@media (max-width: 768px) { .mod-title-spell { display: none; } }
.mod-head .more { float: right; line-height: inherit; color: #b1b5b9; opacity: 0.8; filter: alpha(opacity=80); }
.mod-head .more i { margin-left: 6px; }
.mod-head .more:hover { color: #00cc99; }
.mod-head.center { line-height: 1.4; text-align: center; border-bottom: 0; }
.mod-head.center .mod-title { position: relative; float: none; }
.mod-head.center .mod-title-text { position: relative; z-index: 1; display: inline-block; margin-right: 0; padding: 0 15px; background-color: white; }
.mod-head.center .mod-title-spell { display: block; }
.mod-head.center b { position: absolute; top: 30%; left: 50%; width: 240px; height: 1px; margin-left: -120px; background-color: #edeeef; }

.mod-body { position: relative; }

/** Swiper ---------------------------------------------------------------------------- */
/** swiper pagination */
.pagination { position: absolute; right: 0; left: 0; z-index: 20; text-align: center; }

.swiper-pagination-switch { display: inline-block; background-color: transparent; border: 2px solid white; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; cursor: pointer; }

.swiper-active-switch { background-color: white; }

.ban .swiper-pagination-switch { width: 10px; height: 10px; border-radius: 50%; margin: 0 4px; }
@media (max-width: 768px) { .ban .swiper-pagination-switch { width: 5px; height: 5px; margin: 0 2px; } }

.course-pagination .swiper-pagination-switch { width: 6px; height: 6px; border-radius: 50%; margin: 0 2px; }

/** swiper navigation */
.ban .arrow-left, .ban .arrow-right {z-index: 1030;background-image: url("../images/arrows.png");background-repeat: no-repeat;background-color: black;}
.arrow-left, .arrow-right { position: absolute; top: 50%; z-index: 2; display: inline-block; width: 50px; height: 80px; margin-top: -40px; font-size: 30px; color: white; line-height: 80px; text-align: center; background-color: black; opacity: 0.3; filter: alpha(opacity=30); transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }
.arrow-left:hover, .arrow-right:hover { opacity: 1; filter: alpha(opacity=100); }
.ban .arrow-left { background-position: center top; }
.ban .arrow-right { background-position: center bottom; }
@media (max-width: 768px) { .arrow-left, .arrow-right { display: none; } }

.arrow-left { left: 0; }

.arrow-right { right: 0; }

.ie8 .arrow-left, .ie8 .arrow-right { background-color: #000; }
.ie8 .swiper-pagination-switch { background-color: transparent; }
.ie8 .swiper-active-switch { background-color: #ffffff; }

/** Tabs ----------------------------------------------------------------------------
*/
.tabs-container { position: relative; }

.tabs-head { display: block; padding: 10px 0; text-align: center; }

.tabs-item { display: inline-block; }

.tabs-link { display: block; height: 34px; margin: 0 5px; padding: 0 15px; font-size: 14px; color: #616569; line-height: 34px; background-color: white; border: 1px solid #616569; border-radius: 18px; cursor: pointer; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }
.tabs-link:hover { color: #00cc99; border-color: #00cc99; }
.tabs-link.active { color: white; background-color: #00cc99; border-color: #00b386; }
@media (max-width: 768px) { .tabs-link { height: auto; padding: 11px 15px; line-height: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } }

.tabs-con { display: none; }
.tabs-con.active { display: block; }

/** Pagination ----------------------------------------------------------------------------- */
.pg { display: block; margin: 20px 0; line-height: 32px; text-align: center; }

a.pagination-link { display: inline-block; width: 32px; height: 32px; border-radius: 50%; margin: 0 6px; font-size: 14px; color: #414549; text-decoration: none; }
a.pagination-link:hover { background-color: #f2f3f4; }
a.pagination-link.active { color: white; background-color: #00cc99; }
a.pagination-link.disable { cursor: default; opacity: 0.5; filter: alpha(opacity=50); }
a.pagination-link.disable:hover { background-color: transparent; }

.pagination-text { display: inline-block; font-size: 14px; color: #818589; }

.pagination-btn { display: inline-block; margin: 0 6px; }
.pagination-btn:hover { color: #00cc99; }
@media (max-width: 768px) { .pagination-btn:link, .pagination-btn:active, .pagination-btn:visited { color: #414549; } }

/** List ---------------------------------------------------------------------------- */
.list-row-wrap { position: relative; display: block; }
.list-row-wrap:hover { background-color: rgba(0, 204, 153, 0.02); }
.list-row-wrap:hover .list-dot { background-color: transparent; border-color: #00cc99; opacity: 1; filter: alpha(opacity=100); }
.list-row-wrap:hover .list-title { color: #00cc99; }

.list-prepend, .list-append { position: absolute; top: 0; line-height: inherit; }
.list-prepend { left: 0; }

.list-append { right: 0; }

.list-title { font-size: 16px; color: #212529; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.list-info { font-size: 14px; color: #b1b5b9; }

.list-dot { display: inline-block; width: 4px; height: 4px; border-radius: 50%; background-color: transparent; border: 2px solid #00cc99; opacity: 0.5; filter: alpha(opacity=50); }

/** News ----------------------------------------------------------------------------
*/
@media (max-width: 768px) { .news .col-2 { width: 100%; } }

/* news image */
.news-img { position: relative; }
.news-img img { display: block; width: 100%; height: auto; }
@media (max-width: 768px) { .news-img { margin-right: 0; margin-bottom: 16px; } }
.news-img-bar { position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; padding: 10px 20px; color: white; background-color: rgba(0, 0, 0, 0.8); }
@media (max-width: 768px) { .news-img-bar { padding: 8px 12px; } }

.news-img-title { font-size: 12px; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 768px) { .news-img-title { line-height: 1.2; } }

.info { line-height: 1; opacity: 0.5; filter: alpha(opacity=50); }

.ie8 .news-img-bar { background: url(../images/alpha/black-alpha-.7.png); }

/* news list */
.news-list { margin-top: 10px; }
.news-list-wrap { position: relative; padding-right: 70px; padding-left: 19px; font-size: 14px; line-height: 36px; cursor: pointer; }
.news-list-wrap .dot { position: absolute; top: 50%; left: 0; display: inline-block; width: 9px; height: 9px; border-radius: 50%; margin-top: -4.5px; background-color: #00cc99; border: 2px solid white; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.news-list-wrap .title { display: block; color: #212529; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: inherit; }
.news-list-wrap .date { position: absolute; top: 0; right: 0; bottom: 0; font-size: 12px; color: #b1b5b9; line-height: inherit; cursor: inherit; }
.news-list-wrap:hover .dot { background-color: white; border-color: #00cc99; }
.news-list-wrap:hover .title { color: #00cc99; }
.news-list-wrap:hover .date { color: #00cc99; opacity: 0.5; filter: alpha(opacity=50); }

/* notice list */
.notice-list { height: 275px; margin-top: -10px; overflow: hidden; }
@media (max-width: 768px) { .notice-list { height: auto; } }

.notice-list-row { display: block; padding: 10px 0; border-bottom: 1px solid #edeeef; }
.notice-list-row:last-child { border-bottom: 0; }
.notice-list-row:hover .notice-list-title { color: #00cc99; }
.notice-list-row-wrap { position: relative; padding-left: 84px; }

.notice-list-time { position: absolute; top: 0; left: 0; z-index: 1; width: 64px; line-height: 1; text-align: center; background-color: #f3f4f5; border-radius: 4px; overflow: hidden; }

.date { display: block; padding: 2px 0; font-weight: 700; font-size: 17px; color: black; }

.year { display: block; font-size: 12px; color: white; line-height: 1.4; background-color: #00cc99; }

.notice-list-title { padding-right: 20px; font-size: 14px; color: #212529; line-height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.notice-list-title .lab { position: absolute; top: 0; right: 0; z-index: 1; display: inline-block; padding: 3px 4px; font-size: 12px; text-transform: uppercase; color: white; line-height: 1; background-color: #fb4859; border-radius: 4px; -webkit-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); transform: scale(0.6); }

.ie8 .notice-list { position: relative; z-index: -1; overflow-y: auto; }

/** Course ----------------------------------------------------------------------------
*/
.course-row .row-inner { padding-bottom: 80px; }
@media (max-width: 768px) { .course-row .row-inner { padding-bottom: 60px; } }

.course-swiper { position: relative; z-index: 1; height: 238px; margin-right: -22.5px; margin-left: -22.5px; }
.course-swiper .arrow-left, .course-swiper .arrow-right { margin-top: -55px; }
.course-swiper .arrow-left { left: 22.5px; }
.course-swiper .arrow-right { right: 22.5px; }

.course-pagination { z-index: 1; margin-top: 10px; }
.course-pagination .swiper-pagination-switch { border-color: #00cc99; }
.course-pagination .swiper-active-switch { background-color: #00cc99; }

.course { margin: 0 22.5px; }
.course .name { margin-top: 10px; font-size: 16px; color: #212529; line-height: 1; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 768px) { .course .name { margin-bottom: 10px; text-align: center; } }

.course-video { position: relative; overflow: hidden; cursor: pointer; }
.course-video img { display: block; width: 100%; height: auto; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }
@media (max-width: 768px) { .course-video { position: relative; width: 100%; height: auto; } }
.course-video:hover .mask { background-color: transparent; }
.course-video:hover .img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
.course-video .mask { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; text-align: center; background-color: rgba(0, 0, 0, 0.3); transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }
.course-video-btn { display: inline-block; position: absolute; top: 50%; left: 50%; width: 56px; height: 44px; margin-top: -22px; margin-left: -28px; z-index: 2; }

.ie8 .course-swiper { width: 1185px; }
.ie8 .course-swiper .mask { opacity: 0.3; filter: alpha(opacity=30); }

/** Misc ----------------------------------------------------------------------------
*/
.bg-dark { background-color: #f3f4f5; }

.bg-white { background-color: white; }

.box { background-color: white; border: 1px solid #d1d5d9; }
.box .inner { padding: 0 40px; }
@media (max-width: 768px) { .box .inner { padding: 0 20px; } }

/** crumb */
.crumb { margin: 0 30px; padding-top: 30px; font-size: 14px; color: #616569; line-height: 1; }
.crumb span em { font-style: normal; color: #FF0000; font-weight: bold; }
.crumb a { font-size: inherit; color: inherit; }
.crumb a:hover { color: #00cc99; text-decoration: none; }
.crumb a:last-child { cursor: default; }
.crumb a:last-child, .crumb a:last-child:hover { color: inherit; }
.crumb i { display: inline-block; margin: 0 5px; font-style: normal; }
@media (max-width: 768px) { .crumb { margin: 0 15px; } }

@media (max-width: 480px) { .collapse { display: none; }
  .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .35s; -o-transition-duration: .35s; transition-duration: .35s; -webkit-transition-property: height, visibility; -o-transition-property: height, visibility; transition-property: height, visibility; } }
/** Layout ----------------------------------------------------------------------------
*/
body { min-width: 1200px; background-color: white; }
@media (max-width: 768px) { body { min-width: auto; width: 100%; overflow-x: hidden; }
  body.bg-dark { background-color: white; } }

/** Page frame */
.container { position: relative; margin-right: auto; margin-left: auto; *zoom: 1; }
.container:before, .container:after { content: " "; display: table; }
.container:after { clear: both; }
@media (min-width: 1200px) { .container { width: 1140px; } }
@media (max-width: 1200px) { .container { width: 100%; padding-right: 16px; padding-left: 16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } }

.ie8 .container { width: 1140px; }

@media (max-width: 768px) { .main { margin-top: 44px; } }
.main .container { width: 1200px; }
@media (max-width: 1200px) { .main .container { width: 100%; padding-right: 0; padding-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } }

.row-wrapper > ul { margin-right: -22.5px; margin-left: -22.5px; }

.row-inner { padding-top: 40px; padding-bottom: 40px; }

.row-foot { margin-top: 40px; text-align: center; }
.row-foot .more { width: 120px; padding-right: 0; padding-left: 0; }
.row .row-wrapper { overflow-x: hidden; }
.row .row-cell .mod, .row .row-cell .course, .row .row-cell .inner { margin: 0 22.5px; }
@media (max-width: 768px) { .row .row-cell.col-2 { width: 100%; }
  .row .row-cell.col-3 { width: 100%; } }

/** Header ----------------------------------------------------------------------------
*/
.header { position: relative; z-index: 1030; height: 80px; background-color: white; -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06); }
.header .btn-only { float: left; display: inline-block; width: 36px; height: 36px; margin-left: 10px; padding: 0; color: #616569; line-height: 36px; border: 0; border-radius: 0; vertical-align: middle; }
.header .btn-only i { display: inline-block; font-size: 16px; }
.header .btn-only:hover { color: #00cc99; }
.header .btn-only.home-trigger { width: auto; padding: 0 10px; color: white; background-color: #00cc99; border-radius: 18px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }
.header .btn-only.home-trigger i { margin-right: 4px; vertical-align: -1px; }
.header .btn-only.home-trigger span { font-size: 12px; }
.header .btn-only.home-trigger:hover { background-color: #00e6ac; border-color: #00e6ac; -webkit-box-shadow: 0 4px 8px rgba(0, 204, 153, 0.2); box-shadow: 0 4px 8px rgba(0, 204, 153, 0.2); }
.header .btn-only.login-trigger { display: none; }
.header .btn-only.reg-trigger { display: none; }
.header .btn-only.menu-trigger { display: none; }
.header .btn-only.menu-shut i:before { content: "\e611"; }
.header-right { position: absolute; top: 22px; right: 130px; z-index: 2; }
@media (max-width: 768px) { .header-right { right: 0; } }

.header-login { position: absolute; width: 120px; text-align: right; top: 22px; right: 0; z-index: 2; font-size: 16px; line-height: 38px; }
.header-login a { color: #fff; }
/*.header-login a:hover { color: #00cc99; }*/
.header-login span { margin: 0 8px; }
@media (max-width: 768px) { .header-login { display: none; } }
@media (max-width: 768px) { .header { position: fixed; top: 0; right: 0; left: 0; height: 49px; }
  .header .container { padding-right: 96px; padding-left: 52px; }
  .header .btn-only { width: 49px; height: 49px; margin-left: 0; width: 32px; text-align: center; line-height: 49px; }
  .header .btn-only i { font-size: 20px; }
  .header .btn-only.home-trigger { width: 32px; padding: 0; }
  .header .btn-only.home-trigger, .header .btn-only.home-trigger:hover { color: #616569; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; }
  .header .btn-only.home-trigger i, .header .btn-only.home-trigger:hover i { margin-right: 0; vertical-align: middle; }
  .header .btn-only.home-trigger span, .header .btn-only.home-trigger:hover span { display: none; }
  .header .btn-only.menu-trigger, .header .btn-only.reg-trigger, .header .btn-only.login-trigger { display: inline-block; }
  .header .header-right { top: 0; bottom: 0; } }
.header .btn-only.home-trigger span.dl {
  width: auto;
  padding: 0 20px;
  color: white;
  background-color: #00cc99;
  border-radius: 18px;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}
/** logo */
.logo { float: left; height: 48px; margin-top: 16px; }
.logo > div { float: left; }
.logo .img { height: inherit; }
.logo .name { margin-left: 10px; font-weight: 700; font-size: 28px; color: black; line-height: 48px; }
.logo img { display: block; width: auto; height: 100%; }
@media (max-width: 768px) { .logo { position: absolute; top: 6.5px; left: 8px; z-index: 2; width: 90px; height: 36px; margin-top: auto; overflow: hidden; }
  .logo img { display: block; width: auto; height: 100%; }
  .logo .name { display: none; } }

/** search */
.search { position: absolute; top: 22px; right: 220px; width: 200px; }
.search input { width: 148px; height: 36px; padding: 0 36px 0 16px; color: #212529; line-height: normal; background-color: #f3f4f5; border: 1px solid #f3f4f5; border-radius: 18px; }
.search input::-moz-placeholder { color: #ccc; opacity: 1; }
.search input:-ms-input-placeholder { color: #ccc; }
.search input::-webkit-input-placeholder { color: #ccc; }
.search input:focus { background-color: white; border-color: #00cc99; }
.search a { position: absolute; top: 0; right: 0; bottom: 0; z-index: 1; display: block; width: 36px; height: 36px; font-size: 16px; color: #919599; line-height: 36px; text-align: center; vertical-align: middle; }
.search a:hover { color: #00cc99; }
@media (max-width: 768px) { .search { top: 6.5px; right: 135px; left: 106px; z-index: 2; width: auto; }
  .search input { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } }

.ie8 .search input { line-height: 36px; }

/** Nav ----------------------------------------------------------------------------
*/
.nav-panel { position: relative; background-color: #00cc99; }
@media (min-width: 768px) { .nav-panel > .nav-wrap { width: 1140px; margin: 0 auto; } }
@media (max-width: 768px) { .nav-panel { z-index: 1032; position: fixed; top: 49px; right: 0; bottom: 0; left: 0; background-color: transparent; border-top: 1px solid #e1e5e9; overflow-x: hidden; overflow-y: auto; }
  .nav-panel > .nav-wrap { padding-top: 16px; padding-bottom: 16px; background-color: white; -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); } }

.nav-cell { position: relative; }
@media (min-width: 768px) { .nav-cell { float: left; }
  .nav-cell:hover .nav-wrap-sub { display: block; } }
@media (max-width: 768px) { .nav-cell { line-height: 49px; border-bottom: 1px solid #e1e5e9; }
  .nav-cell:last-child { border-bottom: 0; } }

.nav-link { position: relative; display: block; font-size: 16px; color: white; }
@media (min-width: 768px) { .nav-link { padding: 0 30px; line-height: 60px; } }
@media (max-width: 768px) { .nav-link { padding: 0 24px; font-weight: 600; color: #616569; } }

.nav-collapse { position: absolute; top: 0; right: 0; display: none; width: 44px; color: #818589; text-align: center; -webkit-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }
@media (max-width: 768px) { .nav-collapse { display: block; } }

@media (min-width: 768px) { .nav-link-wrap:hover { background-color: #00c291; }
  .nav-link-wrap.active { background-color: #00b386; }
  .nav-link-wrap.active .nav-link { font-weight: 600; opacity: 1; filter: alpha(opacity=100); } }
@media (max-width: 768px) { .nav-link-wrap { text-align: center; }
  .nav-link-wrap.active .nav-link { color: #00cc99; } }

.ie8 .nav-panel > .nav-wrap { width: 1140px; margin: 0 auto; }
.ie8 .nav-cell { float: left; }
.ie8 .nav-cell:hover .nav-wrap-sub { display: block; }
.ie8 .nav-link-wrap:hover .nav-link { color: white; }
.ie8 .nav-link-wrap.active { background-color: #00cc99; }
.ie8 .nav-link-wrap.active .nav-link { color: white; }
.ie8 .nav-link { padding: 0 30px; line-height: 60px; }

/** Ban ----------------------------------------------------------------------------
*/
.ban .ban-inner.login-float-container, .ie8 .ban .ban-inner.login-float-container { position: fixed; top: 0; right: 0; left: 0; bottom: 0; z-index: 2060; width: 100%; margin: 0; background-color: rgba(0, 0, 0, 0.8); }

.ban { position: relative; height: 420px; z-index: 1029; }
.ban .swiper-wrapper { position: relative; z-index: 1; }
.ban .swiper-slide { overflow: hidden; }
.ban .slide1 .swiper-slide-wrap { background-image: url(../images/ban1.jpg); }
.ban .slide2 .swiper-slide-wrap { background-image: url(../images/ban2.jpg); }
.ban .slide3 .swiper-slide-wrap { background-image: url(../images/ban3.jpg); }
.ban .slide4 .swiper-slide-wrap { background-image: url(../images/ban4.jpg); }
.ban .slide5 .swiper-slide-wrap { background-image: url(../images/ban5.jpg); }
.ban .swiper-slide-wrap { height: 420px; background-position: center center; background-repeat: no-repeat; background-size: cover; -ms-behavior: url(../htc/backgroundsize.min.htc); behavior: url(../htc/backgroundsize.min.htc); }
.ban .swiper-slide-wrap img { width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; -ms-behavior: url(../htc/backgroundsize.min.htc); behavior: url(../htc/backgroundsize.min.htc); }
.ban .pagination { bottom: 3%; z-index: 1; }
.ban .arrow-left, .ban .arrow-right { z-index: 1030; background-image: url("../images/arrows.png"); background-repeat: no-repeat; background-color: black; }
.ban .arrow-left { background-position: center top; }
.ban .arrow-right { background-position: center bottom; }
.ban .ban-inner { position: absolute; top: 0; bottom: 0; z-index: 2; }
.ban .ban-inner .btn-shut { position: absolute; top: 20px; right: 20px; z-index: 1; display: none; width: 50px; height: 50px; border-radius: 50%; padding: 0; line-height: 50px; text-align: center; vertical-align: middle; background-color: black; }
.ban .ban-inner .btn-shut i { font-weight: 600; font-size: 24px; color: white; line-height: 1; vertical-align: middle; }
.ban .ban-inner .btn-shut:hover { background-color: #fb4859; }
.ban .ban-inner.login-float-container .btn-shut { display: block; }
@media (min-width: 1200px) { .ban .ban-inner { left: 50%; width: 370px; margin-left: 200px; } }
@media (max-width: 768px) { .ban .ban-inner { position: fixed; top: 0; bottom: 0; left: 0; width: 100%; background-color: white; } }
@media (max-width: 768px) { .ban { height: 190px; margin-top: 49px; }
  .ban .slide1 .swiper-slide-wrap { background-image: url(../images/ban1-mb.jpg); }
  .ban .slide2 .swiper-slide-wrap { background-image: url(../images/ban2-mb.jpg); }
  .ban .slide3 .swiper-slide-wrap { background-image: url(../images/ban3-mb.jpg); }
  .ban .slide4 .swiper-slide-wrap { background-image: url(../images/ban4-mb.jpg); }
  .ban .slide5 .swiper-slide-wrap { background-image: url(../images/ban5-mb.jpg); }
  .ban.show-login { z-index: 1031; overflow: visible; }
  .ban .swiper-slide-wrap { height: 190px; } }

.ie8 .ban .ban-inner { left: 50%; width: 370px; margin-left: 200px; }
.ie8 .ban .ban-inner.login-float-container { background: url("../images/alpha/black-alpha-.7.png"); }

.add-popbg { position: fixed; background: #000; background: rgba(0, 0, 0, 0.7); position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; }
@media (max-width: 768px) { .add-popbg { background: #fff; } }

.pop-login { background: #fff; padding: 25px; width: 360px; /* height: 320px; */position: absolute; top: 50%; left: 50%; margin: -180px 0 0 -200px; }
.pop-login .form-row { margin-bottom: 15px; }
@media (max-width: 768px) { .pop-login { width: auto; height: auto; margin: 0; top: 0; left: 0; right: 0; } }

.pop-TabM { padding-bottom: 10px; height: 36px; overflow: hidden; padding-top: 10px; }
.pop-TabM ul li { display: inline-block; font-size: 18px; line-height: 36px; margin-right: 20px; }
.pop-TabM ul li a { color: #888; }
.pop-TabM ul li a:hover, .pop-TabM ul li a.listTab-cur { color: #00cc99; }
.pop-TabM p { line-height: 36px; }
.pop-TabM p a { color: #888; }
.pop-TabM p a i { margin-right: 6px; color: #00cc99; }
.pop-TabM p a:hover { color: #00cc99; }
.pop-TabM h3 { padding: 0; margin: 0; text-align: center; color: #00cc99; font-weight: bold; }

.form-reg { font-size: 14px; line-height: 22px; }
.form-reg p { color: #888; }
.form-reg p a { color: #888; }
.form-reg p a:hover { color: #00cc99; }
.form-reg p em { margin: 0 10px; font-style: normal; }

.form-login-checks label { display: inline-block; cursor: pointer; padding-left: 28px; color: #888; }
.form-login-checks label.c_on, .form-login-checks label.c_on:hover { background: url(../images/login-check.png) 0 -32px no-repeat; color: #00cc99; }
.form-login-checks .label-check { background: url(../images/login-check.png) 0 0px no-repeat; line-height: 16px; }
.form-login-checks .label-check:hover { background: url(../images/login-check.png) 0 -16px no-repeat; color: #00cc99; }
.form-login-checks .label-check input { position: absolute; left: -99999px; }

.form-subbtn { background: #00cc99; color: #fff; display: block; font-size: 16px; line-height: 40px; text-align: center; margin-top: 10px; }
.form-subbtn:hover { background: #00c291; color: #fff; }

.form-verify { height: 36px; background: #eef0f5; text-align: center; font-size: 16px; line-height: 36px; position: relative; }
.form-verify span { width: 40px; height: 34px; border: 1px solid #cecece; background: #fff; font-size: 14px; line-height: 34px; text-align: center; color: #999; position: absolute; left: 0; top: 0; }

.form-verify-link { position: absolute; font-size: 14px; color: #00cc99; line-height: 34px; right: 10px; }
.form-verify-link:hover { text-decoration: underline; }

.pop-gb { position: absolute; width: 28px; height: 28px; top: 0; right: 0; text-align: center; line-height: 28px; background: #eee; cursor: pointer; z-index: 99; }
.pop-gb i { font-size: 18px; }
.pop-gb:hover { background: #00cc99; color: #fff; }

.form-reg-checks { text-align: center; margin-top: 15px; }
.form-reg-checks label { display: inline-block; cursor: pointer; padding-left: 22px; color: #888; }
.form-reg-checks label.c_on, .form-reg-checks label.c_on:hover { background: url(../images/reg-check.png) 0 -32px no-repeat; }
.form-reg-checks .label-check { background: url(../images/reg-check.png) 0 0px no-repeat; font-size: 14px; line-height: 16px; }
.form-reg-checks .label-check:hover { background: url(../images/reg-check.png) 0 -16px no-repeat; }
.form-reg-checks .label-check input { position: absolute; left: -99999px; }
.form-reg-checks .add-link-primary { margin-left: 10px; }

.pop-form h6 { text-align: center; font-size: 14px; line-height: 28px; padding: 0; margin: 0; color: #888; }
.pop-form h6 .add-link-primary { margin-left: 30px; }

.add-link-primary { color: #00cc99; }
.add-link-primary:hover { text-decoration: underline; }

/** Footer ----------------------------------------------------------------------------
*/
.footer { font-size: 12px; color: #b1b5b9; line-height: 1.8; background-color: #2a272b; }
.footer ul { position: relative; display: block; margin: 60px -7.5px 30px; }
.footer .col-3:last-child .footer-cell:after { display: none; }
.footer-cell { position: relative; margin: 0 15px; }
.footer-cell:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; z-index: 1; width: 1px; height: 130px; background-color: #444; }
@media (max-width: 768px) { .footer-cell:after { display: none; } }

.copyright { margin-top: 10px; padding-top: 15px; padding-bottom: 15px; }
.copyright img { margin-right: 6px; }
.footer .title { margin-bottom: 10px; font-size: 18px; line-height: 1; }
.footer a { color: #b1b5b9; }
.footer a:hover { color: white; }
.footer .link, .footer .text { display: block; }
.footer .info { font-size: inherit; }
@media (max-width: 768px) { .footer ul { margin: 30px 8px; padding: 0 8px; }
  .footer .col-3 { width: 100%; margin: 12px 0; }
  .footer .col-3:last-child div { margin-top: 16px; } }

/** Login ---------------------------------------------------------------------------- */
@media (min-width: 768px) { .login-panel { position: absolute; top: 20px; right: 0; z-index: 2030; width: 370px; } }
.login-panel.login-float { position: fixed; top: 50%; left: 50%; z-index: 2080; margin-top: -170px; margin-left: -185px; -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.2); box-shadow: 0 0 16px rgba(0, 0, 0, 0.2); }

.ie8 .login-panel { position: absolute; top: 20px; right: 0; z-index: 2030; width: 370px; }
.ie8 .login-panel.login-float { position: fixed; top: 50%; left: 50%; z-index: 1041; margin-top: -170px; margin-left: -185px; border: 1px solid #c1c5c9; -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.2); box-shadow: 0 0 16px rgba(0, 0, 0, 0.2); }

.login-panel-wrap { height: 380px; background-color: white; -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06); }
@media (max-width: 768px) { .login-panel-wrap { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } }

.login-head { position: relative; margin-bottom: 0; padding-top: 25px; padding-bottom: 20px; padding-left: 30px; font-size: 20px; font-weight: bold; color: #00cc99; line-height: 1; border-bottom: 1px solid #edeeef; }
.login-head .append { position: absolute; top: 0; right: 30px; bottom: 0; z-index: 1; padding-top: 23px; padding-bottom: inherit; }
.login-head .append a { display: inline-block; padding: 0; font-weight: normal; line-height: 1; vertical-align: middle; }
.login-head .append a span { color: #616569; }
.login-head .append a:hover { text-decoration: none; }
.login-head .append a:hover span { color: #00cc99; }
.login-head .shut { position: absolute; top: 50%; right: 0; display: none; width: 24px; height: 24px; margin-top: -12px; font-size: 18px; line-height: 24px; text-align: center; }
@media (max-width: 768px) { .login-head .shut { display: block; } }

.login-con { position: relative; padding: 24px 30px; }

.login .form-row { margin-top: 0; margin-bottom: 16px; padding: 0; }
.login .form-row:last-child { margin-bottom: 0; }
.login .form-control { height: 42px; font-size: 14px; color: #414549; line-height: 42px; text-indent: 46px; background-color: white; border-color: #d7dade; border-radius: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.login .form-control::-moz-placeholder { color: #b1b5b9; opacity: 1; }
.login .form-control:-ms-input-placeholder { color: #b1b5b9; }
.login .form-control::-webkit-input-placeholder { color: #b1b5b9; }
.login .form-control:focus { background-color: rgba(164, 168, 173, 0.02); border-color: #a4a8ad; outline: 0; }
.login .input-icon { left: 15px; }
.login .btn { display: block; width: 100%; padding: 0; line-height: 42px; border: 0; border-radius: 0; }
.login .form-label.active .form-checkbox-btn { background-color: #00cc99; }
.login .form-label.active .form-checkbox-btn i { color: white; }
.login .form-label-con { font-size: 12px; line-height: inherit; }
.login .btn-group { *zoom: 1; }
.login .btn-group:before, .login .btn-group:after { content: " "; display: table; }
.login .btn-group:after { clear: both; }
.login .btn-group .btn { width: 48%; }

.input-code { position: absolute; top: 50%; right: 8px; z-index: 1; display: block; width: 94px; height: 30px; margin-top: -15px; }
.input-code img { display: block; width: 100%; height: auto; }

.login-link-row li:last-child { text-align: right; }
.login-link-row .link-normal { color: #818589; line-height: 1.4; }
.login-link-row .link-normal:hover { color: #00cc99; text-decoration: none; }

.login-hint { position: absolute; top: -1px; right: 28px; left: 30px; z-index: 1; }

.login-hint-wrap { padding: 0 14px; line-height: 23px; background-color: rgba(250, 250, 148, 0.56); border: 1px solid #eaea0b; behavior: url(css/pie.htc); }

.login-hint-icon { display: inline-block; width: 16px; height: 16px; margin-right: 14px; color: #fb4859; line-height: 16px; vertical-align: middle; }
.login-hint-icon i { display: inline-block; width: 16px; height: 16px; line-height: 16px; font-size: 16px; vertical-align: middle; }

.login-hint-text { font-size: 14px; color: #818589; vertical-align: middle; }

/** Subpage ----------------------------------------------------------------------------
*/
/** subpage title */
.subpage-title { position: relative; padding: 30px 0 20px; line-height: 24px; border-bottom: 1px solid #e1e5e9; vertical-align: middle; }
.subpage-title span { line-height: inherit; vertical-align: middle; }
.subpage-title .more { position: absolute; top: 30px; right: 0; bottom: 0; z-index: 1; font-size: 14px; color: #b1b5b9; line-height: inherit; }
@media (max-width: 768px) { .subpage-title.news-subpage-title { margin-bottom: 46px; border-bottom: 0; } }
.subpage-title .search { right: 0; }
.subpage-title .search input { background-color: transparent; border-color: #d1d5d9; }
@media (max-width: 768px) { .subpage-title .search { top: 90%; left: 0; } }
.subpage-title-icon { display: inline-block; width: 4px; height: 24px; margin-right: 20px; background-color: #00cc99; }

.subpage-title-text { font-size: 24px; font-weight: bold; color: #00cc99; }

.subpage-subtitle { display: inline-block; padding: 15px 0; font-weight: 700; font-size: 20px; color: black; line-height: 1; vertical-align: middle; border-bottom: 2px dashed #00cc99; clear: both; }
.subpage-subtitle span { display: inline-block; width: 12px; height: 12px; border-radius: 50%; margin-right: 10px; border: 2px solid #00cc99; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.subpage-wide-part { width: 860px; }

.subpage-narrow-part { width: 320px; }

.subpage-container { margin: 20px 30px; }
@media (max-width: 768px) { .subpage-container { margin: 20px 15px; }
  .subpage-container > .box { margin-right: -15px; margin-left: -15px; border: 0; } }

/** subpage login */
.subpage-login { display: none; }
.subpage-login.show-login { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1031; display: block; background-color: white; overflow: visible; }

/** subpage train */
.train-gallery > ul { margin-right: -10px; margin-left: -10px; }
.train-gallery-cell { float: left; width: 20%; }
@media (max-width: 768px) { .train-gallery-cell { width: 50%; } }

.train-gallery-wrap { margin: 20px 10px; background-color: white; border: 1px solid #e1e5e9; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; cursor: pointer; }
.train-gallery-wrap:hover { -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); }
.train-gallery-wrap:hover .mask { background-color: rgba(0, 0, 0, 0); }
.train-gallery-wrap:hover img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
@media (max-width: 768px) { .train-gallery-wrap { margin: 7px 10px; } }

.train-gallery-con { padding: 0 12px; }
.train-gallery-con .title { margin-top: 15px; margin-bottom: 20px; font-size: 15px; color: #616569; line-height: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
@media (max-width: 768px) { .train-gallery-con .title { height: 33.6px; margin-bottom: 5px; font-size: 14px; line-height: 1.2; white-space: pre-wrap; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } }
.train-gallery-con .info { padding-bottom: 12px; font-size: 12px; color: #818589; line-height: 1.2; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.train-gallery-con .info span { display: inline-block; margin: 0 8px; }

.train-gallery-thumb { position: relative; overflow: hidden; }
.train-gallery-thumb .mask { position: absolute; background-color: rgba(0, 0, 0, 0.2); background-image: url("../images/play-btn.png"); background-repeat: no-repeat; background-position: center center; background-size: 20%; opacity: 1; filter: alpha(opacity=100); transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; z-index: 7; }
.train-gallery-thumb img { transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; display: block; width: 100%; height: auto; }

/** subpage news */
.newslist-row { position: relative; height: 106px; margin: 40px 0; padding-left: 30px; }
@media (max-width: 768px) { .newslist-row { height: auto; padding-right: 0; } }
.newslist-row:last-child .newslist-line { display: none; }
.newslist-row:hover { cursor: pointer; }
.newslist-row:hover .newslist-title, .newslist-row:hover .newslist-brief { color: #00cc99; }
.newslist-row:hover .newslist-brief { opacity: 0.6; filter: alpha(opacity=60); }
.newslist-row:hover .newslist-dot { border-color: #00cc99; }
.newslist-dot { position: absolute; top: 5px; left: 0; z-index: 1; display: inline-block; width: 5px; height: 5px; border-radius: 50%; background-color: white; border: 2px solid #b1b5b9; }

.newslist-line { position: absolute; top: 14px; bottom: -41px; left: 4px; z-index: 1; display: inline-block; width: 1px; background-color: #eee; }

.newslist-title { margin-bottom: 16px; font-size: 18px; font-weight: 600; color: #212529; line-height: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 768px) { .newslist-title { max-height: 50.4px; line-height: 1.4; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } }

.newslist-brief { margin-bottom: 16px; font-size: 14px; color: #616569; line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.newslist-info { font-size: 14px; color: #b1b5b9; line-height: 1; vertical-align: middle; }

.newslist-info-cell { margin-right: 20px; }

.newslist-info-icon { display: inline-block; margin-right: 8px; font-size: 16px; }

/** subpage special */
.special .row { padding: 30px 0; border-bottom: 1px solid #f0f2f4; }
.special .row:last-child { border-bottom: 0; }
.special .wrap { position: relative; min-height: 146px; padding-left: 285px; }
@media (max-width: 768px) { .special .wrap { padding-left: 0; text-align: center; } }
.special .prepend { position: absolute; top: 0; left: 0; z-index: 1; }
@media (max-width: 768px) { .special .prepend { position: static; } }
.special .thumb { width: 260px; }
.special .thumb img { display: block; width: 100%; height: auto; }
@media (max-width: 768px) { .special .thumb { width: 100%; } }
.special .title { font-size: 18px; font-weight: 600; color: #212529; line-height: 2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 768px) { .special .title { margin-top: 10px; margin-bottom: 10px; } }
.special .article { height: 66px; margin-bottom: 10px; font-size: 14px; font-weight: normal; color: #919599; line-height: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.special .btn { font-size: 12px; border-radius: 4px; }
.reference .row { margin: 30px 0; }
.reference .row a { display: block; height: 144px; overflow: hidden; }
.reference .row a img { width: 100%; height: 100%; background-repeat: no-repeat; }
@media (max-width: 768px) { .reference .row a { height: 120px; } }
.reference .row .special-link-1 { background-image: url("../images/special/special-1.jpg"); }
@media (max-width: 768px) { .reference .row .special-link-1 { background-image: url("../images/special/special-1-mb.jpg"); } }
.reference .row .special-link-2 { background-image: url("../images/special/special-2.jpg"); }
@media (max-width: 768px) { .reference .row .special-link-2 { background-image: url("../images/special/special-2-mb.jpg"); } }
.reference .row .special-link-3 { background-image: url("../images/special/special-3.jpg"); }
@media (max-width: 768px) { .reference .row .special-link-3 { background-image: url("../images/special/special-3-mb.jpg"); } }
.reference .row .special-link-4 { background-image: url("../images/special/special-4.jpg"); }
@media (max-width: 768px) { .reference .row .special-link-4 { background-image: url("../images/special/special-4-mb.jpg"); } }
.reference .row .special-link-5 { background-image: url("../images/special/special-5.jpg"); }
@media (max-width: 768px) { .reference .row .special-link-5 { background-image: url("../images/special/special-5-mb.jpg"); } }
.reference .row .special-link-6 { background-image: url("../images/special/special-6.jpg"); }
@media (max-width: 768px) { .reference .row .special-link-6 { background-image: url("../images/special/special-6-mb.jpg"); } }
.reference .row .special-link-7 { background-image: url("../images/special/special-7.jpg"); }
@media (max-width: 768px) { .reference .row .special-link-7 { background-image: url("../images/special/special-7-mb.jpg"); } }
.reference .row .special-link-8 { background-image: url("../images/special/special-8.jpg"); }
@media (max-width: 768px) { .reference .row .special-link-8 { background-image: url("../images/special/special-8-mb.jpg"); } }
.reference .row .special-link-9 { background-image: url("../images/special/special-9.jpg"); }
@media (max-width: 768px) { .reference .row .special-link-9 { background-image: url("../images/special/special-9-mb.jpg"); } }
.reference .row .special-link-10 { background-image: url("../images/special/special-10.jpg"); }
@media (max-width: 768px) { .reference .row .special-link-10 { background-image: url("../images/special/special-10-mb.jpg"); } }

.special .row { padding: 30px 0; border-bottom: 1px solid #f0f2f4; }
.special .row:last-child { border-bottom: 0; }
.special .wrap { position: relative; min-height: 146px; padding-left: 285px; }
@media (max-width: 768px) { .special .wrap { padding-left: 0; text-align: center; } }
.special .prepend { position: absolute; top: 0; left: 0; z-index: 1; }
@media (max-width: 768px) { .special .prepend { position: static; } }
.special .thumb { width: 260px; height: 146px; overflow: hidden; }
.special .thumb img { display: block; width: 100%; height: auto; }
@media (max-width: 768px) { .special .thumb { width: 100%; height: auto; } }
.special .title { font-size: 18px; font-weight: 600; color: #212529; line-height: 2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 768px) { .special .title { margin-top: 10px; margin-bottom: 10px; } }
.special .article { height: 66px; margin-bottom: 10px; font-size: 14px; font-weight: normal; color: #919599; line-height: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.special .btn { font-size: 12px; border-radius: 4px; }

/** subpage teacher */
.teacher-gallery > ul { margin-right: -12px; margin-left: -12px; }
.teacher-gallery .cell { float: left; width: 20%; }
@media (max-width: 768px) { .teacher-gallery .cell { width: 50%; } }
.teacher-gallery .wrap { position: relative; margin: 12px; padding: 24px; text-align: center; background-color: white; border: 1px solid #e1e5e9; overflow: hidden; }
.teacher-gallery .wrap:hover { -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); }
.teacher-gallery .wrap:hover .article { top: 0; }
@media (max-width: 768px) { .teacher-gallery .wrap:hover .article { display: none; } }
.teacher-gallery .portrait { width: 130px; height: 130px; border-radius: 50%; margin: 0 auto; overflow: hidden; }
.teacher-gallery .portrait img { display: block; width: 100%; height: auto; border-radius: inherit; }
@media (max-width: 768px) { .teacher-gallery .portrait { width: 78px; height: 78px; } }
.teacher-gallery .name { margin-top: 20px; font-size: 18px; font-weight: 600; color: #212529; line-height: 2; }
.teacher-gallery .info { height: 36px; color: #b1b5b9; line-height: 18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; opacity: 1; filter: alpha(opacity=100); }
.teacher-gallery .article { position: absolute; top: 100%; right: 0; left: 0; z-index: 1; height: 100%; background-color: rgba(0, 204, 153, 0.9); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 16px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }
.teacher-gallery .article div { height: 240px; font-size: 14px; color: white; line-height: 24px; text-align: left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 10; }

/** subpage contact */
.contact-cell { float: left; width: 50%; padding: 40px 0; }
@media (max-width: 768px) { .contact-cell { float: none; width: 100%; padding: 20px 0; } }
.contact-info { padding: 8px 0; font-size: 16px; line-height: 1.2; }
@media (max-width: 768px) { .contact-info { font-size: 14px; } }

.contact-map-wrap img { display: block; width: 100%; height: auto; }

/** subpage search */
.searchlist .list-row { padding: 20px 0; border-bottom: 1px dashed #e1e5e9; }
.searchlist .list-row-wrap { padding-left: 26px; }
.searchlist .list-dot { margin-left: 0; }
@media (max-width: 768px) { .searchlist .list-row-wrap { padding-left: 25px; }
  .searchlist .list-dot { margin-left: 0; } }

/** subpage brief and detail */
.inner.brief { position: relative; padding-top: 20px; padding-bottom: 20px; }
.inner.brief.course-brief { height: 140px; padding-left: 252px; }
.inner.brief.course-brief .thumb { width: 212px; overflow: hidden; }
@media (max-width: 768px) { .inner.brief.course-brief { height: auto; padding-left: 157.2px; }
  .inner.brief.course-brief .thumb { width: 127.2px; } }
.inner.brief.special-brief { height: 146px; padding-left: 300px; }
.inner.brief.special-brief .thumb { width: 260px; }
.inner.brief.special-brief .article { height: 72px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
@media (max-width: 768px) { .inner.brief.special-brief { height: auto; padding-left: 160px; }
  .inner.brief.special-brief .thumb { width: 130px; }
  .inner.brief.special-brief .article { margin-top: 8px; height: 36px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } }
.inner.brief.teacher-brief { height: 130px; padding-left: 170px; }
.inner.brief.teacher-brief .thumb { width: 130px; height: 130px; border-radius: 50%; overflow: hidden; }
.inner.brief.teacher-brief .article { margin-top: 10px; }
@media (max-width: 768px) { .inner.brief.teacher-brief { height: auto; padding-left: 131px; }
  .inner.brief.teacher-brief .thumb { width: 91px; height: 91px; border-radius: 50%; }
  .inner.brief.teacher-brief .article { margin-top: 8px; } }
.inner.brief .thumb { position: absolute; top: 20px; left: 20px; }
.inner.brief .thumb img { display: block; width: 100%; height: auto; }
.inner.brief .title { padding: 10px 0; font-size: 20px; font-weight: 600; color: #212529; line-height: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.inner.brief .info { color: #b1b5b9; opacity: 1; filter: alpha(opacity=100); }
.inner.brief .article { height: 48px; margin-top: 20px; color: #818589; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
@media (max-width: 768px) { .inner.brief { margin-bottom: -20px; }
  .inner.brief .title { padding: 4px 0; font-size: 16px; }
  .inner.brief .article { height: 36px; margin-top: 0; font-size: 12px; line-height: 18px; } }

.inner.detail > .row { margin-bottom: 30px; }
.inner.detail .detail-head { padding-top: 10px; line-height: 48px; border-bottom: 1px solid #e1e5e9; }
.inner.detail .detail-head .title { display: inline-block; margin-bottom: -1px; font-size: 16px; font-weight: 600; color: #00cc99; line-height: inherit; border-bottom: 2px solid #00cc99; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.inner.detail .detail-head .title i { display: inline-block; margin-right: 8px; font-size: 18px; font-weight: normal; vertical-align: middle; }
.inner.detail .detail-body { margin-top: 20px; }
.inner.detail .detail-body p { margin: 1rem 0; text-indent: 2rem; }
.inner.detail .detail-body p:first-child { margin-top: 0; }

/** subpage common content */
.content-name { margin-bottom: 20px; padding: 10px 0; font-size: 30px; font-weight: bold; color: #212529; line-height: 1.2; text-align: center; }

.content-title { margin-bottom: 10px; font-size: 16px; font-weight: bold; color: #414549; }

.content-info { margin-bottom: 20px; font-size: 14px; color: #919599; line-height: 1.4; text-align: center; }

.content-body { padding: 20px 0; }

.content-brief { font-size: 16px; color: #616569; line-height: 2; text-align: justify; text-justify: inter-ideagraph; word-break: break-all; }
.content-brief img { display: block; width: 80%; height: auto; margin: 0 auto; }
.content-brief p { margin: 1rem 0; text-indent: 2rem; }
.content-brief p:first-child { margin-top: 0; }

.content-img-container { margin-top: 10px; margin-bottom: 10px; text-align: center; }

.content-artical-img, .content-img-info { width: 80%; margin-right: auto; margin-left: auto; }

.content-artical-img img { display: block; width: 100%; height: auto; }

.content-img-info { display: block; margin-top: 20px; color: #b1b5b9; }

.content-split { border: 0.5px solid #e1e5e9; }

.content-pagination { padding-top: 20px; padding-bottom: 40px; }
.content-pagination p { margin: 0; font-size: 16px; color: #818589; line-height: 36px; vertical-align: middle; }
.content-pagination a { font-size: inherit; color: inherit; }
.content-pagination a:hover { text-decoration: none; }

/** Utility classes ---------------------------------------------------------------------------- */
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

.center-block { display: block; margin-left: auto; margin-right: auto; }

.pull-right { float: right !important; }

.pull-left { float: left !important; }

.fixedPos-rt { position: fixed; top: 0; right: 0; bottom: auto; left: auto; }

.fixedPos-rb { position: fixed; top: auto; right: 0; bottom: 0; left: auto; }

.fixedPos-lt { position: fixed; top: 0; right: auto; bottom: auto; left: 0; }

.fixedPos-lb { position: fixed; top: auto; right: auto; bottom: 0; left: 0; }

.hide { display: none !important; }

.show { display: block !important; }

.invisible { visibility: hidden; }

.mask, .mask-white { position: fixed; top: 0; right: 0; bottom: 0; left: 0; }

.mask { z-index: 1040; background-color: black; opacity: 0.5; filter: alpha(opacity=50); }

.mask-white { z-index: 1019; background-color: white; opacity: 0.9; filter: alpha(opacity=90); }

.assist { height: 100%; display: inline-block; vertical-align: middle; }

.info { line-height: 24px; font-size: 12px; color: #b1b5b9; }

.primary { color: #00cc99; }

.green { color: #38c17f; }

.red { color: #fb4859; }

.yellow { color: #fafa94; }

.disabled { color: #b1b5b9; }

.link-normal { font-size: 12px; color: #00cc99; text-decoration: none; }
.link-normal:hover { text-decoration: underline; }

.link-default { font-size: 12px; color: #616569; text-decoration: none; }
.link-default:hover { color: #00cc99; }

.link-light { font-size: 12px; color: #919599; text-decoration: none; }
.link-light:hover { color: #00cc99; }

.col-1 { float: left; width: 100%; }

.col-2 { float: left; width: 50%; }

.col-3 { float: left; width: 33.3333333333%; }

.col-4 { float: left; width: 25%; }

.col-5 { float: left; width: 20%; }

.col-6 { float: left; width: 16.6666666667%; }

.col-7 { float: left; width: 14.2857142857%; }

.col-8 { float: left; width: 12.5%; }

.col-9 { float: left; width: 11.1111111111%; }

.col-10 { float: left; width: 10%; }

.col-11 { float: left; width: 9.0909090909%; }

.col-12 { float: left; width: 8.3333333333%; }

.mt10 { margin-top: 10px; }

.mr10 { margin-right: 10px; }

.mb10 { margin-bottom: 10px; }

.ml10 { margin-left: 10px; }

.mt20 { margin-top: 20px; }

.mr20 { margin-right: 20px; }

.mb20 { margin-bottom: 20px; }

.ml20 { margin-left: 20px; }

.side {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 1031;
  width: 70px;
  padding-top: 113px;
  opacity:0.6;
}
.side:hover {
  opacity:1.0;
}
@media (max-width: 768px) {
  .side {
    display: none;
  }
}

/* side menu */
.side-menu {
  position: relative;
  z-index: 1;
  padding: 0 14px;
  text-align: center;
  background-color: white;
  border: 1px solid #d1d5d9;
  border-radius: 8px;
  behavior: url(css/pie.htc);
}

.side-menu-cell {
  position: relative;
  border-bottom: 1px solid #e1e5e9;
}
.side-menu-cell:last-child {
  border-bottom: 0;
}

.side-menu-link {
  position: relative;
  z-index: 1;
  display: block;
  padding: 14px 0;
}
.side-menu-link:hover .side-menu-icon,
.side-menu-link:hover .side-menu-txt {
  color: #52b4e2;
}

.side-menu-icon {
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 30px;
  vertical-align: middle;
  color: #818589;
}

.side-menu-txt {
  font-size: 12px;
  color: #818589;
}

/* side menu popup*/
.side-popup {
  position: absolute;
  top: -100px;
  left: -264px;
  display: none;
  width: 240px;
  padding-right: 24px;
}

.side-popup-arr-white {
  position: absolute;
  top: 113px;
  right: 14px;
  z-index: 2;
  width: 0;
  height: 0;
  display: inline-block;
  overflow: hidden;
  border-width: 6px;
  border-color: transparent;
  border-style: dashed;
  border-left-color: white;
  border-left-style: solid;
}

.side-popup-arr-gray {
  position: absolute;
  top: 113px;
  right: 12px;
  z-index: 1;
  width: 0;
  height: 0;
  display: inline-block;
  overflow: hidden;
  border-width: 6px;
  border-color: transparent;
  border-style: dashed;
  border-left-color: #d1d5d9;
  border-left-style: solid;
}

.side-popup-wrap {
  background-color: white;
  border: 1px solid #d1d5d9;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  behavior: url(css/pie.htc);
}

.side-popup-share {
  padding: 15px 0 15px;
}

.side-share-cell {
  display: inline-block;
  padding: 0 20px;
  text-align: center;
}

.side-share-link {
  display: block;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.side-share-link:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.side-share-link .icon-link-fill {
  color: #ffa200;
}
.side-share-link .icon-wechat-fill {
  color: #38c17f;
}
.side-share-link .side-share-txt {
  color: #919599;
}

.side-share-icon {
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 50px;
  vertical-align: middle;
}

.side-share-txt {
  font-size: 14px;
}

.side-popup-qr {
  padding: 20px;
}
.header-logined { cursor: pointer; position: absolute; right: 10px; top: 20px; }
.header-logined img { width: 40px; height: 40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
@media (max-width: 768px) { .header-logined { top: 10px; right: 80px; }
 .header-logined img { width: 30px; height: 30px; } }
.header-logined .header-loginedc { display: none; }
.header-logined:hover .header-loginedc { display: block; }
.header-loginedc { position: absolute; width: 100px; left: 50%; margin-left: -50px; background: transparent; text-align: center; z-index: 9999; top: 40px; padding-top: 14px; }
.header-loginedc:before { width: 31px; height: 15px; content: ''; position: absolute; left: 50%; top: 0; background: url(../images/topsj.png); margin-left: -15px; }
.header-loginedc ul { box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); background: #fff; }
.header-loginedc ul li { font-size: 14px; line-height: 32px; border-bottom: 1px solid #eee; }
@media (max-width: 768px) { .header-loginedc { top: 30px; } }
/*# sourceMappingURL=main.css.map */