.theme-tl, .theme-tr, .theme-bl { position: absolute; }

.theme-tl { top: 23px; left: 0; width: 281px; height: 252px; background: url("../images/theme/themeBlue/tl.png") no-repeat left top; }

.theme-tr { top: 13px; right: 13%; width: 219px; height: 79px; background: url("../images/theme/themeBlue/tr.png") no-repeat left top; }

.theme-bl { bottom: 0; left: 0; width: 233px; height: 163px; background: url("../images/theme/themeBlue/bl.png") no-repeat left bottom; }

.examweb { font-size: inherit; }

.lab:after, .pagination-wrapper:after, .pagination-wrapper > div:after, .form-pretitle:after, .input-append:after, .form-table-wrap:after, .toast-tabs:after, .group:after, .head-right .nav:after, .ban-container .swiper-slide .wrapper:after, .advs-wrap:after, .login-body:after, .login-body .right:after, .vertical-center:after, .vertical-top:after, .link-icon:after { content: ''; display: inline-block; height: 100%; }

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

body { margin: 0; }

main { display: block; }

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

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

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

a { background-color: transparent; }

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

b, strong { font-weight: bolder; }

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

small { font-size: 80%; }

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

sub { bottom: -0.25em; }

sup { top: -0.5em; }

img { border-style: none; }

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

button, input { overflow: visible; }

button, select { text-transform: none; }

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

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

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

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

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

progress { vertical-align: baseline; }

textarea { overflow: auto; }

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

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

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

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

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

details { display: block; }

summary { display: list-item; }

template { display: none; }

[hidden] { display: none; }

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

body { font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, 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 0 1000px white inset !important; -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; }

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

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

