.dis-blk, .nav-area .nav-list-bar li, .nav-area .nav-list-bar li a, .top-search-bar .search-in label, .top-search-bar .search-in label input, .top-search-bar .search-in .sear-btn, .contact-way-card .contact-inner .title h4, .contact-way-card .contact-inner .title span, .contact-way-mb .contact-inner .title h4, .contact-way-mb .contact-inner .title span, .foot-links-area .footer-links .f-links .title h4, .foot-links-area .footer-links .f-links .title em, .foot-links-area .footer-links .f-links ul, .foot-links-area .foot-qr-area span, .foot-links-area .foot-qr-area a, .copyright p, .copyright p span, .logo-area .logo-name em, .logo-area .logo-name h4, .header-link ul, .header-link ul li, .header-link ul li a, .an-label, .modu-top .inform-wrap .inform-cont .an-col label, .login-in-area .login-in-cont .login-col .v-code, .login-in-area .login-in-cont .login-col .retrieve-pd, .acceptance-cont .acceptance-m h4, .acceptance-cont .acceptance-m a, .mod-title em, .mod-title h4, .mod-title span, .modu-top .inform-wrap .inform-cont .an-col .an-txt span, .modu-top .admission-area .admission-view, .modu-top .admission-area .admission-inner .adm-main .getMore, .join-title h4, .join-title span, .join-title em, .join-us-area .join-us-inner .join-menu-bar .join-menu-list li span, .join-us-area .join-us-inner .join-menu-bar .join-menu-list li h4, .stu-card-col .stu-card .title h4, .stu-card-col .stu-card .title span, .stu-card-col .stu-card ol li a, .stu-card-col .stu-card ol li em, .mod-move, .mod-move-tb, .nw-exam-ar .nw-download .nw-d-card .dl-op a:hover, .mod-move-tp, .sec-title em, .sec-title h4, .sec-title a, .sec-ban-area .sec-ban-inner .title h4, .sec-ban-area .sec-ban-inner .title span, .location-bar .location-m span, .enrollment-info-area .enr-info-list .info-row .process-line em, .enrollment-info-area .enr-info-list .info-row .process-line span, .enrollment-info-area .enr-info-list .info-row .info-txt label, .enrollment-info-area .enr-info-list .info-row .info-txt span, .enrollment-regulations .ad, .enrollment-regulations .course-tutor .course-tt-col .course-tt-in a, .reg-process-area .reg-process-inner .reg-flow-main .reg-num span, .reg-process-area .reg-process-inner .reg-flow-main .reg-num h4, .reg-process-area .reg-process-inner .reg-flow-main .reg-num a, .reg-process-area .reg-process-inner .reg-flow-mb .reg-num span, .reg-process-area .reg-process-inner .reg-flow-mb .reg-num h4, .reg-process-area .reg-process-inner .reg-flow-mb .reg-num a, .reg-guide-area .reg-guide-cont .guide-inner .guide-col .square .squ-in span, .reg-guide-area .reg-guide-cont .guide-inner .guide-col .square .squ-in b, .reg-guide-area .reg-guide-cont .guide-inner .guide-col .square .squ-in .gu-view, .resources-list-area .tabs-body .rescources-cont .rescr-col .rescr-inner span, .resources-list-area .tabs-body .rescources-cont .rescr-col .rescr-inner h4, .resources-list-area .tabs-body .rescources-cont .rescr-col .rescr-inner a, .xl-title h4, .xl-title em, .nt-examination-area .examin-cont .exam-col .exam-info-area .exam-tit h4, .nt-examination-area .examin-cont .exam-col .exam-info-area .exam-tit em, .nt-examination-area .examin-cont .exam-col .exam-info-area .exam-info-list ul li i, .nt-examination-area .examin-cont .exam-col .exam-info-area .exam-info-list ul li a, .nt-examination-area .examin-cont .exam-col .exam-info-area .exam-info-list ul li span, .card-m .thesis-op, .card-m .thesis-op .arr, .gra-thesis-area .te-card .thesis-list ul, .gra-thesis-area .te-card .thesis-list ul li, .fam-t-lecture .fam-lecture-cont .f-l-col .f-l-w .view, .fam-t-lecture .fam-lecture-cont .f-l-col .f-l-w .view .ck-stu, .fam-t-lecture .fam-lecture-cont .f-l-col .f-l-w .f-l-info h4, .fam-t-lecture .fam-lecture-cont .f-l-col .f-l-w .f-l-info span, .stu-handbook .look-up-hd, .faq-wrapper .faq-cont .faq-col .faq-l-v span, .faq-wrapper .faq-cont .faq-col .faq-l-v a, .pltf-info .plt-inner .plt-info-list li, .pltf-info .plt-inner .plt-info-list li h4, .pltf-info .plt-inner .plt-info-list li .download-btn, .pltf-info .plt-inner .plt-guide-list, .pltf-info .plt-inner .plt-guide-list li i, .pltf-info .plt-inner .plt-guide-list li p, .planning-card .planning-op-bar h4, .planning-card .planning-op-bar a, .nw-exam-list .nw-exam-col .nw-link, .nw-exam-list .nw-exam-col .nw-link b, .nw-exam-list .nw-exam-col .nw-link em, .nw-exam-ar .nw-exam-notification .nw-exam-card .nw-exam-list li i, .nw-exam-ar .nw-exam-notification .nw-exam-card .nw-exam-list li:hover i, .nw-exam-ar .nw-download .nw-d-card .dl-op a, .reg-notice-area .reg-notice-card .nw-exam-list li i, .reg-notice-area .reg-notice-card .nw-exam-list li:hover i, .zl-notice-area .reg-notice-card .nw-exam-list li i, .zl-notice-area .reg-notice-card .nw-exam-list li:hover em, .campus-culture-area .campus-col .campus-wrap h4, .campus-culture-area .campus-col .campus-wrap .inset, .consultation-area .consult-inner .consult-tit h4, .consultation-area .consult-inner .consult-tit em, .consultation-area .consult-inner .consult-col span, .consultation-area .consult-inner .consult-col b, .consultation-area .consult-inner .consult-col .consult-qr .qr, .circle-wrap span, .circle-wrap span a, .circle-wrap span a b, .join-forum-area .join-xl-circle .join, .join-forum-area .join-xl-circle .join img, .learn-strategy-area .learn-strategy-inner .lear-s-cont .ls-list ul li, .learn-strategy-area .learn-strategy-inner .lear-s-cont .ls-list ul li i, .learn-strategy-area .learn-strategy-inner .lear-s-cont .ls-list ul li a, .learn-strategy-area .learn-strategy-inner .lear-s-cont .ls-list ul li em, .t-title h2, .t-title span, .t-title .tert-info span, .tert-paragraph-list em, .tert-paragraph-list span, .info-inscribe span, .info-inscribe em, .link-article-bar .link-article span, .article-turning .article-pg a, .article-turning .article-pg b, .tertiary-list-cont .tertiary-list li, .tertiary-list-cont .tertiary-list em, .tertiary-list-cont .tertiary-list span, .tertiary-list-cont .tertiary-list i, .tertiary-list-cont .tertiary-list b, .paging-bar a, .paging-bar input, .paging-bar span, .notification-list ol li em, .notification-list ol li a, .flow-line, .job-placement-area .sc-enrollment-cont .enrollment-flow .branch-bar .branch-col .arr-line, .job-placement-area .sc-enrollment-cont .enrollment-flow .branch-bar .branch-col .arr-line em, .flow-col .branch-list ul li, .flow-col .branch-list ul li b, .flow-col .branch-list ul li .branch-info i, .flow-col .branch-list ul li .branch-info .bra-t span, .affair-manage .affair-flow-bar .af-spot-bar ul li em, .affair-manage .af-info-bar .af-info-txt span, .affair-manage .af-info-bar .af-info-txt span i, .mail-area .mail-in .mail-info span, .common-qa-area .common-qa .cm-qa-in .cm-more, .common-qa-area .common-qa .cm-qa-in .cm-more b, .common-qa-area .common-qa .cm-qa-in .cm-more em { display: block; }

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

body { margin: 0; }

main { display: block; }

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

hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

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

a { background-color: transparent; }

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

b, strong {
	font-weight: bolder;
	font-size: 16px;
}

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

/** Add the correct font size in all browsers. */
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; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }

button, input { /* 1 */ overflow: visible; }

button, select { /* 1 */ 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; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

progress { vertical-align: baseline; }

textarea { overflow: auto; }

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

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

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

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

::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

details { display: block; }

summary { display: list-item; }

template { display: none; }

[hidden] { display: none; }

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

body { font-family: "PingFang SC", Helvetica, "Helvetica Neue", "Microsoft YaHei", "SimSun", Tahoma, Arial, sans-serif; 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 0px 1000px white inset !important; }

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

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

a, a:active, label, label:active, div, div:active { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); }

a { text-decoration: none; }

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: #999; }

h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 10px; }

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: 10px; margin-bottom: 10px; }

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

