.fxlsj { font-size: inherit; }

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html { line-height: 1.15; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

main { display: block; }

h1 { font-size: 2em; margin: 0.67em 0; }

hr { box-sizing: content-box; height: 0; overflow: visible; }

pre { font-family: monospace, monospace; font-size: 1em; }

a { background-color: transparent; }

abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }

b, strong { font-weight: bolder; }

code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

img { border-style: none; }

button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }

button, input { overflow: visible; }

button, select { text-transform: none; }

button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

fieldset { padding: 0.35em 0.75em 0.625em; }

legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }

progress { vertical-align: baseline; }

textarea { overflow: auto; }

[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }

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

::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }

details { display: block; }

summary { display: list-item; }

template { display: none; }

[hidden] { display: none; }

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

body { font-family: "PingFang SC"; line-height: 1; background-color: white; }

ul, li, ol { padding: 0; }

ul { margin: 0; }

li { list-style-type: none; }

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

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

input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset !important; transition: background-color 5000s ease-in-out 0s; }

input, textarea { -webkit-appearance: none; }

input:focus, textarea:focus { outline: none; -webkit-appearance: none; -webkit-user-modify: read-write-plaintext-only; }

a { text-decoration: none; }

img { vertical-align: middle; }

/** Typography ---------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; font-size: inherit; }

p { padding: 0; margin: 0; }

.pop-bg { padding: 5px 20px 20px; background-color: rgba(0, 0, 0, 0.5); }

.pop-title { padding: 25px 0 10px; font-size: 18px; line-height: 1.2; font-weight: bold; color: #fff; }

.mask { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; background-color: rgba(0, 0, 0, 0.5); }

.mask .pop-con { position: absolute; }

.pop-con { background-color: #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; overflow: hidden; }
.pop-header { height: 48px; padding: 0 12px 0 25px; line-height: 48px; background-color: #f2f2f2; border-bottom: 1px solid #d5d5d5; }

.pop-header h3 { font-size: 16px; color: #444; font-weight: bold; }

.pop-header a { margin-top: 8px; width: 32px; height: 32px; color: #888; text-align: center; line-height: 32px; }

.pop-header a i { font-size: 14px; }

.pop-header a:hover { color: #cb1b1d; }

.pop-xs { width: 360px; }

.pop-note { padding: 40px 20px; text-align: center; }

.pop-note i { font-size: 80px; }

.pop-note h4 { margin-top: 12px; font-size: 16px; color: #222; font-weight: bold; }

.pop-note h6 { margin-top: 10px; font-size: 14px; color: #666; }

.pop-code { padding: 20px 20px 36px; text-align: center; }

.pop-code img { width: 180px; height: 180px; }

.pop-code p { margin-top: 10px; font-size: 14px; line-height: 22px; color: #666; }

.headerbg { height: 108px; background: #cb1b1d; }

.logo { margin-top: 22px; height: 64px; }

.logo img { width: auto; height: inherit; }

.nav { margin-top: 38px; }

.nav ul li { float: left; margin-left: 8px; font-size: 16px; line-height: 32px; }

.nav ul li:first-child { margin-left: 0; }
.nav ul li a { display: block; padding: 0 10px; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.nav ul li a:hover, .nav ul li a.active { color: #fff; background: #9e1517; }

.header-login, .header-search { margin-top: 38px; margin-left: 20px; height: 30px; display: inline-block; text-align: center; font-size: 14px; line-height: 30px; color: #fff; border: 1px solid #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.header-login:hover, .header-search:hover { color: #cb1b1d; background: #fff; }

.header-search { width: 30px; }

.header-search i { font-size: inherit; }

.header-login { width: 60px; }

.header-logined { position: relative; margin-top: 38px; margin-left: 10px; padding: 4px 10px; height: 24px; cursor: pointer; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }
.header-logined .header-logined-opt { display: none; }
.header-logined:hover { background: #9e1517; }
.header-logined:hover .header-logined-opt { display: block; }
.header-logined-people { position: relative; padding-left: 32px; }
.header-logined-people img { position: absolute; left: 0; width: 24px; height: 24px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.header-logined-people h2 { font-size: 16px; line-height: 24px; color: #fff; }

.header-logined-opt { position: absolute; left: 0; right: 0; top: 32px; padding-top: 10px; padding-bottom: 10px; background: #9e1517; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; }
.header-logined-opt ul li { font-size: 14px; line-height: 28px; color: #fff; }
.header-logined-opt ul li a { display: block; padding: 0 8px; text-align: center; color: #fff; }
.header-logined-opt ul li a:hover { text-decoration: underline; }

.footerbg { margin-top: 50px; padding: 20px 0; text-align: center; color: #fff; background: #404040; }
.footerbg p { font-size: 14px; line-height: 28px; }

.body-bg { background: #e8e8e8; }

.color-primary { color: #cb1b1d; }

.color-orange { color: #f1962a; }

.color-success { color: #21c761; }

.color-9 { color: #999; }

.color-danger { color: #ff0000; }

.link-primary { color: #cb1b1d; }

.link-primary:hover { color: #9e1517; }

.btn-primary { color: #fff; background-color: #cb1b1d; }

.btn-primary:hover { color: #fff; background-color: #9e1517; }
.btn-primary-shadow { -webkit-box-shadow: 0 3px 10px rgba(203, 27, 29, 0.3); -moz-box-shadow: 0 3px 10px rgba(203, 27, 29, 0.3); -ms-box-shadow: 0 3px 10px rgba(203, 27, 29, 0.3); -o-box-shadow: 0 3px 10px rgba(203, 27, 29, 0.3); box-shadow: 0 3px 10px rgba(203, 27, 29, 0.3); }

.min-h { min-height: 700px; }

.wrap-box { background: #fff; }

.page { padding: 40px 0; font-size: 14px; text-align: center; color: #666; }

.page a { min-width: 16px; height: 40px; padding: 0 12px; margin: 0 2px; display: inline-block; font-size: 14px; line-height: 40px; color: #666; border-radius: 20px; }

.page a:hover { color: #cb1b1d; }

.page a.active { color: #fff; background: #cb1b1d; }

.search { position: relative; height: 36px; line-height: 36px; }

.search i { position: absolute; left: 0; top: 0; width: 36px; height: 36px; font-size: 16px; text-align: center; color: #b7b7b7; }

.search input { width: 100%; height: inherit; padding: 0 36px; font-size: 14px; line-height: inherit; color: #222; background: #f9f9f9; border-radius: 18px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

.search input::-moz-placeholder { color: #b7b7b7; opacity: 1; }

.search input:-ms-input-placeholder { color: #b7b7b7; }

.search input::-webkit-input-placeholder { color: #b7b7b7; }

.sub-local { font-size: 14px; line-height: 52px; color: #444; }

.sub-local a { color: #444; }

.sub-local a:hover { color: #cb1b1d; }

.form-input { position: relative; height: 38px; }
.form-input input { width: 100%; height: 38px; padding: 0 12px; font-size: 14px; line-height: 36px; color: #000; border: 1px solid #e5e5e5; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
.form-input input:focus { border: 1px solid rgba(203, 27, 29, 0.8); -webkit-box-shadow: 0 0px 5px rgba(203, 27, 29, 0.3); -moz-box-shadow: 0 0px 5px rgba(203, 27, 29, 0.3); -ms-box-shadow: 0 0px 5px rgba(203, 27, 29, 0.3); -o-box-shadow: 0 0px 5px rgba(203, 27, 29, 0.3); box-shadow: 0 0px 5px rgba(203, 27, 29, 0.3); }
.form-input.form-input-hascode input { padding: 0 80px 0 12px; }

.form-input.form-input-hascode a { position: absolute; top: 1px; bottom: 1px; right: 0; width: 96px; font-size: 13px; line-height: 36px; text-align: center; border-left: 1px solid #e5e5e5; }

.course-wrap { margin-top: 20px; background-color: #fff; }

.course-ban { width: 1200px; height: auto; margin-top: 20px; }

.course-ban img { width: 100%; }

.sub-menu { position: relative; height: 60px; margin: 0 25px; line-height: 60px; border-bottom: 1px solid #eee; }

.sub-menu h3 { font-size: 18px; color: #cb1b1d; font-weight: bold; }

.sub-menu .search { position: absolute; right: 0; top: 50%; width: 320px; margin-top: -18px; }

.filter { padding: 18px 0; margin: 0 25px; }
.filterbox a { margin: 2px 20px 2px 0; padding: 0 10px; display: inline-block; font-size: 14px; line-height: 26px; color: #222; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.filterbox a:hover { color: #cb1b1d; }

.filterbox a.active { color: #cb1b1d; background: rgba(203, 27, 29, 0.1); }

.filterbox a:last-child { margin-right: 0; }

.course-list { margin: 0 25px; }

.course-list > ul { margin: -20px -10px 0; }

.course-list > ul > li { margin-top: 20px; width: 25%; float: left; }

.course-list .coursebox { margin: 0 10px; }

.coursebox { border: 1px solid #f4f4f4; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.coursebox:hover { -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08); -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08); -o-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); }
.coursebox-img { width: 272px; height: 140px; margin: -1px -1px 0 -1px; }
.coursebox-img img { width: inherit; height: inherit; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; }

.coursebox-txt { padding: 14px 12px; }

.coursebox-txt h2 { padding-bottom: 8px; font-size: 16px; }

.coursebox-txt h2 a { color: #222; }

.coursebox-txt h2 a:hover { color: #cb1b1d; }

.coursebox-txt p, .coursebox-txt li { font-size: 14px; line-height: 26px; color: #999; }

.coursebox-txt p i, .coursebox-txt li i { margin-right: 8px; font-size: 14px; line-height: inherit; }

.course1 { position: relative; height: 165px; padding: 25px 25px 25px 375px; }

.course1-img { position: absolute; left: 25px; top: 25px; width: 320px; height: inherit; overflow: hidden; cursor: pointer; }

.course1-img img { width: inherit; height: inherit; }
.course1-img:hover img { -webkit-transform: scale(1.08, 1.08); -moz-transform: scale(1.08, 1.08); -ms-transform: scale(1.08, 1.08); -o-transform: scale(1.08, 1.08); transform: scale(1.08, 1.08); }

.course1-txt { position: relative; height: inherit; }

.course1-txt h2 { padding-top: 8px; font-size: 24px; line-height: 1.2; color: #222; font-weight: bold; }

.course1-txt ul { margin-top: 15px; padding-right: 250px; }

.course1-txt ul li { font-size: 14px; line-height: 28px; color: #888; }
.course1-txt .btn-primary { position: absolute; right: 0; bottom: 0; width: 150px; height: 44px; font-size: 16px; line-height: 44px; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }

.course2 { margin: 0 25px; min-height: 400px; }

.course2 > h3 { padding: 0 14px; font-size: 16px; line-height: 42px; color: #333; font-weight: bold; background-color: #f8f8f8; }

.course2 > h4 { position: relative; margin-top: 25px; padding: 0 14px; font-size: 16px; line-height: 18px; }
.course2 > h4 i { position: absolute; width: 4px; height: 16px; left: 0; top: 50%; margin-top: -8px; background-color: #cb1b1d; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }
.course2 .course2-article:last-child { border-bottom: none; }

.course2-article { padding: 15px 14px 18px; font-size: 14px; line-height: 2; color: #666; border-bottom: 1px solid #eee; }

.wrap-reg { margin-top: 30px; }

.reg-title { height: 80px; margin: 0 35px; border-bottom: 1px solid #eee; }

.reg-title h3 { font-size: 24px; line-height: 80px; color: #222; font-weight: bold; text-align: center; }

.regbox { position: relative; height: 38px; padding: 0 400px; line-height: 38px; }

.regbox > span, .regbox > p { position: absolute; top: 0; width: 380px; height: inherit; font-size: 14px; }

.regbox > span { left: 0; text-align: right; color: #666; }

.regbox > P { right: 0; text-align: left; }

.regbox > P i { margin-right: 4px; font-size: 16px; vertical-align: -1px; }
.regbox .xm-select-demo xm-select { box-sizing: border-box; }

.reg-form { min-height: 480px; padding: 60px 0; margin: 0 35px; }

.reg-form .regbox { margin-top: 15px; }

.reg-form .regbox:first-child { margin-top: 0; }
.reg-form .btn-primary { margin: 30px 400px 0; display: block; font-size: 16px; line-height: 44px; text-align: center; font-weight: bold; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }

.reg-login { margin: 15px 400px 0; font-size: 16px; color: #666; text-align: center; }

.tl { text-align: left; }

.tc { text-align: center; }

.tr { text-align: right; }

.ell { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.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; }

.hidden { display: none; }

.show { display: block; }

.vis-hidden { visibility: hidden; }

.ovh { overflow: hidden; }

.container { width: 1200px; display: block; margin-left: auto; margin-right: auto; }

[class*="col-"] { float: left; }

.col-1 { width: 100%; }

.col-2 { width: 50%; }

.col-3 { width: 33.3333333333%; }

.col-4 { width: 25%; }

.col-5 { width: 20%; }

.col-6 { width: 16.6666666667%; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { font-size: 14px; color: #afafaf; }

input:-moz-placeholder, textarea:-moz-placeholder { font-size: 14px; color: #afafaf; }

input::-moz-placeholder, textarea::-moz-placeholder { font-size: 14px; color: #afafaf; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder { font-size: 14px; color: #afafaf; }

.trans, .nav ul li a, .header-login, .header-search, .link-primary, .btn-primary, .form-input input, .filterbox a, .coursebox, .course1-img img { -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -ms-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; }

/*# sourceMappingURL=main.css.map */