/** Buttons ---------------------------------------------------------------------------- */
.btn { display: inline-block; font-weight: normal; color: #8C8C8C; text-align: center; text-decoration: none; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none; background-color: white; border-style: solid; border-color: #dcdfe6; height: 36px; padding: 0 12px; font-size: 14px; line-height: 34px; border-width: 1px; border-radius: 6px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.3s; transition: 0.3s; -ms-touch-action: manipulation; touch-action: manipulation; }

.btn:hover { color: #101319; text-decoration: none; border-color: #cdcfd3; }

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

.btn-solid-primary, .btn-solid-primary:hover { color: white; border-color: transparent; }

.btn-solid-primary, .btn-solid-primary.disabled:hover, .btn-solid-primary[disabled]:hover { background-color: #529BF9; }

.btn-solid-primary:hover { background-color: #348af8; }

.btn-solid-primary.shadow { -webkit-box-shadow: 0 2px 6px rgba(82, 155, 249, 0.3); box-shadow: 0 2px 6px rgba(82, 155, 249, 0.3); }

.btn-solid-secondary, .btn-solid-secondary:hover { color: white; border-color: transparent; }

.btn-solid-secondary, .btn-solid-secondary.disabled:hover, .btn-solid-secondary[disabled]:hover { background-color: #3b3e4c; }

.btn-solid-secondary:hover { background-color: #2e303b; }

.btn-solid-secondary.shadow { -webkit-box-shadow: 0 2px 6px rgba(59, 62, 76, 0.3); box-shadow: 0 2px 6px rgba(59, 62, 76, 0.3); }

.btn-solid-tertiary, .btn-solid-tertiary:hover { color: white; border-color: transparent; }

.btn-solid-tertiary, .btn-solid-tertiary.disabled:hover, .btn-solid-tertiary[disabled]:hover { background-color: #c3c8cc; }

.btn-solid-tertiary:hover { background-color: #b2b9be; }

.btn-solid-tertiary.shadow { -webkit-box-shadow: 0 2px 6px rgba(195, 200, 204, 0.3); box-shadow: 0 2px 6px rgba(195, 200, 204, 0.3); }

.btn-solid-success, .btn-solid-success:hover { color: white; border-color: transparent; }

.btn-solid-success, .btn-solid-success.disabled:hover, .btn-solid-success[disabled]:hover { background-color: #38c17f; }

.btn-solid-success:hover { background-color: #31a96f; }

.btn-solid-success.shadow { -webkit-box-shadow: 0 2px 6px rgba(56, 193, 127, 0.3); box-shadow: 0 2px 6px rgba(56, 193, 127, 0.3); }

.btn-solid-warning, .btn-solid-warning:hover { color: white; border-color: transparent; }

.btn-solid-warning, .btn-solid-warning.disabled:hover, .btn-solid-warning[disabled]:hover { background-color: #ffa200; }

.btn-solid-warning:hover { background-color: #e08f00; }

.btn-solid-warning.shadow { -webkit-box-shadow: 0 2px 6px rgba(255, 162, 0, 0.3); box-shadow: 0 2px 6px rgba(255, 162, 0, 0.3); }

.btn-solid-danger, .btn-solid-danger:hover { color: white; border-color: transparent; }

.btn-solid-danger, .btn-solid-danger.disabled:hover, .btn-solid-danger[disabled]:hover { background-color: #f12c2c; }

.btn-solid-danger:hover { background-color: #ef1010; }

.btn-solid-danger.shadow { -webkit-box-shadow: 0 2px 6px rgba(241, 44, 44, 0.3); box-shadow: 0 2px 6px rgba(241, 44, 44, 0.3); }

.btn-solid-default, .btn-solid-default:hover { color: white; border-color: transparent; }

.btn-solid-default, .btn-solid-default.disabled:hover, .btn-solid-default[disabled]:hover { background-color: #8C8C8C; }

.btn-solid-default:hover { background-color: #7d7d7d; }

.btn-solid-default.shadow { -webkit-box-shadow: 0 2px 6px rgba(140, 140, 140, 0.3); box-shadow: 0 2px 6px rgba(140, 140, 140, 0.3); }

.btn-solid-light, .btn-solid-light:hover { color: white; border-color: transparent; }

.btn-solid-light, .btn-solid-light.disabled:hover, .btn-solid-light[disabled]:hover { background-color: #c0c3c9; }

.btn-solid-light:hover { background-color: #b0b3bb; }

.btn-solid-light.shadow { -webkit-box-shadow: 0 2px 6px rgba(192, 195, 201, 0.3); box-shadow: 0 2px 6px rgba(192, 195, 201, 0.3); }

.btn-solid-dark, .btn-solid-dark:hover { color: white; border-color: transparent; }

.btn-solid-dark, .btn-solid-dark.disabled:hover, .btn-solid-dark[disabled]:hover { background-color: #101319; }

.btn-solid-dark:hover { background-color: #040506; }

.btn-solid-dark.shadow { -webkit-box-shadow: 0 2px 6px rgba(16, 19, 25, 0.3); box-shadow: 0 2px 6px rgba(16, 19, 25, 0.3); }

.btn-anti-primary, .btn-anti-primary:hover { color: #529BF9; border-color: transparent; }

.btn-anti-primary, .btn-anti-primary.disabled:hover, .btn-anti-primary[disabled]:hover { background-color: rgba(82, 155, 249, 0.2); }

.btn-anti-primary:hover { background-color: rgba(82, 155, 249, 0.3); }

.btn-anti-secondary, .btn-anti-secondary:hover { color: #3b3e4c; border-color: transparent; }

.btn-anti-secondary, .btn-anti-secondary.disabled:hover, .btn-anti-secondary[disabled]:hover { background-color: rgba(59, 62, 76, 0.2); }

.btn-anti-secondary:hover { background-color: rgba(59, 62, 76, 0.3); }

.btn-anti-tertiary, .btn-anti-tertiary:hover { color: #c3c8cc; border-color: transparent; }

.btn-anti-tertiary, .btn-anti-tertiary.disabled:hover, .btn-anti-tertiary[disabled]:hover { background-color: rgba(195, 200, 204, 0.2); }

.btn-anti-tertiary:hover { background-color: rgba(195, 200, 204, 0.3); }

.btn-anti-success, .btn-anti-success:hover { color: #38c17f; border-color: transparent; }

.btn-anti-success, .btn-anti-success.disabled:hover, .btn-anti-success[disabled]:hover { background-color: rgba(56, 193, 127, 0.2); }

.btn-anti-success:hover { background-color: rgba(56, 193, 127, 0.3); }

.btn-anti-warning, .btn-anti-warning:hover { color: #ffa200; border-color: transparent; }

.btn-anti-warning, .btn-anti-warning.disabled:hover, .btn-anti-warning[disabled]:hover { background-color: rgba(255, 162, 0, 0.2); }

.btn-anti-warning:hover { background-color: rgba(255, 162, 0, 0.3); }

.btn-anti-danger, .btn-anti-danger:hover { color: #f12c2c; border-color: transparent; }

.btn-anti-danger, .btn-anti-danger.disabled:hover, .btn-anti-danger[disabled]:hover { background-color: rgba(241, 44, 44, 0.2); }

.btn-anti-danger:hover { background-color: rgba(241, 44, 44, 0.3); }

.btn-anti-default, .btn-anti-default:hover { color: #8C8C8C; border-color: transparent; }

.btn-anti-default, .btn-anti-default.disabled:hover, .btn-anti-default[disabled]:hover { background-color: rgba(140, 140, 140, 0.2); }

.btn-anti-default:hover { background-color: rgba(140, 140, 140, 0.3); }

.btn-anti-light, .btn-anti-light:hover { color: #c0c3c9; border-color: transparent; }

.btn-anti-light, .btn-anti-light.disabled:hover, .btn-anti-light[disabled]:hover { background-color: rgba(192, 195, 201, 0.2); }

.btn-anti-light:hover { background-color: rgba(192, 195, 201, 0.3); }

.btn-anti-dark, .btn-anti-dark:hover { color: #101319; border-color: transparent; }

.btn-anti-dark, .btn-anti-dark.disabled:hover, .btn-anti-dark[disabled]:hover { background-color: rgba(16, 19, 25, 0.2); }

.btn-anti-dark:hover { background-color: rgba(16, 19, 25, 0.3); }

.btn-hollow-primary, .btn-hollow-primary:hover { border-color: #529BF9; }

.btn-hollow-primary, .btn-hollow-primary.disabled:hover, .btn-hollow-primary[disabled]:hover { color: #529BF9; background-color: transparent; }

.btn-hollow-primary:hover { color: white; background-color: #529BF9; }

.btn-hollow-secondary, .btn-hollow-secondary:hover { border-color: #3b3e4c; }

.btn-hollow-secondary, .btn-hollow-secondary.disabled:hover, .btn-hollow-secondary[disabled]:hover { color: #3b3e4c; background-color: transparent; }

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

.btn-hollow-tertiary, .btn-hollow-tertiary:hover { border-color: #c3c8cc; }

.btn-hollow-tertiary, .btn-hollow-tertiary.disabled:hover, .btn-hollow-tertiary[disabled]:hover { color: #c3c8cc; background-color: transparent; }

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

.btn-hollow-success, .btn-hollow-success:hover { border-color: #38c17f; }

.btn-hollow-success, .btn-hollow-success.disabled:hover, .btn-hollow-success[disabled]:hover { color: #38c17f; background-color: transparent; }

.btn-hollow-success:hover { color: white; background-color: #38c17f; }

.btn-hollow-warning, .btn-hollow-warning:hover { border-color: #ffa200; }

.btn-hollow-warning, .btn-hollow-warning.disabled:hover, .btn-hollow-warning[disabled]:hover { color: #ffa200; background-color: transparent; }

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

.btn-hollow-danger, .btn-hollow-danger:hover { border-color: #f12c2c; }

.btn-hollow-danger, .btn-hollow-danger.disabled:hover, .btn-hollow-danger[disabled]:hover { color: #f12c2c; background-color: transparent; }

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

.btn-hollow-default, .btn-hollow-default:hover { border-color: #8C8C8C; }

.btn-hollow-default, .btn-hollow-default.disabled:hover, .btn-hollow-default[disabled]:hover { color: #8C8C8C; background-color: transparent; }

.btn-hollow-default:hover { color: white; background-color: #8C8C8C; }

.btn-hollow-light, .btn-hollow-light:hover { border-color: #c0c3c9; }

.btn-hollow-light, .btn-hollow-light.disabled:hover, .btn-hollow-light[disabled]:hover { color: #c0c3c9; background-color: transparent; }

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

.btn-hollow-dark, .btn-hollow-dark:hover { border-color: #101319; }

.btn-hollow-dark, .btn-hollow-dark.disabled:hover, .btn-hollow-dark[disabled]:hover { color: #101319; background-color: transparent; }

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

.btn-outline-primary, .btn-outline-primary:hover { color: #529BF9; border-color: rgba(82, 155, 249, 0.3); }

.btn-outline-primary, .btn-outline-primary.disabled:hover, .btn-outline-primary[disabled]:hover { background-color: rgba(82, 155, 249, 0.1); }

.btn-outline-primary:hover { background-color: rgba(82, 155, 249, 0.2); }

.btn-outline-secondary, .btn-outline-secondary:hover { color: #3b3e4c; border-color: rgba(59, 62, 76, 0.3); }

.btn-outline-secondary, .btn-outline-secondary.disabled:hover, .btn-outline-secondary[disabled]:hover { background-color: rgba(59, 62, 76, 0.1); }

.btn-outline-secondary:hover { background-color: rgba(59, 62, 76, 0.2); }

.btn-outline-tertiary, .btn-outline-tertiary:hover { color: #c3c8cc; border-color: rgba(195, 200, 204, 0.3); }

.btn-outline-tertiary, .btn-outline-tertiary.disabled:hover, .btn-outline-tertiary[disabled]:hover { background-color: rgba(195, 200, 204, 0.1); }

.btn-outline-tertiary:hover { background-color: rgba(195, 200, 204, 0.2); }

.btn-outline-success, .btn-outline-success:hover { color: #38c17f; border-color: rgba(56, 193, 127, 0.3); }

.btn-outline-success, .btn-outline-success.disabled:hover, .btn-outline-success[disabled]:hover { background-color: rgba(56, 193, 127, 0.1); }

.btn-outline-success:hover { background-color: rgba(56, 193, 127, 0.2); }

.btn-outline-warning, .btn-outline-warning:hover { color: #ffa200; border-color: rgba(255, 162, 0, 0.3); }

.btn-outline-warning, .btn-outline-warning.disabled:hover, .btn-outline-warning[disabled]:hover { background-color: rgba(255, 162, 0, 0.1); }

.btn-outline-warning:hover { background-color: rgba(255, 162, 0, 0.2); }

.btn-outline-danger, .btn-outline-danger:hover { color: #f12c2c; border-color: rgba(241, 44, 44, 0.3); }

.btn-outline-danger, .btn-outline-danger.disabled:hover, .btn-outline-danger[disabled]:hover { background-color: rgba(241, 44, 44, 0.1); }

.btn-outline-danger:hover { background-color: rgba(241, 44, 44, 0.2); }

.btn-outline-default, .btn-outline-default:hover { color: #8C8C8C; border-color: rgba(140, 140, 140, 0.3); }

.btn-outline-default, .btn-outline-default.disabled:hover, .btn-outline-default[disabled]:hover { background-color: rgba(140, 140, 140, 0.1); }

.btn-outline-default:hover { background-color: rgba(140, 140, 140, 0.2); }

.btn-outline-light, .btn-outline-light:hover { color: #c0c3c9; border-color: rgba(192, 195, 201, 0.3); }

.btn-outline-light, .btn-outline-light.disabled:hover, .btn-outline-light[disabled]:hover { background-color: rgba(192, 195, 201, 0.1); }

.btn-outline-light:hover { background-color: rgba(192, 195, 201, 0.2); }

.btn-outline-dark, .btn-outline-dark:hover { color: #101319; border-color: rgba(16, 19, 25, 0.3); }

.btn-outline-dark, .btn-outline-dark.disabled:hover, .btn-outline-dark[disabled]:hover { background-color: rgba(16, 19, 25, 0.1); }

.btn-outline-dark:hover { background-color: rgba(16, 19, 25, 0.2); }

.btn-ghost-solid-primary, .btn-ghost-solid-primary.disabled:hover, .btn-ghost-solid-primary[disabled]:hover { color: #529BF9; background-color: transparent; border-color: transparent; }

.btn-ghost-solid-primary:hover { color: white; background-color: #529BF9; border-color: transparent; }

.btn-ghost-solid-secondary, .btn-ghost-solid-secondary.disabled:hover, .btn-ghost-solid-secondary[disabled]:hover { color: #3b3e4c; background-color: transparent; border-color: transparent; }

.btn-ghost-solid-secondary:hover { color: white; background-color: #3b3e4c; border-color: transparent; }

.btn-ghost-solid-tertiary, .btn-ghost-solid-tertiary.disabled:hover, .btn-ghost-solid-tertiary[disabled]:hover { color: #c3c8cc; background-color: transparent; border-color: transparent; }

.btn-ghost-solid-tertiary:hover { color: white; background-color: #c3c8cc; border-color: transparent; }

.btn-ghost-solid-success, .btn-ghost-solid-success.disabled:hover, .btn-ghost-solid-success[disabled]:hover { color: #38c17f; background-color: transparent; border-color: transparent; }

.btn-ghost-solid-success:hover { color: white; background-color: #38c17f; border-color: transparent; }

.btn-ghost-solid-warning, .btn-ghost-solid-warning.disabled:hover, .btn-ghost-solid-warning[disabled]:hover { color: #ffa200; background-color: transparent; border-color: transparent; }

.btn-ghost-solid-warning:hover { color: white; background-color: #ffa200; border-color: transparent; }

.btn-ghost-solid-danger, .btn-ghost-solid-danger.disabled:hover, .btn-ghost-solid-danger[disabled]:hover { color: #f12c2c; background-color: transparent; border-color: transparent; }

.btn-ghost-solid-danger:hover { color: white; background-color: #f12c2c; border-color: transparent; }

.btn-ghost-solid-default, .btn-ghost-solid-default.disabled:hover, .btn-ghost-solid-default[disabled]:hover { color: #8C8C8C; background-color: transparent; border-color: transparent; }

.btn-ghost-solid-default:hover { color: white; background-color: #8C8C8C; border-color: transparent; }

.btn-ghost-solid-light, .btn-ghost-solid-light.disabled:hover, .btn-ghost-solid-light[disabled]:hover { color: #c0c3c9; background-color: transparent; border-color: transparent; }

.btn-ghost-solid-light:hover { color: white; background-color: #c0c3c9; border-color: transparent; }

.btn-ghost-solid-dark, .btn-ghost-solid-dark.disabled:hover, .btn-ghost-solid-dark[disabled]:hover { color: #101319; background-color: transparent; border-color: transparent; }

.btn-ghost-solid-dark:hover { color: white; background-color: #101319; border-color: transparent; }

.btn-ghost-hollow-primary, .btn-ghost-hollow-primary:hover { color: #529BF9; }

.btn-ghost-hollow-primary, .btn-ghost-hollow-primary.disabled:hover, .btn-ghost-hollow-primary[disabled]:hover { background-color: transparent; border-color: transparent; }

.btn-ghost-hollow-primary:hover { border-color: #529BF9; }

.btn-ghost-hollow-secondary, .btn-ghost-hollow-secondary:hover { color: #3b3e4c; }

.btn-ghost-hollow-secondary, .btn-ghost-hollow-secondary.disabled:hover, .btn-ghost-hollow-secondary[disabled]:hover { background-color: transparent; border-color: transparent; }

.btn-ghost-hollow-secondary:hover { border-color: #3b3e4c; }

.btn-ghost-hollow-tertiary, .btn-ghost-hollow-tertiary:hover { color: #c3c8cc; }

.btn-ghost-hollow-tertiary, .btn-ghost-hollow-tertiary.disabled:hover, .btn-ghost-hollow-tertiary[disabled]:hover { background-color: transparent; border-color: transparent; }

.btn-ghost-hollow-tertiary:hover { border-color: #c3c8cc; }

.btn-ghost-hollow-success, .btn-ghost-hollow-success:hover { color: #38c17f; }

.btn-ghost-hollow-success, .btn-ghost-hollow-success.disabled:hover, .btn-ghost-hollow-success[disabled]:hover { background-color: transparent; border-color: transparent; }

.btn-ghost-hollow-success:hover { border-color: #38c17f; }

.btn-ghost-hollow-warning, .btn-ghost-hollow-warning:hover { color: #ffa200; }

.btn-ghost-hollow-warning, .btn-ghost-hollow-warning.disabled:hover, .btn-ghost-hollow-warning[disabled]:hover { background-color: transparent; border-color: transparent; }

.btn-ghost-hollow-warning:hover { border-color: #ffa200; }

.btn-ghost-hollow-danger, .btn-ghost-hollow-danger:hover { color: #f12c2c; }

.btn-ghost-hollow-danger, .btn-ghost-hollow-danger.disabled:hover, .btn-ghost-hollow-danger[disabled]:hover { background-color: transparent; border-color: transparent; }

.btn-ghost-hollow-danger:hover { border-color: #f12c2c; }

.btn-ghost-hollow-default, .btn-ghost-hollow-default:hover { color: #8C8C8C; }

.btn-ghost-hollow-default, .btn-ghost-hollow-default.disabled:hover, .btn-ghost-hollow-default[disabled]:hover { background-color: transparent; border-color: transparent; }

.btn-ghost-hollow-default:hover { border-color: #8C8C8C; }

.btn-ghost-hollow-light, .btn-ghost-hollow-light:hover { color: #c0c3c9; }

.btn-ghost-hollow-light, .btn-ghost-hollow-light.disabled:hover, .btn-ghost-hollow-light[disabled]:hover { background-color: transparent; border-color: transparent; }

.btn-ghost-hollow-light:hover { border-color: #c0c3c9; }

.btn-ghost-hollow-dark, .btn-ghost-hollow-dark:hover { color: #101319; }

.btn-ghost-hollow-dark, .btn-ghost-hollow-dark.disabled:hover, .btn-ghost-hollow-dark[disabled]:hover { background-color: transparent; border-color: transparent; }

.btn-ghost-hollow-dark:hover { border-color: #101319; }

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

.btn-lg { height: 44px; padding: 0 16px; font-size: 16px; line-height: 42px; border-width: 1px; border-radius: 8px; }

.btn-sm { height: 32px; padding: 0 8px; font-size: 12px; line-height: 30px; border-width: 1px; border-radius: 4px; }

.btn-xs { height: 28px; padding: 0 4px; font-size: 12px; line-height: 26px; border-width: 1px; border-radius: 4px; }

.btn-group { font-size: 0; }

.btn-group .btn { vertical-align: middle; border-radius: 0; }

.btn-group .btn:not(:first-child) { border-left-width: 0; }

.btn-group .btn:first-child { border-top-left-radius: 6px; border-bottom-left-radius: 6px; }

.btn-group .btn:last-child { border-top-right-radius: 6px; border-bottom-right-radius: 6px; }

.btn-group.btn-default-group .btn { position: relative; }

.btn-group.btn-default-group .btn:hover:not(:first-child):after { content: ''; position: absolute; top: -1px; bottom: -1px; left: -1px; z-index: 1; display: block; width: 1px; background-color: #cfd2d9; }

.btn-group.btn-solid-group .btn:not(:first-child) { margin-left: 1px; }

.btn-group.btn-ghost-group .btn { border-radius: 6px; }

.btn-group.btn-ghost-group .btn:not(:first-child) { border-left-width: 1px; }

.ie8 .btn-group .btn { border-left-width: 0; }

.ie8 .btn-group .btn:first-child { border-left-width: 1px; }

.ie8 .btn-group.btn-solid-group .btn { margin-left: 1px; }

.ie8 .btn-group.btn-solid-group .btn:first-child { margin-left: 0; }

/**
 * Labs
 * ----------------------------------------------------------------------------
*/
.lab { display: inline-block; height: 18px; padding: 0 6px; color: white; border-radius: 2px; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0; }

.lab:after { vertical-align: middle; }

.lab > * { display: inline-block; vertical-align: middle; }

.lab > *:first-child { margin-left: 0; }

.lab > *:last-child { margin-right: 0; }

.lab > span { margin: 0 2px; }

.lab.lab-lg { height: 22px; padding: 0 8px; border-radius: 3px; }

.lab.lab-lg .lab-icon i { width: 14px; height: 14px; font-size: 14px; }

.lab.lab-lg .lab-text { font-size: 13px; }

.lab-icon { font-size: 0; }

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

.lab-icon i { display: inline-block; height: 100%; font-size: 12px; vertical-align: middle; }

.lab-text { display: inline-block; font-size: 12px; font-weight: normal; }

.lab-primary { background-color: #529BF9; }

.lab-primary.lab-hollow { color: #529BF9; border-color: rgba(82, 155, 249, 0.5); }

.lab-primary.lab-anti { color: #529BF9; background-color: rgba(82, 155, 249, 0.1); }

.lab-primary.lab-ghost { color: #529BF9; }

.lab-secondary { background-color: #3b3e4c; }

.lab-secondary.lab-hollow { color: #3b3e4c; border-color: rgba(59, 62, 76, 0.5); }

.lab-secondary.lab-anti { color: #3b3e4c; background-color: rgba(59, 62, 76, 0.1); }

.lab-secondary.lab-ghost { color: #3b3e4c; }

.lab-gray { background-color: #c0c3c9; }

.lab-gray.lab-hollow { color: #c0c3c9; border-color: rgba(192, 195, 201, 0.5); }

.lab-gray.lab-anti { color: #c0c3c9; background-color: rgba(192, 195, 201, 0.1); }

.lab-gray.lab-ghost { color: #c0c3c9; }

.lab-red { background-color: #f12c2c; }

.lab-red.lab-hollow { color: #f12c2c; border-color: rgba(241, 44, 44, 0.5); }

.lab-red.lab-anti { color: #f12c2c; background-color: rgba(241, 44, 44, 0.1); }

.lab-red.lab-ghost { color: #f12c2c; }

.lab-orange { background-color: #fd7e14; }

.lab-orange.lab-hollow { color: #fd7e14; border-color: rgba(253, 126, 20, 0.5); }

.lab-orange.lab-anti { color: #fd7e14; background-color: rgba(253, 126, 20, 0.1); }

.lab-orange.lab-ghost { color: #fd7e14; }

.lab-yellow { background-color: #ffa200; }

.lab-yellow.lab-hollow { color: #ffa200; border-color: rgba(255, 162, 0, 0.5); }

.lab-yellow.lab-anti { color: #ffa200; background-color: rgba(255, 162, 0, 0.1); }

.lab-yellow.lab-ghost { color: #ffa200; }

.lab-green { background-color: #38c17f; }

.lab-green.lab-hollow { color: #38c17f; border-color: rgba(56, 193, 127, 0.5); }

.lab-green.lab-anti { color: #38c17f; background-color: rgba(56, 193, 127, 0.1); }

.lab-green.lab-ghost { color: #38c17f; }

.lab-pink { background-color: #ffb8b8; }

.lab-pink.lab-hollow { color: #ffb8b8; border-color: rgba(255, 184, 184, 0.5); }

.lab-pink.lab-anti { color: #ffb8b8; background-color: rgba(255, 184, 184, 0.1); }

.lab-pink.lab-ghost { color: #ffb8b8; }

.lab-blue { background-color: #3f5cdc; }

.lab-blue.lab-hollow { color: #3f5cdc; border-color: rgba(63, 92, 220, 0.5); }

.lab-blue.lab-anti { color: #3f5cdc; background-color: rgba(63, 92, 220, 0.1); }

.lab-blue.lab-ghost { color: #3f5cdc; }

.lab-purple { background-color: #916ef0; }

.lab-purple.lab-hollow { color: #916ef0; border-color: rgba(145, 110, 240, 0.5); }

.lab-purple.lab-anti { color: #916ef0; background-color: rgba(145, 110, 240, 0.1); }

.lab-purple.lab-ghost { color: #916ef0; }

.lab-hollow { background-color: transparent; border: 1px solid; }

.lab-ghost { background-color: transparent; }

.lab-dot { width: 6px; height: 6px; border-radius: 50%; padding: 0; }

/** Pagination ---------------------------------------------------------------------------- */
.pagination-wrapper { margin-top: 30px; font-size: 0; }

.pagination-wrapper:after { vertical-align: middle; }

.pagination-wrapper > * { display: inline-block; vertical-align: middle; }

.pagination-wrapper > *:first-child { margin-left: 0; }

.pagination-wrapper > *:last-child { margin-right: 0; }

.pagination-wrapper > div { font-size: 0; margin: 0 10px; line-height: 30px; }

.pagination-wrapper > div:after { vertical-align: middle; }

.pagination-wrapper > div > * { display: inline-block; vertical-align: middle; }

.pagination-wrapper > div > *:first-child { margin-left: 0; }

.pagination-wrapper > div > *:last-child { margin-right: 0; }

.pagination-wrapper > div > * { margin: 0 3px; font-size: 14px; }

.pagination-wrapper > div .form-control { height: 28px; line-height: 28px; }

@media screen and (max-width: 940px) { .pagination-wrapper > div { margin: 0; } }

.pagination-wrapper .text { color: #c0c3c9; }

.pagination-wrapper .num { color: #101319; }

.pagination-wrapper .pg-select .form-select { width: 92px; text-align: center; border-radius: 0; -webkit-box-sizing: content-box; box-sizing: content-box; }

.pagination-wrapper .pg-select .form-select .select-set { line-height: inherit; }

.pagination-wrapper .pg-select .form-select .select-main { height: inherit; cursor: default; }

.pagination-wrapper .pg-select .form-select .select-arrow { top: 14px; }

.pagination-wrapper .pg-select .form-select .select-block { border-top: 0; }

.pagination-wrapper .pg-btns a { min-width: 30px; margin: 0 6px; padding: 0 8px; font-size: 14px; color: #101319; line-height: 28px; text-align: center; border: 1px solid transparent; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.3s; transition: 0.3s; }

.pagination-wrapper .pg-btns a:hover { border-color: #dcdfe6; }

.pagination-wrapper .pg-btns a.active, .pagination-wrapper .pg-btns a.active:hover { color: white !important; background-color: #529BF9 !important; border-color: #529BF9 !important; }

.pagination-wrapper .pg-input .form-control { width: 50px; height: 30px; text-align: center; border-radius: 0; }

.pagination-wrapper .pg-input .btn { height: inherit; padding: 0 12px; line-height: 30px; border-radius: 0; border: 0; }

.pagination-wrapper.pagination-round .pg-select .form-select, .pagination-wrapper.pagination-round .pg-btns a, .pagination-wrapper.pagination-round .pg-input .form-control, .pagination-wrapper.pagination-round .pg-input .btn { border-radius: 6px; }

.pagination-wrapper.pagination-border .pg-btns a { border-color: #dcdfe6; }

.pagination-wrapper.pagination-border .pg-btns a:hover { border-color: #cdcfd3; }

.pagination-wrapper.pagination-solid .pg-btns a { background-color: #ebeef5; border-color: transparent; }

.pagination-wrapper.pagination-solid .pg-btns a:hover { color: #529BF9; background-color: rgba(82, 155, 249, 0.1); }

.pagination-wrapper.pagination-circle .pg-btns a { border-radius: 50%; }

.pagination-wrapper.pagination-hover-solid .pg-btns a:hover { background-color: #ebeef5; border-color: transparent; }

@media screen and (max-width: 940px) { .pagination-wrapper.pagination-hover-solid .pg-btns a:hover { background-color: none !important; border-color: none !important; } }

.pagination-wrapper.pagination-group .pg-btns a { position: relative; margin: 0; border-color: #cfd2d9; }

.pagination-wrapper.pagination-group .pg-btns a:not(:first-child) { border-left: 0; }

.pagination-wrapper.pagination-group.pagination-round .pg-btns a:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }

.pagination-wrapper.pagination-group.pagination-round .pg-btns a:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }

@media screen and (max-width: 940px) { .pagination-wrapper { margin-top: 30px; }
  .pagination-wrapper .text, .pagination-wrapper .num, .pagination-wrapper .text, .pagination-wrapper .pg-select, .pagination-wrapper .pg-input { display: none; } }

.ie8 .pagination-wrapper.pagination-group .pg-btns a { border-left: 0; }

.ie8 .pagination-wrapper.pagination-group .pg-btns a:first-child { position: relative; }

.ie8 .pagination-wrapper.pagination-group .pg-btns a:first-child:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; z-index: 1; display: block; width: 1px; background-color: #cfd2d9; }

.pagination-mb { display: none; width: 100%; }

.pagination-mb .pg-btns { float: left; vertical-align: middle; margin-top: 5px; }

.pagination-mb .pg-btns .pg-link { margin-right: 20px; }

.pagination-mb .pg-btns .pg-link i { font-size: 24px; color: #529BF9; }

.pagination-mb .pg-btns .pg-link:focus { color: #529BF9; }

.pagination-mb .pg-input { float: right; }

.pagination-mb .pg-input span { display: inline-block; }

.pagination-mb .pg-input .form-control { width: 50px; height: 30px; text-align: center; border-radius: 0; }

.pagination-mb .pg-input .btn { height: inherit; padding: 0 12px; line-height: 30px; border-radius: 0; border: 0; }

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

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

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

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

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

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

.form-control { display: block; width: 100%; height: 36px; padding: 0 8px; font-size: 14px; line-height: 34px; color: #8C8C8C; background-color: white; background-image: none; border: 1px solid #cfd2d9; border-radius: 6px; -webkit-transition: 0.15s; transition: 0.15s; -webkit-box-sizing: border-box; box-sizing: border-box; }

.form-control:not([readonly]):focus { border-color: #529BF9; outline: 0; }

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

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

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

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

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { opacity: 0.5; filter: alpha(opacity=50); }

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

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

.form-row { position: relative; margin: 10px 0; line-height: 36px; }

.form-title { display: inline-block; font-size: 14px; color: #303339; 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 { font-size: 0; }

.form-pretitle:after { vertical-align: middle; }

.form-pretitle > * { display: inline-block; vertical-align: middle; }

.form-pretitle > *:first-child { margin-left: 0; }

.form-pretitle > *:last-child { margin-right: 0; }

.form-pretitle .form-title { width: 60px; margin-right: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.form-pretitle .form-con { width: calc(100% - 60px - 10px); }

.ie8 .form-pretitle { position: relative; padding-left: 70px; }

.ie8 .form-pretitle .form-title { position: absolute; top: 0; bottom: 0; left: 0; }

.ie8 .form-pretitle .form-con { width: 100%; }

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

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

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

.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: 16px; color: #c0c3c9; }

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

.input-append { position: absolute; top: 1px; right: 1px; bottom: 1px; z-index: 100; display: none; line-height: 34px; background-color: white; border-top-right-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden; font-size: 0; }

.input-append:after { vertical-align: middle; }

.input-append > * { display: inline-block; vertical-align: middle; }

.input-append > *:first-child { margin-left: 0; }

.input-append > *:last-child { margin-right: 0; }

.input-append .btn { display: inline-block; height: inherit; padding: 0 8px; font-size: 16px; line-height: inherit; text-decoration: none; background-color: transparent; border: 0; border-radius: 0; }

.input-append .btn:hover { color: #529BF9; }

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

.textarea-wrap .form-textarea { padding-top: 8px; padding-bottom: 8px; }

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

.form-textarea-num { color: #c0c3c9; }

.textarea-wrap.textarea-numin { padding-top: 8px; padding-bottom: 30px; background-color: white; border: 1px solid #cfd2d9; border-radius: 6px; }

.textarea-wrap.textarea-numin .form-textarea { padding-top: 0; padding-bottom: 0; background-color: transparent; border: none; border-radius: 0; }

.textarea-wrap.textarea-numin .form-textarea-bot { position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; padding-right: 8px; padding-left: 8px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.textarea-wrap.textarea-numin.active { border-color: #529BF9; }

.form-label { position: relative; font-size: 0; font-weight: normal; cursor: pointer; }

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

.form-label > * { display: inline-block; margin-right: 5px; margin-left: 5px; vertical-align: middle; }

.form-label > *:first-child { margin-left: 0; }

.form-label > *:last-child { margin-right: 0; }

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

.form-label.active .form-radio-btn, .form-label.active .form-checkbox-btn { background-color: #529BF9; border-color: #398df8; }

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

.form-label.active .form-label-con { color: #529BF9; }

.form-radio-btn, .form-checkbox-btn { position: relative; width: 16px; height: 16px; padding: 0; color: white; text-align: center; line-height: 1; vertical-align: middle; border: 1px solid #cfd2d9; }

.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; -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: center center; transform-origin: center center; }

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

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

.form-label-con { width: calc(100% - 18px - 10px); padding-top: 8px; padding-bottom: 8px; font-size: 14px; color: #8C8C8C; line-height: 20px; }

.radio-wrap.group .form-label, .checkbox-wrap.group .form-label { margin: 0 20px; }

.form-select { position: relative; }

.form-select:hover { border-color: #529BF9; }

.form-select:hover .select-arrow { border-top-color: #529BF9; }

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

.form-select .select-arrow { position: absolute; top: 18px; right: 0; width: 0; height: 0; display: inline-block; overflow: hidden; border-width: 4px; border-color: transparent; border-style: dashed; border-top-color: #303339; border-top-style: solid; margin-top: -2px; }

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

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

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

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

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

.form-select .select-items.active, .form-select .select-items.active:hover { color: #529BF9; background-color: rgba(82, 155, 249, 0.1); }

div.sp_container { background-color: white; border-color: #cfd2d9; border-radius: 6px; }

div.sp_container.sp_container_open { border-color: #529BF9; border-radius: 6px; }

div.sp_container.sp_container_combo { -webkit-box-shadow: none; 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; -webkit-box-shadow: none; box-shadow: none; }

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

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

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

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

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

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

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

div.sp_container .sp_clear_btn:hover { color: #529BF9; }

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

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

div.sp_result_area.shadowDown { -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); 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: #c0c3c9; }

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

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

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

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: #529BF9; 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: #101319; 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"); }

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

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

.mixform-wrap { font-size: 0; }

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

.mixform-wrap input[type="text"] { margin-right: 8px; }

.mixform-wrap input[type="submit"] { padding: 0; }

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

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

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

.mixform-wrap.wide-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.vcode-wrap { padding-right: 98px; }

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

.error-info { font-size: 0; color: #f12c2c; 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-dark .form-control { background-color: #f5f5f5; border-color: #f5f5f5; }

.form-dark .form-control:focus { background-color: white; border-color: #529BF9; }

.form-dark .textarea-numin { background-color: #f5f5f5; border-color: #f5f5f5; }

.form-dark .textarea-numin .form-control { background-color: transparent; }

.form-dark .textarea-numin.active { background-color: white; }

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

.form-transparent .form-control:active { background-color: #f5f5f5; }

.form-table-row { border-bottom: 1px solid #ebeef5; vertical-align: bottom; }

.form-table-row:last-child { border-bottom: none; }

.form-table-wrap { position: relative; font-size: 0; }

.form-table-wrap:after { vertical-align: middle; }

.form-table-wrap > * { display: inline-block; vertical-align: middle; }

.form-table-wrap > *:first-child { margin-left: 0; }

.form-table-wrap > *:last-child { margin-right: 0; }

.form-table-head { width: 96px; padding-right: 10px; padding-left: 15px; }

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

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

.form-table-body { position: relative; width: calc(100% - 121px); min-height: 36px; margin: 8px 0; padding-left: 15px; font-size: 0; line-height: 36px; border-left: 1px solid #ebeef5; -webkit-box-sizing: border-box; box-sizing: border-box; }

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

.ie8 .form-table-wrap { padding-left: 121px; }

.ie8 .form-table-head { position: absolute; top: 0; bottom: 0; left: 0; font-size: 0; }

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

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

.ie8 .form-table-body { width: 100%; }

/** Tabs ---------------------------------------------------------------------------- */
.tabs-head { font-size: 0; }

.tabs-item { display: inline-block; margin: 0; text-align: center; vertical-align: middle; }

.tabs-link { position: relative; display: block; margin: 0 5px; padding: 9px 0; font-size: 14px; color: #8C8C8C; line-height: 1.2; cursor: pointer; }

.tabs-link:hover { color: #529BF9; }

.tabs-con { display: none; }

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

.ghost-tabs { position: relative; border-bottom: 1px solid #dcdfe6; }

.ghost-tabs .tabs-link { padding: 18px 0; -webkit-transition: 0.3s; transition: 0.3s; }

.ghost-tabs .tabs-link:after { content: ''; position: absolute; bottom: 6px; left: 50%; display: inline-block; width: 0; height: 2px; margin-left: 0; background-color: #529BF9; border-radius: 2px; -webkit-transition: 0.3s; transition: 0.3s; }

.ghost-tabs .tabs-link.active { font-weight: bold; color: black; }

.ghost-tabs .tabs-link.active:after { width: 24px; margin-left: -12px; }

.group-tabs { display: inline-block; background-color: white; border-radius: 6px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.group-tabs .tabs-item { margin: 0; }

.group-tabs .tabs-item:first-child .tabs-link { white-space: nowrap; border-left: 1px solid #cfd2d9; border-top-left-radius: 6px; border-bottom-left-radius: 6px; }

.group-tabs .tabs-item:first-child .tabs-link.active { border-left-color: #529BF9; }

.group-tabs .tabs-item:last-child .tabs-link { border-right-color: #cfd2d9; border-top-right-radius: 6px; border-bottom-right-radius: 6px; }

.group-tabs .tabs-item:last-child .tabs-link.active { border-right-color: #529BF9; }

.group-tabs .tabs-link { margin: 0; padding: 0 18px; line-height: 34px; border: 1px solid #cfd2d9; border-left: 0; border-right: 1px solid #dcdfe6; -webkit-box-sizing: border-box; box-sizing: border-box; }

.group-tabs .tabs-link.active { font-weight: bold; color: white; background-color: #529BF9; border-color: #529BF9; }

.toast-tabs { font-size: 0; }

.toast-tabs .tabs-item { margin-right: 5px; margin-left: 5px; }

.toast-tabs:after { vertical-align: middle; }

.toast-tabs > * { display: inline-block; vertical-align: middle; }

.toast-tabs > *:first-child { margin-left: 0; }

.toast-tabs > *:last-child { margin-right: 0; }

.ie8 .toast-tabs { font-size: 0; }

.ie8 .toast-tabs > * { margin-right: 0; margin-left: 10px; }

.ie8 .toast-tabs > *:first-child { margin-left: 0; }

.toast-tabs .tabs-link { margin: 0; padding: 10px 18px; background-color: white; border: 1px solid #cfd2d9; border-radius: 6px; -webkit-transition: 0.3s; transition: 0.3s; }

.toast-tabs .tabs-link:hover { font-weight: bold; color: #101319; background-color: #fafafa; border-color: #cdcfd3; }

.toast-tabs .tabs-link.active { font-weight: bold; color: white; background-color: #529BF9; border-color: #529BF9; }

.toast-tabs.dark .tabs-link { background-color: #f5f5f5; border: 0; }

.toast-tabs.dark .tabs-link:hover { background-color: #f0f0f0; }

.toast-tabs.dark .tabs-link.active { color: #529BF9; background-color: rgba(82, 155, 249, 0.1); }

.toast-tabs.rounded .tabs-link { border-radius: 40px; }

/** Popups ---------------------------------------------------------------------------- */
.popup { position: absolute; z-index: 1050; display: none; border: 1px solid #cfd2d9; border-radius: 8px; background-color: white; -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); 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 #ebeef5; border-top-left-radius: inherit; border-top-right-radius: inherit; }

.popup-head .title { font-size: 14px; font-weight: bold; color: #101319; }

.popup-head .popup-head-op { top: 0; }

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

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

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

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

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

.popup-body > .content { font-size: 14px; color: #8C8C8C; line-height: 1.4; }

.popup-foot { padding: 10px; text-align: right; border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; }

.popup-foot .btn { min-width: 90px; }

.popup-foot .btn.btn-hollow-secondary { border-color: #cfd2d9; }

.popup-foot .btn.btn-hollow-secondary:hover { color: #303339; background-color: white; border-color: #b3b7c2; }

.popup-small { width: 360px; }

.popup-base { width: 480px; }

.popup-medium { width: 540px; }

.popup-large { width: 640px; }

.popup-xlarge { width: 740px; }

.popup-block { width: 100%; }

/**
 * Misc
 * ----------------------------------------------------------------------------
*/
.btn-shadow-primary, .popup-foot .btn.btn-solid-primary:hover { -webkit-box-shadow: 0 2px 6px rgba(82, 155, 249, 0.2); box-shadow: 0 2px 6px rgba(82, 155, 249, 0.2); }

.btn-shadow-base, .popup-foot .btn.btn-hollow-secondary:hover { -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08); }

.shadow-light, .group-tabs { -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05); }

.shadow-base { -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.08); box-shadow: 0 0 6px rgba(0, 0, 0, 0.08); }

.shadow-dark { -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15); box-shadow: 0 0 8px rgba(0, 0, 0, 0.15); }

.typeico { background-position: center center; background-repeat: no-repeat; background-size: contain; }

.group { font-size: 0; }

.group > * { margin-right: 5px; margin-left: 5px; }

.group > *:first-child { margin-left: 0 !important; }

.group > *:last-child { margin-right: 0 !important; }

.group:after { vertical-align: middle; }

.group > * { display: inline-block; vertical-align: middle; }

.group > *:first-child { margin-left: 0; }

.group > *:last-child { margin-right: 0; }

.group-top:after, .group-top > * { vertical-align: top; }

.group-bottom:after, .group-bottom > * { vertical-align: bottom; }

/**
 * Header
 * ----------------------------------------------------------------------------
*/
header { position: relative; height: 80px; background-color: transparent; -webkit-transition: 0.3s; transition: 0.3s; }

header .wrapper > div > * { display: inline-block; vertical-align: middle; }

@media screen and (max-width: 940px) { header { width: 100%; height: 64px !important; } }

.top-login-bar { clear: both; }

.nav-group { position: relative; float: left; padding-left: 20px; -webkit-transition: 0.3s; transition: 0.3s; }

.nav-group .order { position: absolute; right: 0; top: 0; padding-top: 22px; -webkit-transition: 0.3s; transition: 0.3s; }

.nav-group .order > * { display: inline-block; vertical-align: middle; }

.nav-group .order .btn { width: 88px; margin-right: 24px; color: #529BF9; border-color: transparent; }

.nav-group .order .btn:hover { -webkit-box-shadow: 0 8px 16px #217ff7; box-shadow: 0 8px 16px #217ff7; }

.nav-group .order .btn:active { -webkit-box-shadow: 0 2px 6px #0970f6; box-shadow: 0 2px 6px #0970f6; }

.nav-group .order .tel { font-family: "PingFang SC", "Microsoft YaHei", "SimSun", Tahoma, Arial, sans-serif; font-size: 0; color: white; }

.nav-group .order .tel span { display: inline-block; vertical-align: middle; }

.nav-group .order .tel .icon { margin-right: 6px; font-size: 24px; }

.nav-group .order .tel .text { font-size: 18px; }

.nav-group .order .nav-trigger { margin-right: 16px; display: none; width: 22px; height: 22px; font-size: 22px; color: white; }

.logo { height: 70px; margin-right: 20px; }

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

.head-right { position: relative; }

.head-right .nav { float: left; margin-right: 20px; font-size: 0; }

.head-right .nav:after { vertical-align: middle; }

.head-right .nav > * { display: inline-block; vertical-align: middle; }

.head-right .nav > *:first-child { margin-left: 0; }

.head-right .nav > *:last-child { margin-right: 0; }

.head-right .nav li { position: relative; text-align: center; background-color: transparent; -webkit-transition: 0.3s; transition: 0.3s; }

.head-right .nav .nav-link { position: relative; font-size: 14px; font-weight: 600; color: white; }

.head-right .nav .nav-link b { display: inline-block; height: 70px; line-height: 70px; min-width: 120px; margin-right: 10px; font-size: 20px; font-weight: 500; border: 1px transparent solid; border-width: 1px 0; }

.head-right .nav .nav-link:hover, .head-right .nav .nav-link.cur, .head-right .nav .nav-link.active { -webkit-transition: 0.3s; transition: 0.3s; }

.head-right .nav .nav-link:hover b, .head-right .nav .nav-link.cur b, .head-right .nav .nav-link.active b { height: 60px; line-height: 60px; background-color: transparent; border: 1px rgba(255, 255, 255, 0.6) solid; border-width: 1px 0; font-weight: 500; -webkit-transition: 0.3s; transition: 0.3s; }

.head-right .nav .hide-slide { position: absolute; z-index: 99; top: 63px; left: 0; min-width: 120px; min-height: 220px; padding-top: 12px; display: none; background-image: url("../images/menu-sli-bg.png"); background-repeat: no-repeat; -webkit-transition: 0.3s; transition: 0.3s; }

.head-right .nav .hide-slide a { display: block; line-height: 32px; font-size: 14px; color: #fff; }

.head-right .nav .hide-slide a:hover { background-color: #fff; color: #529BF9; }

.head-right .nav .hide-slide.active { display: block; }

.mb-menu-list { position: fixed; top: 120px; left: 0; bottom: 0; z-index: 999; display: none; width: 100%; background-color: #fff; }

.mb-menu-list .menu-list { padding: 0 20px; }

.mb-menu-list .menu-list li { margin-top: 10px; margin-bottom: 20px; }

.mb-menu-list .menu-list li .first-menu { font-size: 14px; color: #529BF9; }

.mb-menu-list .menu-list li .first-menu b { display: block; margin-bottom: 10px; }

.mb-menu-list .menu-list li .sec-slide { color: #529BF9; }

.mb-menu-list .menu-list li .sec-slide a { display: inline-block; margin-right: 25px; margin-bottom: 10px; font-size: 14px; color: #529BF9; }

.mb-menu-list.active { display: block; -webkit-transition: 0.3s; transition: 0.3s; }

header.active { height: 70px; background-color: white; -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); }

header.active .nav-group { padding-top: 0px; }

header.active .logo { background-image: url("../images/Logo-green.svg"); background-position: left bottom; }

header.active .nav-link { color: #101319; }

header.active .nav-link:after { background-color: #529BF9; }

header.active .nav-link.active { color: #fff; }

header.active .order { padding-top: 17px; }

@media screen and (max-width: 940px) { header.active .order { padding-top: 25px; }
  header.active .order i { font-size: 25px; } }

header.active .btn { color: white; background-color: #529BF9; }

header.active .btn:hover { background-color: #70acfa; -webkit-box-shadow: 0 8px 16px rgba(82, 155, 249, 0.2); box-shadow: 0 8px 16px rgba(82, 155, 249, 0.2); }

header.active .btn:active { background-color: #66a6fa; -webkit-box-shadow: 0 2px 6px rgba(82, 155, 249, 0.4); box-shadow: 0 2px 6px rgba(82, 155, 249, 0.4); }

header.active .tel, header.active .nav-trigger { color: #529BF9; }

header .login { margin-top: 20px; margin-bottom: 10px; }

header .login .login-mb { float: left; margin-right: 30px; }

header .login .login-mb li { display: inline-block; color: #fff; }

header .login .login-mb li a { font-size: 12px; color: #fff; }

@media screen and (max-width: 940px) { header .login { line-height: 0; margin-top: 20px; margin-right: 20px; } }

header .login .search-btn { float: left; margin-top: 5px; }

header .login .search-btn i { vertical-align: middle; font-size: 24px; color: #fff; }

@media screen and (max-width: 940px) { header .login .search-btn { margin-top: 12px; } }

header .login-info { float: right; line-height: 80px; }

@media screen and (max-width: 940px) { header .login-info { line-height: 60px; margin-right: 20px; } }

header .login-info .portrait-group { float: left; margin-right: 20px; }

header .login-info .portrait-group .portrait { display: block; float: left; width: 26px; height: 26px; margin-top: 25px; margin-right: 6px; }

header .login-info .portrait-group .portrait img { display: block; width: auto; height: 100%; }

@media screen and (max-width: 940px) { header .login-info .portrait-group .portrait { margin-top: 20px; } }

header .login-info .portrait-group .welcome { font-size: 12px; color: #fff; vertical-align: middle; }

@media screen and (max-width: 940px) { header .login-info .portrait-group .welcome { display: none; } }

@media screen and (max-width: 940px) { header .login-info .portrait-group { margin-right: 5px; } }

header .login-info .quit { font-size: 12px; color: #fff; }

header.active .login { margin-top: 24px; }

header.active .login .gbflsousuo { color: #529BF9; }

header.active .login-mb li { display: inline-block; color: #529BF9; }

header.active .login-mb li a { font-size: 12px; color: #529BF9; }

header.active .login-info .welcome, header.active .login-info .quit { color: #529BF9; }

header.active .order { float: right; padding-top: 22px; -webkit-transition: 0.3s; transition: 0.3s; }

header.active .order > * { display: inline-block; vertical-align: middle; }

header.active .order .btn { width: 88px; margin-right: 24px; color: #529BF9; border-color: transparent; }

header.active .order .btn:hover { -webkit-box-shadow: 0 8px 16px #217ff7; box-shadow: 0 8px 16px #217ff7; }

header.active .order .btn:active { -webkit-box-shadow: 0 2px 6px #0970f6; box-shadow: 0 2px 6px #0970f6; }

header.active .order .tel { font-family: "PingFang SC", "Microsoft YaHei", "SimSun", Tahoma, Arial, sans-serif; font-size: 0; color: white; }

header.active .order .tel span { display: inline-block; vertical-align: middle; }

header.active .order .tel .icon { margin-right: 6px; font-size: 24px; }

header.active .order .tel .text { font-size: 18px; }

header.active .order .nav-trigger { margin-right: 16px; display: none; width: 22px; height: 22px; font-size: 22px; color: white; }

header.active .order .order { padding-top: 6px; }

@media screen and (max-width: 940px) { header.active .login { margin-top: 34px; } }

.login-in { float: left; margin-top: 35px; margin-right: 55px; }

.login-in .head-portrait { display: inline-block; width: 30px; height: 30px; vertical-align: middle; }

.login-in .head-portrait img { display: block; width: auto; height: 100%; }

.login-in .wel-name { vertical-align: middle; font-size: 12px; }

@media screen and (max-width: 940px) { .nav-group { width: 100%; clear: both; margin-top: 0; margin-left: 0; padding-left: 0; }
  .nav-group .order { padding-top: 15px; }
  .nav-group .order .tel { display: none; }
  .nav-group .order .nav-trigger { display: inline-block; font-size: 14px; }
  .nav-group .order .nav-trigger i { font-size: 24px; }
  .nav-group .order .nav-trigger i.gbflcross-simple { font-size: 18px; }
  .nav-group .order .btn { width: 70.4px; height: 28.8px; margin-right: 16px; font-size: 11.2px; font-weight: 600; line-height: 28.8px; }
  .nav-group.active { height: 70px; background-color: white; -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); }
  .nav-group.active .nav-group { padding-top: 0px; }
  .nav-group.active .logo { background-image: url("../images/Logo-green.svg"); background-position: left bottom; }
  .nav-group.active .nav-link { color: #101319; }
  .nav-group.active .nav-link:after { background-color: #529BF9; }
  .nav-group.active .nav-link.active { color: #fff; }
  .nav-group.active .order { padding-top: 17px; } }

@media screen and (max-width: 940px) and (max-width: 940px) { .nav-group.active .order { padding-top: 25px; }
  .nav-group.active .order i { font-size: 25px; } }

@media screen and (max-width: 940px) { .nav-group.active .btn { color: white; background-color: #529BF9; }
  .nav-group.active .btn:hover { background-color: #70acfa; -webkit-box-shadow: 0 8px 16px rgba(82, 155, 249, 0.2); box-shadow: 0 8px 16px rgba(82, 155, 249, 0.2); }
  .nav-group.active .btn:active { background-color: #66a6fa; -webkit-box-shadow: 0 2px 6px rgba(82, 155, 249, 0.4); box-shadow: 0 2px 6px rgba(82, 155, 249, 0.4); }
  .nav-group.active .tel, .nav-group.active .nav-trigger { color: #529BF9; }
  .logo { width: 160px; height: 35px; margin-left: 16px; margin-top: 10px; }
  .head-right { float: right !important; }
  .nav { position: fixed; top: -100%; right: 0; left: 0; z-index: 999; margin-right: 0; margin-left: 0; background-color: rgba(255, 255, 255, 0.98); -webkit-transition: 0.3s; transition: 0.3s; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); }
  .nav li { display: block; margin: 0 auto !important; text-align: center; }
  .nav .nav-link { display: inline-block; color: #101319; line-height: 40px; }
  .nav .nav-link:after { bottom: 0; background-color: #529BF9; }
  .nav .nav-link.active { height: 24px; line-height: 24px; color: #fff; border-radius: 4px; }
  .nav.active { top: 48px; padding: 20px 0; }
  .login { margin-top: 0; } }

/** Footer ----------------------------------------------------------------------------- */
footer { position: relative; z-index: 1000; font-family: "PingFang SC", "Microsoft YaHei", "SimSun", Tahoma, Arial, sans-serif; margin-top: 30px; background: url("../images/footer.png") no-repeat left top; background-repeat: no-repeat; background-size: cover; }

footer > .wrapper { padding: 50px 0; }

.footer-cell { float: left; }

.footer-cell .footer-logo, .footer-cell .address { float: left; color: #fff; }

.footer-cell .footer-logo { margin-right: 80px; margin-top: 20px; text-align: center; }

.footer-cell .footer-logo img { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

.footer-cell .footer-cell-wrap { margin: 0 40px; }

.footer-cell:nth-child(1) { width: 80%; }

.footer-cell:nth-child(2) { width: 20%; }

@media screen and (max-width: 940px) { footer { width: 100%; margin-top: 0; }
  footer .footer-m { width: 100%; overflow: hidden; }
  footer > .wrapper { padding: 40px 0; text-align: center; }
  footer .footer-cell { width: 100%; padding: 0; padding: 0 40px; }
  footer .footer-cell .footer-logo { margin: 0; }
  footer .footer-cell .footer-logo img { display: block; width: 320px; height: 41px; margin: 0 auto; }
  footer .footer-cell .ml30 { margin-left: 0 !important; }
  footer .footer-cell .address { clear: both; width: 100%; margin-top: 10px; }
  footer .footer-cell .qr { width: 110px; height: 110px; margin: 0; margin-top: 20px; } }

.footer-m { display: block; width: 1080px; margin: 0 auto; padding: 20px 0; }

.footer-m .contact { color: #909399; }

.contact-body { margin-top: 20px; }

.contact-body .contact-row { position: relative; margin: 5px 0; }

.contact-body .contact-row > * { display: inline-block; vertical-align: top; }

.contact-body .contact-row .icon { display: inline-block; width: 16px; height: 16px; margin-right: 8px; font-size: 16px; vertical-align: middle; }

.contact-body .contact-row .icon i { display: inline-block; }

.contact-body .contact-row .text { font-size: 16px; line-height: 1.2; color: #fff; }

.contact-qr { margin-top: 20px; }

.contact-qr p { margin-top: 8px; font-size: 14px; }

.qr { width: 60px; height: 60px; margin: 0 auto; margin-bottom: 20px; }

.qr .webchat { display: block; width: 90px; font-size: 12px; text-align: center; color: #fff; }

.address { margin-top: 5px; font-size: 14px; line-height: 25px; }

.search-bar { margin-left: 60px; margin-top: 10px; }

@media screen and (max-width: 940px) { .search-bar { width: 100%; margin-top: 15px; margin-left: 0; font-size: 12px; } }

.search-bar .title { margin-bottom: 10px; font-size: 14px; font-weight: 500; color: #BFBFBF; }

.search-bar .title i { margin-right: 10px; font-size: 18px; vertical-align: middle; color: #529BF9; }

.search-bar .search-ipt { position: relative; }

.search-bar .search-ipt .ico { position: absolute; top: 8px; left: 8px; color: #fff; opacity: 0.6; }

.search-bar .search-ipt input { display: block; width: 145px; height: 32px; padding-left: 30px; background-color: #49585B; border-radius: 4px; }

@media screen and (max-width: 940px) { .search-bar .search-ipt input { width: 45%; } }

.search-bar .search-ipt input { font-size: 12px; font-weight: 500; color: #fff; opacity: 0.6; }

.search-bar .search-ipt input::-webkit-input-placeholder { font-size: 12px; font-weight: 500; color: #fff; opacity: 0.6; }

@media screen and (max-width: 940px) { .footer-m .contact { width: 100%; }
  .footer-m .contact .address { font-size: 12px; } }

@media screen and (max-width: 940px) { .footer-m { height: auto; padding: 15px 0; } }

.footer-links-head { position: relative; padding-bottom: 16px; }

.footer-links-head .title { margin: 0; padding: 0; font-size: 18px; font-weight: normal; color: white; }

.footer-links-head .title:before { content: ''; position: absolute; display: block; bottom: 0; width: 30px; height: 1px; background-color: #529BF9; }

.footer-links-body { margin-top: 6px; }

.footer-links-body .link-default { font-size: 16px; color: #909399; line-height: 40px; opacity: 0.8; filter: alpha(opacity=80); -webkit-transition: 0.3s; transition: 0.3s; }

.footer-links-body .link-default:hover { color: white; text-decoration: none; opacity: 1; filter: alpha(opacity=100); }

.copyright { margin-top: 30px; padding: 10px 0; text-align: center; border-top: 1px solid rgba(205, 207, 211, 0.1); }

.copyright .text { margin: 0; padding: 0; font-size: 14px; color: #fff; line-height: 2; text-align: left; }

.copyright .text img { margin: 0 4px; }

@media screen and (max-width: 940px) { .copyright { margin-top: 0; }
  .copyright .text { font-size: 12px; } }

/**
 * Layout
 * ----------------------------------------------------------------------------
*/
.wrapper { width: 1152px; margin-right: auto; margin-left: auto; }

@media screen and (max-width: 940px) { .wrapper { width: 100%; } }

@media screen and (max-width: 940px) { body { overflow-x: hidden; } }

section .wrapper { margin-top: 110px; padding-top: 20px; padding-bottom: 20px; }

@media screen and (max-width: 940px) { section .wrapper { padding-top: 16px; padding-bottom: 16px; } }

.section-head { position: relative; margin-bottom: 20px; }

.section-head .bar { display: inline-block; width: 40px; height: 4px; margin-bottom: 8px; background-color: #529BF9; }

.section-head .title { font-size: 28px; line-height: 1.5; }

.section-head .info { font-family: "PingFang SC", "Microsoft YaHei", "SimSun", Tahoma, Arial, sans-serif; font-size: 14px; text-transform: uppercase; }

.section-head .tit-more { float: right !important; margin-top: 15px; font-size: 12px; color: #8C8C8C; }

.section-head .tit-more i { vertical-align: -2px; }

.section-head .tit-more:hover { color: #529BF9; }

.section-head .tit-more:hover i { color: #529BF9; }

@media screen and (max-width: 940px) { .section-head { margin-bottom: 16px; }
  .section-head .title { margin-right: 16px -20px; margin-left: 16px; font-size: 20.8px; margin-top: 8px; }
  .section-head .info { font-size: 12px; } }

/**
 * Home
 * ----------------------------------------------------------------------------
*/
.ban-container .swiper-slide .wrapper .btn { height: 48px; font-size: 18px; color: #529BF9; line-height: 48px; border-radius: 8px; border-color: transparent; -webkit-box-shadow: 0 11px 22px rgba(57, 141, 248, 0.75); box-shadow: 0 11px 22px rgba(57, 141, 248, 0.75); }

body { overflow-x: hidden; }

.ban-container { position: relative; padding-bottom: 20px; }

.ban-container .datas { position: absolute; right: 0; bottom: 0; left: 0; z-index: 999; height: 112px; padding-top: 20px; padding-bottom: 20px; color: white; background-color: rgba(255, 255, 255, 0.1); -webkit-box-sizing: border-box; box-sizing: border-box; }

.ban-container .datas .wrapper { font-size: 0; }

.ban-container .datas .data-item { display: inline-block; width: 25%; text-align: center; vertical-align: middle; }

.ban-container .datas .data-item .wrap { display: inline-block; text-align: left; }

.ban-container .datas .data-item .wrap .name { margin-bottom: 2px; font-size: 14px; line-height: 1.5; }

.ban-container .datas .data-item .wrap .num { font-family: 'pf_din_text_comp_proregular'; font-size: 48px; }

.ban-container .datas .data-item .wrap .num span, .ban-container .datas .data-item .wrap .num b { font-family: "PingFang SC", "Microsoft YaHei", "SimSun", Tahoma, Arial, sans-serif; display: inline-block; vertical-align: middle; }

.ban-container .datas .data-item .wrap .num > span { margin-left: 8px; font-size: 32px; }

.ban-container .datas .data-item .wrap .num b { font-weight: normal; font-size: 24px; line-height: 1; }

.ban-container .swiper-slide { background-position: center center; background-size: 100% 100%; }

.ban-container .swiper-slide .wrapper { position: relative; padding-top: 80px; padding-bottom: 40px; font-size: 0; }

.ban-container .swiper-slide .wrapper:after { vertical-align: middle; }

.ban-container .swiper-slide .wrapper > * { display: inline-block; vertical-align: middle; }

.ban-container .swiper-slide .wrapper > *:first-child { margin-left: 0; }

.ban-container .swiper-slide .wrapper > *:last-child { margin-right: 0; }

.ban-container .swiper-slide .wrapper .inner { width: 100%; height: 292px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.ban-container .swiper-slide .wrapper .content { position: relative; z-index: 3; }

.ban-container .swiper-slide .wrapper .words { position: absolute; top: 106px; left: 160px; width: 500px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.ban-container .swiper-slide .wrapper .words div { margin: 10px 0; }

.ban-container .swiper-slide .wrapper .words div:first-child { margin-top: 0; }

.ban-container .swiper-slide .wrapper .words div:last-child { margin-bottom: 0; }

.ban-container .swiper-slide .wrapper .words .title { font-size: 23px; color: #529BF9; letter-spacing: 1px; }

.ban-container .swiper-slide .wrapper .words .subtitle { font-size: 34px; letter-spacing: 2px; font-weight: 600; color: #222; }

.ban-container .swiper-slide .wrapper .inset-pic { padding-right: 240px; padding-top: 40px; width: 300.76923px; height: 210.76923px; font-size: 22px; }

.ban-container .swiper-slide .wrapper .inset-pic img { display: block; width: 100%; height: auto; }

.ban-container .swiper-slide .wrapper .btn { width: 140px; margin-top: 40px; }

.ban-container .swiper-slide .wrapper .btn:active { -webkit-box-shadow: 0 6px 12px #398df8; box-shadow: 0 6px 12px #398df8; }

.ban-container .swiper-slide .wrapper .vector, .ban-container .swiper-slide .wrapper .dec { position: absolute; }

.ban-container .swiper-slide .wrapper .dec img { display: block; width: 100%; height: auto; }

.ban-container .swiper-slide .wrapper .vector { top: 50%; right: 0; z-index: 2; }

.ban-container .swiper-slide .wrapper .vector img { display: block; width: auto; height: 100%; }

@media screen and (max-width: 940px) { .ban-container .swiper-slide .wrapper .inner { height: 150px; border-radius: 0; }
  .ban-container .swiper-slide .wrapper .inset-pic { width: 139.64286px; height: 97.85714px; padding-top: 0; padding-right: 0; }
  .ban-container .swiper-slide .wrapper .inset-pic img { display: block; width: auto; height: 100%; }
  .ban-container .swiper-slide .wrapper .content { width: 100%; padding-top: 30px; padding-right: 16px; padding-bottom: 337.6px; padding-left: 16px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .ban-container .swiper-slide .wrapper .words { width: 200px; top: 55px; left: 20px; text-align: center; }
  .ban-container .swiper-slide .wrapper .words .title { font-size: 12px !important; }
  .ban-container .swiper-slide .wrapper .words .subtitle { font-size: 14px !important; text-align: left; }
  .ban-container .swiper-slide .wrapper .vector { top: auto; right: auto; bottom: 121.6px; } }

@media screen and (max-width: 940px) { .ban-container .swiper-slide .mb-wrapper { padding-top: 60px; } }

.ban-container .swiper-slide.swiper-slide-1 .vector { width: 400px; margin-top: -210px; z-index: 999; }

.ban-container .swiper-slide.swiper-slide-1 .dec { bottom: 0; left: -380px; width: 880px; }

@media screen and (max-width: 940px) { .ban-container .swiper-slide.swiper-slide-1 .subtitle { font-size: 9.6px !important; }
  .ban-container .swiper-slide.swiper-slide-1 .vector { right: 0; width: 492px; height: 253.2px; margin-top: 0; }
  .ban-container .swiper-slide.swiper-slide-1 .dec { left: -228px; width: 528px; } }

.ban-container .swiper-slide.swiper-slide-2 .vector { width: 564px; height: 400px; margin-top: -210px; }

.ban-container .swiper-slide.swiper-slide-2 .dec { bottom: 0; left: 302px; width: 720px; }

@media screen and (max-width: 940px) { .ban-container .swiper-slide.swiper-slide-2 .vector { left: 50%; width: 338.4px; height: 240px; margin-top: 0; margin-left: -169.2px; }
  .ban-container .swiper-slide.swiper-slide-2 .dec { left: 181.2px; width: 432px; } }

.ban-container .swiper-slide.swiper-slide-3 .vector { width: 782px; height: 420px; margin-top: -220px; }

.ban-container .swiper-slide.swiper-slide-3 .dec { right: 0; bottom: 0; width: 976px; }

@media screen and (max-width: 940px) { .ban-container .swiper-slide.swiper-slide-3 .vector { right: 16px; width: 469.2px; height: 252px; margin-top: 0; }
  .ban-container .swiper-slide.swiper-slide-3 .dec { width: 585.6px; } }

@media screen and (max-width: 940px) { .ban-container .swiper-slide { height: 184px; margin-bottom: 12px; } }

.ban-container .swiper-pagination { bottom: 32px; }

@media screen and (max-width: 940px) { .ban-container .swiper-pagination { bottom: -5px; } }

.ban-container .swiper-pagination .swiper-pagination-bullet { width: 32px; height: 6px; margin: 0 4px; background-color: white; border-radius: 10px; }

@media screen and (max-width: 940px) { .ban-container .swiper-pagination .swiper-pagination-bullet { bottom: 0; width: 20px; background-color: #529BF9; } }

.ban-container .swiper-button-next, .ban-container .swiper-button-prev { font-size: 20px; color: #fff; }

@media screen and (max-width: 940px) { .ban-container .swiper-button-next, .ban-container .swiper-button-prev { display: none; } }

@media screen and (max-width: 940px) { .ban-container { padding-bottom: 0; } }

.news-container { position: relative; overflow: hidden; margin-bottom: 20px; }

.news-container .wrapper { position: relative; z-index: 1; }

.news-container .wrapper .news-tab { position: absolute; right: 190px; top: 18px; width: 280px; }

@media screen and (max-width: 940px) { .news-container .wrapper .news-tab { top: 70px; left: 50%; margin-left: -128px; } }

.news-container .wrapper .news-tab .tabs-item .tabs-link { padding: 0 10px; line-height: 32px; background-color: #CDF4E4; border: 0; border-radius: 35px; font-size: 16px; }

.news-container .wrapper .news-tab .tabs-item .tabs-link.active { font-weight: bold; color: white; background-color: #529BF9; border-color: #529BF9; }

@media screen and (max-width: 940px) { .news-container .wrapper .news-tab .tabs-item .tabs-link { line-height: 28px; } }

.news-container .wrapper .more-r { position: absolute; right: 20px; top: 30px; font-size: 14px; }

@media screen and (max-width: 940px) { .news-container .wrapper .more-r { font-size: 12px; } }

.news-container .wrapper .more-r a { color: #8c8c8c; }

.news-container .wrapper .more-r a:hover { color: #529BF9; }

.news-container .wrapper .tabs-body .tabs-con .news-view { position: relative; width: 460px; height: 347px; float: left; margin-right: 20px; border-radius: 8px; }

.news-container .wrapper .tabs-body .tabs-con .news-view .swiper-slide .view { border-radius: 8px; }

.news-container .wrapper .tabs-body .tabs-con .news-view .swiper-slide .view img { display: block; width: 100%; height: auto; }

@media screen and (max-width: 940px) { .news-container .wrapper .tabs-body .tabs-con .news-view .swiper-slide .view { border-radius: 0; } }

.news-container .wrapper .tabs-body .tabs-con .news-view .swiper-slide .info { position: absolute; bottom: 0; left: 0; }

.news-container .wrapper .tabs-body .tabs-con .news-view .swiper-slide .info .inner { width: 460px; padding: 0 30px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent); }

@media screen and (max-width: 940px) { .news-container .wrapper .tabs-body .tabs-con .news-view .swiper-slide .info .inner { width: 100%; padding: 0; }
  .news-container .wrapper .tabs-body .tabs-con .news-view .swiper-slide .info .inner .date { padding-left: 2%; } }

.news-container .wrapper .tabs-body .tabs-con .news-view .swiper-slide .info .info-t { margin: 0; padding-bottom: 20px; }

@media screen and (max-width: 940px) { .news-container .wrapper .tabs-body .tabs-con .news-view .swiper-slide .info { bottom: 0; }
  .news-container .wrapper .tabs-body .tabs-con .news-view .swiper-slide .info .info-t { width: 98%; padding: 2%; -webkit-box-sizing: box-sizing; box-sizing: box-sizing; } }

.news-container .wrapper .tabs-body .tabs-con .news-view .swiper-pagination { position: absolute; top: 40px; right: 30px; }

@media screen and (max-width: 940px) { .news-container .wrapper .tabs-body .tabs-con .news-view { width: 100%; height: auto; border-radius: 0; margin-top: 10px; } }

.news-container .wrapper .tabs-body .tabs-con .news-mid-area { float: left; width: 418px; height: 210px; margin-right: 20px; }

.news-container .wrapper .tabs-body .tabs-con .news-mid-area .m-card { background-color: #fff; border-radius: 8px; overflow: hidden; }

.news-container .wrapper .tabs-body .tabs-con .news-mid-area .m-card .card-inner { padding: 14px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.news-container .wrapper .tabs-body .tabs-con .news-mid-area .m-card .card-inner h4 { font-size: 16px; color: #222; }

@media screen and (max-width: 940px) { .news-container .wrapper .tabs-body .tabs-con .news-mid-area .m-card .card-inner h4 { margin-top: 0; } }

.news-container .wrapper .tabs-body .tabs-con .news-mid-area .m-card .card-inner .text { font-size: 12px; color: #8C8C8C; line-height: 22px; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 3; /*! autoprefixer: off */ -webkit-box-orient: vertical; /* autoprefixer: on */ overflow: hidden; }

.news-container .wrapper .tabs-body .tabs-con .news-mid-area .m-card .card-inner .date-bar { clear: both; margin-top: 8px; padding: 12px 0; border-top: 1px #eee solid; }

.news-container .wrapper .tabs-body .tabs-con .news-mid-area .m-card .card-inner .date-bar .date { font-size: 12px; color: #8C8C8C; }

.more-circle { margin-right: 10px; }

.more-circle a { display: block; color: #529BF9; 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; }

.more-circle a em { font-size: 18px; vertical-align: middle; color: #529BF9; }

.more-circle a: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); }

@media screen and (max-width: 940px) { .news-container .wrapper .tabs-body .tabs-con .news-mid-area .m-card { border-radius: 0; } }

.news-container .wrapper .tabs-body .tabs-con .news-mid-area .m-card:nth-child(1) { margin-bottom: 20px; }

@media screen and (max-width: 940px) { .news-container .wrapper .tabs-body .tabs-con .news-mid-area .m-card:nth-child(1) { margin-bottom: 10px; } }

.news-container .wrapper .tabs-body .tabs-con .news-list-area { float: left; }

.news-container .wrapper .tabs-body .tabs-con .news-list-area .news-side-col { width: 230px; height: 110px; background-color: #fff; border-radius: 8px; margin-bottom: 10px; }

.news-container .wrapper .tabs-body .tabs-con .news-list-area .news-side-col .side-inner { padding: 15px; height: 110px; vertical-align: middle; overflow: hidden; -webkit-box-sizing: box-sizing; box-sizing: box-sizing; }

.news-container .wrapper .tabs-body .tabs-con .news-list-area .news-side-col .side-inner .date-v { width: 70px; }

.news-container .wrapper .tabs-body .tabs-con .news-list-area .news-side-col .side-inner .date-v b, .news-container .wrapper .tabs-body .tabs-con .news-list-area .news-side-col .side-inner .date-v span { display: block; color: #bfbfbf; text-align: center; }

.news-container .wrapper .tabs-body .tabs-con .news-list-area .news-side-col .side-inner .date-v b { font-size: 40px; font-weight: 600; }

.news-container .wrapper .tabs-body .tabs-con .news-list-area .news-side-col .side-inner .date-v span { font-size: 12px; }

.news-container .wrapper .tabs-body .tabs-con .news-list-area .news-side-col .side-inner .paragraph { width: 120px; }

.news-container .wrapper .tabs-body .tabs-con .news-list-area .news-side-col .side-inner .paragraph h4 { font-size: 14px; margin: 0; line-height: 22px; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; /*! autoprefixer: off */ -webkit-box-orient: vertical; /* autoprefixer: on */ overflow: hidden; }

.more-line { display: inline-block; margin-left: 10px; margin-top: 20px; font-size: 16px; 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; }

.more-line em { color: #529BF9; }

.more-line: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); }

@media screen and (max-width: 940px) { .news-container .wrapper .tabs-body .tabs-con .news-list-area .news-side-col { width: 100%; height: 80px; }
  .news-container .wrapper .tabs-body .tabs-con .news-list-area .news-side-col .side-inner { overflow: hidden; }
  .news-container .wrapper .tabs-body .tabs-con .news-list-area .news-side-col .side-inner .paragraph { width: 220px; } }

@media screen and (max-width: 940px) { .news-container .wrapper .tabs-body .tabs-con .news-list-area { width: 100%; margin-top: 118px; }
  .news-container .wrapper .tabs-body .tabs-con .news-list-area .news-side-col { border-radius: 0; } }

@media screen and (max-width: 940px) { .news-container .wrapper .tabs-body { margin-top: 50px; } }

@media screen and (max-width: 940px) { .news-container { margin-bottom: 0 !important; }
  .news-container .mb-wrapper { padding-top: 0; } }

.advs-wrap { margin-right: 12px; margin-left: 12px; text-align: center; font-size: 0; }

.advs-wrap:after { vertical-align: middle; }

.advs-wrap > * { display: inline-block; vertical-align: middle; }

.advs-wrap > *:first-child { margin-left: 0; }

.advs-wrap > *:last-child { margin-right: 0; }

.advs-wrap li { width: 33.3%; }

.advs-wrap .advs-item { margin-right: 56px; margin-left: 56px; }

.advs-wrap .con { margin-top: 24px; }

.advs-wrap .con .title { margin-bottom: 16px; font-size: 18px; font-weight: 600; color: #101319; line-height: 28px; }

.advs-wrap .con .text { font-size: 15px; color: #8C8C8C; line-height: 24px; }

@media screen and (max-width: 940px) { .advs-wrap li { width: 100%; margin: 0px; }
  .advs-wrap li:first-child { margin-top: 0; }
  .advs-wrap li:last-child { margin-bottom: 0; } }

.inform-area { clear: both; }

.inform-area .inform-left, .inform-area .inform-right { float: left; }

@media screen and (max-width: 940px) { .inform-area .inform-left { clear: both !important; width: 100%; overflow: hidden; }
  .inform-area .inform-right { clear: both !important; width: 100%; overflow: hidden; } }

.inform-area .inform-view { width: 647px; height: 334px; background-color: #fff; border-radius: 8px; }

.inform-area .inform-view .swiper-slide .view { height: 219px; overflow: hidden; }

@media screen and (max-width: 940px) { .inform-area .inform-view .swiper-slide .mb-info { width: 100%; clear: both; }
  .inform-area .inform-view .swiper-slide .swiper-slide { width: 100%; } }

.inform-area .inform-view .swiper-slide .info .inner { padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.inform-area .inform-view .swiper-slide .info .inner .title { margin: 0; font-size: 18px; color: #222; }

.inform-area .inform-view .swiper-slide .info .inner .article { font-size: 14px; color: #8C8C8C; line-height: 22px; margin: 5px 0; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; /*! autoprefixer: off */ -webkit-box-orient: vertical; /* autoprefixer: on */ overflow: hidden; }

.inform-area .inform-view .swiper-slide .info .inner .more-line { margin-top: 0; margin-left: 0; }

.inform-area .inform-view .swiper-slide .info .inner .more-line a em { font-size: 18px; }

@media screen and (max-width: 940px) { .inform-area .inform-view .swiper-slide .info .inner { padding: 10px; clear: both; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .inform-area .inform-view .swiper-slide .info .inner .title { display: block; margin-bottom: 10px; }
  .inform-area .inform-view .swiper-slide .info .inner .mb-article p { display: block; } }

@media screen and (max-width: 940px) { .inform-area .inform-view .swiper-slide .info { width: 100%; } }

@media screen and (max-width: 940px) { .inform-area .inform-view { width: 100%; height: 100%; margin: 0 auto; border-radius: 0; border-bottom: 2px #eee solid; margin-top: 20px; }
  .inform-area .inform-view .swiper-slide .view { height: 158px; border-radius: 0; }
  .inform-area .inform-view .swiper-slide .view img { height: 158px; } }

.inform-area .inform-side-list { width: 482px; background-color: #fff; border-radius: 8px; }

.inform-area .inform-side-list .side-list-inner { padding: 30px 25px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.inform-area .inform-side-list .side-list-inner .list-col { margin-bottom: 26px; overflow: hidden; }

.inform-area .inform-side-list .side-list-inner .list-col .date b, .inform-area .inform-side-list .side-list-inner .list-col .date span { display: block; text-align: right; }

.inform-area .inform-side-list .side-list-inner .list-col .date b { font-size: 18px; color: #666; font-weight: 500; }

.inform-area .inform-side-list .side-list-inner .list-col .date span { margin-top: 4px; font-size: 12px; color: #909399; }

.inform-area .inform-side-list .side-list-inner .list-col .side-list { width: 365px; padding-left: 10px; border-left: 1px #c0c3c9 solid; }

.inform-area .inform-side-list .side-list-inner .list-col .side-list .s-list-in .s-link b { display: block; margin: 0; margin-bottom: 8px; font-size: 14px; color: #222; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.inform-area .inform-side-list .side-list-inner .list-col .side-list .s-list-in .s-link p { margin: 0; font-size: 12px; color: #909399; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.inform-area .inform-side-list .side-list-inner .list-col .side-list .s-list-in .s-link:hover b { color: #529BF9; }

.inform-area .inform-side-list .side-list-inner .list-col:nth-last-child(1) { margin-bottom: 0; }

@media screen and (max-width: 940px) { .inform-area .inform-side-list { clear: both; width: 100%; border-radius: 0; }
  .inform-area .inform-side-list .side-list-inner { padding: 0 10px 10px; margin-top: 20px; }
  .inform-area .inform-side-list .side-list-inner .list-col { clear: both; }
  .inform-area .inform-side-list .side-list-inner .list-col .side-list { width: 82%; padding-bottom: 10px; } }

@media screen and (max-width: 940px) { .inform-area { width: 100%; } }

.plicy-area .policy-left { float: left; }

@media screen and (max-width: 940px) { .plicy-area .policy-left { clear: both !important; width: 100%; overflow: hidden; } }

.plicy-area .inform-view { height: 358px; }

@media screen and (max-width: 940px) { .plicy-area .inform-view { width: 100%; height: auto; } }

.policy-right { float: right; }

.policy-side-list { width: 482px; background-color: #fff; border-radius: 8px; }

.policy-side-list .collapsing-box { padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.policy-side-list .collapsing-box .collapsing-col { clear: both; }

.policy-side-list .collapsing-box .collapsing:nth-child(1) { margin-top: 0; }

.policy-side-list .collapsing-box .collapsing { height: 40px; line-height: 40px; padding: 0 10px; margin-top: 10px; border-radius: 8px; background-color: #F2F2F2; }

.policy-side-list .collapsing-box .collapsing em, .policy-side-list .collapsing-box .collapsing h4, .policy-side-list .collapsing-box .collapsing a { display: inline-block; color: #529BF9; }

.policy-side-list .collapsing-box .collapsing em { font-style: normal; }

.policy-side-list .collapsing-box .collapsing h4 { width: 350px; font-size: 16px; font-weight: 500; }

.policy-side-list .collapsing-box .collapsing a { font-size: 12px; vertical-align: middle; }

.policy-side-list .collapsing-box .collapsing a i { margin-left: 5px; font-size: 12px; opacity: 0.8; }

.policy-side-list .collapsing-box .collapsing.current { background-color: #529BF9; }

.policy-side-list .collapsing-box .collapsing.current em, .policy-side-list .collapsing-box .collapsing.current h4, .policy-side-list .collapsing-box .collapsing.current a { display: inline-block; color: #fff; }

.coll_body { padding: 10px; display: none; font-size: 12px; line-height: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 3; /*! autoprefixer: off */ -webkit-box-orient: vertical; /* autoprefixer: on */ overflow: hidden; }

.coll_body a { font-weight: 600; color: #529BF9; }

@media screen and (max-width: 940px) { .policy-side-list { width: 100%; margin: 10px 0; padding: 10px 0; background-color: none; border-radius: 0; }
  .policy-side-list .collapsing-box { padding: 0 10px; }
  .policy-side-list .collapsing-box .collapsing h4 { width: 80%; } }

.hot-project-area { clear: both; }

.hot-project-area .prj-col { width: 220px; height: 326px; margin-right: 10px; overflow: hidden; 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; }

.hot-project-area .prj-col .prj-card { background-color: #fff; border-radius: 8px; }

.hot-project-area .prj-col .prj-card .view { display: block; width: 220px; height: 160px; }

.hot-project-area .prj-col .prj-card .view img { display: block; width: 100%; height: auto; }

.hot-project-area .prj-col .prj-card .card-info { padding: 10px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.hot-project-area .prj-col .prj-card .card-info h4 { margin: 0; font-size: 14px; margin-bottom: 10px; line-height: 22px; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; /*! autoprefixer: off */ -webkit-box-orient: vertical; /* autoprefixer: on */ overflow: hidden; }

@media screen and (max-width: 940px) { .hot-project-area .prj-col .prj-card .card-info h4 { margin-top: 10px; } }

.hot-project-area .prj-col .prj-card .card-info .time { font-size: 12px; color: #909399; }

.hot-project-area .prj-col .prj-card .card-info .time i { margin-right: 5px; vertical-align: -2px; font-size: 14px; color: #909399; }

.hot-project-area .prj-col .prj-card .card-info .card-op-bar { position: relative; width: 100%; margin: 20px 0 20px; }

.hot-project-area .prj-col .prj-card .card-info .card-op-bar .school { display: block; width: 90px; font-size: 12px; color: #909399; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.hot-project-area .prj-col .prj-card .card-info .card-op-bar .apply-btn { position: absolute; right: 0; bottom: -10px; width: 92px; height: 34px; background-color: #EBFFF4; color: #529BF9; border-color: #EBFFF4; }

.hot-project-area .prj-col .prj-card .card-info .card-op-bar .apply-btn:hover { background-color: #529BF9; color: #fff; }

@media screen and (max-width: 940px) { .hot-project-area .prj-col .prj-card .card-info .card-op-bar .apply-btn { width: 76.66667px; height: 28.33333px; } }

@media screen and (max-width: 940px) { .hot-project-area .prj-col .prj-card .card-info { padding: 0 5px; }
  .hot-project-area .prj-col .prj-card .card-info .apply-btn { width: 76.66667px; height: 28.33333px; line-height: 28.33333px; font-size: 12px; } }

.hot-project-area .prj-col:hover { transform: translate(0, -10px); -webkit-transform: translate(0, -10px); -moz-transform: translate(0, -10px); -o-transform: translate(0, -10px); -ms-transform: translate(0, -10px); }

.hot-project-area .prj-col:hover .prj-card { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); }

@media screen and (max-width: 940px) { .hot-project-area .section-body { width: 100%; padding: 0 2%; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; }
  .hot-project-area .dvs-5 { width: 50%; margin: 0 auto; }
  .hot-project-area .prj-col { width: 100%; height: auto; overflow: hidden; margin: 0 auto; margin-right: 20px; margin-bottom: 10px; }
  .hot-project-area .prj-col .prj-card { float: left; width: 96%; overflow: hidden; }
  .hot-project-area .prj-col .prj-card .view { display: block; width: 100%; height: 126px; overflow: hidden; }
  .hot-project-area .prj-col .prj-card .view img { display: block; width: 100%; height: auto; }
  .hot-project-area .prj-col:nth-child(even) { margin-right: 0; } }

.teacher-area { overflow: hidden; margin-bottom: 40px; }

.teacher-area .teacher-col { position: relative; width: 220px; height: 380px; margin-right: 20px; border-radius: 8px; }

.teacher-area .teacher-col .teacher-view { width: 220px; height: 380px; background-image: url("../images/teacher/teacher-bg.png"); background-repeat: no-repeat; background-size: cover; background-position: top left; }

.teacher-area .teacher-col .teacher-view img { margin: 0 auto; display: block; width: auto; height: 100%; }

.teacher-area .teacher-col .info { position: absolute; bottom: 0; left: 0; height: 153px; background-color: #fff; }

.teacher-area .teacher-col .info .info-m { padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.teacher-area .teacher-col .info .info-m .name { position: absolute; left: -10px; top: 10px; display: block; width: 96px; height: 30px; line-height: 30px; text-align: center; background-color: #529BF9; color: #fff; }

.teacher-area .teacher-col .info .info-m .txt { margin-top: 40px; margin-bottom: 10px; }

.arr-more { display: block; 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; }

.arr-more i { font-size: 18px; }

.arr-more:hover { color: #529BF9; transform: translate(10px, 0); -webkit-transform: translate(10px, 0); -moz-transform: translate(10px, 0); -o-transform: translate(10px, 0); -ms-transform: translate(10px, 0); }

@media screen and (max-width: 940px) { .teacher-area { width: 100%; }
  .teacher-area .dvs-5 { clear: both; width: 96%; padding: 0 2%; margin-bottom: 20px; overflow: hidden; }
  .teacher-area .dvs-5 .teacher-col { width: 100%; }
  .teacher-area .dvs-5 .teacher-col .teacher-view { width: 100%; background-size: cover; } }

.related-service-area { clear: both; }

.related-service-area .reserved-tit { float: left; width: 147px; height: 314px; }

@media screen and (max-width: 940px) { .related-service-area .reserved-tit { display: none; } }

.related-service-area .reserved-tit-mb .tit-more { float: right !important; margin-top: 15px; font-size: 12px; color: #8C8C8C; }

.related-service-area .reserved-tit-mb .tit-more i { vertical-align: -2px; }

.related-service-area .reserved-tit-mb .tit-more:hover { color: #529BF9; }

.related-service-area .reserved-tit-mb .tit-more:hover i { color: #529BF9; }

@media screen and (max-width: 940px) { .related-service-area .reserved-tit-mb { margin-bottom: 20px; padding: 0 10px; } }

.related-service-area .re-service-title { width: 147px; height: 314px; background: url("../images/service/service-title.png") no-repeat left top; background-repeat: no-repeat; margin-right: 50px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }

.related-service-area .re-service-title .service-tit-inner { padding: 80px 10px 60px 30px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.related-service-area .re-service-title .service-tit-inner h4 { font-size: 22px; color: #fff; }

.related-service-area .re-service-title .service-tit-inner span { display: block; font-size: 26px; font-weight: 300; color: #fff; opacity: 0.3; }

@media screen and (max-width: 940px) { .related-service-area .dvs-7 { width: 50%; height: 340px; overflow: hidden; } }

.related-service-area .re-service-col { display: block; float: left; width: 170px; height: 385px; }

.related-service-area .re-service-col .re-service-inner { padding: 80px 20px 60px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.related-service-area .re-service-col .re-service-inner h4 { font-size: 22px; color: #222; }

.related-service-area .re-service-col .re-service-inner span { display: block; font-size: 18px; font-weight: 500; text-transform: uppercase; color: #262626; opacity: 0.3; }

.related-service-area .re-service-col .re-service-inner .arr-more { font-size: 18px; color: #529BF9; margin-top: 30px; }

.related-service-area .service-1 { display: block; width: 170px; height: 385px; background: url("../images/service/service-1.png") no-repeat left top; background-repeat: no-repeat; background-size: contain; }

@media screen and (max-width: 940px) { .related-service-area .service-1 { width: 100%; overflow: hidden; } }

.related-service-area .service-2 { display: block; width: 170px; height: 385px; background: url("../images/service/service-2.png") no-repeat left top; background-repeat: no-repeat; background-size: contain; }

@media screen and (max-width: 940px) { .related-service-area .service-2 { width: 100%; overflow: hidden; } }

.related-service-area .service-3 { display: block; width: 170px; height: 385px; background: url("../images/service/service-3.png") no-repeat left top; background-repeat: no-repeat; background-size: contain; }

@media screen and (max-width: 940px) { .related-service-area .service-3 { width: 100%; } }

.related-service-area .service-4 { display: block; width: 170px; height: 385px; background: url("../images/service/service-4.png") no-repeat left top; background-repeat: no-repeat; background-size: contain; }

@media screen and (max-width: 940px) { .related-service-area .service-4 { width: 100%; } }

.related-service-area .service-5 { display: block; width: 170px; height: 385px; background: url("../images/service/service-5.png") no-repeat left top; background-repeat: no-repeat; background-size: contain; }

@media screen and (max-width: 940px) { .related-service-area .service-5 { width: 100%; } }

.related-service-area .service-6 { display: block; width: 170px; height: 385px; background: url("../images/service/service-6.png") no-repeat left top; background-repeat: no-repeat; background-size: contain; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }

@media screen and (max-width: 940px) { .related-service-area .service-6 { width: 100%; } }

/**
 * secondary
 * ----------------------------------------------------------------------------
*/
.cer-bg { background-image: url("../images/cer-bg.png"); background-repeat: no-repeat; background-size: 100% 350px; background-position: 0 0; background-color: #f6f6f6; }

@media screen and (max-width: 940px) { .cer-bg { background-size: auto 240px; } }

.sec-header { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), to(#032954)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0), #032954); position: absolute; left: 0px; top: 0px; z-index: 1000; width: 100%; padding-bottom: 70px; }

.sec-f-bg { background-color: #fff; }

.sec-xl-container { width: 1152px; min-height: 740px; background-color: #fff; border-radius: 6px; }

.sec-xl-container .sec-r-inner { padding: 10px 30px 20px; }

@media screen and (max-width: 940px) { .sec-xl-container .sec-r-inner { padding: 10px; } }

@media screen and (max-width: 940px) { .sec-xl-container { width: 100%; min-height: initial; padding-bottom: 12px; }
  .sec-xl-container .paging-area { width: 100%; padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; }
  .sec-xl-container .paging-area .pagination-wrapper > div { margin: 0 !important; } }

.secondary-main { position: relative; overflow: hidden; clear: both; margin-top: 270px; }

.secondary-main .wrapper { position: relative; z-index: 1; padding: 0; }

.secondary-main .wrapper .location-area { clear: both; width: 100%; height: 40px; margin-top: 20px; font-weight: 600; }

.secondary-main .wrapper .location-area ul > li { float: left; }

.secondary-main .wrapper .location-area ul > li a { vertical-align: middle; font-size: 14px; color: #fff; }

.secondary-main .wrapper .location-area ul > li a b { font-weight: 500; }

@media screen and (max-width: 940px) { .secondary-main .wrapper .location-area ul > li a { font-size: 12px; } }

@media screen and (max-width: 940px) { .secondary-main .wrapper .location-area { margin-left: 20px; height: 30px; margin-top: 10px; } }

.mem-location-bar { clear: both; width: 100%; height: 40px; margin-top: 20px; }

.mem-location-bar ul > li { float: left; }

.mem-location-bar ul > li a { vertical-align: middle; font-size: 14px; color: #595959; }

.mem-location-bar ul > li a b { font-weight: 500; color: #529BF9; }

@media screen and (max-width: 940px) { .mem-location-bar ul > li a { font-size: 12px; } }

@media screen and (max-width: 940px) { .mem-location-bar { margin-left: 20px; height: 30px; margin-top: 10px; } }

.secondary-main .wrapper .location-left { margin-left: 0; }

.sec-v-menu { position: relative; width: 260px; min-height: 700px; }

.sec-v-menu .menu-inner { height: auto; min-height: 700px; padding-top: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 940px) { .sec-v-menu .menu-inner { padding-top: 0; } }

.sec-v-menu .menu-inner .sec-title { margin-top: 20px; margin-bottom: 40px; padding-left: 40px; }

.sec-v-menu .menu-inner .sec-title span { font-size: 22px; letter-spacing: 2px; text-transform: uppercase; font-weight: 500; color: rgba(255, 255, 255, 0.5); }

.sec-v-menu .menu-inner .sec-title h4 { font-size: 24px; color: #fff; }

@media screen and (max-width: 940px) { .sec-v-menu .menu-inner .sec-title { padding-left: 20px; }
  .sec-v-menu .menu-inner .sec-title span { font-size: 14px; } }

.sec-v-menu .menu-inner .sec-portrait-top { padding: 40px 0 10px; }

.sec-v-menu .menu-inner .sec-portrait-top .mem-portrait { width: 80px; height: 80px; margin: 0 auto; border-radius: 50%; }

.sec-v-menu .menu-inner .sec-portrait-top .mem-portrait img { display: block; width: 100%; height: auto; }

.sec-v-menu .menu-inner .sec-portrait-top .name { display: block; padding: 10px 0; text-align: center; font-size: 14px; color: #fff; }

@media screen and (max-width: 940px) { .sec-v-menu .menu-inner .sec-portrait-top { padding: 20px 0 0; } }

.sec-menu-list { margin-left: 40px; }

.sec-menu-list ul > li { display: block; width: 220px; line-height: 40px; color: #fff; }

.sec-menu-list ul > li .menu-item { display: block; width: 190px; line-height: 40px; padding-left: 30px; font-size: 14px; font-weight: 500; color: #fff; }

@media screen and (max-width: 940px) { .sec-menu-list ul > li .menu-item { float: left; width: auto !important; padding: 0; padding: 0 2%; background-image: none; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 14px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .sec-menu-list ul > li .menu-item .gbfl { display: none; } }

.sec-menu-list ul > li .menu-item-slide { -webkit-transition: 0.3s; transition: 0.3s; }

@media screen and (max-width: 940px) { .sec-menu-list ul > li { width: 100%; } }

.sec-inner-menu { display: none; }

.sec-inner-menu ol .sec-in-item { width: 170px; height: 40px !important; line-height: 40px !important; padding: 0; margin: 0; padding-left: 50px; color: #fff; }

.link-in { padding-left: 30px; font-size: 13px; color: #fff; }

@media screen and (max-width: 940px) { .sec-inner-menu ol .sec-in-item { float: left; display: block; width: 3%; padding-left: 30px; } }

@media screen and (max-width: 940px) { .sec-inner-menu { clear: both; width: 100%; overflow: hidden; margin: 0 auto 2px !important; } }

@media screen and (max-width: 940px) { .sec-menu-list { width: 100%; margin: 0 auto; }
  .sec-menu-list-member { text-align: center; }
  .sec-menu-list-member ul > li { width: 25%; float: left; text-align: center; }
  .sec-menu-list-member ul > li .menu-item { float: initial; padding: 0 8px; margin: 0 4px; line-height: 36px; }
  .sec-menu-list-member ul > li .menu-item.active { background: #529BF9; border-radius: 8px; } }

.sec-v-menu .inset-btm { position: absolute; bottom: 0; left: 0; width: 260px; height: 260px; }

@media screen and (max-width: 940px) { .sec-v-menu .inset-btm { display: none; } }

@media screen and (max-width: 940px) { .sec-v-menu { width: 100%; min-height: auto; background-size: cover; }
  .sec-v-menu .menu-inner { min-height: auto; padding-bottom: 10px; }
  .sec-v-menu .menu-inner .sec-title { margin-bottom: 0; }
  .sec-v-menu .inset-btm { display: none; } }

.sec-r-container { width: 860px; min-height: 740px; background-color: #fff; border-radius: 6px; }

.sec-r-container .sec-r-inner { clear: both; overflow: hidden; padding: 30px 50px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.sec-r-container .sec-r-inner .title { display: block; margin-bottom: 30px; font-size: 24px; text-align: center; color: #101319; }

.sec-r-container .sec-r-inner .title h4 { margin-bottom: 0; }

.sec-r-container .sec-r-inner .title em { font-style: normal; font-size: 12px; color: #707379; }

.sec-r-container .sec-r-inner p { font-size: 14px; color: #737373; line-height: 25px; text-indent: 28px; }

.sec-r-container .sec-r-inner .example { width: 300px; margin: 0 auto; padding-top: 30px; }

.sec-r-container .sec-r-inner .example .view { display: block; }

.sec-r-container .sec-r-inner .example .view img { display: block; width: 100%; height: auto; }

@media screen and (max-width: 940px) { .sec-r-container .sec-r-inner .example .view { -webkit-transform: scale(2); transform: scale(2); } }

@media screen and (max-width: 940px) { .sec-r-container .sec-r-inner .example { width: auto; padding-top: 10px; }
  .sec-r-container .sec-r-inner .example img { -webkit-transform: scale(0.8); transform: scale(0.8); } }

.sec-r-container .sec-r-inner .committee-exp { margin: 0 auto; padding-top: 30px; }

.sec-r-container .sec-r-inner .committee-exp .view { display: block; }

.sec-r-container .sec-r-inner .committee-exp .view img { display: block; width: 100%; height: auto; }

@media screen and (max-width: 940px) { .sec-r-container .sec-r-inner .committee-exp .view { -webkit-transform: scale(0.9); transform: scale(0.9); } }

@media screen and (max-width: 940px) { .sec-r-container .sec-r-inner .committee-exp { width: 100%; padding: 40px 0; overflow-x: scroll; } }

.sec-r-container .sec-r-inner .news-view { display: block; width: 640px; height: 300px; overflow: hidden; margin: 20px auto; }

.sec-r-container .sec-r-inner .news-view img { display: block; width: 100%; height: auto; }

@media screen and (max-width: 940px) { .sec-r-container .sec-r-inner .news-view { width: 320px; height: 150px; } }

@media screen and (max-width: 940px) { .sec-r-container { width: 100%; min-height: auto; }
  .sec-r-container .sec-r-inner { padding: 10px 20px; }
  .sec-r-container .sec-r-inner .title { margin-top: 20px; margin-bottom: 0; font-size: 18px; }
  .sec-r-container .sec-r-inner p { font-size: 12px; }
  .sec-r-container .committee-r-in { padding: 0; } }

.sec-r-container .data-area { clear: both; overflow: hidden; margin: 10px 0 30px 0; }

@media screen and (max-width: 940px) { .sec-r-container .data-area { margin: 20px 0; } }

.sec-r-container .data-area div { display: inline-block; width: 23%; text-align: center; }

.data-col i, .data-col span, .data-col b { display: inline-block; vertical-align: middle; }

.data-col span { color: #595959; }

.data-col .num { font-size: 30px; color: #529BF9; }

@media screen and (max-width: 940px) { .data-col i, .data-col span, .data-col b { display: block; }
  .data-col span { margin-top: 6px; font-size: 12px; }
  .data-col .num { margin-top: 8px; font-size: 18px; } }

.sec-mod-col { margin-bottom: 20px; }

.sec-mod-col .tit { height: 40px; margin-bottom: 10px; border-radius: 6px; }

.sec-mod-col .tit h4 { padding-left: 20px; font-size: 14px; line-height: 40px; color: #529BF9; }

.sec-mod-col .sec-form-area { clear: both; overflow: hidden; margin-bottom: 20px; }

.sec-mod-col .sec-form-area .form-con { margin-right: 12px; }

.sec-mod-col .sec-form-area .search-btn a { display: inline-block; width: 80px; }

@media screen and (max-width: 940px) { .sec-mod-col .sec-form-area { width: 100%; }
  .sec-mod-col .sec-form-area .dvs-5 { width: 100%; margin-bottom: 10px; }
  .sec-mod-col .sec-form-area .search-btn { margin-right: 10px; } }

.sec-mod-col .sec-mem-area { margin-bottom: 0 !important; }

.sec-mod-col .form-mem-sear { margin-top: 10px; }

.sec-mod-col .form-mem-sear .form-con { width: 85%; }

.sec-mod-col .form-mem-sear .search-btn { margin-right: 20px; }

@media screen and (max-width: 940px) { .sec-mod-col .form-mem-sear .form-con { width: 72%; }
  .sec-mod-col .form-mem-sear .search-btn { margin-right: 0; } }

.news-list-area ul > li { clear: both; padding: 15px 0; border-bottom: 1px #eee solid; }

.news-list-area ul > li em { display: inline-block; width: 6px; height: 6px; margin-right: 10px; vertical-align: middle; border-radius: 50%; background-color: #A2CDCD; }

.news-list-area ul > li a, .news-list-area ul > li span { font-size: 14px; color: #141414; }

.news-list-area ul > li span { color: #909399; }

.news-list-area ul > li .lab { display: inline-block; padding: 4px 8px; }

.news-list-area ul > li .lab-default { font-size: 12px; color: #fff; font-weight: 500; margin-right: 6px; border-radius: 4px; background-color: #529BF9; }

.news-list-area ul > li:hover a, .news-list-area ul > li:hover span { color: #529BF9; }

.news-list-area ul > li:hover em { background-color: #529BF9; }

@media screen and (max-width: 940px) { .news-list-area { margin-top: 20px; }
  .news-list-area ul > li a { display: inline-block; width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .news-list-area ul > li span { font-size: 12px; } }

@media screen and (max-width: 940px) { .secondary-main { width: 100%; margin-top: 15px; } }

.paging-area { clear: both; width: 500px; height: 30px; margin: 20px auto 0; }

.train-card { position: relative; clear: both; overflow: hidden; margin-bottom: 14px; background: #F5F7F9; border-radius: 8px; }

.train-card .train-inner { padding: 20px 40px; overflow: hidden; }

.train-card .train-inner h4 { font-size: 16px; }

.train-card .train-inner .info span { display: inline-block; }

.train-card .train-inner .info span i { margin-right: 5px; display: inline-block; vertical-align: middle; font-size: 16px; }

.train-card .train-inner .info .unit { margin-right: 120px; vertical-align: middle; }

.train-card .train-inner .ck-more-area { margin-top: 20px; }

.train-card .train-inner .ck-more-area a { display: inline-block; width: 100px; }

.train-card .train-inner .ck-mem-more { margin-top: 20px; }

.train-card .train-inner .ck-mem-more a { display: inline-block; padding: 0 15px; }

.train-card .train-inner .ck-mem-more a i { display: inline-block; margin-left: 3px; vertical-align: middle; font-size: 14px; 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; }

.train-card .train-inner .ck-mem-more:hover i { display: inline-block; transform: translate(6px, 0); -webkit-transform: translate(6px, 0); -moz-transform: translate(6px, 0); -o-transform: translate(6px, 0); -ms-transform: translate(6px, 0); }

.train-card .train-inner .mem-title-bar .complain-btn { height: 24px; line-height: 23px; margin-top: 6px; margin-left: 5px; background-color: #dbeaff; border-color: #e1eeff; font-size: 12px; font-weight: 600; color: #529BF9; }

.train-card .train-inner .mem-title-bar .complain-btn:hover { background-color: #529BF9; color: #fff; }

@media screen and (max-width: 940px) { .train-card .train-inner { padding: 20px 24px; }
  .train-card .train-inner h4 { padding: 0; margin: 6px 0 0; line-height: 24px; }
  .train-card .train-inner .info { margin-top: 8px; } }

.train-card .train-mem-inner { padding: 20px 20px; }

.train-card .dec-piece { position: absolute; left: 0; top: 28px; display: block; width: 3px; height: 20px; background-color: #529BF9; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }

.train-card .my-course-list { clear: both; margin-top: 20px; }

.train-card .my-course-list .catalogue-list li { display: inline-block; width: 130px; margin-right: 15px; background-color: #EBFFF4; margin-bottom: 20px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; 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; }

.train-card .my-course-list .catalogue-list li .cover { display: inline-block; height: 90px; }

.train-card .my-course-list .catalogue-list li .cover img { display: block; width: auto; height: 100%; }

.train-card .my-course-list .catalogue-list li .course-name { display: block; padding: 10px 0; text-align: center; font-size: 14px; }

.train-card .my-course-list .catalogue-list li:hover { transform: translate(0, -6px); -webkit-transform: translate(0, -6px); -moz-transform: translate(0, -6px); -o-transform: translate(0, -6px); -ms-transform: translate(0, -6px); }

.course-card { background: none !important; border: 1px #eee solid; color: #4895f9; }

.school-unit-area { clear: both; }

.school-unit-area .unit-col { width: 169px; height: 100px; float: left; margin-right: 15px; margin-bottom: 20px; border: 1px #eee solid; }

.school-unit-area .unit-col span { display: block; width: 137px; height: 50px; margin: 25px auto; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }

.school-unit-area .unit-col span img { display: block; width: auto; height: 100%; }

@media screen and (max-width: 940px) { .school-unit-area .unit-col span { width: 82px; height: 30px; } }

@media screen and (max-width: 940px) { .school-unit-area .unit-col { width: 45%; margin-right: 0; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; } }

@media screen and (max-width: 940px) { .school-unit-area .unit-col:nth-child(odd) { margin-right: 20px; } }

.school-unit-area .unit-col:nth-last-col { margin-right: 0; }

@media screen and (max-width: 940px) { .school-unit-area { margin-top: 20px; } }

.contact-area { background-color: #fff; margin: 40px 0; }

.contact-area .contact-inner { padding: 20px 150px; }

.contact-area .contact-inner .title { text-align: center; margin-bottom: 40px; }

.contact-mod { clear: both; margin-bottom: 40px; }

.contact-mod .tit { margin-bottom: 10px; font-size: 16px; color: #141414; }

.contact-mod .tit em { display: inline-block; width: 3px; height: 15px; margin-right: 5px; }

.contact-mod .sm-txt { display: block; margin-bottom: 5px; font-size: 12px; line-height: 1.4; color: #595959; }

.contact-area .contact-inner .map { display: block; width: 500px; height: 242px; margin-top: 40px; }

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

@media screen and (max-width: 940px) { .contact-area { margin: 0; }
  .contact-area .contact-inner { padding: 0 3% !important; }
  .contact-area .contact-inner .title { margin-bottom: 20px; }
  .contact-area .contact-inner .news-list-area em { display: inline-block; }
  .contact-area .contact-inner .news-list-area a { display: inline-block; width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .contact-area .contact-inner .news-list-area span { width: 15%; font-size: 12px; }
  .contact-area .pull-right { clear: both; width: 100%; padding: 0 3%; }
  .contact-area .pull-right .map { margin-top: 0; overflow: hidden; }
  .contact-area .pull-right .map img { display: block; width: 100%; height: auto; }
  .contact-area .contact-mod { margin-bottom: 20px !important; } }

.inquire-title { padding-bottom: 20px; margin-bottom: 30px; text-align: center; border-bottom: 1px #529BF9 solid; }

.inquire-title h4 { font-size: 24px; }

@media screen and (max-width: 940px) { .inquire-title { padding-bottom: 0; margin-bottom: 20px; border-bottom: 1px solid #eee; }
  .inquire-title h4 { font-size: 18px; line-height: 32px; } }

.certificate-area { margin: 280px auto 100px; background-color: #fff; border: 1px #eee solid; border-radius: 8px; }

.certificate-area .certificate-inner { padding: 50px 150px; }

.certificate-area .certificate-inner .form-row { margin-bottom: 30px; }

.certificate-area .certificate-inner .form-row .form-title { width: 90px; text-align: right; vertical-align: middle; }

.certificate-area .certificate-inner .form-row .form-title em { font-style: normal; margin-right: 5px; }

.certificate-area .certificate-inner .form-row .form-con { width: 80%; }

.certificate-area .certificate-inner .form-row .form-con .form-control { border-color: #eee; }

.certificate-area .certificate-inner .form-row .verification-con { position: relative; width: 62%; }

.certificate-area .certificate-inner .form-row .verification-con .v-pic { position: absolute; right: -120px; top: 0; display: block; width: 100px; }

.certificate-area .certificate-inner .inquire-btn-bar { margin-top: 50px; padding: 0 80px; }

.certificate-area .certificate-inner .inquire-btn-bar .tips { display: block; margin-bottom: 20px; font-size: 14px; text-align: center; }

.certificate-area .certificate-inner .inquire-btn-bar .inquire-btn { display: block; width: 100%; height: 60px; line-height: 60px; padding-right: 0; padding-left: 0; border-radius: 8px; text-align: center; color: #fff; }

.certificate-area .certificate-inner .submit-bar .btn { display: block; width: 110px; height: 36px; line-height: 34px; margin: 0 auto; }

@media screen and (max-width: 940px) { .certificate-area { margin: 0 auto; }
  .certificate-area .certificate-inner { padding: 0 12px; }
  .certificate-area .certificate-inner .form-row { margin-bottom: 12px; }
  .certificate-area .certificate-inner .form-row .form-title { width: initial; text-align: left; }
  .certificate-area .certificate-inner .form-row .form-con { width: 100%; }
  .certificate-area .certificate-inner .submit-bar .btn { width: 100%; } }

.certificate-list ul > li { height: 30px; line-height: 30px; padding: 5px 0 5px 15px; border-bottom: 1px #eee solid; }

.certificate-list ul > li a { font-size: 14px; color: #404040; }

.certificate-list ul > li em { display: inline-block; width: 6px; height: 6px; margin-right: 12px; background-color: #529BF9; border-radius: 25px; vertical-align: middle; opacity: 0.3; }

.certificate-list ul > li:hover { background-color: #529BF9; }

.certificate-list ul > li:hover a { color: #fff; }

.certificate-list ul > li:hover em { background-color: #fff; opacity: 1; }

.regulations-area { background-color: #fff; }

.regulations-area .regulation-inner { padding: 30px 80px; }

@media screen and (max-width: 940px) { .regulations-area .regulation-inner { padding: 2% 5%; } }

.chapter-title { font-size: 24px; text-align: center; color: #404040; }

.chapter-info { clear: both; width: 640px; height: 40px; margin: 40px auto; text-align: center; }

.chapter-info span { display: inline-block; line-height: 26px; margin-right: 10px; font-size: 14px; color: #8C8C8C; text-align: left; }

@media screen and (max-width: 940px) { .chapter-info { clear: both; padding-bottom: 30px; width: 100%; } }

.chapter-col { clear: both; padding: 16px; }

.chapter-col .chapter-first-title em { display: inline-block; width: 4px; height: 20px; background-color: #529BF9; margin-right: 10px; vertical-align: -2px; }

.chapter-col .chapter-first-title h4 { display: inline-block; margin-bottom: 20px; font-size: 24px; color: #529BF9; }

.chapter-col .chapter-indent { clear: both; padding-left: 20px; margin-bottom: 20px; }

.chapter-col .chapter-indent .sm-tit { font-size: 16px; font-weight: 600; }

.chapter-col .chapter-indent .txt { font-size: 14px; color: #404040; line-height: 26px; margin-bottom: 10px; }

.chapter-col .chapter-indent .txt b { color: #529BF9; }

.chapter-col .chapter-indent .txt .t-indent { display: block; }

@media screen and (max-width: 940px) { .chapter-col { padding: 0; }
  .chapter-col .chapter-indent { padding-left: 0; } }

.registe-btn { display: block; width: 160px; height: 40px; margin: 20px auto; line-height: 40px; background-color: #529BF9; color: #fff; font-size: 16px; }

.registe-btn:hover { color: #fff; background-color: #5ca1f9; }

.reg-info-form { background-color: #fff; }

.reg-info-form .reg-info-inner { padding: 20px 80px 20px; }

.reg-info-table { margin-top: 40px; border: 1px #eee solid; }

.reg-info-table .form-table-row .form-table-body { line-height: 28px; }

.reg-info-table .form-table-row .form-table-body .item-info { font-size: 14px; }

.reg-info-table .form-table-row .form-table-body .item-info .item-describe span { margin-right: 20px; }

.reg-info-table .form-table-row .form-table-body .basicUser-info { font-size: 14px; }

.reg-info-table .form-table-row .form-table-body .basicUser-info h6 { font-size: 14px; }

.reg-info-table .form-table-row .form-table-body .basicUser-info .user-in-form .form-row { width: 45%; float: left; margin-right: 40px; }

.reg-info-table .form-table-row .form-table-body .basicUser-info .user-in-form .form-row .form-title { width: 110px; text-align: right; }

.reg-info-table .form-table-row .form-table-body .basicUser-info .user-in-form .form-row .form-con { width: calc(100% - 160px - 10px); }

.reg-info-table .form-table-row .form-table-body .basicUser-info .user-in-form .form-row .form-con-xl { width: calc(100% - 120px - 95px); }

.reg-info-table .form-table-row .form-table-body .basicUser-info .user-in-form .form-row .form-con-sm { width: calc(100% - 180px - 95px); }

.reg-info-table .form-table-row .form-table-body .basicUser-info .user-in-form .form-row .form-mr { margin-right: 10px; }

.reg-info-table .form-table-row .form-table-body .basicUser-info .user-in-form .form-row-xl { width: 100%; }

.reg-info-table .form-table-row .form-table-body .basicUser-info .user-in-form .form-group { width: 100%; }

.reg-info-table .form-table-row .form-table-body .basicUser-info .user-in-form .form-group .form-title-l { float: left; padding-top: 5px; }

.reg-info-table .form-table-row .form-table-body .basicUser-info .user-in-form .form-group .form-sel-r { float: left; width: 80%; }

.reg-info-table .form-table-row .form-table-body .basicUser-info .user-in-form .form-group .form-sel-r .form-con-sm { width: calc(100% - 380px - 200px); float: left; }

.reg-info-table .form-table-row .form-table-body .basicUser-info .user-in-form .form-group .form-sel-r .form-con-md { width: calc(100% - 400px - 100px); float: left; }

@media screen and (max-width: 940px) { .reg-info-form .reg-info-inner { padding: 0; }
  .reg-info-form .reg-info-inner .form-table { width: 100%; }
  .reg-info-form .reg-info-inner .form-table .form-table-head { width: 5% !important; }
  .reg-info-form .reg-info-inner .form-table .form-table-body { width: 80%; }
  .reg-info-form .reg-info-inner .form-table .form-table-body .form-row { width: 100% !important; }
  .reg-info-form .reg-info-inner .form-table .form-table-body .form-row .form-title { width: 200px !important; text-align: left !important; }
  .reg-info-form .reg-info-inner .form-table .form-table-body .form-sel-r, .reg-info-form .reg-info-inner .form-table .form-table-body .form-con, .reg-info-form .reg-info-inner .form-table .form-table-body .form-con-xl, .reg-info-form .reg-info-inner .form-table .form-table-body .form-con-sm, .reg-info-form .reg-info-inner .form-table .form-table-body .form-con-md { width: 100% !important; }
  .reg-info-form .reg-info-inner .form-table .form-table-body .form-con-sm, .reg-info-form .reg-info-inner .form-table .form-table-body .form-con-md { margin-bottom: 10px !important; }
  .reg-info-form .reg-info-inner .form-table .form-table-body .form-address { margin-bottom: 10px !important; } }

.sec-mem-left { width: 200px !important; min-height: auto; padding-bottom: 40px; }

.sec-mem-left .menu-inner { min-height: auto; }

.sec-mem-left .sec-menu-list .sec-menu li { width: 130px; }

.sec-mem-left .sec-menu-list .sec-menu li .menu-item { width: 130px; }

.sec-mem-left .sec-menu-list .sec-menu li .menu-item .gbfl { font-size: 14px; color: #fff; }

.sec-mem-left .sec-menu-list .sec-menu li .menu-item.active { text-align: left; background-position: left center; }

@media screen and (max-width: 940px) { .sec-mem-left { width: 100% !important; padding-bottom: 5px !important; }
  .sec-mem-left .sec-menu-list .sec-menu li { width: auto; }
  .sec-mem-left .sec-menu-list .sec-menu li .menu-item { width: auto; } }

.sec-mem-right { width: 920px; min-height: 600px; background-color: #fff; padding: 20px 60px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.sec-mem-right .sec-r-inner { overflow: hidden; }

.sec-mem-right .right-tab-menu { float: right; width: 310px; }

.sec-mem-right .sec-mod-col .tit h4 { font-size: 18px; }

.sec-mem-right .paging-area { margin-top: 40px; }

.default-tips-area { width: 360px; height: 360px; margin: 60px auto; }

.default-tips-area .view { display: block; height: 200px; }

.default-tips-area .view img { display: block; width: auto; height: 100%; }

.default-tips-area .item-link { color: #529BF9; text-decoration: underline; }

.sec-account-info { padding-top: 20px; }

.sec-account-info .form-row { width: 45%; float: left; margin-right: 40px; }

.sec-account-info .form-row .form-title { width: 90px; text-align: right; }

.sec-account-info .form-row .form-con { width: calc(100% - 90px - 25px); }

.sec-mem-right .affirm-btn-bar { clear: both; margin-top: 130px; }

.sec-mem-right .affirm-btn-bar a { color: #fff; }

@media screen and (max-width: 940px) { .sec-mem-right { clear: both; width: 100% !important; padding: 0 2%; } }

.sec-form-area .form-course-left, .sec-form-area .form-course-right { float: left; width: 50%; }

.sec-form-area .form-course-left .f-c-col, .sec-form-area .form-course-right .f-c-col { float: left; width: 50%; }

.open-item-form .sec-item-col .form-con { width: 48%; float: left; }

@media screen and (max-width: 940px) { .open-item-form .sec-item-col .form-con { width: 100%; margin-bottom: 10px; } }

.open-item-form .sec-sel-col { margin-top: 10px; }

.open-item-form .sec-sel-col .tr-item-name { font-size: 14px; line-height: 36px; margin-right: 10px; }

.open-item-form .sec-sel-col .form-con { float: left; }

.open-item-form .sec-sel-col .fc-date-1, .open-item-form .sec-sel-col .fc-date-2 { width: 20%; }

.open-item-form .sec-sel-col .fc-date-3 { width: 28%; }

.open-item-form .sec-sel-col .search-btn { margin-right: 20px; }

@media screen and (max-width: 940px) { .open-item-form .sec-sel-col .tr-item-name { width: 100%; margin-right: 0; }
  .open-item-form .sec-sel-col .form-con { margin-right: 0; margin-bottom: 12px; }
  .open-item-form .sec-sel-col .fc-date-1, .open-item-form .sec-sel-col .fc-date-2, .open-item-form .sec-sel-col .fc-date-3 { width: 100%; }
  .open-item-form .sec-sel-col .fc-date-1 { margin-left: 0; }
  .open-item-form .sec-sel-col .search-btn { width: 100%; margin-right: 0; }
  .open-item-form .sec-sel-col .search-btn a { width: 100%; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; } }

.assessment-col { position: relative; }

.assessment-col .sec-form-area { position: absolute; right: -10px; top: 10px; }

.assessment-col .sec-form-area .form-con { width: 300px; }

.assessment-col .sec-form-area .search-ico { position: absolute; right: 20px; top: 5px; font-size: 24px; color: #529BF9; }

.assessment-col .my-assessment-tab { position: relative; }

.assessment-col .my-assessment-tab .tabs-head { border: 0; }

.assessment-col .my-assessment-tab .tabs-head .tabs-item { margin-right: 20px; }

.assessment-col .my-assessment-tab .ac-item-con { padding: 20px 0; }

.assessment-col .my-assessment-tab .ac-item-con .ac-item-table { border-collapse: collapse; margin: 0 auto; }

.assessment-col .my-assessment-tab .ac-item-con .ac-item-table th { height: 30px; line-height: 30px; }

.assessment-col .my-assessment-tab .ac-item-con .ac-item-table th { background-color: #529BF9; font-size: 14px; font-weight: 500; color: #fff; border-right: 2px #fff solid; }

.assessment-col .my-assessment-tab .ac-item-con .ac-item-table td { height: 60px; line-height: 60px; font-size: 14px; border-bottom: 1px #eee solid; }

.assessment-col .my-assessment-tab .ac-item-con .ac-item-table td a { height: 28px; line-height: 28px; }

.assessment-col .my-assessment-tab .ac-item-con .ac-item-table td i { display: inline-block; width: 5px; height: 5px; margin-right: 10px; margin-left: 10px; border-radius: 50%; vertical-align: middle; background-color: #B4EED6; }

.order-card { position: relative; clear: both; overflow: hidden; margin-top: 14px; margin-bottom: 14px; background: #F5F7F9; border-radius: 8px; }

.order-card .order-inner { padding: 10px 40px; overflow: hidden; }

.order-card .order-inner h4 { font-size: 16px; }

.order-card .order-inner h6 { font-size: 12px; font-weight: 500; color: #595959; margin-bottom: 20px; }

.order-card .order-inner .order-name { display: block; font-size: 14px; color: #529BF9; }

.order-card .order-inner .info span { display: inline-block; margin-right: 40px; font-size: 12px; }

.order-card .order-inner .ck-more-area { margin-top: 20px; }

.order-card .order-inner .ck-more-area a { display: inline-block; width: 100px; }

.order-card .lab-right { float: right; display: block; height: 26px !important; line-height: 26px !important; margin-top: 30px; border-radius: 35px; }

.order-card .lab-right .lab-text { margin: 0 10px; }

.order-card .order-squ { position: absolute; left: 0; top: 0; width: 3px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; height: 130px; background: #529BF9; }

.questionnaire-area { clear: both; width: 900px; height: 100%; margin: 0 auto; background-color: #fff; }

.questionnaire-area .ques-header { width: 900px; height: 160px; background: url("../images/questionnaire.png"); background-repeat: no-repeat; background-position: left top; display: block; width: 100%; height: auto; }

.questionnaire-area .ques-header .ques-top-inner { position: relative; height: 160px; padding: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.questionnaire-area .ques-header .ques-top-inner .logo { margin-left: 20px; }

.questionnaire-area .ques-header .ques-top-inner .mb-mat { display: none; }

@media screen and (max-width: 940px) { .questionnaire-area .ques-header { width: 100%; height: 70px; background: url("../images/questionnaire.png"); background-repeat: no-repeat; background-position: left center; }
  .questionnaire-area .ques-header .ques-top-inner { padding: 0; }
  .questionnaire-area .ques-header .ques-top-inner .logo { margin-top: 20px; }
  .questionnaire-area .ques-header .ques-top-inner .mb-mat { position: absolute; bottom: 0; right: -60px; display: block; -webkit-transform: scale(0.4); transform: scale(0.4); } }

.questionnaire-area .ques-main-area { padding: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.questionnaire-area .ques-main-area .ques-title h4 { margin-bottom: 30px; font-size: 24px; text-align: center; }

.questionnaire-area .ques-main-area .ques-title .explain { padding: 0 10px 20px; margin: 0 30px 20px; font-size: 12px; line-height: 24px; border-bottom: 1px #f8f8f8 solid; color: #909399; }

@media screen and (max-width: 940px) { .questionnaire-area .ques-main-area .ques-title .explain { padding: 0; margin: 0; padding-bottom: 20px; margin-bottom: 20px; } }

.questionnaire-area .ques-main-area .ques-list-area { padding: 10px 30px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.questionnaire-area .ques-main-area .ques-list-area .ques-col { padding-bottom: 20px; margin-bottom: 15px; border-bottom: 1px #f8f8f8 dashed; }

.questionnaire-area .ques-main-area .ques-list-area .ques-col .ques-item em, .questionnaire-area .ques-main-area .ques-list-area .ques-col .ques-item h6 { display: inline-block; }

.questionnaire-area .ques-main-area .ques-list-area .ques-col .ques-item h6 { width: 90%; font-size: 14px; vertical-align: middle; }

.questionnaire-area .ques-main-area .ques-list-area .ques-col .ques-item em { width: 18px; height: 18px; margin-right: 5px; line-height: 18px; background-color: #529BF9; border-radius: 4px; border-bottom-right-radius: 0; font-size: 12px; vertical-align: middle; font-style: normal; text-align: center; color: #fff; }

.questionnaire-area .ques-main-area .ques-list-area .ques-col .col-int { padding: 10px 0 0 30px; }

.questionnaire-area .ques-main-area .ques-list-area .ques-col .ques-suggest { margin-top: 20px; }

.questionnaire-area .ques-main-area .ques-list-area .ques-col .ques-suggest ul > li { display: inline-block; font-size: 14px; width: 120px; height: 40px; margin-right: 20px; margin-bottom: 20px; line-height: 40px; text-align: center; border: 1px #ddd solid; border-radius: 8px; color: #666; }

.questionnaire-area .ques-main-area .ques-list-area .ques-col .ques-suggest ul > li:hover { cursor: pointer; }

.questionnaire-area .ques-main-area .ques-list-area .ques-col .ques-suggest ul > li.active { border-color: #529BF9; color: #529BF9; font-weight: 600; cursor: pointer; }

@media screen and (max-width: 940px) { .questionnaire-area .ques-main-area .ques-list-area .ques-col .ques-suggest ul > li { width: 42%; } }

@media screen and (max-width: 940px) { .questionnaire-area .ques-main-area .ques-list-area .ques-col .ques-suggest { margin-left: 5%; } }

.questionnaire-area .ques-main-area .ques-list-area .ques-col:nth-last-child(1) { border: 0; }

@media screen and (max-width: 940px) { .questionnaire-area .ques-main-area .ques-list-area { padding: 0; } }

.questionnaire-area .ques-main-area .ques-sub-btn { padding: 0 280px; }

.questionnaire-area .ques-main-area .ques-sub-btn a { height: 44px; line-height: 44px; }

@media screen and (max-width: 940px) { .questionnaire-area .ques-main-area .ques-sub-btn { padding: 0; } }

@media screen and (max-width: 940px) { .questionnaire-area { width: 100%; }
  .questionnaire-area .ques-list-area { padding: 0; }
  .questionnaire-area .explain { padding: 0; }
  .questionnaire-area .ques-main-area { padding: 20px; } }

.selectCharacter-area { min-height: 500px; }

.selectCharacter-area .character-inner { padding: 20px; }

.selectCharacter-area .character-inner .title h4 { display: block; font-size: 24px; text-align: center; }

.selectCharacter-area .character-inner .character-list { overflow: hidden; padding: 30px 0; }

.selectCharacter-area .character-inner .character-list ul > li { display: block; width: 20%; 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; }

.selectCharacter-area .character-inner .character-list ul > li a { display: block; width: 180px; height: 50px; line-height: 50px; color: #fff; text-align: center; margin-bottom: 30px; border-radius: 8px; background-image: -webkit-gradient(linear, left top, right top, from(#7ECE9F), to(#1E6B70)); background-image: linear-gradient(90deg, #7ECE9F, #1E6B70); }

.selectCharacter-area .character-inner .character-list ul > li:hover { transform: translate(0, -6px); -webkit-transform: translate(0, -6px); -moz-transform: translate(0, -6px); -o-transform: translate(0, -6px); -ms-transform: translate(0, -6px); }

@media screen and (max-width: 940px) { .selectCharacter-area .character-inner .character-list { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-flex; /* Safari */ padding: 0; }
  .selectCharacter-area .character-inner .character-list ul > li { width: 33.3%; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .selectCharacter-area .character-inner .character-list ul > li a { display: block; width: auto; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 2%; } }

@media screen and (max-width: 940px) { .selectCharacter-area .character-inner { padding: 0 3%; } }

.pbuilding-inner { padding: 20px 60px !important; }

.school-overview { clear: both; padding: 20px 40px; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }

.school-overview h4 { text-align: center; }

.school-overview p { font-size: 14px; color: #737373; line-height: 25px; text-indent: 28px; }

.school-overview .school-view { overflow: hidden; margin: 20px 0; }

.school-overview .school-view .pic { display: block; width: 379px; margin: 0 auto; }

.school-overview .school-view .pic img { display: block; width: 100%; height: auto; }

.school-overview .school-view p { display: block; margin: 5px auto 0; text-align: center; font-size: 12px; font-style: normal; }

@media screen and (max-width: 940px) { .school-overview { padding: 0 2%; } }

.hot-unit-area { clear: both; }

.hot-unit-area h4, .hot-unit-area .unit-links { display: inline-block; }

.hot-unit-area h4 { margin-right: 30px; font-size: 14px; }

.hot-unit-area h4 i { margin-right: 5px; vertical-align: middle; color: #529BF9; }

.hot-unit-area .unit-links ul > li { display: inline-block; }

.hot-unit-area .unit-links ul > li a { padding: 0 10px; font-size: 14px; color: #529BF9; }

.hot-unit-area .unit-links ul > li a:hover { text-decoration: underline; }

@media screen and (max-width: 940px) { .hot-unit-area { margin-bottom: 10px; }
  .hot-unit-area .unit-links ul li a { line-height: 22px; } }

.info-list-area { clear: both; overflow: hidden; margin-bottom: 20px; }

.info-list-area .info-list-inner { padding: 0 20px  0 0; }

.info-list-area .tit { height: 32px; padding-left: 10px; margin-bottom: 10px; border-radius: 6px 0 0 6px; background: -webkit-gradient(linear, left top, right top, from(#DFEDFF), to(transparent)); background: linear-gradient(to right, #DFEDFF, transparent); }

.info-list-area .tit h4 { line-height: 32px; font-size: 14px; }

.info-list-area .list-wrap ul > li { height: 34px; line-height: 34px; border-bottom: 1px #F0F0F0 solid; }

.info-list-area .list-wrap ul > li a { display: inline-block; max-width: 250px; padding-left: 30px; font-size: 14px; color: #141414; background-image: url("../images/item-ico.svg"); background-repeat: no-repeat; background-position: 0 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.info-list-area .list-wrap ul > li span { float: right; font-size: 12px; color: #8c8c8c; }

.info-list-area .list-wrap ul > li:hover a { color: #529BF9; text-decoration: underline; }

.info-list-area .list-wrap ul > li:hover span { color: #529BF9; }

@media screen and (max-width: 940px) { .info-list-area .dvs-2 { width: 100%; }
  .info-list-area .list-wrap ul > li { height: 36px; line-height: 36px; }
  .info-list-area .list-wrap ul > li a { width: calc(100% - 110px); max-width: initial; background-position: 0 6px; } }

.certificate-form { padding: 0 40px; margin-top: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.certificate-form .form-row { margin-bottom: 20px; }

.certificate-form .form-row .form-title { text-align: right !important; }

@media screen and (max-width: 940px) { .certificate-form { padding: 0 12px; margin-top: 16px; } }

.certificate-tips { margin: 30px 0; padding: 10px 40px 0; border-top: 1px #efefef solid; }

.certificate-tips h4 { font-size: 14px; font-weight: 500; color: #529BF9; }

.certificate-tips h4 em { display: inline-block; margin-right: 5px; vertical-align: middle; font-size: 18px; color: #529BF9; opacity: 0.8; }

.certificate-tips ul > li { font-size: 14px; line-height: 28px; font-weight: 500; color: #8c8c8c; }

@media screen and (max-width: 940px) { .certificate-tips { margin: 16px 0; padding: 12px 12px 0; } }

.sec-register-area { padding: 40px 180px; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 940px) { .sec-register-area { padding: 0 12px 10px; } }

.sec-register-area .reg-title { border-bottom: 1px #ddd solid; margin-bottom: 20px; }

.sec-register-area .reg-title h4 { padding-bottom: 10px; font-size: 24px; text-align: center; }

@media screen and (max-width: 940px) { .sec-register-area .reg-title { padding-top: 6px; margin-bottom: 8px; }
  .sec-register-area .reg-title h4 { font-size: 18px; } }

.sec-register-area .reg-form-area { clear: both; padding-top: 10px; }

@media screen and (max-width: 940px) { .sec-register-area .reg-form-area { padding: 10px 12px 0; } }

.sec-register-area .reg-form-area .form-row { position: relative; margin-bottom: 30px; }

.sec-register-area .reg-form-area .form-row .form-title { width: 110px; text-align: right; }

@media screen and (max-width: 940px) { .sec-register-area .reg-form-area .form-row { width: 100%; margin-bottom: 18px; }
  .sec-register-area .reg-form-area .form-row .form-title { width: 100%; display: block; text-align: left; margin-bottom: 10px; }
  .sec-register-area .reg-form-area .form-row-yzm { -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 100px; } }

.sec-register-area .reg-form-area .form-con { width: calc(100% - 60px - 200px); }

@media screen and (max-width: 940px) { .sec-register-area .reg-form-area .form-con { width: 100%; } }

.sec-register-area .reg-form-area .send-btn { position: absolute; right: 40px; top: 0; display: block; width: 90px; height: 36px; }

.sec-register-area .reg-form-area .send-btn img { -webkit-transform: scale(0.8); transform: scale(0.8); }

.sec-register-area .reg-form-area .send-btn:hover { background-color: #529BF9; border: 0; color: #fff; }

@media screen and (max-width: 940px) { .sec-register-area .reg-form-area .send-btn { top: 27px; right: 0; } }

.sec-register-area .reg-form-area .verify-btn { position: absolute; right: 40px; top: 0; display: block; width: 90px; height: 36px; }

.sec-register-area .reg-form-area .verify-btn img { -webkit-transform: scale(0.8); transform: scale(0.8); }

@media screen and (max-width: 940px) { .sec-register-area .reg-form-area .verify-btn { top: 26px; right: 0; } }

.sec-register-area .reg-form-area .register-btn { clear: both; }

.sec-register-area .reg-form-area .register-btn .btn { display: block; width: 130px; height: 36px; line-height: 36px; margin: 0 auto; }

@media screen and (max-width: 940px) { .sec-register-area .reg-form-area .register-btn .btn { width: 100%; } }

.sec-register-area .reg-form-area .reg-tips { display: block; margin-top: 30px; font-size: 14px; color: #999; text-align: center; }

.sec-register-area .reg-form-area .reg-tips .reg-link { margin: 0 5px; color: #529BF9; cursor: pointer; }

.sec-register-area .reg-form-area .reg-tips .reg-link:hover { text-decoration: underline; }

@media screen and (max-width: 940px) { .sec-register-area .reg-form-area .reg-tips { margin-top: 12px; } }

/** Login ---------------------------------------------------------------------------- */
.themebg { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; min-width: 1024px; min-height: 720px; background-color: #178282; }

.login-bg { background-image: url("../images/theme/themeBlue/login-bg.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover; }

.login-body { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; text-align: center; font-size: 0; }

.login-body:after { vertical-align: middle; }

.login-body > * { display: inline-block; vertical-align: middle; }

.login-body > *:first-child { margin-left: 0; }

.login-body > *:last-child { margin-right: 0; }

.login-body .login-wrap { position: relative; width: 900px; height: 560px; }

.login-body .login-wrap .flower { position: absolute; left: -290px; top: 50%; width: 350px; height: 350px; background-image: url("../images/theme/themeBlue/flower.png"); background-repeat: no-repeat; background-position: center center; background-size: contain; }

.login-body .left, .login-body .right { display: inline-block; height: inherit; vertical-align: middle; }

.login-body .left { position: relative; width: 360px; height: 560px; background: url("../images/theme/themeBlue/login-left-bg.jpg") no-repeat center center/cover; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }

.login-body .left .txt { position: relative; z-index: 2; padding: 72px 56px; }

.login-body .left .txt h3, .login-body .left .txt span { display: block; font-size: 30px; color: #fff; line-height: 1.4; text-align: left; }

.login-body .left .txt span { font-weight: bold; }

.login-body .left .pic { position: absolute; bottom: 0; left: -26px; width: 276px; height: 307px; background: url("../images/theme/themeBlue/login-left-pic.png") no-repeat center center/cover; }

.login-body .right { width: 540px; padding: 40px 88px; text-align: left; background: #fff url("../images/theme/themeBlue/login-right-bg.png") no-repeat right bottom/contain; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }

.login-body .right:after { vertical-align: middle; }

.login-body .right > * { display: inline-block; vertical-align: middle; }

.login-body .right > *:first-child { margin-left: 0; }

.login-body .right > *:last-child { margin-right: 0; }

.login-body .right .wrap { width: 100%; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; }

.login-body .right .wrap.active { display: inline-block; }

.login-body .login-title { position: relative; text-align: center; }

.login-body .login-title::before { content: ''; position: absolute; top: 50%; left: 0; right: 0; height: 1px; background-color: #ebeef5; }

.login-body .login-title h3 { position: relative; z-index: 2; display: inline-block; margin: 0; font-size: 32px; color: #529BF9; font-weight: bold; letter-spacing: 4px; background-color: white; }

.login-body .login-btn { width: 100%; height: 60px; font-size: 20px; font-weight: bold; color: #fff; line-height: 60px; letter-spacing: 4px; background: -webkit-gradient(linear, left top, right top, from(#529BF9), to(#4876F4)); background: linear-gradient(90deg, #529BF9, #4876F4); }

.login-body .form-tips { position: absolute; bottom: -24px; font-size: 14px; color: #f12c2c; }

.login-body .form-tips i { margin-right: 4px; }

.login-forms { position: relative; }

.login-forms .form-row { margin-top: 0; }

.login-forms .form-row.form-error .el-input__inner { border-color: #f12c2c; }

.login-forms .form-row.form-error .el-form-item__error { color: #f12c2c; }

.login-forms .el-input .el-input__inner { padding-left: 68px; height: 56px; line-height: 56px; border-color: #ebeef5; }

.login-forms .el-input .el-input__inner:focus { border-color: #529BF9; }

.login-forms .el-input .el-input__prefix { left: 0; padding: 0 16px; width: 20px; text-align: center; }

.login-forms .el-input .el-input__prefix i { font-size: 18px; line-height: 56px; color: #CACCCE; }

.login-forms .el-input .el-input__prefix::after { content: ''; position: absolute; right: 0; top: 50%; margin-top: -10px; width: 1px; height: 20px; background-color: #ebeef5; }

.login-forms .form-con { position: relative; }

.login-forms .form-con .get-v-code { position: absolute; right: 10px; top: 12px; width: 86px; height: 32px; line-height: 32px; color: #fff; text-align: center; font-size: 14px; background-color: #22C3AE; border-radius: 8px; }

.sub-tick-bar .form-label-con { font-size: 14px; }

.sub-tick-bar .form-label-con span, .sub-tick-bar .form-label-con a { display: inline-block; font-size: 12px; }

.sub-tick-bar .form-label-con span { color: #737373; }

.sub-tick-bar .form-label-con a { color: #529BF9; }

.sub-tick-bar .form-label-con a:hover { text-decoration: underline; }

.sub-tick-bar .btm-tips-bar { clear: both; text-align: center; }

.sub-tick-bar .btm-tips-bar span, .sub-tick-bar .btm-tips-bar a { display: inline-block; font-size: 12px; }

.sub-tick-bar .btm-tips-bar span { color: #737373; }

.sub-tick-bar .btm-tips-bar a { color: #529BF9; }

.sub-tick-bar .btm-tips-bar a:hover { text-decoration: underline; }

.login-forms { clear: both; padding: 30px 0 0; }

.login-forms .form-con { margin-bottom: 20px; }

.login-forms .form-con .form-control { height: 50px; border-color: #DCDFE6; }

.login-link-bar { clear: both; margin-bottom: 20px; }

.login-link-bar a { display: inline-block; margin: 0 5px; font-size: 12px; color: #8c8c8c; }

.login-link-bar a:hover { color: #529BF9; text-decoration: underline; }

.third-party-log { width: 200px; margin: 0 auto; margin-top: 20px; }

.third-party-log span, .third-party-log a { float: left; vertical-align: middle; }

.third-party-log span { font-size: 14px; color: #8C8C8C; margin-right: 40px; margin-top: 5px; }

.third-party-log .webchat { width: 22px; height: 22px; background-image: url("../images/icon/webchat.svg"); background-size: cover; }

/** Utility classes ---------------------------------------------------------------------------- */
.clearfix { *zoom: 1; }

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

.clearfix:after { clear: both; }

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

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

.vertical-center { font-size: 0; }

.vertical-center:after { vertical-align: middle; }

.vertical-center > * { display: inline-block; vertical-align: middle; }

.vertical-center > *:first-child { margin-left: 0; }

.vertical-center > *:last-child { margin-right: 0; }

.vertical-top { font-size: 0; }

.vertical-top:after { vertical-align: top; }

.vertical-top > * { display: inline-block; vertical-align: top; }

.vertical-top > *:first-child { margin-left: 0; }

.vertical-top > *:last-child { margin-right: 0; }

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

.prepend, .append { position: absolute; top: 0; bottom: 0; z-index: 1; }

.prepend { left: 0; }

.append { right: 0; }

.hide { display: none !important; }

.show { display: block !important; }

.visible { visibility: visible !important; }

.invisible { visibility: hidden !important; }

.primary { color: #529BF9 !important; }

.blue { color: #3f5cdc !important; }

.green { color: #38c17f !important; }

.red { color: #f12c2c !important; }

.yellow { color: #ffa200 !important; }

.orange { color: #fd7e14 !important; }

.purple { color: #916ef0 !important; }

.dark { color: #303339 !important; }

.base { color: #8C8C8C !important; }

.light { color: #c0c3c9 !important; }

.bg-light { background-color: #f7f7f7; }

.bg-base { background-color: #f5f5f5; }

.bg-dark { background-color: #f3f3f3; }

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

.no-shadow { -webkit-box-shadow: none; box-shadow: none; }

.mt0 { margin-top: 0px !important; }

.mr0 { margin-right: 0px !important; }

.mb0 { margin-bottom: 0px !important; }

.ml0 { margin-left: 0px !important; }

.mt10 { margin-top: 10px !important; }

.mr10 { margin-right: 10px !important; }

.mb10 { margin-bottom: 10px !important; }

.ml10 { margin-left: 10px !important; }

.mt15 { margin-top: 15px !important; }

.mr15 { margin-right: 15px !important; }

.mb15 { margin-bottom: 15px !important; }

.ml15 { margin-left: 15px !important; }

.mt20 { margin-top: 20px !important; }

.mr20 { margin-right: 20px !important; }

.mb20 { margin-bottom: 20px !important; }

.ml20 { margin-left: 20px !important; }

.mt30 { margin-top: 30px !important; }

.mr30 { margin-right: 30px !important; }

.mb30 { margin-bottom: 30px !important; }

.ml30 { margin-left: 30px !important; }

.mt40 { margin-top: 40px !important; }

.mr40 { margin-right: 40px !important; }

.mb40 { margin-bottom: 40px !important; }

.ml40 { margin-left: 40px !important; }

.pt0 { padding-top: 0px !important; }

.pr0 { padding-right: 0px !important; }

.pb0 { padding-bottom: 0px !important; }

.pl0 { padding-left: 0px !important; }

.pt15 { padding-top: 15px !important; }

.pr15 { padding-right: 15px !important; }

.pb15 { padding-bottom: 15px !important; }

.pl15 { padding-left: 15px !important; }

.pt10 { padding-top: 10px !important; }

.pr10 { padding-right: 10px !important; }

.pb10 { padding-bottom: 10px !important; }

.pl10 { padding-left: 10px !important; }

.pt20 { padding-top: 20px !important; }

.pr20 { padding-right: 20px !important; }

.pb20 { padding-bottom: 20px !important; }

.pl20 { padding-left: 20px !important; }

.pt30 { padding-top: 30px !important; }

.pr30 { padding-right: 30px !important; }

.pb30 { padding-bottom: 30px !important; }

.pl30 { padding-left: 30px !important; }

.pt40 { padding-top: 40px !important; }

.pr40 { padding-right: 40px !important; }

.pb40 { padding-bottom: 40px !important; }

.pl40 { padding-left: 40px !important; }

.rounded { border-radius: 100px !important; }

.sharp { border-radius: 0 !important; }

.link-default { font-size: inherit; color: #8C8C8C; text-decoration: none; }

.link-default:hover { color: #529BF9; }

.link-normal { font-size: inherit; color: #529BF9; text-decoration: none; }

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

.link-light { font-size: inherit; color: #909399; text-decoration: none; }

.link-light:hover { color: #529BF9; }

.link-icon { font-size: 0; }

.link-icon:after { vertical-align: middle; }

.link-icon > * { display: inline-block; vertical-align: middle; }

.link-icon > *:first-child { margin-left: 0; }

.link-icon > *:last-child { margin-right: 0; }

.link-icon > * { margin: 0 5px; }

.link-icon i { font-size: 15px; }

.link-icon span { font-size: 14px; }

.info { font-size: 12px; color: #8c8c8c; line-height: 20px; }

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

.mask-white { background-color: rgba(255, 255, 255, 0.9); }

.mask-transparent { background-color: transparent; }

.mask-light { background-color: rgba(0, 0, 0, 0.1); }

.bt { border-top: 1px solid #dcdfe6; }

.br { border-right: 1px solid #dcdfe6; }

.bb { border-bottom: 1px solid #dcdfe6; }

.bl { border-left: 1px solid #dcdfe6; }

hr { margin: 0; border: 0; border-top: 1px; border-style: solid; border-color: #dcdfe6; }

hr.hr-vertical { display: inline-block; width: 1px; height: 100%; background-color: #dcdfe6; }

hr.hr-dark { background-color: #cfd2d9; border-color: #cfd2d9; }

hr.hr-light { background-color: #ebeef5; border-color: #ebeef5; }

.hr-container { display: inline-block; height: 20px; vertical-align: middle; }

.portrait { background-image: url("../images/portraits/portrait-default.png"); background-position: center center; background-repeat: no-repeat; background-size: contain; overflow: hidden; border-radius: 50%; }

.portrait img { border-radius: inherit; display: block; width: 100%; height: auto; }