/** Forms ---------------------------------------------------------------------------- */
input[type="search"] { 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: 32px; padding: 0 8px; font-size: 14px; line-height: 30px; color: #666; background-color: white; background-image: none; border: 1px solid #ccc; border-radius: 4px; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; box-sizing: border-box; }

.form-control:focus { border-color: #8c0000; outline: 0; }

.form-control::-moz-placeholder { color: #afafaf; opacity: 1; }

.form-control:-ms-input-placeholder { color: #afafaf; }

.form-control::-webkit-input-placeholder { color: #afafaf; }

.form-control::-ms-expand { border: 0; background-color: transparent; }

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #999; opacity: 1; }

.form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; }

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

@media (max-width: 768px) { .form-control { height: 1.76rem; } }

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

/** Forms common styles */
.form-row { position: relative; margin: 10px 0; line-height: 32px; }

.form-row .form-textarea-hint { margin-top: 5px; }

.form-title { display: inline-block; font-size: 14px; color: #444; line-height: 1.2; vertical-align: middle; }

.form-title:after { content: ''; display: inline-block; height: 100%; vertical-align: middle; }

.form-title span { display: inline-block; vertical-align: middle; }

.form-pretitle { padding-left: 80px; }

.form-pretitle .form-title { position: absolute; top: 0; bottom: 0; left: 0; width: 70px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

@media (max-width: 768px) { .form-pretitle .form-title { top: 0.48rem; overflow: inherit; } }

.form-con { line-height: 32px; }

.input-wrap, .textarea-wrap, .form-label, .date-wrap, .mixform-wrap { position: relative; line-height: inherit; }

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

/** input  */
.input-wrap.input-hasicon .form-control { padding-left: 32px; }

.input-icon { position: absolute; top: 0; bottom: 0; left: 8px; z-index: 1; display: inline-block; font-size: 0; color: #afafaf; vertical-align: middle; }

.input-icon:after { content: ''; display: inline-block; height: 100%; vertical-align: middle; }

.input-icon i { display: inline-block; font-size: 16px; vertical-align: middle; }

.input-wrap.input-hasappend .form-control { padding-right: 24px; }

.input-append { position: absolute; top: 50%; right: 1px; z-index: 100; display: none; height: 24px; margin-top: -12px; font-size: 0; line-height: 24px; background-color: white; }

.input-append:after { content: ''; display: inline-block; height: 100%; vertical-align: middle; }

.input-append > a, .input-append > span { display: inline-block; width: 24px; vertical-align: middle; }

.input-append .btn-icon-only { display: inline-block; margin: 0 4px; padding: 0; font-size: 18px; color: #5c5c5c; line-height: inherit; text-align: center; text-decoration: none; vertical-align: middle; border-radius: 0; }

.input-append .btn-icon-only:hover { color: #8c0000; }

.ie8 .input-wrap.input-hasappend .form-control, .ie9 .input-wrap.input-hasappend .form-control { padding-right: 0; }

/** textarea  */
.textarea-wrap.hasnum .form-textarea { padding-bottom: 26px; }

.textarea-wrap .form-textarea-num { position: absolute; right: 1px; bottom: 1px; z-index: 1; padding: 5px; font-size: 12px; color: #afafaf; line-height: 1; background-color: white; border-bottom-right-radius: 4px; }

/** radio and checkbox  */
.form-label { position: relative; padding-left: 26px; font-weight: normal; cursor: pointer; }

.form-label input { position: absolute; left: -999999px; }

.form-label:hover .form-radio-btn, .form-label:hover .form-checkbox-btn { border-color: #8c0000; }

.form-label.active .form-radio-btn, .form-label.active .form-checkbox-btn { background-color: #8c0000; border-color: #730000; }

.form-label.active .form-radio-btn i, .form-label.active .form-checkbox-btn i { display: inline-block; }

.form-label.active .form-label-con { color: #8c0000; }

.form-radio-btn, .form-checkbox-btn { position: absolute; top: 50%; left: 0; z-index: 1; display: inline-block; width: 16px; height: 16px; margin-top: -8px; padding: 0; color: white; text-align: center; line-height: 1; vertical-align: middle; border: 1px solid #ccc; }

.form-radio-btn:after, .form-checkbox-btn:after { content: ''; display: inline-block; height: 100%; vertical-align: middle; }

.form-radio-btn i, .form-checkbox-btn i { display: none; font-size: 12px; line-height: 1; vertical-align: middle; transform: scale(0.8); transform-origin: center center; }

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

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

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

/** Simple-select */
.form-select { position: relative; }

.form-select:hover { border-color: #8c0000; }

.form-select:hover .select-arrow { border-top-color: #8c0000; }

.form-select .select-main { position: relative; width: 100%; z-index: 1030; }

.form-select .select-arrow { position: absolute; top: 16px; right: 0; width: 0; height: 0; display: inline-block; overflow: hidden; border-width: 4px; border-color: transparent; border-style: dashed; border-top-color: #444; border-top-style: solid; margin-top: -2px; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; }

.form-select .select-arrow.reverse { transform: rotate(180deg); transform-origin: center 2px; }

.form-select .select-set { position: relative; z-index: 1; font-size: 14px; line-height: 30px; }

.form-select .select-block { position: relative; z-index: 0; right: 0; left: 0; margin-top: 1px; margin-right: -9px; margin-left: -9px; background-color: white; border: 1px solid #ccc; }

.form-select .select-items { padding: 0 8px; font-size: 14px; color: #666; line-height: 2; }

.form-select .select-items:hover { color: #222; background-color: #fafafa; }

.form-select .select-items.active, .form-select .select-items.active:hover { color: #8c0000; background-color: rgba(140, 0, 0, 0.1); }

/** Multi-select : editable/pageable/multiple select */
div.sp_container { background-color: white; border-color: #ccc; border-radius: 4px; }

div.sp_container.sp_container_open { border-color: #8c0000; border-radius: 4px; }

div.sp_container.sp_container_combo { box-shadow: none; }

div.sp_container ul.sp_element_box li.selected_tag { margin: 0 2px; font-size: 12px; border-color: #efefef; vertical-align: middle; box-shadow: none; }

div.sp_container ul.sp_element_box li.selected_tag .tag_close { display: inline-block; vertical-align: middle; transform: scale(0.8); }

div.sp_container ul.sp_element_box li.selected_tag:hover { color: white; background-color: #8c0000; border-color: #8c0000; }

div.sp_container ul.sp_element_box li.selected_tag:hover .tag_close i { color: white; }

div.sp_container .sp_input { height: 32px; min-height: 32px; padding: 0 8px; line-height: 32px; box-shadow: none; }

div.sp_container .sp_input[readonly] { background-color: white; }

div.sp_container .sp_clear_btn { padding-top: 0; color: #666; }

div.sp_container .sp_clear_btn:after { content: ''; display: inline-block; height: 100%; vertical-align: middle; }

div.sp_container .sp_clear_btn:hover { color: #8c0000; }

div.sp_container .sp_button .sp_caret { right: 8px; }

div.sp_result_area { width: auto; margin-top: -5px; border-radius: 0; z-index: 1052; box-sizing: border-box; }

div.sp_result_area.shadowDown { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); }

div.sp_result_area div.sp_control_box p { font-size: 12px; font-weight: normal; color: #afafaf; }

div.sp_result_area ul.sp_results > li { color: #666; line-height: 1.4; }

div.sp_result_area ul.sp_results > li.sp_over { background-color: #8c0000 !important; }

div.sp_result_area div.sp_pagination { padding-top: 5px; padding-bottom: 5px; text-align: center; border-top: 1px solid #ddd; }

div.sp_result_area div.sp_pagination ul { width: 300px; margin: 0 auto; text-align: center; }

div.sp_result_area div.sp_pagination ul > li a:hover { color: white; background-color: #8c0000; border-radius: 3px; }

div.sp_result_area div.sp_pagination ul > li.pageInfoBox a { width: auto; padding: 0 20px; }

.ie8 .sp_button span.sp_caret { display: inline-block; width: 0; height: 0; display: inline-block; overflow: hidden; border-width: 4px; border-color: transparent; border-style: dashed; border-top-color: #222; border-top-style: solid; }

.ie8 div.sp_result_area div.sp_pagination li a { background-position: center center; background-repeat: no-repeat; }

.ie8 div.sp_result_area div.sp_pagination li a i { display: none; }

.ie8 div.sp_result_area div.sp_pagination li.csFirstPage a { background-image: url("../images/arrows/first.png"); }

.ie8 div.sp_result_area div.sp_pagination li.csPreviousPage a { background-image: url("../images/arrows/previous.png"); }

.ie8 div.sp_result_area div.sp_pagination li.csNextPage a { background-image: url("../images/arrows/next.png"); }

.ie8 div.sp_result_area div.sp_pagination li.csLastPage a { background-image: url("../images/arrows/last.png"); }

/** Datepicker */
.date-wrap .form-control { position: relative; cursor: pointer; }

.form-date-ico { position: absolute; top: 50%; right: 0; z-index: 1; display: inline-block; width: 32px; height: 32px; margin-top: -16px; text-align: center; line-height: 32px; vertical-align: middle; cursor: pointer; background-image: url("../images/calendar.jpg"); background-repeat: no-repeat; background-position: center center; }

/** Mix form group */
.mixform-wrap { font-size: 0; }

.mixform-wrap > input { display: inline-block; vertical-align: middle; }

.mixform-wrap.search-wrap input[type="text"] { width: calc(100% - 58px); margin-right: 8px; }

.mixform-wrap.search-wrap input[type="submit"] { width: 50px; }

.mixform-wrap.vcode-wrap input[type="text"] { width: calc(100% - 98px); margin-right: 8px; }

.mixform-wrap.vcode-wrap input[type="submit"] { width: 90px; }

.ie8 .mixform-wrap { position: relative; }

.ie8 .mixform-wrap .btn { position: absolute; top: 0; right: 0; }

.ie8 .mixform-wrap.search-wrap { padding-right: 58px; }

.ie8 .mixform-wrap.search-wrap input[type='submit'] { width: 50px; }

.ie8 .mixform-wrap.vcode-wrap { padding-right: 98px; }

.ie8 .mixform-wrap.vcode-wrap input[type='submit'] { width: 90px; }

.form-con.form-error .form-control { border-color: #e20700; }

.error-info { font-size: 0; color: #e20700; vertical-align: middle; }

.error-info i, .error-info span { display: inline-block; vertical-align: middle; }

.error-info i { margin-right: 4px; font-size: 14px; }

.error-info span { font-size: 12px; }

/** Form table */
.form-table-row { border-bottom: 1px solid #eee; 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: 8px; bottom: 8px; left: 0; width: 96px; padding-right: 10px; padding-left: 15px; font-size: 0; border-right: 1px solid #eee; }

.form-table-head:after { content: ''; display: inline-block; height: 100%; vertical-align: middle; }

.form-table-head > span { display: inline-block; vertical-align: middle; }

.form-table-head .title { font-size: 14px; line-height: 1.4; color: #afafaf; }

.form-table-head .red { margin-left: 8px; font-size: 16px; }

.form-table-body { position: relative; min-height: 32px; padding: 8px 0; font-size: 0; line-height: 32px; }

.form-table-body:after { content: ''; display: inline-block; height: 100%; vertical-align: middle; }

.form-table-body > div { display: inline-block; width: 100%; vertical-align: middle; }

.form-table-body .text-wrap { line-height: 1.4; }

/** Buttons ---------------------------------------------------------------------------- */
.btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; text-decoration: none; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 26px; border-radius: 4px; user-select: none; box-sizing: border-box; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; }

.btn:hover, .btn:focus, .btn.focus { color: #444; text-decoration: none; }

.btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; opacity: 0.4; filter: alpha(opacity=40); box-shadow: none; }

a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; }

/** Alternate buttons */
.btn-solid { color: #444; background-color: #fff; border-color: #ccc; }

.btn-solid:hover { color: #444; background-color: #f2f2f2; border-color: #bfbfbf; box-shadow: 0 2px 6px rgba(204, 204, 204, 0.1); }

.btn-solid-primary { color: #fff; background-color: #8c0000; border-color: #730000; }

.btn-solid-primary:hover { color: #fff; background-color: #730000; border-color: #590000; box-shadow: 0 2px 6px rgba(115, 0, 0, 0.1); }

.btn-solid-secondary { color: #fff; background-color: #3b3e4c; border-color: #30323e; }

.btn-solid-secondary:hover { color: #fff; background-color: #30323e; border-color: #25272f; box-shadow: 0 2px 6px rgba(48, 50, 62, 0.1); }

.btn-solid-success { color: #fff; background-color: #3fcc57; border-color: #33bf4b; }

.btn-solid-success:hover { color: #fff; background-color: #33bf4b; border-color: #2dab43; box-shadow: 0 2px 6px rgba(51, 191, 75, 0.1); }

.btn-solid-warning { color: #fff; background-color: #ffa200; border-color: #e69200; }

.btn-solid-warning:hover { color: #fff; background-color: #e69200; border-color: #cc8200; box-shadow: 0 2px 6px rgba(230, 146, 0, 0.1); }

.btn-solid-danger { color: #fff; background-color: #e20700; border-color: #c90600; }

.btn-solid-danger:hover { color: #fff; background-color: #c90600; border-color: #af0500; box-shadow: 0 2px 6px rgba(201, 6, 0, 0.1); }

.btn-solid-light { color: #444; background-color: #f7f7f7; border-color: #eaeaea; }

.btn-solid-light:hover { color: #444; background-color: #eaeaea; border-color: #dedede; box-shadow: 0 2px 6px rgba(234, 234, 234, 0.1); }

.btn-solid-dark { color: #fff; background-color: #444; border-color: #373737; }

.btn-solid-dark:hover { color: #fff; background-color: #373737; border-color: #2b2b2b; box-shadow: 0 2px 6px rgba(55, 55, 55, 0.1); }

.btn-hollow { color: #444; background-color: transparent; border-color: #ccc; }

.btn-hollow:hover { color: white; background-color: #ccc; }

.btn-hollow-primary { color: #8c0000; background-color: transparent; border-color: #8c0000; }

.btn-hollow-primary:hover { color: white; background-color: #8c0000; }

.btn-hollow-secondary { color: #3b3e4c; background-color: transparent; border-color: #3b3e4c; }

.btn-hollow-secondary:hover { color: white; background-color: #3b3e4c; }

.btn-hollow-success { color: #3fcc57; background-color: transparent; border-color: #3fcc57; }

.btn-hollow-success:hover { color: white; background-color: #3fcc57; }

.btn-hollow-warning { color: #ffa200; background-color: transparent; border-color: #ffa200; }

.btn-hollow-warning:hover { color: white; background-color: #ffa200; }

.btn-hollow-danger { color: #e20700; background-color: transparent; border-color: #e20700; }

.btn-hollow-danger:hover { color: white; background-color: #e20700; }

.btn-hollow-light { color: #eaeaea; background-color: transparent; border-color: #eaeaea; }

.btn-hollow-light:hover { color: white; background-color: #eaeaea; }

.btn-hollow-dark { color: #444; background-color: transparent; border-color: #444; }

.btn-hollow-dark:hover { color: white; background-color: #444; }

.btn-outline { color: #444; background-color: white; border-color: #ccc; }

.btn-outline:hover { color: #444; background-color: whitesmoke; }

.btn-outline-primary { color: #8c0000; background-color: #ff5959; border-color: #8c0000; }

.btn-outline-primary:hover { color: #8c0000; background-color: #ff4545; }

.btn-outline-secondary { color: #3b3e4c; background-color: #9fa3b4; border-color: #3b3e4c; }

.btn-outline-secondary:hover { color: #3b3e4c; background-color: #9398ab; }

.btn-outline-success { color: #3fcc57; background-color: #e0f7e4; border-color: #3fcc57; }

.btn-outline-success:hover { color: #3fcc57; background-color: #d0f3d6; }

.btn-outline-warning { color: #ffa200; background-color: #ffeccc; border-color: #ffa200; }

.btn-outline-warning:hover { color: #ffa200; background-color: #ffe5b8; }

.btn-outline-danger { color: #e20700; background-color: #ffb1af; border-color: #e20700; }

.btn-outline-danger:hover { color: #e20700; background-color: #ff9e9b; }

.btn-outline-light { color: #eaeaea; background-color: white; border-color: #eaeaea; }

.btn-outline-light:hover { color: #eaeaea; background-color: whitesmoke; }

.btn-outline-dark { color: #444; background-color: #aaaaaa; border-color: #444; }

.btn-outline-dark:hover { color: #444; background-color: #a0a0a0; }

.btn-prefix-icon, .btn-suffix-icon { display: inline-block; vertical-align: middle; }

.btn-prefix-icon i, .btn-suffix-icon i { display: inline-block; font-size: inherit; vertical-align: middle; }

.btn-prefix-icon i { margin-right: 5px; }

.btn-suffix-icon i { margin-left: 5px; }

.btn-icon { color: #444; }

.btn-icon:hover { color: white; background-color: #8c0000; }

.btn-link { color: #8c0000; }

.btn-link:hover { text-decoration: underline; }

.btn-block { display: block; width: 100%; padding-right: 0; padding-left: 0; }

/** Button Sizes */
.btn-lg { padding: 8px 16px; font-size: 18px; line-height: 28px; border-radius: 5px; }

.btn-sm { padding: 4px 8px; font-size: 12px; line-height: 22px; border-radius: 3px; }

.btn-xs { padding: 1px 6px; font-size: 12px; line-height: 20px; border-radius: 3px; }

/** Tooltips ---------------------------------------------------------------------------- */
/** normal tooltip */
.tooltip { position: absolute; left: 50%; display: inline-block; z-index: 1070; min-width: 30px; padding: 0 8px; line-height: 25px; text-align: center; border-radius: 3px; background-color: #3d3d3d; }

.tooltip-txt { white-space: nowrap; font-size: 12px; color: #ccc; }

.tooltip-arr { position: absolute; left: 50%; display: inline-block; margin-left: -4px; }

/** tooltip show direction */
.tooltip-up { top: -30px; }

.tooltip-up .tooltip-arr { bottom: -8px; width: 0; height: 0; display: inline-block; overflow: hidden; border-width: 4px; border-color: transparent; border-style: dashed; border-top-color: #3d3d3d; border-top-style: solid; }

.tooltip-down { bottom: -30px; }

.tooltip-down .tooltip-arr { top: -8px; width: 0; height: 0; display: inline-block; overflow: hidden; border-width: 4px; border-color: transparent; border-style: dashed; border-bottom-color: #3d3d3d; border-bottom-style: solid; }

/** Popups ---------------------------------------------------------------------------- */
/** Popups Common styles */
.popup { position: absolute; z-index: 1040; display: none; border: 1px solid #ccc; border-radius: 5px; background-color: white; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); overflow: hidden; }

.popup-head { position: relative; padding: 0 20px; line-height: 40px; border-bottom: 1px solid #eee; border-top-left-radius: 5px; border-top-right-radius: 5px; background-color: transparent; }

.popup-tit { font-size: 14px; font-weight: bold; color: #222; }

.popup-head-op { position: absolute; top: 0; right: 4px; }

.popup-head-op .btn { width: 24px; height: 24px; padding: 0; border: 1px solid transparent; line-height: 24px; color: #666; vertical-align: middle; }

.popup-head-op .btn:hover { color: inherit; border-color: #ddd; background-color: white; }

.popup-head-op .btn i { font-size: 14px; vertical-align: baseline; }

.popup-content-in { padding: 0 28px; font-size: 14px; color: #444; }

.popup-foot { padding: 14px; text-align: right; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: white; }

.popup-foot .btn { width: 90px; margin-left: 5px; padding-right: 0; padding-left: 0; }

.popup-foot .btn:hover { box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); }

.popup-foot .btn-outline { background-color: #f7f7f7; }

.popup-foot .btn-outline:hover { color: #444; border-color: #bfbfbf; background-color: #fff; }

/** Icons */
.popup-icon { width: 28px; height: 28px; line-height: 28px; font-size: 28px; vertical-align: middle; margin-right: 10px; }

.popup-warning .popup-icon { color: #ffa200; }

.popup-success .popup-icon { color: #3fcc57; }

.popup-danger .popup-icon { color: #e20700; }

/** Container size */
.popup-small { width: 360px; }

.popup-base { width: 480px; }

.popup-medium { width: 540px; }

.popup-large { width: 640px; }

.popup-xlarge { width: 740px; }

.popup-block { width: 100%; }

/** popup simple */
.popup-simple .popup-head-op { top: 5px; }

.popup-simple .popup-content-in { padding-top: 30px; padding-bottom: 20px; }

.popup-simple .popup-foot { text-align: center; }

/** content customize */
.popup-content-simple { height: 60px; padding: 20px 28px 10px; }

.popup-content-simple-in { display: inline-block; vertical-align: middle; }

.popup-content-simple-in h4, .popup-content-simple-in p { display: inline-block; vertical-align: middle; }

/** Empty ---------------------------------------------------------------------------- */
.empty { text-align: center; vertical-align: middle; }

.empty.empty-fixheight { height: 500px; }

.empty.empty-fixheight-sm { height: 350px; }

.empty:after { content: ''; display: inline-block; height: 100%; vertical-align: middle; }

.empty-wrap { display: inline-block; vertical-align: middle; }

.empty-icon { display: inline-block; width: 120px; height: 120px; opacity: 0.8; filter: alpha(opacity=80); }

.empty-icon img { display: block; width: 100%; height: auto; }

.empty-text { display: inline-block; margin-top: 16px; font-size: 16px; color: #888; user-select: none; }

/** 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: -30px; }

.mCS-my-theme-special.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background-color: #8c0000; }

.mCS-my-theme-special.mCSB_scrollTools .mCSB_draggerRail { background-color: rgba(140, 0, 0, 0.3); }

/** 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; }

/** Tabs ---------------------------------------------------------------------------- */
/** Base styles */
.tabs-head { *zoom: 1; }

.tabs-head:before, .tabs-head:after { content: " "; display: table; }

.tabs-head:after { clear: both; }

.tabs-item { float: left; }

.tabs-link { position: relative; display: block; line-height: 1; padding: 18px 10px; font-size: 14px; color: #666; text-align: center; cursor: pointer; }

@media (max-width: 768px) { .tabs-link { padding: 0; } }

.tabs-link:hover { color: #fff; }

.tabs-con { display: none; }

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

.tabs-inline { display: inline-block; margin-left: 30px; vertical-align: middle; }

/** Btn tabs */
.btn-tabs .tabs-item { margin: 0 5px; }

@media (max-width: 768px) { .btn-tabs .tabs-item { margin-left: 0.8rem; margin-right: 0.8rem; } }

.btn-tabs .tabs-link { display: inline-block; padding: 0 16px; font-size: 14px; color: #666; line-height: 26px; background-color: white; border: 1px solid #ddd; border-radius: 14px; }

@media (max-width: 768px) { .btn-tabs .tabs-link { width: 100%; padding: 0; border: 0; border-radius: 0; } }

.btn-tabs .tabs-link:hover { color: #8c0000; border-color: #8c0000; }

.btn-tabs .tabs-link.active, .btn-tabs .tabs-link.active:hover { color: white; background-color: #8c0000; border-color: #8c0000; }

@media (max-width: 768px) { .btn-tabs-lg { width: 100%; margin: 0 40px/37.5pxrem; } }

.btn-tabs-lg .tabs-item { margin-right: 20px; }

@media (max-width: 768px) { .btn-tabs-lg .tabs-item { margin-right: 0; width: 45%; } }

.btn-tabs-lg .tabs-link { position: relative; font-size: 18px; font-weight: bold; line-height: 46px; border-radius: 24px; }

.btn-tabs-lg .tabs-link span { margin-left: 8px; font-size: 14px; font-weight: normal; }

.btn-tabs-lg .tabs-link .arrow { position: absolute; bottom: -14px; left: 50%; width: 0; height: 0; display: inline-block; overflow: hidden; border-width: 7px; border-color: transparent; border-style: dashed; border-top-color: #8c0000; border-top-style: solid; display: none; margin-left: -7px; }

.btn-tabs-lg .tabs-link.active { box-shadow: 0 4px 12px rgba(140, 0, 0, 0.16); }

.btn-tabs-lg .tabs-link.active .arrow { display: block; }

/** Ghost tabs */
.ghost-tabs { display: block; width: 100%; border-bottom: 1px solid #ddd; }

.ghost-tabs .tabs-link { padding-top: 0; padding-bottom: 0; line-height: 50px; }

.ghost-tabs .tabs-link.active, .ghost-tabs .tabs-link.active:hover { color: #8c0000; }

.ghost-tabs .tabs-link.active:before, .ghost-tabs .tabs-link.active:hover:before { content: ''; position: absolute; bottom: -1px; left: 0; z-index: 1; width: 100%; height: 2px; font-weight: 700; background-color: #8c0000; }

/** Toast tabs */
.toast-tabs .tabs-link { padding-top: 9px; padding-bottom: 9px; text-decoration: none; border: 1px solid #ddd; border-right-color: transparent; }

.toast-tabs .tabs-link.active { color: white; background-color: #8c0000; border-color: #8c0000; }

.toast-tabs .tabs-item:first-child .tabs-link { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }

.toast-tabs .tabs-item:last-child .tabs-link { border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-right-color: #ddd; }

/** nav ---------------------------------------------------------------------------- */
.nav-area { clear: both; background: #fff; }

@media (max-width: 768px) { .nav-area { height: 2.02667rem; } }

.nav-area .nav-list-bar { height: 52px; line-height: 52px; }

@media (max-width: 768px) { .nav-area .nav-list-bar { width: 100%; height: 2.02667rem; line-height: 0.53333rem; display: flex; flex-direction: row; text-align: center; } }

.nav-area .nav-list-bar li { float: left; width: 171px; text-align: center; }

@media (max-width: 768px) { .nav-area .nav-list-bar li { padding: 0; line-height: 1.86667rem; flex: 1; } }

.nav-area .nav-list-bar li a { color: #222; }

@media (max-width: 768px) { .nav-area .nav-list-bar li a { font-size: 0.72rem; } }

.nav-area .nav-list-bar li:hover { background: #8c0000; color: #fff; }

.nav-area .nav-list-bar li:hover a { color: #fff; opacity: 1; }

.nav-area .nav-list-bar .active { background: #8c0000; }

.nav-area .nav-list-bar .active a { opacity: 1; font-weight: 600; color: #fff; }

.top-search-bar { width: 280px; background: #f3f3f3; }

@media (max-width: 768px) { .top-search-bar { width: 100%; height: 2.61333rem; } }

.top-search-bar .search-in { padding: 0 20px; }

@media (max-width: 768px) { .top-search-bar .search-in { padding-top: 0; padding-bottom: 0.26667rem; padding-left: 0.8rem; padding-right: 0.8rem; } }

.top-search-bar .search-in label input { background: #f3f3f3; height: 52px; line-height: 52px; }

@media (max-width: 768px) { .top-search-bar .search-in label input { height: 2.61333rem; line-height: 2.61333rem; } }

.top-search-bar .search-in label input[type="text"] { font-size: 14px; color: #999; }

@media (max-width: 768px) { .top-search-bar .search-in label input[type="text"] { font-size: 0.64rem; } }

.top-search-bar .search-in .sear-btn em { font-size: 20px; line-height: 52px; color: #626262; }

@media (max-width: 768px) { .top-search-bar .search-in .sear-btn em { height: 2.61333rem; line-height: 2.61333rem; } }

/** footer ---------------------------------------------------------------------------- */
.foot-prz { position: relative; }

.footer-area { width: 100%; position: relative; }

@media (max-width: 768px) { .footer-area { clear: both; } }

.contact-way-card { position: absolute; width: 460px; height: 250px; top: 50px; right: -60px; margin-right: 50px; z-index: 1050; border-radius: 8px; background: url("../../dist/images/cardcase.png") no-repeat; }

@media (max-width: 768px) { .contact-way-card { display: none; } }

.contact-way-card .contact-inner { padding: 40px; }

.contact-way-card .contact-inner .title { margin-bottom: 20px; }

.contact-way-card .contact-inner .title h4 { font-size: 24px; color: #fff; }

.contact-way-card .contact-inner .title span { width: 40px; height: 2px; background: #f8ce6a; }

.contact-way-card .contact-inner ul li { font-size: 14px; color: #fff; height: 30px; line-height: 30px; }

.footer-area .foot-top { height: 328px; background: #eee url("../../dist/images/foot/contact-bg.png") no-repeat; background-size: contain; position: relative; }

@media (max-width: 768px) { .footer-area .foot-top { height: 11.2rem; background: #414141 url("../../dist/images/foot/contact-bg-mb.png") no-repeat center; } }

.contact-way-mb { display: none; position: absolute; top: 0.66667rem; right: 2.4rem; z-index: 1050; border-radius: 8px; background: url("../../dist/images/cardcase.png") no-repeat; opacity: 0.8; }

.contact-way-mb .contact-inner { padding: 40px; }

@media (max-width: 768px) { .contact-way-mb .contact-inner { padding: 0.53333rem; } }

.contact-way-mb .contact-inner .title { margin-bottom: 20px; }

.contact-way-mb .contact-inner .title h4 { font-size: 24px; color: #fff; }

@media (max-width: 768px) { .contact-way-mb .contact-inner .title h4 { font-size: 1.06667rem; } }

.contact-way-mb .contact-inner .title span { width: 40px; height: 2px; background: #f8ce6a; }

@media (max-width: 768px) { .contact-way-mb .contact-inner .title { margin-bottom: 1.06667rem; } }

.contact-way-mb .contact-inner ul li { font-size: 14px; color: #fff; height: 30px; line-height: 30px; }

@media (max-width: 768px) { .contact-way-mb .contact-inner ul li { font-size: 0.8rem; height: 1.33333rem; line-height: 1.33333rem; } }

@media (max-width: 768px) { .contact-way-mb { display: block; width: 16rem; height: 10.13333rem; } }

.footer-area .foot-top .foot-rla { position: relative; }

.foot-links-area { padding: 26px; overflow: hidden; background: #9e0101; position: relative; }

@media (max-width: 768px) { .foot-links-area { padding: 0; padding-top: 1.33333rem; } }

.foot-links-area .footer-links { width: 80%; }

.foot-links-area .footer-links div { float: left; width: 33.3%; }

@media (max-width: 768px) { .foot-links-area .footer-links .f-links { margin-bottom: 0.26667rem; } }

@media (max-width: 768px) { .foot-links-area .footer-links .f-links .title { width: 100%; } }

.foot-links-area .footer-links .f-links .title h4 { text-align: center; font-size: 18px; color: #fff; }

@media (max-width: 768px) { .foot-links-area .footer-links .f-links .title h4 { font-size: 0.8rem; text-align: left; padding-left: 1.06667rem; } }

.foot-links-area .footer-links .f-links .title em { width: 40px; height: 2px; background: #f8ce6a; margin-left: 20px; }

@media (max-width: 768px) { .foot-links-area .footer-links .f-links .title em { width: 2.13333rem; height: 0.10667rem; } }

.foot-links-area .footer-links .f-links ul { clear: both; padding-top: 20px; }

.foot-links-area .footer-links .f-links ul li { padding-left: 20px; }

.foot-links-area .footer-links .f-links ul li a { font-size: 14px; color: #fff; height: 28px; line-height: 28px; opacity: 0.8; font-weight: 500; }

@media (max-width: 768px) { .foot-links-area .footer-links .f-links ul li a { font-size: 0.69333rem; } }

.foot-links-area .footer-links .f-links ul li a:hover { opacity: 1; }

@media (max-width: 768px) { .foot-links-area .footer-links { width: 100%; } }

.foot-links-area .foot-qr-area { overflow: hidden; }

.foot-links-area .foot-qr-area .qr-mr { margin-right: 40px; }

.foot-links-area .foot-qr-area span { margin-bottom: 10px; }

.foot-links-area .foot-qr-area a { font-size: 14px; color: #fff; text-align: center; opacity: 0.8; }

@media (max-width: 768px) { .foot-links-area .foot-qr-area { width: 100%; padding-top: 1.6rem; padding-left: 4.8rem; margin-bottom: 1.06667rem; }
  .foot-links-area .foot-qr-area div { width: 6.93333rem; } }

.copyright { overflow: hidden; background: #8c0000; }

.copyright p { text-align: center; font-size: 14px; color: #fff; opacity: 0.5; font-weight: 500; float: left; }

.copyright p span { float: left; padding: 0 45px; }

@media (max-width: 768px) { .copyright p span { line-height: 1.33333rem; } }

@media (max-width: 768px) { .copyright p { font-size: 0.53333rem; padding: 0 30px/37.5pxrem; width: 100%; text-align: center; } }

/**
 * Layout
 * ----------------------------------------------------------------------------
*/
/** Page frame */
.header { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; }

.sys-header { height: 150px; background-image: url("../../dist/images/header/headerbg.png"); background-size: cover; }

@media (max-width: 768px) { .sys-header { width: 100%; height: 8rem; position: relative; } }

.logo-area { overflow: hidden; }

@media (max-width: 768px) { .logo-area { width: 100%; height: 100%; background-size: contain; padding: 0.53333rem; margin-top: 1.6rem; overflow: hidden; padding-top: 0.26667rem; padding-right: 0.26667rem; padding-bottom: 0.26667rem; padding-left: 0.93333rem; } }

.logo-area .logo { margin-top: 30px; }

.logo-area .logo img { display: block; width: 100%; height: auto; }

@media (max-width: 768px) { .logo-area .logo { width: 20.26667rem; } }

.logo-area .logo-name em { font-style: normal; height: 45px; width: 2px; background: #d88282; margin: 20px; }

@media (max-width: 768px) { .logo-area .logo-name em { height: 1.2rem; margin-top: 1.06667rem; margin-left: 0.8rem; margin-right: 0.8rem; } }

.logo-area .logo-name h4 { height: 150px; line-height: 150px; float: left; margin: 0; font-size: 36px; color: #8c0000; }

@media (max-width: 768px) { .logo-area .logo-name h4 { font-size: 1.33333rem; height: 4rem; line-height: 4rem; margin-top: 0.4rem; } }

.header-link { padding-top: 60px; }

@media (max-width: 768px) { .header-link { padding-top: 0; position: absolute; right: 0; top: 0; padding: 0.53333rem; } }

.header-link ul li { float: left; width: 100px; text-align: center; }

@media (max-width: 768px) { .header-link ul li { width: 4.26667rem; opacity: 0.8; } }

.header-link ul li a { font-size: 14px; color: #fff; height: 16px; line-height: 16px; margin: 6px 0; border-right: 1px #dea7a8 solid; }

.header-link ul li a:hover { color: #fff; }

@media (max-width: 768px) { .header-link ul li a { font-size: 0.64rem; border: 0; } }

.header-link li a:last-child.last { border: 0; }

/**
 * grid
 * ----------------------------------------------------------------------------
*/
/** Page frame */
.container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }

.container:before, .container:after { content: " "; display: table; }

.container:after { clear: both; }

@media (min-width: 770px) { .container { width: 750px; } }

@media (min-width: 992px) { .container { width: 970px; } }

@media (min-width: 1180px) { .container { width: 1200px; } }

.row { margin-left: -15px; margin-right: -15px; }

.row:before, .row:after { content: " "; display: table; }

.row:after { clear: both; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; }

.col-xs-1 { width: 8.3333333333%; }

.col-xs-2 { width: 16.6666666667%; }

.col-xs-3 { width: 25%; }

.col-xs-4 { width: 33.3333333333%; }

.col-xs-5 { width: 41.6666666667%; }

.col-xs-6 { width: 50%; }

.col-xs-7 { width: 58.3333333333%; }

.col-xs-8 { width: 66.6666666667%; }

.col-xs-9 { width: 75%; }

.col-xs-10 { width: 83.3333333333%; }

.col-xs-11 { width: 91.6666666667%; }

.col-xs-12 { width: 100%; }

@media (min-width: 770px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }
  .col-sm-1 { width: 8.3333333333%; }
  .col-sm-2 { width: 16.6666666667%; }
  .col-sm-3 { width: 25%; }
  .col-sm-4 { width: 33.3333333333%; }
  .col-sm-5 { width: 41.6666666667%; }
  .col-sm-6 { width: 50%; }
  .col-sm-7 { width: 58.3333333333%; }
  .col-sm-8 { width: 66.6666666667%; }
  .col-sm-9 { width: 75%; }
  .col-sm-10 { width: 83.3333333333%; }
  .col-sm-11 { width: 91.6666666667%; }
  .col-sm-12 { width: 100%; } }

@media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
  .col-md-1 { width: 8.3333333333%; }
  .col-md-2 { width: 16.6666666667%; }
  .col-md-3 { width: 25%; }
  .col-md-4 { width: 33.3333333333%; }
  .col-md-5 { width: 41.6666666667%; }
  .col-md-6 { width: 50%; }
  .col-md-7 { width: 58.3333333333%; }
  .col-md-8 { width: 66.6666666667%; }
  .col-md-9 { width: 75%; }
  .col-md-10 { width: 83.3333333333%; }
  .col-md-11 { width: 91.6666666667%; }
  .col-md-12 { width: 100%; } }

@media (min-width: 1180px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; }
  .col-lg-1 { width: 8.3333333333%; }
  .col-lg-2 { width: 16.6666666667%; }
  .col-lg-3 { width: 25%; }
  .col-lg-4 { width: 33.3333333333%; }
  .col-lg-5 { width: 41.6666666667%; }
  .col-lg-6 { width: 50%; }
  .col-lg-7 { width: 58.3333333333%; }
  .col-lg-8 { width: 66.6666666667%; }
  .col-lg-9 { width: 75%; }
  .col-lg-10 { width: 83.3333333333%; }
  .col-lg-11 { width: 91.6666666667%; }
  .col-lg-12 { width: 100%; } }

@media (min-width: 992px) { .section1-1, .section1-2, .section2-1, .section2-2, .section2-3, .section3-1, .section3-2, .section3-3, .sub-left, .sub-rigt { float: left; }
  .section1-1 { width: 70.8333333333%; }
  .section1-2 { width: 29.1666666667%; }
  .section2-1 { width: 25.8333333333%; }
  .section2-2 { width: 45%; }
  .section2-3 { width: 29.1666666667%; }
  .section3-1 { width: 25.8333333333%; }
  .section3-2 { width: 45%; }
  .section3-3 { width: 29.1666666667%; }
  .sub-left { width: 72.5%; }
  .sub-rigt { width: 27.5%; } }

/**
 * index
 * ----------------------------------------------------------------------------
*/
.pgWidth { width: 1200px; margin: 0 auto; }

@media (max-width: 768px) { .pgWidth { width: 100%; } }

.an-label, .modu-top .inform-wrap .inform-cont .an-col label { width: 70px; height: 24px; line-height: 24px; text-align: center; background: #fae2e2; font-size: 12px; color: #8c0000; border-radius: 35px; }

.trans { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; }

.banner-area .banner-view { box-sizing: border-box; width: 100%; margin: 0 auto; overflow: hidden; background: #eee; }

@media (max-width: 768px) { .banner-area .banner-view { height: 8rem; } }

.banner-area .banner-view .swiper-container { width: 100%; height: 460px; color: #fff; text-align: center; position: relative; overflow: hidden; }

@media (max-width: 768px) { .banner-area .banner-view .swiper-container { width: 100%; height: 100%; } }

.banner-area .banner-view .swiper-slide { width: 100%; height: 460px; background-image: url("../../dist/images/conBg.png"); background-repeat: repeat; }

.banner-area .banner-view .swiper-slide img { width: auto; height: auto; max-width: 100%; max-height: 100%; margin-left: auto; margin-right: auto; }

@media (max-width: 768px) { .banner-area .banner-view .swiper-slide img { width: 100%; height: auto; } }

@media (max-width: 768px) { .banner-area .banner-view .swiper-slide { width: 100%; height: 400px; display: flex; } }

.banner-area .banner-view .pagination { position: absolute; z-index: 20; left: 50%; bottom: 20px; }

@media (max-width: 768px) { .banner-area .banner-view .pagination { margin-left: -2.4rem; bottom: 0.26667rem; } }

.banner-area .banner-view .swiper-pagination-switch { display: inline-block; width: 15px; height: 4px; border-radius: 4px; background: rgba(255, 255, 255, 0.8); margin-right: 10px; opacity: 0.8; cursor: pointer; }

.banner-area .banner-view .swiper-active-switch { background: #8c0000; }

.banner-show-area { position: relative; }

.banner-show-area .banner-main { width: 100%; height: 540px; position: relative; }

@media (max-width: 768px) { .banner-show-area .banner-main { height: 10.66667rem; } }

.banner-show-area .banner-main-img { height: 540px; width: 100%; min-width: 1200px; overflow: hidden; }

@media (max-width: 768px) { .banner-show-area .banner-main-img { height: 10.66667rem; } }

.banner-show-area .banner-main-img li { width: 100%; display: none; overflow: hidden; position: absolute; top: 0; left: 0; }

.banner-show-area .banner-main-img li img { width: 100%; height: 540px; display: block; position: relative; left: 0; top: 0; }

@media (max-width: 768px) { .banner-show-area .banner-main-img li img { height: 10.66667rem; } }

.banner-show-area .ui-controls ul { position: absolute; bottom: 20px; right: 50%; }

.banner-show-area .ui-controls ul li { float: left; width: 10px; height: 10px; margin: 0px 5px; border-radius: 50%; background: #eee; /*border-radius: 50%; border: 2px solid rgba(255, 255, 255, 0.9); background: rgba(0, 0, 0, 0.5);*/ text-indent: -9999px; overflow: hidden; cursor: pointer; transition: all .2s; }

.banner-show-area .ui-controls ul li:hover { background: #999; /*border: 2px solid rgba(0, 0, 0, 0.5); background: rgba(255, 255, 255, 0.6);*/ }

.banner-show-area .ui-controls ul .current { width: 20px; height: 10px; border-radius: 15px; background: #8c0000; /*border: 2px solid rgba(0, 0, 0, 0.5); background: rgba(255, 255, 255, 0.6);*/ }

.banner-show-area .ui-controls .ui-prev { width: 41px; height: 69px; position: absolute; top: 50%; left: 0px; margin-top: -35px; text-indent: -9999px; overflow: hidden; background: url("../../dist/images/ban/icon-slides.png") no-repeat -84px 50%; z-index: 999; cursor: pointer; }

.banner-show-area .ui-controls .ui-next { width: 41px; height: 69px; position: absolute; top: 50%; right: 0px; margin-top: -35px; text-indent: -9999px; overflow: hidden; background: url("../../dist/images/ban/icon-slides.png") no-repeat -125px 50%; z-index: 999; cursor: pointer; }

.banner-show-area .ui-controls .ui-prev:hover { background-position-x: 0px; }

.banner-show-area .ui-controls .ui-next:hover { background-position-x: -42px; }

.login-in-area { width: 400px; height: 306px; box-sizing: border-box; height: auto; padding-bottom: 18px; background: #ac0000; margin-bottom: 16px; }

@media (max-width: 768px) { .login-in-area { width: 100%; padding: 0; margin-bottom: 0; } }

.login-in-area .mod-title em, .login-in-area .mod-title h4, .login-in-area .mod-title span { color: #fff; }

.login-in-area .mod-title em { background: #fff; }

.login-in-area .mod-title span { opacity: 0.8; }

@media (max-width: 768px) { .login-in-area .mod-title { display: none; } }

.login-in-area .mod-title-mb { display: none; }

@media (max-width: 768px) { .login-in-area .mod-title-mb { clear: both; padding-top: 0.53333rem; padding-left: 1.33333rem; position: relative; }
  .login-in-area .mod-title-mb em, .login-in-area .mod-title-mb h4, .login-in-area .mod-title-mb span { display: block; }
  .login-in-area .mod-title-mb em { width: 0.32rem; height: 1.6rem; background: #fff; position: absolute; top: 1.06667rem; left: 0; }
  .login-in-area .mod-title-mb h4 { font-size: 30px; color: #fff; font-weight: 600; }
  .login-in-area .mod-title-mb h4 b { float: left; margin-right: 0.53333rem; } }

@media (max-width: 768px) and (max-width: 768px) { .login-in-area .mod-title-mb h4 { font-size: 1.33333rem; } }

@media (max-width: 768px) { .login-in-area .mod-title-mb span { float: left; font-size: 20px; color: #c0c0c0; text-transform: uppercase; opacity: 0.8; } }

@media (max-width: 768px) and (max-width: 768px) { .login-in-area .mod-title-mb span { margin-top: 0; } }

@media (max-width: 768px) { .login-in-area .login-in-cont { clear: both; padding-top: 1.6rem; padding-right: 1.6rem; padding-left: 1.6rem; } }

.login-in-area .login-in-cont .login-col { clear: both; }

.login-in-area .login-in-cont .login-col .form-row { width: 100px; margin: 8px 0; }

@media (max-width: 768px) { .login-in-area .login-in-cont .login-col .form-row { margin-top: 0.96rem; margin-bottom: 0.96rem; } }

.login-in-area .login-in-cont .login-col .form-row .form-title { width: 90px; color: #fff; font-weight: 600; }

@media (max-width: 768px) { .login-in-area .login-in-cont .login-col .form-row .form-title { width: 56rem; } }

.login-in-area .login-in-cont .login-col .form-row .form-con .input-wrap { width: 240px; margin-left: 30px; }

@media (max-width: 768px) { .login-in-area .login-in-cont .login-col .form-row .form-con .input-wrap { width: 6.93333rem; margin-left: 0; } }

.login-in-area .login-in-cont .login-col .form-row .form-con .input-wrap input { background: #fdfcf3; border: 0; height: 28px; line-height: 28px; }

@media (max-width: 768px) { .login-in-area .login-in-cont .login-col .form-row .form-con .input-wrap input { width: 17.06667rem; } }

@media (max-width: 768px) { .login-in-area .login-in-cont .login-col .form-row .form-con .input-wrap { width: 100%; } }

.login-in-area .login-in-cont .login-col .form-row .form-con .v-code-in input { width: 150px; }

@media (max-width: 768px) { .login-in-area .login-in-cont .login-col .form-row .form-con .v-code-in input { width: 10.66667rem; } }

@media (max-width: 768px) { .login-in-area .login-in-cont .login-col { width: 100%; padding: 0; } }

.login-in-area .login-in-cont .login-col .form-pretitle { text-align: right; }

@media (max-width: 768px) { .login-in-area .login-in-cont .login-col .form-pretitle { text-align: left; height: 1.12rem; } }

.login-in-area .login-in-cont .login-col .v-code { margin: 10px 10px 0 95px; }

.login-in-area .login-in-cont .login-col .v-code img { display: block; width: 100%; height: auto; }

@media (max-width: 768px) { .login-in-area .login-in-cont .login-col .v-code { margin-top: 1.06667rem; margin-left: 0.8rem; } }

.login-in-area .login-in-cont .login-col .login-btm-btn { padding-right: 40px; }

@media (max-width: 768px) { .login-in-area .login-in-cont .login-col .login-btm-btn { width: 100%; padding: 0 5%/37.5pxrem; } }

.login-in-area .login-in-cont .login-col .login-btm-btn .login-btn { width: 308px; height: 36px; margin: 15px 0 0 0; background: #fdfbe2; border: 0; font-size: 18px; font-weight: 600; color: #8c0000; }

@media (max-width: 768px) { .login-in-area .login-in-cont .login-col .login-btm-btn .login-btn { width: 100%; height: 2.34667rem; line-height: 2.34667rem; margin-top: 1.6rem; font-size: 1.17333rem; padding: 0; } }

.login-in-area .login-in-cont .login-col .retrieve-pd { padding: 12px 40px 0 0; }

.login-in-area .login-in-cont .login-col .retrieve-pd a { font-size: 14px; color: #fff; }

.login-in-area .login-in-cont .login-col .retrieve-pd a:hover { text-decoration: underline; }

@media (max-width: 768px) { .login-in-area .login-in-cont .login-col .retrieve-pd { width: 100%; text-align: center; margin-top: 0.26667rem; margin-bottom: 0.8rem; font-size: 0.96rem; } }

.acceptance-cont { height: 180px; background-image: url("../../dist/images/admission-bg.png"); background-repeat: no-repeat; }

@media (max-width: 768px) { .acceptance-cont { width: 100%; background-size: cover; } }

.acceptance-cont .acceptance-m { padding: 35px 0 0 60px; }

.acceptance-cont .acceptance-m h4 { font-size: 30px; color: #fdfbe2; font-weight: 600; }

.acceptance-cont .acceptance-m a { background: #fdfbe2; width: 136px; height: 36px; line-height: 36px; border-radius: 25px; text-align: center; font-weight: 600; color: #8c0000; }

.modu-top { overflow: hidden; padding: 26px 0; padding-bottom: 0; }

@media (max-width: 768px) { .modu-top { width: 100%; min-height: 18.13333rem; padding: 0; } }

.modu-top .inform-wrap { width: 770px; height: 500px; overflow: hidden; background-color: #fafafa; }

@media (max-width: 768px) { .modu-top .inform-wrap { width: 100%; height: 100%; } }

.mod-title { clear: both; padding: 20px 0; padding-left: 40px; position: relative; margin-bottom: 40px; }

@media (max-width: 768px) { .mod-title { height: 1.6rem; margin-bottom: 1.06667rem; padding-left: 1.33333rem; } }

.mod-title em, .mod-title h4, .mod-title span { float: left; }

.mod-title em { width: 6px; height: 26px; background: #8c0000; position: absolute; top: 34px; left: 0; }

.mod-title h4 { font-size: 30px; color: #222; margin-right: 10px; font-weight: 600; }

@media (max-width: 768px) { .mod-title h4 { font-size: 1.33333rem; } }

.mod-title span { margin-top: 20px; font-size: 20px; color: #c0c0c0; text-transform: uppercase; }

@media (max-width: 768px) { .mod-title span { margin-top: 0; clear: both; } }

.modu-top .inform-wrap .inform-cont { padding: 20px 40px; }

@media (max-width: 768px) { .modu-top .inform-wrap .inform-cont { padding: 1.06667rem; } }

.modu-top .inform-wrap .inform-cont .an-col { padding-bottom: 20px; margin-bottom: 15px; }

@media (max-width: 768px) { .modu-top .inform-wrap .inform-cont .an-col { padding: 0.53333rem; margin-bottom: 0.53333rem; } }

@media (max-width: 768px) { .modu-top .inform-wrap .inform-cont .an-col label { margin-bottom: 1.06667rem; } }

.modu-top .inform-wrap .inform-cont .an-col .an-txt { clear: both; padding: 20px 0; }

@media (max-width: 768px) { .modu-top .inform-wrap .inform-cont .an-col .an-txt { padding: 0; } }

.modu-top .inform-wrap .inform-cont .an-col .an-txt .an-t { float: left; width: 520px; font-size: 14px; color: #4c4c4c; line-height: 24px; margin-right: 5%; }

@media (max-width: 768px) { .modu-top .inform-wrap .inform-cont .an-col .an-txt .an-t { width: 100%; margin-right: 0.53333rem; font-size: 0.8rem; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; } }

.modu-top .inform-wrap .inform-cont .an-col .an-txt .an-t:hover { color: #8c0000; }

.modu-top .inform-wrap .inform-cont .an-col .an-txt span { width: 100px; float: right; font-size: 12px; text-align: right; color: #999; margin-top: 5px; }

@media (max-width: 768px) { .modu-top .inform-wrap .inform-cont .an-col .an-txt span { width: 100%; height: 1.06667rem; padding-top: 1.06667rem; padding-right: 0.53333rem; } }

.modu-top .inform-wrap .inform-cont .an-col:nth-last-of-type(1) { border: 0; }

.modu-top .inform-wrap .inform-cont > .an-col { overflow: hidden; border-bottom: 1px #efefef solid; }

.modu-top .admission-area { height: 500px; }

@media (max-width: 768px) { .modu-top .admission-area { width: 100%; margin: 0 auto; } }

.modu-top .admission-area .admission-view { width: 400px; height: 500px; }

.modu-top .admission-area .admission-view img { display: block; width: 100%; height: auto; }

.modu-top .admission-area .admission-inner { width: 400px; height: 500px; background: url("../../dist/images/enroll.png") no-repeat; background-size: contain; }

@media (max-width: 768px) { .modu-top .admission-area .admission-inner { background-size: cover; width: 13.33333rem; height: 16.66667rem; background: url("../../dist/images/enroll-mb.png") no-repeat; margin: 0 auto; background-size: contain; } }

.modu-top .admission-area .admission-inner .adm-main { padding: 30px 50px; }

@media (max-width: 768px) { .modu-top .admission-area .admission-inner .adm-main { padding: 0.26667rem; } }

.modu-top .admission-area .admission-inner .adm-main h4 { font-size: 36px; color: #fdfbe2; font-weight: 600; margin-top: 120px; }

@media (max-width: 768px) { .modu-top .admission-area .admission-inner .adm-main h4 { margin-top: 4.26667rem; font-size: 1.73333rem; text-align: center; margin-bottom: 1.33333rem; } }

.modu-top .admission-area .admission-inner .adm-main .getMore { width: 137px; height: 36px; line-height: 36px; text-align: center; background: #fdfbe2; border-radius: 35px; color: #8c0000; font-weight: 600; margin-top: 30px; }

@media (max-width: 768px) { .modu-top .admission-area .admission-inner .adm-main .getMore { margin: 0 auto; } }

.join-us-area { clear: both; }

.join-us-area .join-us-inner { padding: 26px 0; }

@media (max-width: 768px) { .join-us-area .join-us-inner { padding: 0; } }

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

.join-title h4 { font-size: 30px; color: #222; font-weight: 600; }

@media (max-width: 768px) { .join-title h4 { font-size: 1.33333rem; margin-top: 1.06667rem; } }

.join-title span { text-transform: uppercase; color: #999; opacity: 0.6; }

.join-title em i { font-size: 36px; color: #8c0000; }

@media (max-width: 768px) { .join-title em i { font-size: 30px; } }

.join-us-area .join-us-inner .join-menu-bar { clear: both; padding: 40px 0; }

@media (max-width: 768px) { .join-us-area .join-us-inner .join-menu-bar { padding: 0; } }

@media (max-width: 768px) { .join-us-area .join-us-inner .join-menu-bar .join-menu-list { display: flex; } }

.join-us-area .join-us-inner .join-menu-bar .join-menu-list li { float: left; text-align: center; width: 20%; }

@media (max-width: 768px) { .join-us-area .join-us-inner .join-menu-bar .join-menu-list li { flex: 1; } }

.join-us-area .join-us-inner .join-menu-bar .join-menu-list li span { width: 134px; height: 44px; margin: 0 auto; }

@media (max-width: 768px) { .join-us-area .join-us-inner .join-menu-bar .join-menu-list li span { width: 4rem; height: 1.12rem; margin: 0 auto; margin-top: 2.4rem; margin-bottom: 2.4rem; }
  .join-us-area .join-us-inner .join-menu-bar .join-menu-list li span img { width: 100%; height: 100%; background-size: contain; } }

.join-us-area .join-us-inner .join-menu-bar .join-menu-list li span i { font-size: 40px; color: #676767; font-weight: 500; }

@media (max-width: 768px) { .join-us-area .join-us-inner .join-menu-bar .join-menu-list li span i { font-size: 2.13333rem; } }

.join-us-area .join-us-inner .join-menu-bar .join-menu-list li h4 { font-size: 24px; color: #666; font-weight: 600; }

.join-us-area .join-us-inner .join-menu-bar .join-menu-list li h4 b { color: #8c0000; }

@media (max-width: 768px) { .join-us-area .join-us-inner .join-menu-bar .join-menu-list li h4 { font-size: 0.96rem; } }

.join-us-area .join-us-inner .join-menu-bar .join-menu-list li:hover i { color: #8c0000; }

.join-us-area .join-us-inner .join-menu-bar .join-menu-list li:hover h4 { color: #8c0000; }

.join-us-area .join-us-inner .join-menu-bar .join-menu-list li { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; }

.join-us-area .join-us-inner .join-menu-bar .join-menu-list li:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); }

.join-us-area .join-us-inner .stu-card-area { clear: both; padding: 60px 0; padding-bottom: 0; }

@media (max-width: 768px) { .join-us-area .join-us-inner .stu-card-area { padding-top: 0.26667rem; padding-bottom: 0; } }

.stu-card-col { width: 25%; float: left; opacity: 0.9; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; }

.stu-card-col .stu-card { box-sizing: border-box; width: 240px; height: 280px; margin: 0 auto; border-radius: 8px; padding: 40px 10px; }

@media (max-width: 768px) { .stu-card-col .stu-card { width: 100%; height: 13.33333rem; padding-top: 1.6rem; margin-bottom: 0; border-radius: 0; } }

.stu-card-col .stu-card .title { margin: 0 50px 20px; }

.stu-card-col .stu-card .title h4 { margin: 0; text-align: center; font-size: 30px; color: white; text-shadow: 0 0 3px #666; font-weight: 600; padding-bottom: 15px; }

@media (max-width: 768px) { .stu-card-col .stu-card .title h4 { padding-bottom: 0.26667rem; font-size: 1.6rem; } }

.stu-card-col .stu-card .title span { width: 110px; height: 2px; margin: 0 auto; background: rgba(255, 255, 255, 0.5); }

.stu-card-col .stu-card ol { width: 144px; height: 200px; margin: 0 auto; text-align: center; }

@media (max-width: 768px) { .stu-card-col .stu-card ol { height: 0.53333rem; } }

.stu-card-col .stu-card ol li { text-align: center; line-height: 44px; width: 144px; height: 44px; position: relative; }

@media (max-width: 768px) { .stu-card-col .stu-card ol li { line-height: 1.38667rem; width: 100%; text-align: center; } }

.stu-card-col .stu-card ol li a { font-size: 20px; color: #1d1d1d; float: left; font-weight: 600; }

@media (max-width: 768px) { .stu-card-col .stu-card ol li a { width: 100%; font-size: 1.06667rem; text-align: center; } }

.stu-card-col .stu-card ol li em { height: 44px; font-size: 20px; opacity: 0.8; position: absolute; right: 0; top: 0; }

@media (max-width: 768px) { .stu-card-col .stu-card ol li em { display: none; } }

.stu-card-col .card-tk { background: url("../../dist/images/cards/idx-card-1.png"); background-size: contain; }

.stu-card-col .card-stu { background: url("../../dist/images/cards/idx-card-2.png"); background-size: contain; }

.stu-card-col .card-xy { background: url("../../dist/images/cards/idx-card-3.png"); background-size: contain; }

.stu-card-col .card-xx { background: url("../../dist/images/cards/idx-card-4.png"); background-size: contain; }

.stu-card-col:hover { opacity: 1; transform: translate(0, -10px); -webkit-transform: translate(0, -10px); -moz-transform: translate(0, -10px); -o-transform: translate(0, -10px); -ms-transform: translate(0, -10px); }

@media (max-width: 768px) { .stu-card-col { width: 100%; } }

/**
 * second
 * ----------------------------------------------------------------------------
*/
.txt-spill, .fam-t-lecture .fam-lecture-cont .f-l-col .f-l-w .f-l-info h4, .faq-wrapper .faq-cont .faq-col .faq-l-v .fa, .pltf-info .plt-inner .plt-info-list li h4, .notification-list ol li a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.txt-mb-spill { display: -webkit-box; -webkit-line-clamp: 2; white-space: nowrap; overflow: hidden; }

.num_1 { background-position: 0 0px; }

.num_2 { background-position: 0 -50px; }

.num_3 { background-position: 0 -100px; }

.num_4 { background-position: 0 -150px; }

.num_5 { background-position: 0 -200px; }

.num_6 { background-position: 0 -250px; }

.squ_1 { background-position: 0 0px; }

.squ_2 { background-position: 0 -42px; }

.squ_3 { background-position: 0 -84px; }

.squ_4 { background-position: 0 -126px; }

.squ_5 { background-position: 0 -168px; }

.fdzl_1 { background-position: 0 0px; }

.fdzl_2 { background-position: 0 -120px; }

.nw-exam_1_1 { background-position: 0 0px; }

.nw-exam_1_2 { background-position: 0 -120px; }

.dl-v_1 { background-position: 0 0px; }

.dl-v_2 { background-position: 0 -100px; }

.dl-v_3 { background-position: 0 -200px; }

.dl-v_4 { background-position: 0 -300px; }

.mod-hover { position: relative; top: 0; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; }

.mod-hover:hover { top: -5px; border-color: #b1b3b5; box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08); }

.trans { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; }

.mod-move { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; }

.mod-move:hover { transform: translate(6px, 0); -webkit-transform: translate(6px, 0); -moz-transform: translate(6px, 0); -o-transform: translate(6px, 0); -ms-transform: translate(6px, 0); }

.mod-move-tb, .nw-exam-ar .nw-download .nw-d-card .dl-op a:hover { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; }

.mod-move-tb:hover, .nw-exam-ar .nw-download .nw-d-card .dl-op a:hover { transform: translate(0, 2px); -webkit-transform: translate(0, 2px); -moz-transform: translate(0, 2px); -o-transform: translate(0, 2px); -ms-transform: translate(0, 2px); }

.mod-move-tp { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; }

.mod-move-tp:hover { transform: translate(0, -2px); -webkit-transform: translate(0, -2px); -moz-transform: translate(0, -2px); -o-transform: translate(0, -2px); -ms-transform: translate(0, -2px); }

.sec-title { position: relative; padding-left: 20px; height: 50px; line-height: 50px; }

.sec-title em { width: 4px; height: 20px; background: #8c0000; position: absolute; left: 0; top: 15px; }

@media (max-width: 768px) { .sec-title em { height: 1.06667rem; top: 0.74667rem; } }

.sec-title h4 { float: left; font-size: 24px; color: #8c0000; }

@media (max-width: 768px) { .sec-title h4 { font-size: 1.06667rem; } }

.sec-title .more { font-size: 14px; color: #999; }

.sec-title .more:hover { color: #8c0000; }

.sec-ban-area { clear: both; background: #2461a2 url("../../dist/images/ban/programa-ban.jpg") no-repeat center; background-size: cover; }

.sec-ban-area .sec-ban-inner .title { width: 300px; padding: 40px 0; }

.sec-ban-area .sec-ban-inner .title h4, .sec-ban-area .sec-ban-inner .title span { color: #fff; text-align: left; }

@media (max-width: 768px) { .sec-ban-area .sec-ban-inner .title h4, .sec-ban-area .sec-ban-inner .title span { text-align: left; } }

.sec-ban-area .sec-ban-inner .title h4 { font-size: 36px; letter-spacing: 10px; font-weight: 600; }

@media (max-width: 768px) { .sec-ban-area .sec-ban-inner .title h4 { font-size: 1.06667rem; letter-spacing: 0.26667rem; } }

.sec-ban-area .sec-ban-inner .title span { text-transform: uppercase; letter-spacing: 2px; opacity: 0.6; }

.sec-ban-area .sec-ban-inner .title span .x-l-sp { letter-spacing: 6px; }

@media (max-width: 768px) { .sec-ban-area .sec-ban-inner .title { font-size: 0.8rem; padding-top: 1.06667rem; letter-spacing: 0.05333rem; } }

@media (max-width: 768px) { .sec-ban-area { height: 5.33333rem; background-size: cover; padding-left: 0.8rem; } }

.location-bar { padding: 20px 0; }

.location-bar .location-m span { float: left; font-size: 12px; color: #999; }

.location-bar .location-m span a { font-size: 12px; color: #999; }

@media (max-width: 768px) { .location-bar .location-m span a { font-size: 0.74667rem; } }

.location-bar .location-m span a:hover { color: #8c0000; }

.location-bar .location-m .sp-mr { margin: 0 10px; }

@media (max-width: 768px) { .location-bar { padding-left: 0.53333rem; } }

.enrollment-info-area { width: 648px; float: left; }

.enrollment-info-area .enr-info-list { padding: 22px 0; }

.enrollment-info-area .enr-info-list .info-row { height: 120px; padding: 0 0 0 20px; overflow: hidden; }

.enrollment-info-area .enr-info-list .info-row .process-line { width: 40px; float: left; height: 120px; position: relative; }

@media (max-width: 768px) { .enrollment-info-area .enr-info-list .info-row .process-line { width: 1.12rem; } }

.enrollment-info-area .enr-info-list .info-row .process-line .spot { width: 5px; height: 5px; background: #aaaaaa; border-radius: 50%; border: 1px #fff solid; margin: 0 auto; position: absolute; top: 10px; left: -3px; }

.enrollment-info-area .enr-info-list .info-row .process-line .line { box-sizing: border-box; width: 2px; height: 120px; background: #eee; margin-top: 15px; }

.enrollment-info-area .enr-info-list .info-row .info-txt { float: left; }

.lab { width: 70px; height: 24px; line-height: 24px; text-align: center; font-size: 14px; color: #8c0000; border-radius: 35px; margin-bottom: 20px; }

.lab-lit-red { background: #fae2e2; }

.enrollment-info-area .enr-info-list .info-row .info-txt .txt { width: 445px; padding-right: 50px; float: left; font-size: 14px; color: #222; line-height: 30px; }

@media (max-width: 768px) { .enrollment-info-area .enr-info-list .info-row .info-txt .txt { width: 13.28rem; height: 3.2rem; line-height: 1.6rem; padding-right: 0.53333rem; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; } }

.enrollment-info-area .enr-info-list .info-row .info-txt .txt:hover { color: #8c0000; }

.enrollment-info-area .enr-info-list .info-row .info-txt .date { float: right; width: 90px; font-size: 12px; color: #999; text-align: right; margin-top: 8px; }

@media (max-width: 768px) { .enrollment-info-area .enr-info-list { padding-top: 0.8rem; } }

.enrollment-regulations { width: 425px; float: right; }

.enrollment-regulations .ad { width: 425px; height: 267px; margin-top: 40px; }

@media (max-width: 768px) { .enrollment-regulations .ad { margin-top: 0; } }

.enrollment-regulations .ad img { max-width: 100%; max-height: 100%; }

@media (max-width: 768px) { .enrollment-regulations { box-sizing: border-box; width: 100%; padding: 0 40px/37.5pxrem; } }

.enrollment-regulations .course-tutor { clear: both; margin-top: 20px; }

.enrollment-regulations .course-tutor .course-tt-col { width: 459px; margin-bottom: 40px; text-align: right; }

@media (max-width: 768px) { .enrollment-regulations .course-tutor .course-tt-col { width: 99%; margin-bottom: 1.06667rem; } }

.enrollment-regulations .course-tutor .course-tt-col .course-tt-in { box-sizing: border-box; }

.enrollment-regulations .course-tutor .course-tt-col .course-tt-in a { background-image: url("../../dist/images/cards/kcfd.png"); background-repeat: no-repeat; clear: both; width: 359px; overflow: hidden; letter-spacing: 2px; font-size: 20px; color: #363636; border-radius: 8px; padding: 50px 0; padding-right: 40px; }

@media (max-width: 768px) { .enrollment-regulations .course-tutor .course-tt-col .course-tt-in a { width: 90%; } }

.enrollment-regulations .course-tutor .course-tt-col .course-tt-in a em { font-size: 18px; font-weight: 600; color: #363636; opacity: .8; }

.enrollment-regulations .course-tutor .course-tt-col .course-tt-in a:hover { color: #8c0000; }

.reg-process-area { background: #e8e8e8; height: auto; }

.reg-process-area .reg-process-inner { padding: 26px 0; overflow: hidden; }

.reg-process-area .reg-process-inner .sec-title { margin-bottom: 20px; }

@media (max-width: 768px) { .reg-process-area .reg-process-inner .reg-flow-main { display: none; } }

.reg-process-area .reg-process-inner .reg-flow-main .reg-col { width: 25%; height: 290px; float: left; }

@media (max-width: 768px) { .reg-process-area .reg-process-inner .reg-flow-main .reg-col { width: 50%; } }

.reg-process-area .reg-process-inner .reg-flow-main .reg-col:hover { background: #8c0000; }

.reg-process-area .reg-process-inner .reg-flow-main .reg-col:hover .prc-info h4 { color: #fff; }

.reg-process-area .reg-process-inner .reg-flow-main .reg-col:hover .prc-info a { color: #fff; }

.reg-process-area .reg-process-inner .reg-flow-main .reg-num { background: #fff; }

.reg-process-area .reg-process-inner .reg-flow-main .reg-num .process { padding: 20px 0 0; }

.reg-process-area .reg-process-inner .reg-flow-main .reg-num .process .f-num { width: 190px; height: 50px; margin: 0 auto; background-image: url("../../dist/images/flow/step.png"); background-repeat: no-repeat; }

.reg-process-area .reg-process-inner .reg-flow-main .reg-num .prc-info { padding: 20px 50px; }

.reg-process-area .reg-process-inner .reg-flow-main .reg-num .prc-info h4 { font-size: 24px; color: #363636; font-weight: 600; }

.reg-process-area .reg-process-inner .reg-flow-main .reg-num .prc-info a { font-size: 14px; color: #999; line-height: 24px; }

.reg-process-area .reg-process-inner .reg-flow-mb { display: none; padding: 20px 0; }

.reg-process-area .reg-process-inner .reg-flow-mb .reg-col { width: 25%; height: 290px; float: left; }

@media (max-width: 768px) { .reg-process-area .reg-process-inner .reg-flow-mb .reg-col { width: 50%; } }

.reg-process-area .reg-process-inner .reg-flow-mb .reg-col:hover { background: #8c0000; }

.reg-process-area .reg-process-inner .reg-flow-mb .reg-col:hover .prc-info h4 { color: #fff; }

.reg-process-area .reg-process-inner .reg-flow-mb .reg-col:hover .prc-info a { color: #fff; }

.reg-process-area .reg-process-inner .reg-flow-mb .reg-num { background: #fff; }

.reg-process-area .reg-process-inner .reg-flow-mb .reg-num .process { padding: 20px 0 0; }

.reg-process-area .reg-process-inner .reg-flow-mb .reg-num .process .f-num { width: 190px; height: 50px; margin: 0 auto; background-image: url("../../dist/images/flow/step.png"); background-repeat: no-repeat; }

.reg-process-area .reg-process-inner .reg-flow-mb .reg-num .prc-info { padding: 20px 50px; }

.reg-process-area .reg-process-inner .reg-flow-mb .reg-num .prc-info h4 { font-size: 24px; color: #363636; font-weight: 600; }

.reg-process-area .reg-process-inner .reg-flow-mb .reg-num .prc-info a { font-size: 14px; color: #999; line-height: 24px; }

@media (max-width: 768px) { .reg-process-area .reg-process-inner .reg-flow-mb { display: block; } }

.reg-guide-area { height: 312px; background: url("../../dist/images/ban/guide-bg.png") no-repeat; }

.reg-guide-area .sec-title { width: 100px; margin-top: 40px; }

.reg-guide-area .sec-title em { background: #fff; }

.reg-guide-area .sec-title h4 { color: #fff; }

@media (max-width: 768px) { .reg-guide-area .sec-title { margin-top: 0.53333rem; } }

.reg-guide-area .reg-guide-cont { margin: 50px 0 0 40px; }

@media (max-width: 768px) { .reg-guide-area .reg-guide-cont { width: 100%; margin: 0; } }

.reg-guide-area .reg-guide-cont .guide-inner { width: 1000px; overflow: hidden; background: #fff; padding: 18px; }

@media (max-width: 768px) { .reg-guide-area .reg-guide-cont .guide-inner { width: 100%; padding: 1.33333rem; padding-left: 0.26667rem; } }

.reg-guide-area .reg-guide-cont .guide-inner .guide-col { float: left; width: 20%; }

@media (max-width: 768px) { .reg-guide-area .reg-guide-cont .guide-inner .guide-col { width: 50%; } }

.reg-guide-area .reg-guide-cont .guide-inner .guide-col .square { width: 170px; height: 184px; margin: 0 auto; background: #fafafa; border-radius: 35px; }

@media (max-width: 768px) { .reg-guide-area .reg-guide-cont .guide-inner .guide-col .square { width: 4.53333rem/4; height: 4.90667rem/4; margin-bottom: 1.06667rem; } }

.reg-guide-area .reg-guide-cont .guide-inner .guide-col .square .squ-in { padding: 50px 25px; }

.reg-guide-area .reg-guide-cont .guide-inner .guide-col .square .squ-in span, .reg-guide-area .reg-guide-cont .guide-inner .guide-col .square .squ-in b { text-align: center; font-size: 20px; color: #363636; font-weight: 500; }

.reg-guide-area .reg-guide-cont .guide-inner .guide-col .square .squ-in .gu-view { width: 53px; height: 42px; margin: 0 auto 20px; background-image: url("../../dist/images/sign.png"); background-repeat: no-repeat; }

.resources-list-area { clear: both; overflow: hidden; background: #f3f3f3; padding: 26px 0; }

@media (max-width: 768px) { .resources-list-area { padding: 0; padding-top: 1.06667rem; } }

.resources-list-area .tabs-head .tabs-item .active { color: #fff; }

.resources-list-area .tabs-head .tabs-item a { color: #8c0000; border-color: #8c0000; }

.resources-list-area .tabs-head .tabs-item a i { font-size: 18px; margin-right: 10px; }

.resources-list-area .tabs-body { clear: both; padding: 40px 0 0; }

.resources-list-area .tabs-body .rescources-cont .rescr-col { float: left; width: 19.5%; box-sizing: border-box; }

@media (max-width: 768px) { .resources-list-area .tabs-body .rescources-cont .rescr-col { width: 50%; } }

.resources-list-area .tabs-body .rescources-cont .rescr-col .rescr-inner { width: 210px; height: 240px; background: #fff; margin: 0 auto; border-radius: 8px; }

@media (max-width: 768px) { .resources-list-area .tabs-body .rescources-cont .rescr-col .rescr-inner { width: 90%; height: 100%; margin-bottom: 0.8rem; padding-bottom: 0.8rem; } }

.resources-list-area .tabs-body .rescources-cont .rescr-col .rescr-inner h4, .resources-list-area .tabs-body .rescources-cont .rescr-col .rescr-inner a { text-align: center; }

.resources-list-area .tabs-body .rescources-cont .rescr-col .rescr-inner .cover { height: 130px; }

@media (max-width: 768px) { .resources-list-area .tabs-body .rescources-cont .rescr-col .rescr-inner .cover { width: 100%; height: 5.33333rem; }
  .resources-list-area .tabs-body .rescources-cont .rescr-col .rescr-inner .cover img { width: 100%; height: auto; border-radius: 0; } }

.resources-list-area .tabs-body .rescources-cont .rescr-col .rescr-inner .cover img { max-width: 100%; max-height: 100%; border-radius: 8px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

.resources-list-area .tabs-body .rescources-cont .rescr-col .rescr-inner .rec-title { padding: 10px 0; font-size: 16px; }

@media (max-width: 768px) { .resources-list-area .tabs-body .rescources-cont .rescr-col .rescr-inner .rec-title { font-size: 0.8rem; } }

.stu-btn { width: 104px; height: 36px; line-height: 36px; text-align: center; margin: 0 auto; border: 1px #eee solid; border-radius: 25px; font-size: 14px; color: #4c4c4c; }

@media (max-width: 768px) { .stu-btn { width: 80%; height: 1.76rem; line-height: 1.76rem; } }

.stu-btn em { vertical-align: middle; font-size: 16px; margin-left: 5px; font-weight: 500; }

.stu-btn:hover { background: #8c0000; color: #fff; }

.xl-title { width: 100%; text-align: center; }

.xl-title .tit-ban { width: 158px; height: 80px; margin: 0 auto; }

.xl-title .tit-ban h4 { font-size: 30px; color: #222; }

@media (max-width: 768px) { .xl-title .tit-ban h4 { font-size: 1.6rem; } }

.xl-title .tit-ban em { font-size: 30px; color: #8c0000; }

.nt-examination-area { padding: 26px 0; background-image: url("../../dist/images/ban/examination-bg.png"); background-position: right; background-size: cover; }

@media (max-width: 768px) { .nt-examination-area { padding: 0.53333rem; } }

.nt-examination-area .examin-cont .exam-col { width: 50%; float: left; }

@media (max-width: 768px) { .nt-examination-area .examin-cont .exam-col { width: 100%; } }

.nt-examination-area .examin-cont .exam-col .exam-info-area { width: 564px; height: 297px; }

@media (max-width: 768px) { .nt-examination-area .examin-cont .exam-col .exam-info-area { width: 99%; height: 13.33333rem; } }

.nt-examination-area .examin-cont .exam-col .exam-info-area .exam-tit { padding-left: 20px; }

.nt-examination-area .examin-cont .exam-col .exam-info-area .exam-tit em { float: left; }

.nt-examination-area .examin-cont .exam-col .exam-info-area .exam-tit h4 { float: left; font-size: 18px; height: 44px; line-height: 44px; text-align: center; }

.nt-examination-area .examin-cont .exam-col .exam-info-area .exam-tit h4 em { font-size: 18px; vertical-align: middle; margin-right: 10px; }

.nt-examination-area .examin-cont .exam-col .exam-info-area .tit-red { color: #8c0000; }

.nt-examination-area .examin-cont .exam-col .exam-info-area .tit-green { color: #0d8446; }

.nt-examination-area .examin-cont .exam-col .exam-info-area .exam-info-list { clear: both; padding: 0 15px; }

.nt-examination-area .examin-cont .exam-col .exam-info-area .exam-info-list ul li { display: block; }

.nt-examination-area .examin-cont .exam-col .exam-info-area .exam-info-list ul li i, .nt-examination-area .examin-cont .exam-col .exam-info-area .exam-info-list ul li a, .nt-examination-area .examin-cont .exam-col .exam-info-area .exam-info-list ul li span { float: left; }

.nt-examination-area .examin-cont .exam-col .exam-info-area .exam-info-list ul li i { font-size: 40px; color: #d9cfb8; float: left; }

.nt-examination-area .examin-cont .exam-col .exam-info-area .exam-info-list ul li a, .nt-examination-area .examin-cont .exam-col .exam-info-area .exam-info-list ul li span { height: 44px; line-height: 44px; }

.nt-examination-area .examin-cont .exam-col .exam-info-area .exam-info-list ul li .list-t { width: 300px; float: left; text-align: left; font-size: 14px; color: #595959; opacity: 0.8; }

@media (max-width: 768px) { .nt-examination-area .examin-cont .exam-col .exam-info-area .exam-info-list ul li .list-t { width: 12rem; } }

.nt-examination-area .examin-cont .exam-col .exam-info-area .exam-info-list ul li .list-t:hover { opacity: 1; }

.nt-examination-area .examin-cont .exam-col .exam-info-area .exam-info-list ul li .date { float: right; color: #afafaf; opacity: 0.5; font-size: 12px; }

@media (max-width: 768px) { .nt-examination-area .examin-cont .exam-col .exam-info-area .exam-info-list ul li .date { margin-right: 1.06667rem; } }

.nt-examination-area .examin-cont .exam-col .exam-info-area .exam-info-list ul li .stu-more { float: right; font-size: 12px; color: #666; margin-right: 10px; }

.nt-examination-area .examin-cont .exam-col .exam-info-area .exam-info-list ul li .stu-more:hover { opacity: 1; }

.nt-examination-area .examin-cont .exam-col .exam-tz-area { background-image: url("../../dist/images/decoration/inform-bg.png"); }

.nt-examination-area .examin-cont .exam-col .exam-xz-area { background-image: url("../../dist/images/decoration/jxjw-dl-bg.png"); }

.gra-thesis-area { clear: both; background-image: url("../../dist/images/decoration/thesis-bg.png"); background-size: cover; padding: 26px 0; }

.gra-thesis-area .sec-title { margin-bottom: 20px; }

.gra-thesis-area .sec-title em, .gra-thesis-area .sec-title h4 { color: #fff; }

.gra-thesis-area .sec-title em { background: #fff; }

.gra-thesis-area .thesis-col { clear: both; overflow: hidden; margin-bottom: 20px; }

@media (max-width: 768px) { .gra-thesis-area .thesis-col { margin-bottom: 0; } }

.te-mod-l, .te-mod-2 { height: 180px; float: left; }

.te-mod-l { width: 450px; margin-right: 55px; background-image: url("../../dist/images/thesis/thesis-1.png"); background-position: right 20px; background-repeat: no-repeat; }

@media (max-width: 768px) { .te-mod-l { width: 100%; margin-right: 0; margin-bottom: 0.21333rem; } }

.te-mod-2 { width: 694px; background-image: url("../../dist/images/thesis/thesis-1.png"); background-position: right -160px; background-repeat: no-repeat; }

@media (max-width: 768px) { .te-mod-2 { width: 100%; margin-right: 0; margin-bottom: 0.21333rem; } }

.gra-thesis-area .te-card { background-color: #fff; height: 180px; border-radius: 8px; }

@media (max-width: 768px) { .gra-thesis-area .te-card { border-radius: 0; } }

.card-m { padding: 50px 40px; }

@media (max-width: 768px) { .card-m { padding: 80px 40px/37.5pxrem; } }

@media (max-width: 768px) { .card-m .thesis-op { margin-top: 1.33333rem; } }

.card-m .thesis-op .more { font-size: 14px; color: #dea7a8; float: left; margin-left: 2px; }

.card-m .thesis-op .arr { float: left; vertical-align: middle; margin-left: 8px; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; }

.card-m .thesis-op:hover .more { color: #8c0000; }

.card-m .thesis-op:hover .arr { color: #8c0000; transform: translate(6px, 0); -webkit-transform: translate(6px, 0); -moz-transform: translate(6px, 0); -o-transform: translate(6px, 0); -ms-transform: translate(6px, 0); }

.gra-thesis-area .te-card .thesis-list { float: left; width: 240px; }

@media (max-width: 768px) { .gra-thesis-area .te-card .thesis-list { width: 5.86667rem; float: left; } }

.gra-thesis-area .te-card .thesis-list ul { padding: 60px 0; }

.gra-thesis-area .te-card .thesis-list ul li { font-size: 14px; color: #2b2b2b; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 30px; }

@media (max-width: 768px) { .gra-thesis-area .te-card .thesis-list ul { clear: both; width: 100%; margin-right: 0; padding: 40px 0/37.5pxrem; } }

.gra-thesis-area .thesis-sm { width: 30%; float: left; height: 180px; background-color: #fff; height: 180px; border-radius: 8px; margin-right: 5%; background-image: url("../../dist/images/thesis/thesis-2.png"); background-repeat: no-repeat; }

@media (max-width: 768px) { .gra-thesis-area .thesis-sm { width: 100%; border-radius: 0; margin-bottom: 0.21333rem; } }

.gra-thesis-area .thesis-sm:nth-last-of-type(1) { margin-right: 0; }

.gra-thesis-area .sm-bg-1 { background-position: right 0; }

.gra-thesis-area .sm-bg-2 { background-position: right -180px; }

.gra-thesis-area .sm-bg-3 { background-position: right -360px; }

@media (max-width: 768px) { .gra-thesis-area .sm-bg-3 { margin-bottom: 0.21333rem; } }

.thesis-tit { font-size: 30px; }

@media (max-width: 768px) { .thesis-tit { font-size: 1.2rem; } }

@media (max-width: 768px) { .gra-thesis-area { padding-bottom: 0; } }

.fam-t-lecture { clear: both; padding: 26px 0; }

@media (max-width: 768px) { .fam-t-lecture { padding-top: 0.53333rem; padding-bottom: 0.53333rem; padding-left: 0; padding-right: 0; } }

.fam-t-lecture .xl-title { margin-bottom: 20px; }

.fam-t-lecture .fam-lecture-cont .f-l-col { float: left; width: 25%; overflow: hidden; }

@media (max-width: 768px) { .fam-t-lecture .fam-lecture-cont .f-l-col { width: 100%; } }

.fam-t-lecture .fam-lecture-cont .f-l-col .f-l-w { width: 276px; padding-bottom: 10px; }

@media (max-width: 768px) { .fam-t-lecture .fam-lecture-cont .f-l-col .f-l-w { width: 100%; } }

.fam-t-lecture .fam-lecture-cont .f-l-col .f-l-w .view { height: 160px; position: relative; }

.fam-t-lecture .fam-lecture-cont .f-l-col .f-l-w .view .ck-stu { width: 100px; height: 40px; line-height: 40px; color: #fff; text-align: center; margin: 0 auto; padding-left: 20px; background-image: url("../../dist/images/play.png"); background-repeat: no-repeat; position: absolute; top: 60px; left: 80px; }

@media (max-width: 768px) { .fam-t-lecture .fam-lecture-cont .f-l-col .f-l-w .view .ck-stu { left: 50%; margin-left: -3.73333rem; } }

.fam-t-lecture .fam-lecture-cont .f-l-col .f-l-w .view img { width: 100%; height: 100%; }

.fam-t-lecture .fam-lecture-cont .f-l-col .f-l-w .f-l-info { padding-left: 10px; }

.fam-t-lecture .fam-lecture-cont .f-l-col .f-l-w .f-l-info h4 { box-sizing: border-box; font-size: 18px; color: #444; width: 260px; margin-bottom: 20px; }

@media (max-width: 768px) { .fam-t-lecture .fam-lecture-cont .f-l-col .f-l-w .f-l-info h4 { font-size: 1.06667rem; } }

.fam-t-lecture .fam-lecture-cont .f-l-col .f-l-w span { font-size: 14px; color: #999; margin-bottom: 15px; }

@media (max-width: 768px) { .fam-t-lecture .fam-lecture-cont .f-l-col .f-l-w span { font-size: 0.8rem; } }

.stu-handbook { width: 459px; height: 292px; background-image: url("../../dist/images/decoration/stu-handbook.png"); background-repeat: no-repeat; position: relative; }

.stu-handbook .look-up-hd { position: absolute; left: 30px; top: 150px; font-size: 22px; color: #8c0000; }

.stu-handbook .look-up-hd em { margin-left: 10px; font-size: 22px; vertical-align: middle; }

.faq-wrapper { clear: both; background: #fafafa; overflow: hidden; padding: 26px 0; }

@media (max-width: 768px) { .faq-wrapper { padding-top: 0.8rem; padding-bottom: 0.8rem; } }

.faq-wrapper .xl-title { margin-bottom: 10px; }

.faq-wrapper .faq-cont .faq-col { clear: both; overflow: hidden; margin-bottom: 20px; }

.faq-wrapper .faq-cont .faq-col .faq-l-v { width: 50%; float: left; }

@media (max-width: 768px) { .faq-wrapper .faq-cont .faq-col .faq-l-v { width: 100%; } }

.faq-wrapper .faq-cont .faq-col .faq-l-v span, .faq-wrapper .faq-cont .faq-col .faq-l-v a { color: #8c0000; float: left; }

.faq-wrapper .faq-cont .faq-col .faq-l-v .fa { width: 334px; height: 64px; line-height: 64px; border: 1px #8c0000 solid; border-radius: 35px; margin-right: 20px; padding: 0 20px; }

@media (max-width: 768px) { .faq-wrapper .faq-cont .faq-col .faq-l-v .fa { border: 0; } }

.faq-wrapper .faq-cont .faq-col .faq-l-v .get-an-btn { text-align: center; width: 160px; height: 64px; line-height: 64px; background: #8c0000; color: #fff; border-radius: 35px; box-shadow: 0px 6px 12px #ffcbd5; }

@media (max-width: 768px) { .faq-wrapper .faq-cont .faq-col .faq-l-v .get-an-btn { border: 0; clear: both; margin-left: 35%; width: 6.93333rem; height: 2.66667rem; line-height: 2.66667rem; font-size: 0.8rem; } }

.platform-op-area { clear: both; padding: 26px 0; background-image: url("../../dist/images/decoration/platform-bg.png"); background-repeat: no-repeat; background-size: cover; }

@media (max-width: 768px) { .platform-op-area { padding-top: 0.8rem; padding-right: 0.8rem; padding-bottom: 0.8rem; padding-left: 0.8rem; } }

.platform-op-area .platform-op-cont { margin-right: 70px; }

@media (max-width: 768px) { .platform-op-area .platform-op-cont { margin: 0; } }

.platform-op-area .platform-op-cont, .platform-op-area .entrance-guide { float: left; width: 560px; }

@media (max-width: 768px) { .platform-op-area .platform-op-cont, .platform-op-area .entrance-guide { width: 100%; } }

.platform-op-area .platform-op-cont .sec-title em, .platform-op-area .entrance-guide .sec-title em { background: #fff; }

.platform-op-area .platform-op-cont .sec-title h4, .platform-op-area .entrance-guide .sec-title h4 { color: #fff; }

.pltf-info .plt-inner { padding: 0 50px; box-sizing: border-box; text-align: center; clear: both; overflow: hidden; height: 382px; background: #fff; border-radius: 8px; }

@media (max-width: 768px) { .pltf-info .plt-inner { padding-left: 0; padding-right: 0; height: 100%; } }

.pltf-info .plt-inner .plt-info-list li { box-sizing: border-box; width: 100%; padding: 60px; }

@media (max-width: 768px) { .pltf-info .plt-inner .plt-info-list li { padding-top: 2.13333rem; padding-right: 0.53333rem; padding-bottom: 2.13333rem; padding-left: 0.53333rem; } }

.pltf-info .plt-inner .plt-info-list li h4 { width: 400px; font-size: 24px; color: #4c4c4c; font-weight: 600; margin-bottom: 20px; }

@media (max-width: 768px) { .pltf-info .plt-inner .plt-info-list li h4 { width: 18.66667rem; font-size: 1.06667rem; } }

.pltf-info .plt-inner .plt-info-list li .download-btn { width: 137px; height: 40px; line-height: 40px; margin: 0 auto; background: #8c0000; color: #fff; border-radius: 35px; box-shadow: 0px 6px 12px #ffcbd5; }

.pltf-info .plt-inner .plt-info-list li:nth-of-type(1) { padding-bottom: 40px; }

.pltf-info .plt-inner .plt-info-list li:nth-of-type(2) { border-top: 1px #eee solid; padding-top: 40px; }

.pltf-info .plt-inner .plt-guide-list { padding: 20px 0; }

@media (max-width: 768px) { .pltf-info .plt-inner .plt-guide-list { padding: 0; } }

.pltf-info .plt-inner .plt-guide-list li { font-size: 16px; color: #666; margin-bottom: 20px; }

@media (max-width: 768px) { .pltf-info .plt-inner .plt-guide-list li { padding-top: 0.26667rem; padding-right: 0.53333rem; padding-bottom: 0.26667rem; padding-left: 0.53333rem; margin-bottom: 0; } }

.pltf-info .plt-inner .plt-guide-list li i { font-style: normal; float: left; vertical-align: middle; margin-top: 6px; }

@media (max-width: 768px) { .pltf-info .plt-inner .plt-guide-list li i { margin-top: 1.38667rem; } }

.pltf-info .plt-inner .plt-guide-list li p { text-align: left; padding-left: 20px; line-height: 30px; }

.prc-planning-area { clear: both; padding: 26px 0; background: #f3f3f3; }

@media (max-width: 768px) { .prc-planning-area { padding-top: 0.26667rem; padding-bottom: 0.26667rem; } }

.planning-card { height: 150px; margin-bottom: 20px; background-image: url("../../dist/images/decoration/prc-planning.png"); background-repeat: no-repeat; border-radius: 8px; }

@media (max-width: 768px) { .planning-card { height: 100%; clear: both; background-color: #fff; border-radius: 0; margin-bottom: 0.53333rem; padding-left: 1.6rem; } }

.planning-card .planning-op-bar { padding: 40px 0 0 100px; }

@media (max-width: 768px) { .planning-card .planning-op-bar { padding: 0; padding-top: 1.33333rem; } }

.planning-card .planning-op-bar h4, .planning-card .planning-op-bar a { float: left; }

.planning-card .planning-op-bar h4 { font-size: 40px; margin-right: 50px; }

@media (max-width: 768px) { .planning-card .planning-op-bar h4 { font-size: 1.33333rem; margin-right: 1.6rem; } }

.planning-card .planning-op-bar .ck-more { margin-top: 12px; width: 149px; height: 52px; line-height: 52px; border: 1px #8c0000 solid; color: #8c0000; text-align: center; border-radius: 35px; }

.planning-card .planning-op-bar .ck-more:hover { background: #8c0000; color: #fff; }

@media (max-width: 768px) { .planning-card .planning-op-bar .ck-more { width: 8rem; height: 2.66667rem; line-height: 2.66667rem; margin-top: 2.4rem; float: right; margin-right: 2.4rem; background: #8c0000; color: #fff; } }

.p-rd-1 { background-position: 0 0; }

@media (max-width: 768px) { .p-rd-1 { height: 10.66667rem; background-image: url("../../dist/images/decoration/prc-planning-mb1.png"); background-size: cover; background-position: right 0; } }

.p-rd-2 { background-position: 0 -200px; }

@media (max-width: 768px) { .p-rd-2 { height: 10.66667rem; background-image: url("../../dist/images/decoration/prc-planning-mb2.png"); background-size: cover; background-position: right 0; } }

.nw-exam-area .sec-title { margin-bottom: 20px; }

@media (max-width: 768px) { .nw-exam-area .sec-title { margin-bottom: 0.53333rem; } }

.nw-exam-list { clear: both; }

@media (max-width: 768px) { .nw-exam-list { height: auto; } }

.nw-exam-list .nw-exam-col { width: 425px; height: 120px; box-sizing: border-box; text-align: center; margin-bottom: 40px; overflow: hidden; }

@media (max-width: 768px) { .nw-exam-list .nw-exam-col { width: 100%; margin-bottom: 0; } }

.nw-exam-list .nw-exam-col .nw-link { height: 40px; padding: 40px 20px; background-image: url("../../dist/images/decoration/nw-exam-bg.png"); background-position: none; font-size: 18px; color: #fff; border-radius: 8px; }

@media (max-width: 768px) { .nw-exam-list .nw-exam-col .nw-link { height: 6.4rem; padding: 0; padding-top: 1.86667rem; padding-bottom: 1.86667rem; overflow: hidden; box-sizing: border-box; border-radius: 0; } }

.nw-exam-list .nw-exam-col .nw-link b { text-align: left; padding-left: 200px; float: left; font-weight: 500; margin-bottom: 10px; height: 60px; }

.nw-exam-list .nw-exam-col .nw-link em { font-size: 18px; color: #fff; margin-left: 20px; float: left; height: 60px; }

.nw-exam-list .nw-exam-col .nw-link .nw-mt2 { margin-top: 10px; }

.nw-exam-list .nw-exam-col .nw-exam_1_1 b, .nw-exam-list .nw-exam-col .nw-exam_1_1 em { margin-top: 20px; }

.nw-exam-ar { box-sizing: border-box; }

.nw-exam-ar .sec-title { margin-bottom: 20px; }

@media (max-width: 768px) { .nw-exam-ar .sec-title { margin-bottom: 0; padding-right: 1.06667rem; } }

.nw-exam-ar .nw-exam-notification { width: 560px; margin-right: 78px; float: left; }

@media (max-width: 768px) { .nw-exam-ar .nw-exam-notification { width: 100%; } }

.nw-exam-ar .nw-exam-notification .nw-exam-card { background: #fff; border-radius: 8px; }

@media (max-width: 768px) { .nw-exam-ar .nw-exam-notification .nw-exam-card { width: 100%; } }

.nw-exam-ar .nw-exam-notification .nw-exam-card .nw-exam-list { display: block; overflow: hidden; padding: 10px 20px 10px; }

@media (max-width: 768px) { .nw-exam-ar .nw-exam-notification .nw-exam-card .nw-exam-list { width: 100%; padding: 0; } }

.nw-exam-ar .nw-exam-notification .nw-exam-card .nw-exam-list li { height: 50px; line-height: 50px; border-bottom: 1px #eee solid; }

@media (max-width: 768px) { .nw-exam-ar .nw-exam-notification .nw-exam-card .nw-exam-list li { width: 100%; position: relative; } }

.nw-exam-ar .nw-exam-notification .nw-exam-card .nw-exam-list li i { font-size: 12px; margin-right: 5px; color: #b2b2b2; width: 30px; height: 50px; overflow: hidden; float: left; }

.nw-exam-ar .nw-exam-notification .nw-exam-card .nw-exam-list li a { font-size: 14px; color: #2b2b2b; }

@media (max-width: 768px) { .nw-exam-ar .nw-exam-notification .nw-exam-card .nw-exam-list li a { display: block; width: 13.33333rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } }

.nw-exam-ar .nw-exam-notification .nw-exam-card .nw-exam-list li em { float: right; font-size: 14px; font-style: normal; color: #b2b2b2; }

@media (max-width: 768px) { .nw-exam-ar .nw-exam-notification .nw-exam-card .nw-exam-list li em { position: absolute; right: 5%; top: 0; } }

.nw-exam-ar .nw-exam-notification .nw-exam-card .nw-exam-list li:hover a { color: #8c0000; }

.nw-exam-ar .nw-exam-notification .nw-exam-card .nw-exam-list li:hover i { transform: translate(6px, 0); -webkit-transform: translate(6px, 0); -moz-transform: translate(6px, 0); -o-transform: translate(6px, 0); -ms-transform: translate(6px, 0); }

.nw-exam-ar .nw-exam-notification .nw-exam-card .nw-exam-list li:nth-last-of-type(1) { border: 0; }

.nw-exam-ar .nw-download { width: 562px; float: left; }

@media (max-width: 768px) { .nw-exam-ar .nw-download { width: 100%; float: left; padding-left: 1%; } }

.nw-exam-ar .nw-download .nw-d-card { width: 271px; height: 180px; background: #fff; border: 1px #eee solid; float: left; border-radius: 8px; margin-bottom: 20px; }

@media (max-width: 768px) { .nw-exam-ar .nw-download .nw-d-card { width: 46%; height: 9.6rem; float: left; } }

.nw-exam-ar .nw-download .nw-d-card .dl-view { height: 99px; background-image: url("../../dist/images/decoration/download-bg.png"); background-repeat: no-repeat; background-size: cover; border-radius: 8px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

@media (max-width: 768px) { .nw-exam-ar .nw-download .nw-d-card .dl-view { height: 4.26667rem; background: none; } }

.nw-exam-ar .nw-download .nw-d-card .dl-view .dl-v-mb1, .nw-exam-ar .nw-download .nw-d-card .dl-view .dl-v-mb2, .nw-exam-ar .nw-download .nw-d-card .dl-view .dl-v-mb3, .nw-exam-ar .nw-download .nw-d-card .dl-view .dl-v-mb4 { display: none; height: 99px; }

@media (max-width: 768px) { .nw-exam-ar .nw-download .nw-d-card .dl-view .dl-v-mb1, .nw-exam-ar .nw-download .nw-d-card .dl-view .dl-v-mb2, .nw-exam-ar .nw-download .nw-d-card .dl-view .dl-v-mb3, .nw-exam-ar .nw-download .nw-d-card .dl-view .dl-v-mb4 { display: block; border-radius: 8px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } }

.nw-exam-ar .nw-download .nw-d-card .dl-view .dl-v-mb1 { background-image: url("../../dist/images/decoration/dl-v-mb1.png"); background-repeat: no-repeat; background-size: cover; }

@media (max-width: 768px) { .nw-exam-ar .nw-download .nw-d-card .dl-view .dl-v-mb1 { display: block; } }

.nw-exam-ar .nw-download .nw-d-card .dl-view .dl-v-mb2 { background-image: url("../../dist/images/decoration/dl-v-mb2.png"); background-repeat: no-repeat; background-size: cover; }

@media (max-width: 768px) { .nw-exam-ar .nw-download .nw-d-card .dl-view .dl-v-mb2 { display: block; } }

.nw-exam-ar .nw-download .nw-d-card .dl-view .dl-v-mb3 { background-image: url("../../dist/images/decoration/dl-v-mb3.png"); background-repeat: no-repeat; background-size: cover; }

@media (max-width: 768px) { .nw-exam-ar .nw-download .nw-d-card .dl-view .dl-v-mb3 { display: block; } }

.nw-exam-ar .nw-download .nw-d-card .dl-view .dl-v-mb4 { background-image: url("../../dist/images/decoration/dl-v-mb4.png"); background-repeat: no-repeat; background-size: cover; }

@media (max-width: 768px) { .nw-exam-ar .nw-download .nw-d-card .dl-view .dl-v-mb4 { display: block; } }

.nw-exam-ar .nw-download .nw-d-card .dl-op { padding: 30px 0 20px; }

@media (max-width: 768px) { .nw-exam-ar .nw-download .nw-d-card .dl-op { padding-top: 3.2rem; } }

.nw-exam-ar .nw-download .nw-d-card .dl-op a { width: 150px; margin: 0 auto; text-align: center; font-size: 18px; color: #2b2b2b; }

.nw-exam-ar .nw-download .nw-d-card .dl-op a em { display: inline-block; float: right; margin-left: 10px; font-size: 20px; font-weight: 600; vertical-align: middle; }

.nw-exam-ar .nw-download .nw-d-even { margin-right: 16px; }

.doc-download-area { clear: both; background: url("../../dist/images/decoration/document-bg.png"); background-repeat: no-repeat; background-size: cover; overflow: hidden; padding: 26px 0; }

@media (max-width: 768px) { .doc-download-area { height: 100%; padding-bottom: 0; } }

.doc-download-area .doc-download-inner .acad-eng-area { clear: both; }

.doc-download-area .doc-download-inner .acad-eng-area .sec-title { margin-bottom: 20px; }

@media (max-width: 768px) { .doc-download-area .doc-download-inner .acad-eng-area .sec-title { margin-bottom: 0; } }

.reg-notice-area { width: 562px; margin-right: 80px; float: left; }

@media (max-width: 768px) { .reg-notice-area { width: 100%; } }

.reg-notice-area .reg-notice-card { padding: 20px 20px 50px; background-image: url("../../dist/images/decoration/zl-sku.png"); background-repeat: no-repeat; background-size: cover; border-radius: 8px; }

@media (max-width: 768px) { .reg-notice-area .reg-notice-card { width: 100%; padding: 0; border-radius: 0; } }

.reg-notice-area .reg-notice-card .nw-exam-list { display: block; overflow: hidden; padding: 0 20px 0; }

@media (max-width: 768px) { .reg-notice-area .reg-notice-card .nw-exam-list { width: 100%; padding: 0; } }

.reg-notice-area .reg-notice-card .nw-exam-list li { height: 50px; line-height: 50px; border-bottom: 1px #eee solid; }

@media (max-width: 768px) { .reg-notice-area .reg-notice-card .nw-exam-list li { width: 100%; padding: 0; position: relative; } }

.reg-notice-area .reg-notice-card .nw-exam-list li i { font-size: 12px; margin-right: 5px; color: #b2b2b2; width: 30px; height: 50px; overflow: hidden; float: left; }

@media (max-width: 768px) { .reg-notice-area .reg-notice-card .nw-exam-list li i { width: 1.06667rem; } }

.reg-notice-area .reg-notice-card .nw-exam-list li a { font-size: 14px; color: #2b2b2b; }

@media (max-width: 768px) { .reg-notice-area .reg-notice-card .nw-exam-list li a { display: block; width: 13.33333rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } }

.reg-notice-area .reg-notice-card .nw-exam-list li em { float: right; font-size: 14px; font-style: normal; color: #b2b2b2; }

@media (max-width: 768px) { .reg-notice-area .reg-notice-card .nw-exam-list li em { position: absolute; right: 5%; top: 0; } }

.reg-notice-area .reg-notice-card .nw-exam-list li:hover a { color: #8c0000; }

.reg-notice-area .reg-notice-card .nw-exam-list li:hover i { transform: translate(6px, 0); -webkit-transform: translate(6px, 0); -moz-transform: translate(6px, 0); -o-transform: translate(6px, 0); -ms-transform: translate(6px, 0); }

.reg-notice-area .reg-notice-card .more { font-size: 14px; color: #b2b2b2; margin: 15px 10px 0 0; }

.reg-notice-area .reg-notice-card .more:hover { color: #8c0000; }

.zl-notice-area { width: 558px; float: left; }

@media (max-width: 768px) { .zl-notice-area { width: 100%; padding: 0; } }

.zl-notice-area .reg-notice-card { height: 265px; padding: 20px 20px 50px; background-image: url("../../dist/images/decoration/zl-sku.png"); background-repeat: no-repeat; border-radius: 8px; }

@media (max-width: 768px) { .zl-notice-area .reg-notice-card { width: 100%; padding: 0; height: 100%; border-radius: 0; background-position: bottom; } }

.zl-notice-area .reg-notice-card .nw-exam-list { display: block; overflow: hidden; }

@media (max-width: 768px) { .zl-notice-area .reg-notice-card .nw-exam-list { width: 100%; padding: 0; } }

.zl-notice-area .reg-notice-card .nw-exam-list li { height: 50px; line-height: 50px; border-bottom: 1px #eee solid; }

@media (max-width: 768px) { .zl-notice-area .reg-notice-card .nw-exam-list li { width: 100%; padding: 0; position: relative; } }

.zl-notice-area .reg-notice-card .nw-exam-list li i { font-size: 18px; margin-right: 5px; color: #b2b2b2; width: 30px; height: 50px; overflow: hidden; float: left; }

@media (max-width: 768px) { .zl-notice-area .reg-notice-card .nw-exam-list li i { width: 1.6rem; padding-left: 1.06667rem; } }

.zl-notice-area .reg-notice-card .nw-exam-list li a { font-size: 14px; color: #2b2b2b; }

@media (max-width: 768px) { .zl-notice-area .reg-notice-card .nw-exam-list li a { display: block; width: 13.33333rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } }

.zl-notice-area .reg-notice-card .nw-exam-list li em { float: right; font-size: 18px; font-style: normal; color: #8c0000; }

@media (max-width: 768px) { .zl-notice-area .reg-notice-card .nw-exam-list li em { position: absolute; right: 5%; top: 0; } }

.zl-notice-area .reg-notice-card .nw-exam-list li:hover a { color: #8c0000; }

.zl-notice-area .reg-notice-card .nw-exam-list li:hover em { transform: translate(0, -6px); -webkit-transform: translate(0, -6px); -moz-transform: translate(0, -6px); -o-transform: translate(0, -6px); -ms-transform: translate(0, -6px); }

.zl-notice-area .reg-notice-card .more { font-size: 14px; color: #b2b2b2; margin: 15px 10px 0 0; }

.zl-notice-area .reg-notice-card .more:hover { color: #8c0000; }

.doc-download-area .doc-download-inner .acad-jap-area { clear: both; overflow: hidden; padding-bottom: 20px; }

.doc-download-area .doc-download-inner .acad-jap-area .xl-title { margin-top: 30px; }

@media (max-width: 768px) { .doc-download-area .doc-download-inner .acad-jap-area .xl-title { margin-top: 1.06667rem; } }

.doc-download-area .doc-download-inner .acad-jap-area .sec-title { margin-bottom: 20px; }

@media (max-width: 768px) { .doc-download-area .doc-download-inner .acad-jap-area .sec-title { margin-bottom: 0; } }

.doc-download-area .doc-download-inner .acad-jap-area .reg-notice-card { width: 1200px; padding: 0; background-image: url("../../dist/images/decoration/zl-sku-sm.png"); background-repeat: no-repeat; background-size: cover; }

.doc-download-area .doc-download-inner .acad-jap-area .reg-notice-card .nw-exam-list li { border: 0; height: 92px; line-height: 92px; }

.nw-video-area { clear: both; padding: 26px 0; }

@media (max-width: 768px) { .nw-video-area { padding: 0; padding-top: 1.06667rem; } }

@media (max-width: 768px) { .nw-video-area .video-wrap { width: 100%; height: auto; padding: 0; }
  .nw-video-area .video-wrap img { max-width: 100%; max-height: 100%; } }

.campus-culture-area { background: #f2f2f2; height: auto; overflow: hidden; padding: 26px 0; background-position: bottom; background-repeat: no-repeat; background-size: contain; }

@media (max-width: 768px) { .campus-culture-area { overflow: hidden; padding: 0; padding-top: 0.53333rem; padding-bottom: 0.53333rem; background-color: #fff; background-image: none; } }

.campus-culture-area .xl-title { margin-bottom: 40px; }

@media (max-width: 768px) { .campus-culture-area .xl-title { margin-bottom: 0; } }

.campus-culture-area .campus-col { float: left; width: 33%; }

@media (max-width: 768px) { .campus-culture-area .campus-col { clear: both; width: 100%; height: 14.4rem; margin: 0 auto; background: none; } }

.campus-culture-area .campus-col .campus-wrap { width: 280px; height: 340px; background-image: url("../../dist/images/decoration/campus-bg.png"); background-repeat: no-repeat; background-size: cover; margin: 0 auto; }

.campus-culture-area .campus-col .campus-wrap h4 { font-size: 24px; color: #8c0000; text-align: center; height: 98px; line-height: 98px; margin: 0; }

@media (max-width: 768px) { .campus-culture-area .campus-col .campus-wrap h4 { font-size: 24px; height: 2.13333rem; line-height: 2.13333rem; } }

.campus-culture-area .campus-col .campus-wrap .inset { width: 80px; height: 80px; margin-left: 40px; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; }

@media (max-width: 768px) { .campus-culture-area .campus-col .campus-wrap .inset { margin-top: 1.06667rem; width: 9.33333rem; height: 9.33333rem; margin: 0 auto; }
  .campus-culture-area .campus-col .campus-wrap .inset img { max-width: 100%; max-height: 100%; } }

.campus-culture-area .campus-col .campus-wrap:hover .mod-move-tp { transform: translate(0, 6px); -webkit-transform: translate(0, 6px); -moz-transform: translate(0, 6px); -o-transform: translate(0, 6px); -ms-transform: translate(0, 6px); }

.campus-culture-area .campus-col .campus-wrap:hover .inset { transform: translate(0, -6px); -webkit-transform: translate(0, -6px); -moz-transform: translate(0, -6px); -o-transform: translate(0, -6px); -ms-transform: translate(0, -6px); }

.campus-culture-area .camp-mr { margin-right: 80px; }

@media (max-width: 768px) { .campus-culture-area .camp-mr { margin: 0; } }

.consultation-area { clear: both; height: 373px; background-color: #f2f2f2; background-image: url("../../dist/images/decoration/qr-bg.png"); background-repeat: no-repeat; background-size: cover; }

@media (max-width: 768px) { .consultation-area { width: 100%; height: 10.66667rem; background-color: #fff; background-size: contain; background-position: bottom; } }

.consultation-area .consult-inner { padding: 150px 0; position: relative; }

@media (max-width: 768px) { .consultation-area .consult-inner { padding: 0; padding-left: 0.8rem; } }

.consultation-area .consult-inner .consult-tit { float: left; overflow: hidden; width: 100px; color: #fff; }

@media (max-width: 768px) { .consultation-area .consult-inner .consult-tit { color: #444; width: 2.66667rem; } }

.consultation-area .consult-inner .consult-tit h4 { font-size: 30px; margin-top: 46px; }

@media (max-width: 768px) { .consultation-area .consult-inner .consult-tit h4 { margin-top: 0; font-size: 1.06667rem; font-weight: 600; } }

.consultation-area .consult-inner .consult-tit h4, .consultation-area .consult-inner .consult-tit em { float: left; }

.consultation-area .consult-inner .consult-tit em { margin-top: 95px; margin-left: 8px; font-size: 30px; }

@media (max-width: 768px) { .consultation-area .consult-inner .consult-tit em { margin-top: 1.86667rem; } }

.consultation-area .consult-inner .consult-col { float: left; color: #fff; width: 33%; }

@media (max-width: 768px) { .consultation-area .consult-inner .consult-col { width: 80%; color: #444; } }

.consultation-area .consult-inner .consult-col span, .consultation-area .consult-inner .consult-col b { padding-left: 20px; }

@media (max-width: 768px) { .consultation-area .consult-inner .consult-col span, .consultation-area .consult-inner .consult-col b { float: left; padding-top: 0.53333rem; padding-left: 0.8rem; } }

.consultation-area .consult-inner .consult-col span { font-size: 30px; margin-bottom: 10px; }

@media (max-width: 768px) { .consultation-area .consult-inner .consult-col span { font-size: 1.06667rem; } }

.consultation-area .consult-inner .consult-col b { font-size: 40px; }

@media (max-width: 768px) { .consultation-area .consult-inner .consult-col b { font-size: 1.06667rem; } }

.consultation-area .consult-inner .consult-col .consult-qr { width: 160px; height: 160px; background: #d7a39a; border-radius: 8px; position: absolute; bottom: -50px; right: 70px; }

@media (max-width: 768px) { .consultation-area .consult-inner .consult-col .consult-qr { width: 4.8rem; height: 4.8rem; right: 0.8rem; top: 0; } }

.consultation-area .consult-inner .consult-col .consult-qr .qr { width: 132px; height: 132px; margin: 15px auto 0; }

@media (max-width: 768px) { .consultation-area .consult-inner .consult-col .consult-qr .qr { width: 3.73333rem; height: 3.73333rem; margin-top: 0.53333rem; } }

.consultation-area .consult-inner .consult-col .consult-qr .qr img { max-width: 100%; max-height: 100%; }

.consultation-area .consult-inner .cs-mr { margin-right: 60px; margin-top: 75px; }

@media (max-width: 768px) { .consultation-area .consult-inner .cs-mr { margin: 0; } }

.join-forum-area { height: 460px; background-image: url("../../dist/images/decoration/join-bg.png"); background-repeat: no-repeat; background-size: cover; position: relative; }

@media (max-width: 768px) { .join-forum-area { clear: both; width: 100%; height: auto; background-position: left top; background-size: cover; } }

.join-forum-area .join-forum-inner { height: 560px; }

@media (max-width: 768px) { .join-forum-area .join-forum-inner { width: 100%; height: auto; overflow: hidden; paddint-top: 1.06667rem; } }

.circle-wrap span { width: 122px; height: 122px; }

.circle-wrap span a { margin-top: 30px; font-size: 24px; font-weight: 600; color: #8c0000; text-align: center; }

@media (max-width: 768px) { .circle-wrap span a { font-size: 0.96rem; margin-top: 1.06667rem; } }

.circle-wrap span a b { margin-bottom: 10px; }

@media (max-width: 768px) { .circle-wrap span a b { margin-bottom: 0.26667rem; } }

.join-forum-area .join-forum-inner .join-col { clear: both; }

.circle-wrap span { width: 122px; height: 122px; background: #fff; border-radius: 50%; }

@media (max-width: 768px) { .circle-wrap span { width: 4rem; height: 4rem; float: left; } }

.join-forum-area .join-forum-inner .join-col-1 { padding: 0 420px; padding-top: 30px; }

@media (max-width: 768px) { .join-forum-area .join-forum-inner .join-col-1 { padding: 0.8rem; padding-left: 30%; padding-right: 30%; } }

.join-forum-area .join-forum-inner .join-col-2 { padding: 0 240px; }

@media (max-width: 768px) { .join-forum-area .join-forum-inner .join-col-2 { padding: 0; padding-left: 15%; padding-right: 15%; } }

.join-forum-area .join-forum-inner .join-col-3 { padding: 0 160px; padding-top: 30px; }

@media (max-width: 768px) { .join-forum-area .join-forum-inner .join-col-3 { padding: 0; padding-left: 6%; padding-right: 6%; } }

.join-forum-area .join-xl-circle { width: 336px; height: auto; margin: 0 auto; color: #fff; background-image: url("../../dist/images/decoration/xl-circle.png"); background-repeat: no-repeat; background-size: contain; position: absolute; bottom: 0; left: 50%; margin-left: -140px; }

@media (max-width: 768px) { .join-forum-area .join-xl-circle { width: 9.06667rem; height: 6.37333rem; margin-left: -4.53333rem; bottom: 0; background-size: cover; } }

.join-forum-area .join-xl-circle .join-title { width: 300px; height: 60px; padding-top: 30px; }

.join-forum-area .join-xl-circle .join-title h4 { font-size: 24px; color: #fff; }

@media (max-width: 768px) { .join-forum-area .join-xl-circle .join-title h4 { font-size: 1.06667rem; margin: 0; } }

@media (max-width: 768px) { .join-forum-area .join-xl-circle .join-title { width: 100%; height: 1.33333rem; padding: 0; padding-top: 0.96rem; } }

.join-forum-area .join-xl-circle .join { width: 200px; height: 108px; }

@media (max-width: 768px) { .join-forum-area .join-xl-circle .join { width: 5.6rem; height: 2.4rem; } }

.join-forum-area .join-xl-circle .join img { max-width: 100%; max-height: 100%; margin: 10px 0 0 40px; }

@media (max-width: 768px) { .join-forum-area .join-xl-circle .join img { margin: 0; margin-top: 1.06667rem; margin-bottom: 1.33333rem; margin-left: 1.06667rem; } }

.learn-strategy-area { clear: both; background: #f2f2f2; padding: 26px 0; }

@media (max-width: 768px) { .learn-strategy-area { padding: 0; background-color: #fff; width: 100%; } }

.learn-strategy-area .learn-strategy-inner { width: 1198px; height: 420px; background-image: url("../../dist/images/decoration/strategy-bg.png"); }

@media (max-width: 768px) { .learn-strategy-area .learn-strategy-inner { background: none; width: 100%; height: auto; } }

.learn-strategy-area .learn-strategy-inner .lear-s-cont .ls-title { padding: 160px 0 0 60px; float: left; }

@media (max-width: 768px) { .learn-strategy-area .learn-strategy-inner .lear-s-cont .ls-title { padding: 0; } }

.learn-strategy-area .learn-strategy-inner .lear-s-cont .ls-title h4 { width: 100px; font-size: 30px; margin: 0; color: #fff; }

@media (max-width: 768px) { .learn-strategy-area .learn-strategy-inner .lear-s-cont .ls-title h4 { display: none; margin-bottom: 0.53333rem; } }

.learn-strategy-area .learn-strategy-inner .lear-s-cont .ls-title h2 { display: none; }

@media (max-width: 768px) { .learn-strategy-area .learn-strategy-inner .lear-s-cont .ls-title h2 { width: 100%; display: block; color: #4c4c4c; font-size: 24px; }
  .learn-strategy-area .learn-strategy-inner .lear-s-cont .ls-title h2 i { display: block; width: 0.37333rem; height: 1.6rem; background: #8c0000; float: left; margin-right: 0.53333rem; } }

.learn-strategy-area .learn-strategy-inner .lear-s-cont .ls-list { width: 800px; padding: 120px 0 120px 260px; }

@media (max-width: 768px) { .learn-strategy-area .learn-strategy-inner .lear-s-cont .ls-list { padding: 0; clear: both; width: 100%; padding-right: 4rem; } }

.learn-strategy-area .learn-strategy-inner .lear-s-cont .ls-list ul li { height: 44px; line-height: 44px; border-bottom: 1px #eee solid; }

@media (max-width: 768px) { .learn-strategy-area .learn-strategy-inner .lear-s-cont .ls-list ul li { position: relative; width: 100%; } }

.learn-strategy-area .learn-strategy-inner .lear-s-cont .ls-list ul li i, .learn-strategy-area .learn-strategy-inner .lear-s-cont .ls-list ul li a { float: left; }

.learn-strategy-area .learn-strategy-inner .lear-s-cont .ls-list ul li em { float: right; color: #b2b2b2; font-style: normal; }

@media (max-width: 768px) { .learn-strategy-area .learn-strategy-inner .lear-s-cont .ls-list ul li em { position: absolute; right: 0.8rem; } }

.learn-strategy-area .learn-strategy-inner .lear-s-cont .ls-list ul li i { font-size: 16px; color: #d3d3d3; margin-right: 15px; }

.learn-strategy-area .learn-strategy-inner .lear-s-cont .ls-list ul li a, .learn-strategy-area .learn-strategy-inner .lear-s-cont .ls-list ul li em { font-size: 14px; }

.learn-strategy-area .learn-strategy-inner .lear-s-cont .ls-list ul li a { color: #222; }

@media (max-width: 768px) { .learn-strategy-area .learn-strategy-inner .lear-s-cont .ls-list ul li a { width: 16rem; font-size: 0.8rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } }

.learn-strategy-area .learn-strategy-inner .lear-s-cont .ls-list ul li:hover a { color: #8c0000; }

.learn-strategy-area .learn-strategy-inner .lear-s-cont .ls-list ul li:hover .ar { transform: translate(6px, 0); -webkit-transform: translate(6px, 0); -moz-transform: translate(6px, 0); -o-transform: translate(6px, 0); -ms-transform: translate(6px, 0); }

/**
 * tertiary
 * ----------------------------------------------------------------------------
*/
.arr-line-1 { left: 0px; }

.arr-line-2 { left: 240px; }

.arr-line-3 { left: 480px; }

.arr-line-4 { left: 720px; }

.arr-line-5 { left: 960px; }

.arr-line-6 { left: 1200px; }

.arr-line-1 { left: 60px; }

.arr-line-2 { left: 290px; }

.arr-line-3 { left: 500px; }

.arr-line-4 { left: 700px; }

.arr-line-5 { left: 900px; }

.arr-line-6 { left: 1139px; }

.flow-col-1 { left: -50px; }

.flow-col-2 { left: 190px; }

.flow-col-3 { left: 430px; }

.flow-col-4 { left: 670px; }

.flow-col-5 { left: 910px; }

.flow-col-6 { left: 1150px; }

.af-spot-1 { left: 0px; top: -6px; }

.af-spot-2 { left: 180px; top: -6px; }

.af-spot-3 { left: 360px; top: -6px; }

.af-spot-4 { left: 540px; top: -6px; }

.af-spot-5 { left: 720px; top: -6px; }

.af-spot-6 { left: 900px; top: -6px; }

.af-spot-7 { left: 1080px; top: -6px; }

.af-num-1 { margin-left: 0px; }

.af-num-2 { margin-left: 22px; }

.af-num-3 { margin-left: 44px; }

.af-num-4 { margin-left: 66px; }

.af-num-5 { margin-left: 88px; }

.af-num-6 { margin-left: 110px; }

.af-num-7 { margin-left: 132px; }

.af-num-2 { margin-left: 48px; }

@media (max-width: 768px) { .af-num-2 { margin-left: 0; } }

@media (max-width: 768px) { .af-num-3 { margin-left: 0; } }

.af-num-4 { margin-left: 50px; }

@media (max-width: 768px) { .af-num-4 { margin-left: 0; } }

.af-num-5 { margin-left: 50px; }

@media (max-width: 768px) { .af-num-5 { margin-left: 0; } }

.af-num-6 { margin-left: 47px; }

@media (max-width: 768px) { .af-num-6 { margin-left: 0; } }

.af-num-7 { margin-left: 46px; }

@media (max-width: 768px) { .af-num-7 { margin-left: 0; } }

.flw-mr24 { margin-right: 24px; }

.txt-al-c { text-align: center; }

.txt-al-r { text-align: right; }

.tertiary-bg { background-color: #f2f2f2; }

.branch-od { background: #fcf6ed; }

.branch-ev { background: #fff; }

.status-bg-color { background-color: #f2f2f2; }

.tertiary-page { overflow: hidden; background-color: #fff; }

@media (max-width: 768px) { .tertiary-page { padding-bottom: 0.53333rem; height: 100%; overflow: hidden; } }

.tertiary-m { padding: 30px 100px; }

@media (max-width: 768px) { .tertiary-m { padding: 0; padding-left: 1.06667rem; padding-right: 1.06667rem; padding-top: 1.6rem; } }

.t-title { text-align: center; padding-bottom: 40px; border-bottom: 1px #eee solid; margin-bottom: 40px; }

@media (max-width: 768px) { .t-title { margin-bottom: 0.53333rem; overflow: hidden; padding-bottom: 0.8rem; } }

.t-title h2 { font-size: 24px; margin-bottom: 30px; font-weight: 600; }

@media (max-width: 768px) { .t-title h2 { margin-top: 0; margin-bottom: 1.06667rem; } }

.t-title .tert-info { text-align: center; padding: 0 30%; }

.t-title .tert-info span { text-align: center; font-size: 14px; color: #999; float: left; margin-right: 10px; }

@media (max-width: 768px) { .t-title .tert-info span { clear: both; width: 100%; height: 1.6rem; } }

@media (max-width: 768px) { .t-title .tert-info { padding: 0; width: 100%; } }

.tert-paragraph {
	margin-bottom: 20px;
	font-size: 16px;
}

.tert-paragraph .info-title { font-size: 14px; color: #595959; font-weight: 700; }

.tert-paragraph p { font-size: 16px; color: #000000; line-height: 34px; text-indent: 24px; }

.tert-paragraph p em { font-style: normal; }

.tert-paragraph ul li { font-size: 14px; color: #666; line-height: 34px; }

.tert-paragraph-list { clear: both; overflow: hidden; margin-bottom: 30px; text-indent: 0; }

.tert-paragraph-list em { float: left; width: 20px; text-indent: 0; }

.tert-paragraph-list p { clear: both; }

.tert-paragraph-list span { float: left; width: 800px; padding-left: 20px; text-indent: 0; }

.info-inscribe { clear: both; padding: 20px 0; }

.info-inscribe span, .info-inscribe em { text-align: right; font-size: 16px; }

.info-inscribe em { font-style: normal; margin-top: 20px; }

.link-article-bar { text-align: center; font-size: 14px; color: #999; overflow: hidden; }

.link-article-bar .link-article { clear: both; }

.link-article-bar .link-article span { margin: 0 100px; padding: 20px 0; border-top: 1px #eee solid; }

.article-turning { clear: both; text-align: right; font-size: 14px; color: #999; margin-bottom: 30px; }

.article-turning .article-pg { min-width: 250px; padding: 20px 0; }

@media (max-width: 768px) { .article-turning .article-pg { min-width: 10.66667rem; padding-right: 0.53333rem; } }

.article-turning .article-pg a { clear: both; padding: 15px 0; font-size: 12px; color: #999; }

.article-turning .article-pg a:hover { color: #8c0000; }

.article-turning .article-pg b { float: left; font-weight: 500; }

.tertiary-list-cont { clear: both; padding: 26px; }

@media (max-width: 768px) { .tertiary-list-cont { padding-left: 1.06667rem; padding-right: 1.06667rem; padding-top: 0; padding-bottom: 0; margin-top: 0; } }

.tertiary-list-cont .tertiary-list li { height: 44px; line-height: 44px; border-bottom: 1px #eee solid; }

@media (max-width: 768px) { .tertiary-list-cont .tertiary-list li { height: auto; overflow: hidden; margin-bottom: 0.90667rem; } }

.tertiary-list-cont .tertiary-list em, .tertiary-list-cont .tertiary-list a, .tertiary-list-cont .tertiary-list b, .tertiary-list-cont .tertiary-list i { float: left; }

.tertiary-list-cont .tertiary-list a, .tertiary-list-cont .tertiary-list span { font-size: 14px; }

.tertiary-list-cont .tertiary-list a { color: #595959; }

.tertiary-list-cont .tertiary-list a:hover { color: #8c0000; }

@media (max-width: 768px) { .tertiary-list-cont .tertiary-list a { line-height: 1.76rem; } }

.tertiary-list-cont .tertiary-list span { float: right; color: #b2b2b2; }

.list-lab { width: 68px; height: 20px; line-height: 20px; border-radius: 8px; font-size: 12px; font-style: normal; text-align: center; padding: 0 3px; color: #999; margin: 12px 32px 0 0; }

@media (max-width: 768px) { .list-lab { margin-bottom: 0.53333rem; } }

.list-lab b { width: 60px; font-weight: 500; }

.list-lab i { width: 4px; height: 4px; border-radius: 50%; vertical-align: middle; margin-top: 8px; }

.list-lab .spot-red { background: #dec1bb; }

.list-lab .spot-blue { background: #b6ccd4; }

.lab-red { background: #fcedea; }

.lab-blue { background: #eaf7fc; }

.tertiary-video { clear: both; margin-bottom: 20px; }

.tertiary-video img { max-width: 100%; max-height: 100%; margin: 0 auto; }

.paging-bar { width: 580px; height: 32px; margin: 20px auto 20px; }

@media (max-width: 768px) { .paging-bar { clear: both; width: 100%; display: none; } }

.paging-bar a, .paging-bar input, .paging-bar span { float: left; width: 59px; height: 32px; line-height: 32px; text-align: center; color: #666; border-radius: 2px; }

@media (max-width: 768px) { .paging-bar a, .paging-bar input, .paging-bar span { width: 12%; } }

.paging-bar a { font-size: 14px; color: #666; margin: 0 10px; }

.paging-bar a:hover { background: #8c0000; border-color: #8c0000; color: #fff; }

@media (max-width: 768px) { .paging-bar a { margin: 0; } }

.paging-bar .pagination { margin: 0 10px; }

.paging-bar .pagination b { padding: 0 5px; }

.paging-bar .pg-op { border: 1px #ddd solid; }

@media (max-width: 768px) { .paging-bar .pg-op { padding-left: 0.53333rem; padding-right: 0.53333rem; } }

.paging-bar input { width: 40px; border: 1px #ddd solid; margin-right: 5px; }

.paging-bar-mb { display: none; }

@media (max-width: 768px) { .paging-bar-mb { display: block; padding: 0 6%; margin: 0 auto; margin-top: 1.06667rem; margin-bottom: 1.06667rem; }
  .paging-bar-mb a { margin-left: 0.53333rem; margin-right: 0.53333rem; } }

.stu-status-area { clear: both; background-color: #f2f2f2; }

.stu-status-area .xl-title { margin-bottom: 30px; }

@media (max-width: 768px) { .stu-status-area .xl-title { margin-bottom: 0; } }

.stu-status-wrap { float: left; width: 600px; }

@media (max-width: 768px) { .stu-status-wrap { width: 100%; padding: 0; } }

.stu-status-wrap .stu-status-out { height: 336px; position: relative; }

.stu-status-wrap .stu-status-out .stu-status-cont { min-height: 360px; background: #fff; }

.stu-status-wrap .stu-status-left { min-height: 320px; padding: 32px 0 0 32px; position: relative; margin-right: 20px; background: #8c0000; }

@media (max-width: 768px) { .stu-status-wrap .stu-status-left { background: #fff; width: 100%; padding: 0; } }

.stu-status-wrap .stu-status-left .stu-status-cont { width: 96%; position: absolute; left: 30px; }

@media (max-width: 768px) { .stu-status-wrap .stu-status-left .stu-status-cont { left: 0; width: 100%; } }

.stu-title { padding: 10px 0 0 20px; }

.stu-title h4 { font-size: 24px; color: #8c0000; }

.notification-list ol { padding: 0 20px; }

@media (max-width: 768px) { .notification-list ol { padding: 0; } }

.notification-list ol li { line-height: 48px; border-bottom: 1px #eee solid; }

.notification-list ol li em { margin-right: 20px; color: #cbcaca; float: left; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; }

@media (max-width: 768px) { .notification-list ol li em { margin-left: 0.26667rem; margin-right: 0.53333rem; } }

.notification-list ol li a { font-size: 14px; color: #2b2b2b; width: 400px; }

.notification-list ol li a:hover { color: #8c0000; }

@media (max-width: 768px) { .notification-list ol li a { width: 90%; } }

.notification-list .more-btn { font-size: 12px; margin-right: 20px; color: #a6a6a6; }

.notification-list .more-btn em { vertical-align: middle; font-size: 12px; }

.notification-list .more-btn:hover { color: #8c0000; }

.notification-list li:hover em { transform: translate(6px, 0); -webkit-transform: translate(6px, 0); -moz-transform: translate(6px, 0); -o-transform: translate(6px, 0); -ms-transform: translate(6px, 0); }

.stu-status-wrap .stu-status-right { min-height: 320px; padding: 32px 32px 0 0; background: #8c0000; position: relative; margin-left: 20px; }

@media (max-width: 768px) { .stu-status-wrap .stu-status-right { width: 100%; padding: 0; background: #fff; margin-left: 0; } }

.stu-status-wrap .stu-status-right .stu-status-cont { width: 96%; position: absolute; right: 30px; }

@media (max-width: 768px) { .stu-status-wrap .stu-status-right .stu-status-cont { left: 0; width: 100%; } }

.stu-status-wrap .stu-status-right .stu-status-cont .stu-title { padding-right: 20px; }

@media (max-width: 768px) { .stu-status-wrap .stu-status-right .stu-status-cont .stu-title .txt-al-r { float: left; } }

@media (max-width: 768px) { .stu-status-wrap .stu-status-right .stu-status-cont .notification-list { clear: both; } }

.job-placement-area { clear: both; height: auto; padding: 26px 0; padding-top: 90px; background-image: url("../../dist/images/decoration/gzap-bg.png"); background-size: cover; }

@media (max-width: 768px) { .job-placement-area { padding: 0; padding-top: 0.53333rem; } }

.job-placement-area .sc-enrollment-cont { clear: both; padding-top: 20px; }

@media (max-width: 768px) { .job-placement-area .sc-enrollment-cont { padding-top: 0.53333rem; } }

.job-placement-area .sc-enrollment-cont .enrollment-flow .flow-title { width: 190px; height: 50px; line-height: 50px; margin: 0 auto; background: #8c0000; font-size: 24px; color: #fff; text-align: center; }

@media (max-width: 768px) { .job-placement-area .sc-enrollment-cont .enrollment-flow .flow-title { color: #8c0000; background: none; } }

.flow-line { background: #85878a; margin: 0 auto; }

@media (max-width: 768px) { .flow-line { display: none; } }

.vertical-line { width: 1px; height: 20px; }

@media (max-width: 768px) { .vertical-line { display: none; } }

.transverse-line { width: 1080px; height: 1px; margin: 0 auto; }

@media (max-width: 768px) { .transverse-line { display: none; } }

@media (max-width: 768px) { .job-placement-area .sc-enrollment-cont .enrollment-flow .branch-bar { display: none; } }

.job-placement-area .sc-enrollment-cont .enrollment-flow .branch-bar .branch-col { width: 16.6%; float: left; position: relative; }

.job-placement-area .sc-enrollment-cont .enrollment-flow .branch-bar .branch-col .arr-line { position: absolute; top: 0; }

.job-placement-area .sc-enrollment-cont .enrollment-flow .branch-bar .branch-col .arr-line em { font-size: 16px; text-align: left; position: absolute; left: -7px; bottom: -10px; color: #85878a; }

.job-placement-area .sc-enrollment-cont .enrollment-flow .branch-flow-cont { clear: both; margin-top: 30px; }

@media (max-width: 768px) { .job-placement-area .sc-enrollment-cont .enrollment-flow .branch-flow-cont { padding: 0; padding-left: 1.06667rem; padding-right: 1.06667rem; margin-top: 0; } }

.flow-col { float: left; width: 180px; }

@media (max-width: 768px) { .flow-col { width: 100%; } }

.flow-col .flw-t { height: 38px; background-color: #3f3f3f; }

.flow-col .flw-t h4 { line-height: 38px; color: #fff; text-align: center; letter-spacing: 6px; }

.flow-col .branch-list ul li { height: 60px; }

@media (max-width: 768px) { .flow-col .branch-list ul li { height: 2.4rem; line-height: 2.4rem; } }

.flow-col .branch-list ul li b { line-height: 60px; font-weight: 500; }

@media (max-width: 768px) { .flow-col .branch-list ul li b { line-height: 2.4rem; } }

.flow-col .branch-list ul li .branch-info { padding: 10px 0 0 10px; vertical-align: middle; }

@media (max-width: 768px) { .flow-col .branch-list ul li .branch-info { padding: 0; text-align: center; padding-left: 1.06667rem; } }

.flow-col .branch-list ul li .branch-info i { float: left; font-style: normal; margin-right: 3px; margin-top: 4px; vertical-align: middle; }

@media (max-width: 768px) { .flow-col .branch-list ul li .branch-info i { margin-top: 0; display: none; } }

.flow-col .branch-list ul li .branch-info .bra-t { float: left; display: table-cell; }

@media (max-width: 768px) { .flow-col .branch-list ul li .branch-info .bra-t { width: 100%; text-align: center; } }

.flow-col .branch-list ul li .branch-info .bra-t span { clear: both; line-height: 22px; text-align: left; }

@media (max-width: 768px) { .flow-col .branch-list ul li .branch-info .bra-t span { display: none; } }

.flow-col .branch-list ul li .branch-info .bra-t em { display: none; }

@media (max-width: 768px) { .flow-col .branch-list ul li .branch-info .bra-t em { display: block; font-style: normal; line-height: 2.4rem; text-align: center; } }

@media (max-width: 768px) { .flow-col .branch-list ul li .branch-info span { display: none; } }

.flow-col .branch-list ul li .branch-info em { display: none; font-style: normal; }

@media (max-width: 768px) { .flow-col .branch-list ul li .branch-info em { display: block; } }

.flow-col .branch-list ul li .sig-cl { padding-top: 20px; }

@media (max-width: 768px) { .flow-col .branch-list ul li .sig-cl { padding-top: 0; } }

.affair-manage { clear: both; overflow: hidden; padding: 26px 0; background-image: url("../../dist/images/decoration/swbl-bg.png"); background-size: cover; }

.affair-manage .xl-title .tit-ban { margin-bottom: 30px; }

@media (max-width: 768px) { .affair-manage .xl-title .tit-ban { margin-bottom: 0; } }

.affair-manage .xl-title .tit-ban h4, .affair-manage .xl-title .tit-ban em { color: #fff; }

.affair-manage .affair-flow-bar { height: 50px; position: relative; }

@media (max-width: 768px) { .affair-manage .affair-flow-bar { display: none; } }

.affair-manage .affair-flow-bar .affair-line { width: 1080px; height: 1px; margin: 0 auto; background: #c89289; clear: both; }

.affair-manage .affair-flow-bar .af-spot-bar ul li { float: left; width: 14%; position: relative; }

.affair-manage .affair-flow-bar .af-spot-bar ul li em { width: 12px; height: 12px; background: #fff; border-radius: 50%; position: absolute; }

.affair-manage .af-info-bar { width: 100%; }

.affair-manage .af-info-bar .af-info-txt { width: 130px; margin-top: 30px; float: left; }

@media (max-width: 768px) { .affair-manage .af-info-bar .af-info-txt { width: 33%; height: 4rem; padding-top: 0.8rem; padding-bottom: 0.8rem; margin-top: 0; } }

.affair-manage .af-info-bar .af-info-txt span { clear: both; font-size: 30px; color: #3f3f3f; width: 43px; height: 27px; line-height: 27px; margin: 0 auto; position: relative; margin-bottom: 20px; }

.affair-manage .af-info-bar .af-info-txt span i { color: #fff; text-align: center; font-size: 16px; position: absolute; top: -4px; left: 20px; font-style: normal; }

.affair-manage .af-info-bar .af-info-txt .txt { clear: both; text-align: center; color: #fff; }

@media (max-width: 768px) { .affair-manage .af-info-bar .af-info-txt .txt { font-size: 14px; } }

.mail-area { background-color: #fff; }

.mail-area .mail-in { min-height: 200px; background-image: url("../../dist/images/decoration/relation-bg.png"); background-size: cover; background-repeat: no-repeat; background-position: left center; }

@media (max-width: 768px) { .mail-area .mail-in { min-height: 100px; } }

.mail-area .mail-in .mail-info { padding: 66px 0 0 390px; }

@media (max-width: 768px) { .mail-area .mail-in .mail-info { padding: 0; text-align: center; padding-top: 1.33333rem; padding-left: 8rem; } }

.mail-area .mail-in .mail-info span { clear: both; font-size: 30px; color: #8c0000; margin-bottom: 20px; }

@media (max-width: 768px) { .mail-area .mail-in .mail-info span { font-size: 18px; } }

.common-qa-area { clear: both; padding: 20px 0; }

@media (max-width: 768px) { .common-qa-area { padding: 0; padding-top: 0.8rem; padding-bottom: 0.8rem; } }

.common-qa-area .common-qa { clear: both; width: 1200px; margin: 0 auto; }

@media (max-width: 768px) { .common-qa-area .common-qa { width: 100%; } }

.common-qa-area .common-qa .cm-qa-in { min-height: 200px; background-image: url("../../dist/images/decoration/qa-bg.png"); background-repeat: no-repeat; padding-top: 20px; }

@media (max-width: 768px) { .common-qa-area .common-qa .cm-qa-in { min-height: 4rem; padding-top: 0; background-color: #fff; background-image: url("../../dist/images/decoration/qa-bg-mb.png"); background-position: left top; background-size: contain; padding-top: 1.6rem; padding-left: 1.6rem; } }

.common-qa-area .common-qa .cm-qa-in .cm-more { width: 185px; height: 70px; margin: 65px auto 0; line-height: 70px; text-align: center; border-radius: 50px; background: #8c0000; font-size: 24px; color: #fff; padding-left: 40px; }

@media (max-width: 768px) { .common-qa-area .common-qa .cm-qa-in .cm-more { margin: 0; width: 8rem; height: 3.2rem; line-height: 3.2rem; font-size: 1.06667rem; margin: 0 auto; padding-left: 1.33333rem; } }

.common-qa-area .common-qa .cm-qa-in .cm-more b, .common-qa-area .common-qa .cm-qa-in .cm-more em { float: left; }

.common-qa-area .common-qa .cm-qa-in .cm-more em { font-size: 24px; margin-left: 10px; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; }

.common-qa-area .common-qa .cm-qa-in:hover .sydxjiantou-xia { transform: translate(6px, 0); -webkit-transform: translate(6px, 0); -moz-transform: translate(6px, 0); -o-transform: translate(6px, 0); -ms-transform: translate(6px, 0); }

/** 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; }

.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: 1050; display: none; background-color: rgba(0, 0, 0, 0.5); }

.mask-white { z-index: 1050; display: none; background-color: rgba(255, 255, 255, 0.9); }

.mask-transparent { background-color: transparent; }

.vcenter:after { content: ''; display: inline-block; height: 100%; vertical-align: middle; }

.primary { color: #8c0000; }

.blue { color: #3f5cdc; }

.green { color: #3fcc57; }

.red { color: #e20700; }

.yellow { color: #ffa23e; }

.orange { color: #ffa200; }

.purple { color: #8c38e9; }

.dark { color: #222; }

.base { color: #444; }

.light { color: #afafaf; }

.info { font-size: 12px; color: #afafaf; line-height: 20px; }

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

.link-default { font-size: inherit; color: #666; text-decoration: none; }

.link-default:hover { color: #8c0000; }

.link-normal { font-size: inherit; color: #8c0000; text-decoration: none; }

.link-normal:hover { text-decoration: underline; }

.link-light { font-size: inherit; color: #999; text-decoration: none; }

.link-light:hover { color: #8c0000; }

.no-shadow { box-shadow: none; }

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

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

.dvs-3 { float: left; width: 33.33333%; }

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

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

.dvs-6 { float: left; width: 16.66667%; }

.dvs-7 { float: left; width: 14.28571%; }

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

.dvs-9 { float: left; width: 11.11111%; }

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

.dvs-11 { float: left; width: 9.09091%; }

.dvs-12 { float: left; width: 8.33333%; }

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

.mt30 { margin-top: 30px; }

.mr30 { margin-right: 30px; }

.mb30 { margin-bottom: 30px; }

.ml30 { margin-left: 30px; }

.mt40 { margin-top: 40px; }

.mr40 { margin-right: 40px; }

.mb40 { margin-bottom: 40px; }

.ml40 { margin-left: 40px; }

.pt10 { padding-top: 10px; }

.pr10 { padding-right: 10px; }

.pb10 { padding-bottom: 10px; }

.pl10 { padding-left: 10px; }

.pt20 { padding-top: 20px; }

.pr20 { padding-right: 20px; }

.pb20 { padding-bottom: 20px; }

.pl20 { padding-left: 20px; }

.pt30 { padding-top: 30px; }

.pr30 { padding-right: 30px; }

.pb30 { padding-bottom: 30px; }

.pl30 { padding-left: 30px; }

.pt40 { padding-top: 40px; }

.pr40 { padding-right: 40px; }

.pb40 { padding-bottom: 40px; }

.pl40 { padding-left: 40px; }

.prepend, .append { position: absolute; top: 0; bottom: 0; z-index: 1; }

.prepend { left: 0; }

.append { right: 0; }

.bt { border-top: 1px solid #ddd; }

.br { border-right: 1px solid #ddd; }

.bb { border-bottom: 1px solid #ddd; }

.bl { border-left: 1px solid #ddd; }

.split, .split-dark, .split-light { border: 0; border-top: 1px solid; }

.split { border-color: #ddd; }

.split-dark { border-color: #ccc; }

.split-light { border-color: #eee; }

.split-v { height: 100%; margin: 0 10px; border: 0; border-right: 1px solid #ddd; }

.portrait { overflow: hidden; }

.portrait img { display: block; width: 100%; height: auto; }
/*# sourceMappingURL=main.css.map */