@charset "UTF-8";
/**
* @title           base style
* @author          ds
* @email           277260339@qq.com
* @version         1.0
* @update          $Date: 2018-12-23 14:12:00$
*/
/* CSS Reset
=========================================*/
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html { /*font-size: $htmlFontSize;*/ -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; }
html, body { position: relative; width: 100%; background-color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }
body { overflow: auto; }

html, body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, big, small, dl, dd, ul, ol, pre, form, fieldset, legend, button, figure, optgroup, input, textarea, thead, tbody, tfoot, th, td, div, menu, dir, isindex { margin: 0; padding: 0; }

body, input, textarea, button, select, optgroup, option { font-weight: 400; font-size: 1rem; line-height: 1.428; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, "微软雅黑", "宋体", Arial, sans-serif; color: #333; }

/* HTML5 */
header, main, footer, nav, menu, section, article, aside, details, figure, figcaption, iframe { display: block; }

audio, video, canvas, progress { display: inline-block; *display: inline; *zoom: 1; vertical-align: baseline; }

summary { display: list-item; cursor: pointer; }

time { display: inline; }

output { display: inline-block; *display: inline; *zoom: 1; }

audio:not([controls]), [hidden], template, script, input::-ms-clear, input::-ms-reveal { display: none; height: 0; }

svg { overflow: hidden; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }

fieldset { min-width: 0; border-width: 0; }

iframe { border: 0; }

legend { color: inherit; display: block; max-width: 100%; white-space: normal; }

[disabled], :disabled, .disabled { filter: alpha(opacity=80); opacity: 0.8; color: #cdcdcd; cursor: not-allowed; }

[draggable] { cursor: move; }

[hidden], template { display: none; }

/* Typography */
address, caption, code, cite, em, var, b, i, s { font-weight: normal; font-style: normal; }

optgroup, strong { font-weight: bold; }

dt { font-weight: normal; }

dfn { font-style: italic; }

ins { text-decoration: none; }

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

sup { top: -.5em; }

sub { bottom: -.25em; }

abbr[title], abbr[data-original-title] { text-decoration: none; cursor: help; border-bottom: 1px dotted; }

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

pre { overflow: auto; white-space: pre-wrap; word-wrap: break-word; -ms-overflow-style: scrollbar; }

q { quotes: "\201C" "\201D" "\2018" "\2019"; }

blockquote { page-break-inside: avoid; }

q:before, q:after, blockquote:before, blockquote:after { content: ''; content: none; }

hr { display: block; box-sizing: content-box; height: 0; overflow: hidden; clear: both; }

/* Links */
a { color: inherit; text-decoration: none; cursor: pointer; -webkit-tap-highlight-color: transparent; background-color: transparent; /*-webkit-text-decoration-skip: objects;*/ -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; }
a:focus, a:hover, a:active { outline: 0 none; }
a:hover { text-decoration: none; }

a:not([href]):not([tabindex]) { color: inherit; }

/*Img*/
img { display: inline-block; vertical-align: middle; border-style: none; -ms-interpolation-mode: bicubic; image-rendering: optimizeQuality; /*max-width:100%;*/ font-size: 0; color: transparent; }

/* List */
ul, ol, menu { list-style: none outside none; }

ol ol, ol ul, ul ol, ul ul { margin-bottom: 0; }

/* Table */
table { border-collapse: collapse; border-spacing: 0; empty-cells: show; background-color: transparent; }
table caption, table th { text-align: inherit; }

/* Form */
:focus { outline: 0 none !important; }

label { display: block; max-width: 100%; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; word-wrap: normal; display: inline-block; vertical-align: middle; cursor: pointer; }

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

input::-moz-focus-inner { padding: 0; border: none; }

input, button { overflow: visible; }

input, textarea, button, select, optgroup { vertical-align: middle; outline: 0 none; border: 0.0625rem solid #ced4da; }

input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; }

textarea { overflow: auto; vertical-align: top; resize: none; }

textarea, [type='text'], [type='password'] { outline-style: none; -webkit-appearance: none; }

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

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

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

button, [type='button'], [type='submit'], [type='reset'] { cursor: pointer; border: 0 none; /*-webkit-appearance:button;*/ }

button, select { text-transform: none; }

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

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

select { background-color: transparent; }

/* CSS Common
=========================================*/
/* Display */
.di { display: inline !important; }
.db, .show { display: block !important; }
.dn, .hide { display: none !important; visibility: hidden; }
.dib { display: inline-block; *display: inline; *zoom: 1; }
.dt { display: table !important; width: 100%; }
.dtc { display: table-cell !important; vertical-align: middle; }
.df { display: flex !important; flex-flow: row wrap; }

/* Postion */
.pos-sta { position: static !important; }
.pos-rel { position: relative !important; }
.pos-ab { position: absolute !important; }
.pos-fixed { position: fixed !important; }

/* Float_Clear */
.fl { float: left !important; *display: inline; *zoom: 1; }
.fr { float: right !important; *display: inline; *zoom: 1; }
.fn { float: none !important; *display: inline; *zoom: 1; }

.cb, .clear { clear: both; display: block; visibility: hidden; width: 0; height: 0; line-height: 0; overflow: hidden; }

.clearfix, .group, .layout, .layout-ms, .layout-sm, .row, .container, .container-fluid, .wrapper, .inner, .dl-horizontal, .form-horizontal, .form-group, .btn-toolbar, .btn-group-vertical > .btn-group, .nav, .navbar { /*overflow:hidden;*/ *zoom: 1; display: flow-root; }
.clearfix:before, .clearfix:after, .group:before, .group:after, .layout:before, .layout:after, .layout-ms:before, .layout-ms:after, .layout-sm:before, .layout-sm:after, .row:before, .row:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .wrapper:before, .wrapper:after, .inner:before, .inner:after, .dl-horizontal:before, .dl-horizontal:after, .form-horizontal:before, .form-horizontal:after, .form-group:before, .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after { content: ''; display: table; }
.clearfix:after, .group:after, .layout:after, .layout-ms:after, .layout-sm:after, .row:after, .container:after, .container-fluid:after, .wrapper:after, .inner:after, .dl-horizontal:after, .form-horizontal:after, .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after { clear: both; }

/* Margin_Padding */
.auto { margin: auto !important; }

.m0 { margin: 0 !important; }
.mb0 { margin-bottom: 0 !important; }
.mx0 { margin-left: 0 !important; margin-right: 0 !important; }
.my0 { margin-top: 0 !important; margin-bottom: 0 !important; }

.m3 { margin: 1rem !important; }
.mb3 { margin-bottom: 1rem !important; }
.mx3 { margin-left: 1rem !important; margin-right: 1rem !important; }
.my3 { margin-top: 1rem !important; margin-bottom: 1rem !important; }

.p0 { padding: 0 !important; }
.pb0 { padding-bottom: 0 !important; }
.px0 { padding-left: 0 !important; padding-right: 0 !important; }
.py0 { padding-top: 0 !important; padding-bottom: 0 !important; }

.p3 { padding: 1rem !important; }
.pb3 { padding-bottom: 1rem !important; }
.px3 { padding-left: 1rem !important; padding-right: 1rem !important; }
.py3 { padding-top: 1rem !important; padding-bottom: 1rem !important; }

/* Width_Height */
.mw100 { max-width: 100% !important; }
.mh100 { max-height: 100% !important; }

/* Typography
---------------*/
p { word-wrap: break-word; word-break: break-all; }

small { font-size: 80%; }

.fs12 { font-size: 12px !important; }

mark { color: #000; background-color: #ff0; }

/* Text_align */
.tc { text-align: center !important; }
.tr { text-align: right !important; }
.tj { text-align: justify !important; text-justify: inter-ideograph; *zoom: 1; -moz-text-align-last: justify; text-align-last: justify; }

.wrap { white-space: normal; word-wrap: break-word; word-break: break-all; }

.nowrap { white-space: nowrap; word-wrap: normal; }

.break { overflow: hidden; word-wrap: break-word; word-break: break-all; }

.ellipsis, .icon-item .icon-name { display: block; max-width: 100%; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; word-wrap: normal; }

.lowercase { text-transform: lowercase; }

.uppercase { text-transform: uppercase; }

.capitalize { text-transform: capitalize; }

.thide { overflow: hidden; white-space: nowrap; text-indent: 100%; }

.text-explode { margin: 0 4px !important; font-weight: normal !important; color: #ccc !important; }

.txt-overflow { zoom: 1; width: 24em; height: 1.3em; overflow: hidden; }
.txt-overflow .text-con { float: left; margin-right: 3em; height: 1.3em; overflow: hidden; }
.txt-overflow .text-dotted { float: right; margin-top: -1.3em; width: 3em; height: 1.31em; }

.img-fluid { max-width: 100%; height: auto; }

/* Color
---------------*/
.opacity { filter: alpha(opacity=90); opacity: 0.9; }

/* Text_color */
.text-primary { color: #007bff !important; }
.text-primary:focus, .text-primary:hover { color: #0056b3 !important; }
.text-secondary { color: #868e96 !important; }
.text-secondary:focus, .text-secondary:hover { color: #60686f !important; }
.text-success { color: #28a745 !important; }
.text-success:focus, .text-success:hover { color: #19692c !important; }
.text-info { color: #17a2b8 !important; }
.text-info:focus, .text-info:hover { color: #0f6674 !important; }
.text-warning { color: #ffc107 !important; }
.text-warning:focus, .text-warning:hover { color: #ba8b00 !important; }
.text-danger { color: #dc3545 !important; }
.text-danger:focus, .text-danger:hover { color: #a71d2a !important; }
.text-muted { color: #868e96 !important; }
.text-muted:focus, .text-muted:hover { color: #60686f !important; }
.text-light { color: #f8f9fa !important; }
.text-light:focus, .text-light:hover { color: #cbd3da !important; }
.text-dark { color: #343a40 !important; }
.text-dark:focus, .text-dark:hover { color: #121416 !important; }

.text-gray { color: #CFCFCF !important; }

/* Background_color */
.bg-white { background-color: #fff !important; }
.bg-transparent { background-color: transparent !important; }
.bg-primary { background-color: #007bff !important; }
.bg-primary:focus, .bg-primary:hover { background-color: #0062cc !important; }
.bg-secondary { background-color: #868e96 !important; }
.bg-secondary:focus, .bg-secondary:hover { background-color: #6c757d !important; }
.bg-success { background-color: #28a745 !important; }
.bg-success:focus, .bg-success:hover { background-color: #1e7e34 !important; }
.bg-info { background-color: #17a2b8 !important; }
.bg-info:focus, .bg-info:hover { background-color: #117a8b !important; }
.bg-warning { background-color: #ffc107 !important; }
.bg-warning:focus, .bg-warning:hover { background-color: #d39e00 !important; }
.bg-danger { background-color: #dc3545 !important; }
.bg-danger:focus, .bg-danger:hover { background-color: #bd2130 !important; }
.bg-muted { background-color: #868e96 !important; }
.bg-muted:focus, .bg-muted:hover { background-color: #6c757d !important; }
.bg-light { background-color: #f8f9fa !important; }
.bg-light:focus, .bg-light:hover { background-color: #dae0e5 !important; }
.bg-dark { background-color: #343a40 !important; }
.bg-dark:focus, .bg-dark:hover { background-color: #1d2124 !important; }

.bg-gradient-primary { background: #007bff !important; background: #007bff linear-gradient(180deg, #268fff, #007bff) repeat-x !important; }
.bg-gradient-secondary { background: #868e96 !important; background: #868e96 linear-gradient(180deg, #989fa6, #868e96) repeat-x !important; }
.bg-gradient-success { background: #28a745 !important; background: #28a745 linear-gradient(180deg, #48b461, #28a745) repeat-x !important; }
.bg-gradient-info { background: #17a2b8 !important; background: #17a2b8 linear-gradient(180deg, #3ab0c3, #17a2b8) repeat-x !important; }
.bg-gradient-warning { background: #ffc107 !important; background: #ffc107 linear-gradient(180deg, #ffca2c, #ffc107) repeat-x !important; }
.bg-gradient-danger { background: #dc3545 !important; background: #dc3545 linear-gradient(180deg, #e15361, #dc3545) repeat-x !important; }
.bg-gradient-muted { background: #868e96 !important; background: #868e96 linear-gradient(180deg, #989fa6, #868e96) repeat-x !important; }
.bg-gradient-light { background: #f8f9fa !important; background: #f8f9fa linear-gradient(180deg, #f9fafb, #f8f9fa) repeat-x !important; }
.bg-gradient-dark { background: #343a40 !important; background: #343a40 linear-gradient(180deg, #52585d, #343a40) repeat-x !important; }

/* Radius */
.radius { border-radius: 0.25rem; }

/* Shadow */
.shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); }
.shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); }
.shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175); }
.shadow-none { box-shadow: none; }

/* hr分割线 */
hr { margin: 10px 0; clear: both; border-width: 1px 0 0 0; border-style: solid; border-color: inherit; }

.hr-dotted { border-style: dotted; }
.hr-dashed { border-style: dashed; }

/*行内分割竖线*/
.divider { position: relative; display: inline-block; }
.divider:before { position: absolute; left: 0; top: 50%; transform: translateY(-50%); height: 1em; content: ''; border-width: 0 0 0 1px; border-style: solid; border-color: inherit; }
.divider:first-child:before { border: none; }

/* images hide text */
.hide-text, .sr-only { padding: 0; margin: -1px; width: 1px; height: 1px; font: 0/0 a; color: transparent; background-color: transparent; border: 0; overflow: hidden; text-shadow: none; clip: rect(0, 0, 0, 0); }

.text-hide { overflow: hidden; white-space: nowrap; text-indent: 100%; }

/*  Animated
--------------- */
/* 过渡 transition IE10+，若兼容IE8-9，用JS */
.trans { -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; -webkit-backface-visibility: hidden; }
.trans:hover { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); opacity: 0.8; }

.rotate90 { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }

.animated { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; }

.fadeIn { -webkit-animation-name: FadeIn; animation-name: FadeIn; }

@-webkit-keyframes FadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-moz-keyframes FadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes FadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-webkit-keyframes FadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); }
  to { opacity: 1; transform: none; } }
@-moz-keyframes FadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); }
  to { opacity: 1; transform: none; } }
@keyframes FadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); }
  to { opacity: 1; transform: none; } }
/*  Grid_percent System
--------------- */
/* Container */
.container { margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; }

.container, .wrapper, .inner { width: 1200px; }

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

/* Fluid container */
.container-fluid { margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; }

/* Row */
.row { position: relative; display: block; height: auto; margin-left: -1rem; margin-right: -1rem; }

.no-gutters { margin-right: 0; margin-left: 0; }
.no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; }

/* Columns */
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-13, .col-14, .col-15, .col-16, .col-17, .col-18, .col-19, .col-20, .col-21, .col-22, .col-23, .col-24, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-13, .col-sm-14, .col-sm-15, .col-sm-16, .col-sm-17, .col-sm-18, .col-sm-19, .col-sm-20, .col-sm-21, .col-sm-22, .col-sm-23, .col-sm-24, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-13, .col-md-14, .col-md-15, .col-md-16, .col-md-17, .col-md-18, .col-md-19, .col-md-20, .col-md-21, .col-md-22, .col-md-23, .col-md-24, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-13, .col-lg-14, .col-lg-15, .col-lg-16, .col-lg-17, .col-lg-18, .col-lg-19, .col-lg-20, .col-lg-21, .col-lg-22, .col-lg-23, .col-lg-24 { float: left !important; *display: inline; *zoom: 1; flex: 0 0 auto; position: relative; display: block; min-height: 1px; padding: 1rem; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; }

.col-1 { width: 4.1666666667%; }
.col-2 { width: 8.3333333333%; }
.col-3 { width: 12.5%; }
.col-4 { width: 16.6666666667%; }
.col-5 { width: 20.8333333333%; }
.col-6 { width: 25%; }
.col-7 { width: 29.1666666667%; }
.col-8 { width: 33.3333333333%; }
.col-9 { width: 37.5%; }
.col-10 { width: 41.6666666667%; }
.col-11 { width: 45.8333333333%; }
.col-12 { width: 50%; }
.col-13 { width: 54.1666666667%; }
.col-14 { width: 58.3333333333%; }
.col-15 { width: 62.5%; }
.col-16 { width: 66.6666666667%; }
.col-17 { width: 70.8333333333%; }
.col-18 { width: 75%; }
.col-19 { width: 79.1666666667%; }
.col-20 { width: 83.3333333333%; }
.col-21 { width: 87.5%; }
.col-22 { width: 91.6666666667%; }
.col-23 { width: 95.8333333333%; }
.col-24 { width: 100%; }
.col-pull-1 { right: 4.1666666667%; }
.col-pull-2 { right: 8.3333333333%; }
.col-pull-3 { right: 12.5%; }
.col-pull-4 { right: 16.6666666667%; }
.col-pull-5 { right: 20.8333333333%; }
.col-pull-6 { right: 25%; }
.col-pull-7 { right: 29.1666666667%; }
.col-pull-8 { right: 33.3333333333%; }
.col-pull-9 { right: 37.5%; }
.col-pull-10 { right: 41.6666666667%; }
.col-pull-11 { right: 45.8333333333%; }
.col-pull-12 { right: 50%; }
.col-pull-13 { right: 54.1666666667%; }
.col-pull-14 { right: 58.3333333333%; }
.col-pull-15 { right: 62.5%; }
.col-pull-16 { right: 66.6666666667%; }
.col-pull-17 { right: 70.8333333333%; }
.col-pull-18 { right: 75%; }
.col-pull-19 { right: 79.1666666667%; }
.col-pull-20 { right: 83.3333333333%; }
.col-pull-21 { right: 87.5%; }
.col-pull-22 { right: 91.6666666667%; }
.col-pull-23 { right: 95.8333333333%; }
.col-pull-24 { right: 100%; }
.col-push-1 { left: 4.1666666667%; }
.col-push-2 { left: 8.3333333333%; }
.col-push-3 { left: 12.5%; }
.col-push-4 { left: 16.6666666667%; }
.col-push-5 { left: 20.8333333333%; }
.col-push-6 { left: 25%; }
.col-push-7 { left: 29.1666666667%; }
.col-push-8 { left: 33.3333333333%; }
.col-push-9 { left: 37.5%; }
.col-push-10 { left: 41.6666666667%; }
.col-push-11 { left: 45.8333333333%; }
.col-push-12 { left: 50%; }
.col-push-13 { left: 54.1666666667%; }
.col-push-14 { left: 58.3333333333%; }
.col-push-15 { left: 62.5%; }
.col-push-16 { left: 66.6666666667%; }
.col-push-17 { left: 70.8333333333%; }
.col-push-18 { left: 75%; }
.col-push-19 { left: 79.1666666667%; }
.col-push-20 { left: 83.3333333333%; }
.col-push-21 { left: 87.5%; }
.col-push-22 { left: 91.6666666667%; }
.col-push-23 { left: 95.8333333333%; }
.col-push-24 { left: 100%; }
.col-offset-1 { margin-left: 4.1666666667%; }
.col-offset-2 { margin-left: 8.3333333333%; }
.col-offset-3 { margin-left: 12.5%; }
.col-offset-4 { margin-left: 16.6666666667%; }
.col-offset-5 { margin-left: 20.8333333333%; }
.col-offset-6 { margin-left: 25%; }
.col-offset-7 { margin-left: 29.1666666667%; }
.col-offset-8 { margin-left: 33.3333333333%; }
.col-offset-9 { margin-left: 37.5%; }
.col-offset-10 { margin-left: 41.6666666667%; }
.col-offset-11 { margin-left: 45.8333333333%; }
.col-offset-12 { margin-left: 50%; }
.col-offset-13 { margin-left: 54.1666666667%; }
.col-offset-14 { margin-left: 58.3333333333%; }
.col-offset-15 { margin-left: 62.5%; }
.col-offset-16 { margin-left: 66.6666666667%; }
.col-offset-17 { margin-left: 70.8333333333%; }
.col-offset-18 { margin-left: 75%; }
.col-offset-19 { margin-left: 79.1666666667%; }
.col-offset-20 { margin-left: 83.3333333333%; }
.col-offset-21 { margin-left: 87.5%; }
.col-offset-22 { margin-left: 91.6666666667%; }
.col-offset-23 { margin-left: 95.8333333333%; }
.col-offset-24 { margin-left: 100%; }
.col-order-first { order: -1; }
.col-order-last { order: 25; }
.col-order-1 { order: 1; }
.col-order-2 { order: 2; }
.col-order-3 { order: 3; }
.col-order-4 { order: 4; }
.col-order-5 { order: 5; }
.col-order-6 { order: 6; }
.col-order-7 { order: 7; }
.col-order-8 { order: 8; }
.col-order-9 { order: 9; }
.col-order-10 { order: 10; }
.col-order-11 { order: 11; }
.col-order-12 { order: 12; }
.col-order-13 { order: 13; }
.col-order-14 { order: 14; }
.col-order-15 { order: 15; }
.col-order-16 { order: 16; }
.col-order-17 { order: 17; }
.col-order-18 { order: 18; }
.col-order-19 { order: 19; }
.col-order-20 { order: 20; }
.col-order-21 { order: 21; }
.col-order-22 { order: 22; }
.col-order-23 { order: 23; }
.col-order-24 { order: 24; }

@media (min-width: 768px) { .col-sm-1 { width: 4.1666666667%; }
  .col-sm-2 { width: 8.3333333333%; }
  .col-sm-3 { width: 12.5%; }
  .col-sm-4 { width: 16.6666666667%; }
  .col-sm-5 { width: 20.8333333333%; }
  .col-sm-6 { width: 25%; }
  .col-sm-7 { width: 29.1666666667%; }
  .col-sm-8 { width: 33.3333333333%; }
  .col-sm-9 { width: 37.5%; }
  .col-sm-10 { width: 41.6666666667%; }
  .col-sm-11 { width: 45.8333333333%; }
  .col-sm-12 { width: 50%; }
  .col-sm-13 { width: 54.1666666667%; }
  .col-sm-14 { width: 58.3333333333%; }
  .col-sm-15 { width: 62.5%; }
  .col-sm-16 { width: 66.6666666667%; }
  .col-sm-17 { width: 70.8333333333%; }
  .col-sm-18 { width: 75%; }
  .col-sm-19 { width: 79.1666666667%; }
  .col-sm-20 { width: 83.3333333333%; }
  .col-sm-21 { width: 87.5%; }
  .col-sm-22 { width: 91.6666666667%; }
  .col-sm-23 { width: 95.8333333333%; }
  .col-sm-24 { width: 100%; }
  .col-sm-pull-0 { right: auto; }
  .col-sm-pull-1 { right: 4.1666666667%; }
  .col-sm-pull-2 { right: 8.3333333333%; }
  .col-sm-pull-3 { right: 12.5%; }
  .col-sm-pull-4 { right: 16.6666666667%; }
  .col-sm-pull-5 { right: 20.8333333333%; }
  .col-sm-pull-6 { right: 25%; }
  .col-sm-pull-7 { right: 29.1666666667%; }
  .col-sm-pull-8 { right: 33.3333333333%; }
  .col-sm-pull-9 { right: 37.5%; }
  .col-sm-pull-10 { right: 41.6666666667%; }
  .col-sm-pull-11 { right: 45.8333333333%; }
  .col-sm-pull-12 { right: 50%; }
  .col-sm-pull-13 { right: 54.1666666667%; }
  .col-sm-pull-14 { right: 58.3333333333%; }
  .col-sm-pull-15 { right: 62.5%; }
  .col-sm-pull-16 { right: 66.6666666667%; }
  .col-sm-pull-17 { right: 70.8333333333%; }
  .col-sm-pull-18 { right: 75%; }
  .col-sm-pull-19 { right: 79.1666666667%; }
  .col-sm-pull-20 { right: 83.3333333333%; }
  .col-sm-pull-21 { right: 87.5%; }
  .col-sm-pull-22 { right: 91.6666666667%; }
  .col-sm-pull-23 { right: 95.8333333333%; }
  .col-sm-pull-24 { right: 100%; }
  .col-sm-push-0 { left: auto; }
  .col-sm-push-1 { left: 4.1666666667%; }
  .col-sm-push-2 { left: 8.3333333333%; }
  .col-sm-push-3 { left: 12.5%; }
  .col-sm-push-4 { left: 16.6666666667%; }
  .col-sm-push-5 { left: 20.8333333333%; }
  .col-sm-push-6 { left: 25%; }
  .col-sm-push-7 { left: 29.1666666667%; }
  .col-sm-push-8 { left: 33.3333333333%; }
  .col-sm-push-9 { left: 37.5%; }
  .col-sm-push-10 { left: 41.6666666667%; }
  .col-sm-push-11 { left: 45.8333333333%; }
  .col-sm-push-12 { left: 50%; }
  .col-sm-push-13 { left: 54.1666666667%; }
  .col-sm-push-14 { left: 58.3333333333%; }
  .col-sm-push-15 { left: 62.5%; }
  .col-sm-push-16 { left: 66.6666666667%; }
  .col-sm-push-17 { left: 70.8333333333%; }
  .col-sm-push-18 { left: 75%; }
  .col-sm-push-19 { left: 79.1666666667%; }
  .col-sm-push-20 { left: 83.3333333333%; }
  .col-sm-push-21 { left: 87.5%; }
  .col-sm-push-22 { left: 91.6666666667%; }
  .col-sm-push-23 { left: 95.8333333333%; }
  .col-sm-push-24 { left: 100%; }
  .col-sm-offset-0 { margin-left: 0; }
  .col-sm-offset-1 { margin-left: 4.1666666667%; }
  .col-sm-offset-2 { margin-left: 8.3333333333%; }
  .col-sm-offset-3 { margin-left: 12.5%; }
  .col-sm-offset-4 { margin-left: 16.6666666667%; }
  .col-sm-offset-5 { margin-left: 20.8333333333%; }
  .col-sm-offset-6 { margin-left: 25%; }
  .col-sm-offset-7 { margin-left: 29.1666666667%; }
  .col-sm-offset-8 { margin-left: 33.3333333333%; }
  .col-sm-offset-9 { margin-left: 37.5%; }
  .col-sm-offset-10 { margin-left: 41.6666666667%; }
  .col-sm-offset-11 { margin-left: 45.8333333333%; }
  .col-sm-offset-12 { margin-left: 50%; }
  .col-sm-offset-13 { margin-left: 54.1666666667%; }
  .col-sm-offset-14 { margin-left: 58.3333333333%; }
  .col-sm-offset-15 { margin-left: 62.5%; }
  .col-sm-offset-16 { margin-left: 66.6666666667%; }
  .col-sm-offset-17 { margin-left: 70.8333333333%; }
  .col-sm-offset-18 { margin-left: 75%; }
  .col-sm-offset-19 { margin-left: 79.1666666667%; }
  .col-sm-offset-20 { margin-left: 83.3333333333%; }
  .col-sm-offset-21 { margin-left: 87.5%; }
  .col-sm-offset-22 { margin-left: 91.6666666667%; }
  .col-sm-offset-23 { margin-left: 95.8333333333%; }
  .col-sm-offset-24 { margin-left: 100%; }
  .col-sm-order-first { order: -1; }
  .col-sm-order-last { order: 25; }
  .col-sm-order-0 { order: 0; }
  .col-sm-order-1 { order: 1; }
  .col-sm-order-2 { order: 2; }
  .col-sm-order-3 { order: 3; }
  .col-sm-order-4 { order: 4; }
  .col-sm-order-5 { order: 5; }
  .col-sm-order-6 { order: 6; }
  .col-sm-order-7 { order: 7; }
  .col-sm-order-8 { order: 8; }
  .col-sm-order-9 { order: 9; }
  .col-sm-order-10 { order: 10; }
  .col-sm-order-11 { order: 11; }
  .col-sm-order-12 { order: 12; }
  .col-sm-order-13 { order: 13; }
  .col-sm-order-14 { order: 14; }
  .col-sm-order-15 { order: 15; }
  .col-sm-order-16 { order: 16; }
  .col-sm-order-17 { order: 17; }
  .col-sm-order-18 { order: 18; }
  .col-sm-order-19 { order: 19; }
  .col-sm-order-20 { order: 20; }
  .col-sm-order-21 { order: 21; }
  .col-sm-order-22 { order: 22; }
  .col-sm-order-23 { order: 23; }
  .col-sm-order-24 { order: 24; } }
@media (min-width: 992px) { .col-md-1 { width: 4.1666666667%; }
  .col-md-2 { width: 8.3333333333%; }
  .col-md-3 { width: 12.5%; }
  .col-md-4 { width: 16.6666666667%; }
  .col-md-5 { width: 20.8333333333%; }
  .col-md-6 { width: 25%; }
  .col-md-7 { width: 29.1666666667%; }
  .col-md-8 { width: 33.3333333333%; }
  .col-md-9 { width: 37.5%; }
  .col-md-10 { width: 41.6666666667%; }
  .col-md-11 { width: 45.8333333333%; }
  .col-md-12 { width: 50%; }
  .col-md-13 { width: 54.1666666667%; }
  .col-md-14 { width: 58.3333333333%; }
  .col-md-15 { width: 62.5%; }
  .col-md-16 { width: 66.6666666667%; }
  .col-md-17 { width: 70.8333333333%; }
  .col-md-18 { width: 75%; }
  .col-md-19 { width: 79.1666666667%; }
  .col-md-20 { width: 83.3333333333%; }
  .col-md-21 { width: 87.5%; }
  .col-md-22 { width: 91.6666666667%; }
  .col-md-23 { width: 95.8333333333%; }
  .col-md-24 { width: 100%; }
  .col-md-pull-0 { right: auto; }
  .col-md-pull-1 { right: 4.1666666667%; }
  .col-md-pull-2 { right: 8.3333333333%; }
  .col-md-pull-3 { right: 12.5%; }
  .col-md-pull-4 { right: 16.6666666667%; }
  .col-md-pull-5 { right: 20.8333333333%; }
  .col-md-pull-6 { right: 25%; }
  .col-md-pull-7 { right: 29.1666666667%; }
  .col-md-pull-8 { right: 33.3333333333%; }
  .col-md-pull-9 { right: 37.5%; }
  .col-md-pull-10 { right: 41.6666666667%; }
  .col-md-pull-11 { right: 45.8333333333%; }
  .col-md-pull-12 { right: 50%; }
  .col-md-pull-13 { right: 54.1666666667%; }
  .col-md-pull-14 { right: 58.3333333333%; }
  .col-md-pull-15 { right: 62.5%; }
  .col-md-pull-16 { right: 66.6666666667%; }
  .col-md-pull-17 { right: 70.8333333333%; }
  .col-md-pull-18 { right: 75%; }
  .col-md-pull-19 { right: 79.1666666667%; }
  .col-md-pull-20 { right: 83.3333333333%; }
  .col-md-pull-21 { right: 87.5%; }
  .col-md-pull-22 { right: 91.6666666667%; }
  .col-md-pull-23 { right: 95.8333333333%; }
  .col-md-pull-24 { right: 100%; }
  .col-md-push-0 { left: auto; }
  .col-md-push-1 { left: 4.1666666667%; }
  .col-md-push-2 { left: 8.3333333333%; }
  .col-md-push-3 { left: 12.5%; }
  .col-md-push-4 { left: 16.6666666667%; }
  .col-md-push-5 { left: 20.8333333333%; }
  .col-md-push-6 { left: 25%; }
  .col-md-push-7 { left: 29.1666666667%; }
  .col-md-push-8 { left: 33.3333333333%; }
  .col-md-push-9 { left: 37.5%; }
  .col-md-push-10 { left: 41.6666666667%; }
  .col-md-push-11 { left: 45.8333333333%; }
  .col-md-push-12 { left: 50%; }
  .col-md-push-13 { left: 54.1666666667%; }
  .col-md-push-14 { left: 58.3333333333%; }
  .col-md-push-15 { left: 62.5%; }
  .col-md-push-16 { left: 66.6666666667%; }
  .col-md-push-17 { left: 70.8333333333%; }
  .col-md-push-18 { left: 75%; }
  .col-md-push-19 { left: 79.1666666667%; }
  .col-md-push-20 { left: 83.3333333333%; }
  .col-md-push-21 { left: 87.5%; }
  .col-md-push-22 { left: 91.6666666667%; }
  .col-md-push-23 { left: 95.8333333333%; }
  .col-md-push-24 { left: 100%; }
  .col-md-offset-0 { margin-left: 0; }
  .col-md-offset-1 { margin-left: 4.1666666667%; }
  .col-md-offset-2 { margin-left: 8.3333333333%; }
  .col-md-offset-3 { margin-left: 12.5%; }
  .col-md-offset-4 { margin-left: 16.6666666667%; }
  .col-md-offset-5 { margin-left: 20.8333333333%; }
  .col-md-offset-6 { margin-left: 25%; }
  .col-md-offset-7 { margin-left: 29.1666666667%; }
  .col-md-offset-8 { margin-left: 33.3333333333%; }
  .col-md-offset-9 { margin-left: 37.5%; }
  .col-md-offset-10 { margin-left: 41.6666666667%; }
  .col-md-offset-11 { margin-left: 45.8333333333%; }
  .col-md-offset-12 { margin-left: 50%; }
  .col-md-offset-13 { margin-left: 54.1666666667%; }
  .col-md-offset-14 { margin-left: 58.3333333333%; }
  .col-md-offset-15 { margin-left: 62.5%; }
  .col-md-offset-16 { margin-left: 66.6666666667%; }
  .col-md-offset-17 { margin-left: 70.8333333333%; }
  .col-md-offset-18 { margin-left: 75%; }
  .col-md-offset-19 { margin-left: 79.1666666667%; }
  .col-md-offset-20 { margin-left: 83.3333333333%; }
  .col-md-offset-21 { margin-left: 87.5%; }
  .col-md-offset-22 { margin-left: 91.6666666667%; }
  .col-md-offset-23 { margin-left: 95.8333333333%; }
  .col-md-offset-24 { margin-left: 100%; }
  .col-md-order-first { order: -1; }
  .col-md-order-last { order: 25; }
  .col-md-order-0 { order: 0; }
  .col-md-order-1 { order: 1; }
  .col-md-order-2 { order: 2; }
  .col-md-order-3 { order: 3; }
  .col-md-order-4 { order: 4; }
  .col-md-order-5 { order: 5; }
  .col-md-order-6 { order: 6; }
  .col-md-order-7 { order: 7; }
  .col-md-order-8 { order: 8; }
  .col-md-order-9 { order: 9; }
  .col-md-order-10 { order: 10; }
  .col-md-order-11 { order: 11; }
  .col-md-order-12 { order: 12; }
  .col-md-order-13 { order: 13; }
  .col-md-order-14 { order: 14; }
  .col-md-order-15 { order: 15; }
  .col-md-order-16 { order: 16; }
  .col-md-order-17 { order: 17; }
  .col-md-order-18 { order: 18; }
  .col-md-order-19 { order: 19; }
  .col-md-order-20 { order: 20; }
  .col-md-order-21 { order: 21; }
  .col-md-order-22 { order: 22; }
  .col-md-order-23 { order: 23; }
  .col-md-order-24 { order: 24; } }
@media (min-width: 1200px) { .col-lg-1 { width: 4.1666666667%; }
  .col-lg-2 { width: 8.3333333333%; }
  .col-lg-3 { width: 12.5%; }
  .col-lg-4 { width: 16.6666666667%; }
  .col-lg-5 { width: 20.8333333333%; }
  .col-lg-6 { width: 25%; }
  .col-lg-7 { width: 29.1666666667%; }
  .col-lg-8 { width: 33.3333333333%; }
  .col-lg-9 { width: 37.5%; }
  .col-lg-10 { width: 41.6666666667%; }
  .col-lg-11 { width: 45.8333333333%; }
  .col-lg-12 { width: 50%; }
  .col-lg-13 { width: 54.1666666667%; }
  .col-lg-14 { width: 58.3333333333%; }
  .col-lg-15 { width: 62.5%; }
  .col-lg-16 { width: 66.6666666667%; }
  .col-lg-17 { width: 70.8333333333%; }
  .col-lg-18 { width: 75%; }
  .col-lg-19 { width: 79.1666666667%; }
  .col-lg-20 { width: 83.3333333333%; }
  .col-lg-21 { width: 87.5%; }
  .col-lg-22 { width: 91.6666666667%; }
  .col-lg-23 { width: 95.8333333333%; }
  .col-lg-24 { width: 100%; }
  .col-lg-pull-0 { right: auto; }
  .col-lg-pull-1 { right: 4.1666666667%; }
  .col-lg-pull-2 { right: 8.3333333333%; }
  .col-lg-pull-3 { right: 12.5%; }
  .col-lg-pull-4 { right: 16.6666666667%; }
  .col-lg-pull-5 { right: 20.8333333333%; }
  .col-lg-pull-6 { right: 25%; }
  .col-lg-pull-7 { right: 29.1666666667%; }
  .col-lg-pull-8 { right: 33.3333333333%; }
  .col-lg-pull-9 { right: 37.5%; }
  .col-lg-pull-10 { right: 41.6666666667%; }
  .col-lg-pull-11 { right: 45.8333333333%; }
  .col-lg-pull-12 { right: 50%; }
  .col-lg-pull-13 { right: 54.1666666667%; }
  .col-lg-pull-14 { right: 58.3333333333%; }
  .col-lg-pull-15 { right: 62.5%; }
  .col-lg-pull-16 { right: 66.6666666667%; }
  .col-lg-pull-17 { right: 70.8333333333%; }
  .col-lg-pull-18 { right: 75%; }
  .col-lg-pull-19 { right: 79.1666666667%; }
  .col-lg-pull-20 { right: 83.3333333333%; }
  .col-lg-pull-21 { right: 87.5%; }
  .col-lg-pull-22 { right: 91.6666666667%; }
  .col-lg-pull-23 { right: 95.8333333333%; }
  .col-lg-pull-24 { right: 100%; }
  .col-lg-push-0 { left: auto; }
  .col-lg-push-1 { left: 4.1666666667%; }
  .col-lg-push-2 { left: 8.3333333333%; }
  .col-lg-push-3 { left: 12.5%; }
  .col-lg-push-4 { left: 16.6666666667%; }
  .col-lg-push-5 { left: 20.8333333333%; }
  .col-lg-push-6 { left: 25%; }
  .col-lg-push-7 { left: 29.1666666667%; }
  .col-lg-push-8 { left: 33.3333333333%; }
  .col-lg-push-9 { left: 37.5%; }
  .col-lg-push-10 { left: 41.6666666667%; }
  .col-lg-push-11 { left: 45.8333333333%; }
  .col-lg-push-12 { left: 50%; }
  .col-lg-push-13 { left: 54.1666666667%; }
  .col-lg-push-14 { left: 58.3333333333%; }
  .col-lg-push-15 { left: 62.5%; }
  .col-lg-push-16 { left: 66.6666666667%; }
  .col-lg-push-17 { left: 70.8333333333%; }
  .col-lg-push-18 { left: 75%; }
  .col-lg-push-19 { left: 79.1666666667%; }
  .col-lg-push-20 { left: 83.3333333333%; }
  .col-lg-push-21 { left: 87.5%; }
  .col-lg-push-22 { left: 91.6666666667%; }
  .col-lg-push-23 { left: 95.8333333333%; }
  .col-lg-push-24 { left: 100%; }
  .col-lg-offset-0 { margin-left: 0; }
  .col-lg-offset-1 { margin-left: 4.1666666667%; }
  .col-lg-offset-2 { margin-left: 8.3333333333%; }
  .col-lg-offset-3 { margin-left: 12.5%; }
  .col-lg-offset-4 { margin-left: 16.6666666667%; }
  .col-lg-offset-5 { margin-left: 20.8333333333%; }
  .col-lg-offset-6 { margin-left: 25%; }
  .col-lg-offset-7 { margin-left: 29.1666666667%; }
  .col-lg-offset-8 { margin-left: 33.3333333333%; }
  .col-lg-offset-9 { margin-left: 37.5%; }
  .col-lg-offset-10 { margin-left: 41.6666666667%; }
  .col-lg-offset-11 { margin-left: 45.8333333333%; }
  .col-lg-offset-12 { margin-left: 50%; }
  .col-lg-offset-13 { margin-left: 54.1666666667%; }
  .col-lg-offset-14 { margin-left: 58.3333333333%; }
  .col-lg-offset-15 { margin-left: 62.5%; }
  .col-lg-offset-16 { margin-left: 66.6666666667%; }
  .col-lg-offset-17 { margin-left: 70.8333333333%; }
  .col-lg-offset-18 { margin-left: 75%; }
  .col-lg-offset-19 { margin-left: 79.1666666667%; }
  .col-lg-offset-20 { margin-left: 83.3333333333%; }
  .col-lg-offset-21 { margin-left: 87.5%; }
  .col-lg-offset-22 { margin-left: 91.6666666667%; }
  .col-lg-offset-23 { margin-left: 95.8333333333%; }
  .col-lg-offset-24 { margin-left: 100%; }
  .col-lg-order-first { order: -1; }
  .col-lg-order-last { order: 25; }
  .col-lg-order-0 { order: 0; }
  .col-lg-order-1 { order: 1; }
  .col-lg-order-2 { order: 2; }
  .col-lg-order-3 { order: 3; }
  .col-lg-order-4 { order: 4; }
  .col-lg-order-5 { order: 5; }
  .col-lg-order-6 { order: 6; }
  .col-lg-order-7 { order: 7; }
  .col-lg-order-8 { order: 8; }
  .col-lg-order-9 { order: 9; }
  .col-lg-order-10 { order: 10; }
  .col-lg-order-11 { order: 11; }
  .col-lg-order-12 { order: 12; }
  .col-lg-order-13 { order: 13; }
  .col-lg-order-14 { order: 14; }
  .col-lg-order-15 { order: 15; }
  .col-lg-order-16 { order: 16; }
  .col-lg-order-17 { order: 17; }
  .col-lg-order-18 { order: 18; }
  .col-lg-order-19 { order: 19; }
  .col-lg-order-20 { order: 20; }
  .col-lg-order-21 { order: 21; }
  .col-lg-order-22 { order: 22; }
  .col-lg-order-23 { order: 23; }
  .col-lg-order-24 { order: 24; } }
/*  Layout
--------------- */
/*** Centers ***/
.center-x { position: relative; left: 50%; display: inline-block; }
.center-x > .center-inner { position: relative; left: -50%; }
.center-block { display: block; margin-left: auto; margin-right: auto; }
.center-trans { position: relative; }
.center-trans > .center-inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.center-dt { display: table; width: 100%; text-align: center; }
.center-dt > .center-inner { display: table-cell; vertical-align: middle; }
.center-dt > .center-inner > .center-block { display: inline-block; *display: inline; *zoom: 1; }
.center-df { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; align-content: center; }

/*** xCOL ***/
.col5 > .col, .col5 > li { float: left; width: 20% !important; }

.col4 > .col, .col4 > li { float: left; width: 25% !important; }

.grid { overflow: hidden; }
.grid-item { float: left; padding: 0 10px; }
.grid-v-2 .grid-item { width: 50%; }
.grid-v-3 .grid-item { width: 33.3333%; }
.grid-v-line { display: table; width: 100%; table-layout: fixed; }
.grid-v-line > .grid-item { display: table-cell; vertical-align: middle; float: none; border-right: 1px solid #eee; }
.grid-v-line > .grid-item:last-child { border-right: 0 none; }

/*  Scrollbar
--------------- */
::-webkit-scrollbar { width: 5px; height: 5px; -webkit-appearance: none; }
::-webkit-scrollbar-track-piece { border-radius: 6px; background-color: rgba(0, 0, 0, 0.2); }
::-webkit-scrollbar-thumb { background-clip: content-box; }
::-webkit-scrollbar-thumb:vertical { height: 5px; border-radius: 6px; background-color: rgba(125, 125, 125, 0.7); }
::-webkit-scrollbar-thumb:horizontal { width: 5px; border-radius: 6px; background-color: rgba(125, 125, 125, 0.7); }

/*  Icon
---------------------- */
[class^='icon-'], [class*=' icon-'] { position: relative; display: inline-block; line-height: 1; text-align: center; vertical-align: middle; font-weight: normal; font-style: normal; font-variant: normal; text-transform: none; text-rendering: auto; speak: none; -webkit-text-stroke-width: 0.2px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /*鼠标hover放大效果*/ -webkit-transition: font-size .25s ease-out 0s; -moz-transition: font-size .25s ease-out 0s; transition: font-size .25s ease-out 0s; }
[class^='icon-'] + span, [class*=' icon-'] + span { vertical-align: middle; }

/* 伪元素实现精灵图 */
.icon-sp { position: relative; }
.icon-sp:before { position: absolute; left: 0; display: inline-block; width: 22px; height: 22px; content: ''; background: no-repeat; }

/*  Before_cont
---------------------- */
.cont-bf, .arrow-up-bf, .arrow-down-bf, .arrow-right-bf, .arrow-left-bf, .arrow-up-right-bf, .arrow-up-left-bf, .arrow-down-right-bf, .arrow-down-left-bf, .arrow-inset-up-bf, .arrow-inset-down-bf, .arrow-inset-left-bf, .arrow-inset-right-bf { position: relative; }
.cont-bf:before, .arrow-up-bf:before, .arrow-down-bf:before, .arrow-right-bf:before, .arrow-left-bf:before, .arrow-up-right-bf:before, .arrow-up-left-bf:before, .arrow-down-right-bf:before, .arrow-down-left-bf:before, .arrow-inset-up-bf:before, .arrow-inset-down-bf:before, .arrow-inset-left-bf:before, .arrow-inset-right-bf:before { content: ''; position: absolute; top: 0; left: 0; z-index: 1; display: inline-block; vertical-align: middle; }

/* 伪元素实现 精灵图 */
.sp-bf { position: relative; }
.sp-bf:before { content: ''; position: absolute; top: 0; left: 0; z-index: 1; display: inline-block; vertical-align: middle; }
.sp-bf:before { top: 0; left: 0; width: 22px; height: 22px; background: no-repeat; }

/*  Arrow
--------------- */
/*  ▲up/arrow-inset-up/ ▶right/ ▼down/ ◀left、 ◤arrow-up-left左上角/ ◣左下角arrow-down-left/ ◥ arrow-up-right 右上角/◢ arrow-down-right右下角 */
.arrow-up, .caret-up:after, .arrow-up-bf:before { width: 0; height: 0; border-bottom: 8px solid currentColor; border-left: 8px solid transparent; border-right: 8px solid transparent; }
.arrow-down, .caret-down:after, .arrow-down-bf:before { width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid currentColor; }
.arrow-right, .caret-right:after, .arrow-right-bf:before { width: 0; height: 0; border-bottom: 8px solid transparent; border-left: 8px solid currentColor; border-top: 8px solid transparent; }
.arrow-left, .caret-left:before, .arrow-left-bf:before { width: 0; height: 0; border-bottom: 8px solid transparent; border-right: 8px solid currentColor; border-top: 8px solid transparent; }
.arrow-up-right, .arrow-up-right-bf:before { width: 0; height: 0; border-top: 8px solid currentColor; border-left: 16px solid transparent; }
.arrow-up-left, .arrow-up-left-bf:before { width: 0; height: 0; border-top: 8px solid currentColor; border-right: 16px solid transparent; }
.arrow-down-right, .arrow-down-right-bf:before { width: 0; height: 0; border-bottom: 8px solid currentColor; border-left: 16px solid transparent; }
.arrow-down-left, .arrow-down-left-bf:before { width: 0; height: 0; border-bottom: 8px solid currentColor; border-right: 16px solid transparent; }
.arrow-inset-up, .arrow-inset-up-bf:before { width: 0; height: 0; border-color: transparent transparent currentColor; border-style: solid; border-width: 8px 16px; }
.arrow-inset-down, .arrow-inset-down-bf:before { width: 0; height: 0; border-color: currentColor transparent transparent; border-style: solid; border-width: 8px 16px; }
.arrow-inset-left, .arrow-inset-left-bf:before { width: 0; height: 0; border-color: transparent currentColor transparent transparent; border-style: solid; border-width: 16px 8px; }
.arrow-inset-right, .arrow-inset-right-bf:before { width: 0; height: 0; border-color: transparent transparent transparent currentColor; border-style: solid; border-width: 16px 8px; }

.caret .caret-up:after, .caret .caret-down:after, .caret .caret-right:after, .caret .caret-left:before { content: ""; display: inline-block; margin-left: 0.34em; vertical-align: middle; }
.caret .caret-up:empty:after, .caret .caret-down:empty:after, .caret .caret-right:empty:after, .caret .caret-left:empty:after { margin-left: 0; }
.caret-left:after { display: none; }
.caret-left:before { margin-left: 0; margin-right: 0.34em; }

.parallelogram-bg { position: relative; z-index: 0; display: inline-block; text-align: center; }
.parallelogram-bg:before { content: ''; position: absolute; top: 0; left: 0; z-index: 1; display: inline-block; vertical-align: middle; }
.parallelogram-bg:before { height: 100%; left: 50%; top: 0; /*文字显示*/ z-index: -1; transform: skew(-30deg) translateX(-50%); }

.parallelogram-bg { color: #fff; }
.parallelogram-bg:before { width: 80%; background: linear-gradient(-90deg, #e54a2c, #fb8276); }

/*  Image
--------------- */
.img-fluid { max-width: 100%; height: auto; }
.img-rounded { border-radius: 6px; }
.img-circle { border-radius: 50%; }
.img-thumbnail { max-width: 100%; height: auto; padding: 0.25rem; border: 1px solid #dee2e6; background-color: #fff; border-radius: 0.25rem; box-shadow: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.075); }

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; }

/*  List
--------------- */
.list-unstyled { padding-left: 0; list-style: none outside none; }
.list-unstyled li a { padding-left: 0; background: none; }
.list-underline > li, .list-underdashed > li { border-top: 1px solid #d3d3d3; }
.list-underline > li:first-child, .list-underdashed > li:first-child { border-top: none; }
.list-underdashed > li { border-top: 1px dashed #d3d3d3; }
.list-inline > li { display: inline-block; margin-left: 0.33rem; }
.list-inline > li:first-child { margin-left: 0; }
.list-quare > li, .list-quare > .news-item, .list-dotted > li, .list-dotted > .news-item, .list-triangle > li, .list-triangle > .news-item { position: relative; padding-left: 1rem; /*background: url($DBimg-path + 'point.png') no-repeat left center;*/ }
/* .list-quare > li:before, .list-quare > .news-item:before, .list-dotted > li:before, .list-dotted > .news-item:before, .list-triangle > li:before, .list-triangle > .news-item:before { content: ''; position: absolute; left: 0; top: 50%; margin-top: -2.5px; width: 5px; height: 5px; background-color: #DCDCDC; } */
.list-dotted > li:before, .list-dotted > .news-item:before { border-radius: 50%; }
.list-triangle > li:before, .list-triangle > .news-item:before { content: none; }
.list-triangle > li .icon-triangle, .list-triangle > .news-item .icon-triangle { position: absolute; top: 50%; margin-top: -0.4em; margin-left: -1rem; padding-right: 0.5rem; width: 0; height: 0; border-bottom: 0.4em solid transparent; border-left: 0.4em solid #DCDCDC; border-top: 0.4em solid transparent; }

/* .dl-horizontal */
.dl-horizontal > dt { float: left; text-align: right; display: block; max-width: 100%; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; word-wrap: normal; }

.dl-horizontal > dt { width: 160px; }
.dl-horizontal > dd { margin-left: 160px; }

.dl-inline dd { display: inline-block; }

/*  Media
--------------- */
.media { position: relative; display: table; width: 100%; table-layout: fixed; }
.media, .media-body { zoom: 1; overflow: hidden; }
.media-left, .media-right, .media-body { display: table-cell; vertical-align: middle; }
.media-top { vertical-align: top; }
.media-bottom { vertical-align: bottom; }
.media-image { display: block; overflow: hidden; }
.media-object { display: block; /*max-width:100%*/ /*ds:none否则图片无法显示*/ }
.media-object.img-thumbnail { max-width: none; }
.media-heading { display: block; max-width: 100%; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; word-wrap: normal; }
.media-body p { white-space: normal; text-indent: 2em; text-align: justify; }
.media-list { padding-left: 0; list-style: none; }

.media-image { max-width: 150px; max-height: 78px; }
.media-left, .media-right { width: 165px; }
.media-left { padding-right: 15px; }
.media-right { padding-left: 15px; }
.media-body { /*padding-bottom:30px;*/ }
.media-body a:hover { color: #CC0000; }
.media-heading { margin-top: 0; font-size: 20px; line-height: 2.2; }
.media .content-box { overflow: hidden; }
.media-foot { position: absolute; bottom: 0; color: #999; }

/*  Table
---------------------- */
.table { width: 100%; max-width: 100%; margin-bottom: 1rem; background-color: transparent; }
.table th, .table td { padding: 0.75rem; border-top: 0.0625rem solid #dee2e6; }
.table thead th { border-bottom: 0.125rem solid #dee2e6; }
.table tbody + tbody { border-top: 0.125rem solid #dee2e6; }
.table .table { background-color: #fff; }

.table-sm th, .table-sm td { padding: 0.3rem; }

.table-bordered { border: 0.0625rem solid #dee2e6; }
.table-bordered th, .table-bordered td { border: 0.0625rem solid #dee2e6; }
.table-bordered thead th, .table-bordered thead td { border-bottom-width: 0.125rem; }

.table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; }

.table-striped tbody tr:nth-of-type(even) { background-color: rgba(0, 0, 0, 0.03); }

.table-hover tbody tr:hover { background-color: rgba(0, 0, 0, 0.075); }

/*  Form
---------------------- */
/* placeholder */
::-webkit-input-placeholder { color: #acacac; }

:-moz-placeholder { color: #acacac; }

::-moz-placeholder { color: #acacac; }

:-ms-input-placeholder { color: #acacac; }

/*  Form
---------------------- */
/* Legends */
.col-form-legend { margin-bottom: 0; padding-top: 0.4rem; padding-bottom: 0.4rem; font-size: 1rem; }

/* Labels */
label { /*margin-bottom: $label-margin-bottom;*/ line-height: calc(2.228rem + 0.125rem); font-weight: normal; }

.col-form-label { padding-top: calc(0.4rem + 0.0625rem); padding-bottom: calc(0.4rem + 0.0625rem); margin-bottom: 0; line-height: 1.428; }
.col-form-label-sm { padding-top: calc(0.25rem + 0.0625rem); padding-bottom: calc(0.25rem + 0.0625rem); line-height: 1.428; font-size: 0.875rem; }
.col-form-label-lg { padding-top: calc(0.5rem + 0.0625rem); padding-bottom: calc(0.5rem + 0.0625rem); line-height: 1.5; font-size: 1.25rem; }

/* Form_control */
.form-control { display: block; padding: 0.4rem 0.8rem; width: 100%; height: calc(2.228rem + 0.125rem); line-height: 1.428; font-size: 1rem; color: #495057; background-color: #fff; background-image: none; background-clip: padding-box; border: 0.0625rem solid #ced4da; border-radius: 0.25rem; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -moz-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
.form-control::-ms-expand { background-color: transparent; border: 0; }
.form-control:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
.form-control::placeholder { color: #868e96; opacity: 1; }
.form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; }

textarea.form-control { height: auto; }

select.form-control[size], select.form-control[multiple] { height: auto; }
select.form-control:not([size]):not([multiple]) { height: calc(2.228rem + 0.125rem); }
select.form-control:focus::-ms-value { color: #495057; background-color: #fff; }

.form-control-file, .form-control-range { display: block; }

/* Form_control_sm/lg */
.form-control-sm { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.428; border-radius: 0.2rem; }
.form-control-lg { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; }

select.form-control-sm:not([size]):not([multiple]) { height: calc(1.7495rem + 0.125rem); }
select.form-control-lg:not([size]):not([multiple]) { height: calc(2.875rem + 0.125rem); }

/* Form_control_plaintext */
.form-control-plaintext { display: block; width: 100%; padding-top: 0.4rem; padding-bottom: 0.4rem; margin-bottom: 0; line-height: 1.428; color: #333; background-color: transparent; border: solid transparent; border-width: 0.0625rem 0; }
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; }

/* Form_group */
.form-group { position: relative; margin-bottom: 1rem; }
.form-group.btns { text-align: center; }
.form-group.btns button { margin: 0 5px; }

.form-text { display: block; margin-top: 0.25rem; }

/* Form_grid */
.form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; }
.form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; }

/* Form_check */
.form-check { position: relative; display: block; padding-left: 1.25rem; }
.form-check-label { margin-bottom: 0; }
.form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; }
.form-check-input.disabled .form-check-label { color: #868e96; }
.form-check + .form-check { margin-top: -5px; }
.form-check-inline { position: relative; display: inline-block; align-items: center; padding-left: 0; margin-right: 0.75rem; }
.form-check-inline .form-check-label { vertical-align: middle; }
.form-check-inline .form-check-input { position: static; margin-top: 0; margin-left: 0; margin-right: 0.3125rem; }

.help-block { position: absolute; right: 0; top: 0; display: block; margin-top: 9px; margin-bottom: 10px; color: #df3535; font-size: 14px; }

/* Form_horizontal */
.form-horizontal .control-label { float: left; width: 15%; padding-right: 6px; text-align: right; }
.form-horizontal .form-control { float: left; width: 80%; }

/* Form_inline */
.form-inline .form-group { float: left; margin: 4px 10px 4px 0; vertical-align: middle; }
.form-inline .control-label { float: left; padding-right: 10px; }
.form-inline .form-control { float: left; width: auto !important; vertical-align: middle; }

.captcha.form-control { width: 20%; margin-right: 8px; }

.checkbox label { margin-right: 5px; }
.checkbox input { margin-right: 5px; }

.error-wrap { color: #df3535; }

/* Form_validation */
.valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #28a745; }

.valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; line-height: 1.428; color: #fff; background-color: rgba(40, 167, 69, 0.9); border-radius: 0.25rem; }

.was-validated .form-control:valid, .form-control.is-valid { border-color: #28a745; padding-right: 2.228rem; background-repeat: no-repeat; background-position: center right calc(2.228rem / 4); background-size: calc(2.228rem / 2) calc(2.228rem / 2); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); }
.was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }
.was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip { display: block; }

.was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: 2.228rem; background-position: top calc(2.228rem / 4) right calc(2.228rem / 4); }

.was-validated .custom-select:valid, .custom-select.is-valid { border-color: #28a745; padding-right: 3.471rem; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.8rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") no-repeat center right 1.8rem/1.114rem 1.114rem; }
.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }
.was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip { display: block; }

.was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip { display: block; }

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #28a745; }
.was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; }

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #28a745; }
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { border-color: #28a745; }
.was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip { display: block; }
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { border-color: #34ce57; background-image: -webkit-linear-gradient(180deg, #52d570, #34ce57); background-image: -o-linear-gradient(180deg, #52d570, #34ce57); background-image: -moz-linear-gradient(180deg, #52d570, #34ce57); background-image: linear-gradient(180deg, #52d570, #34ce57); }
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }
.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { border-color: #28a745; }

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #28a745; }
.was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip { display: block; }
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }

.invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #dc3545; }

.invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; line-height: 1.428; color: #fff; background-color: rgba(220, 53, 69, 0.9); border-radius: 0.25rem; }

.was-validated .form-control:invalid, .form-control.is-invalid { border-color: #dc3545; padding-right: 2.228rem; background-repeat: no-repeat; background-position: center right calc(2.228rem / 4); background-size: calc(2.228rem / 2) calc(2.228rem / 2); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"); }
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }
.was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip { display: block; }

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: 2.228rem; background-position: top calc(2.228rem / 4) right calc(2.228rem / 4); }

.was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #dc3545; padding-right: 3.471rem; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.8rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") no-repeat center right 1.8rem/1.114rem 1.114rem; }
.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }
.was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip { display: block; }

.was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip { display: block; }

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #dc3545; }
.was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; }

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #dc3545; }
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: #dc3545; }
.was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip { display: block; }
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: #e4606d; background-image: -webkit-linear-gradient(180deg, #e87883, #e4606d); background-image: -o-linear-gradient(180deg, #e87883, #e4606d); background-image: -moz-linear-gradient(180deg, #e87883, #e4606d); background-image: linear-gradient(180deg, #e87883, #e4606d); }
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }
.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: #dc3545; }

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #dc3545; }
.was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip { display: block; }
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }

/*  Button
---------------- */
[class^="btn-"]:focus, [class^="btn-"]:link, [class^="btn-"]:visited, [class^="btn-"]:hover, [class^="btn-"]:active, [class*="btn-"]:focus, [class*="btn-"]:link, [class*="btn-"]:visited, [class*="btn-"]:hover, [class*="btn-"]:active { border-color: transparent; }
[class^="btn-"]:hover, [class*="btn-"]:hover { filter: alpha(opacity=90); opacity: 0.9; }

.btn { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; user-select: none; border: 0.0625rem solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.15; border-radius: 0.25rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
.btn:focus, .btn:hover { text-decoration: none; }
.btn:focus, .btn.focus { outline: 0; }
.btn:disabled, .btn.disabled { opacity: .65; }
.btn:not([disabled]):not(.disabled):active, .btn:not([disabled]):not(.disabled).active { background-image: none; }

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

/* Alternate_button */
.btn-primary { color: #fff; background-color: #007bff; border-color: #007bff; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
.btn-primary:hover { color: #fff; background-color: #0069d9; border-color: #0062cc; }
.btn-primary:focus, .btn-primary.focus { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }
.btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #007bff; border-color: #007bff; background-image: none; }
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #0062cc; background-image: none; border-color: #005cbf; }
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }

.btn-secondary { color: #fff; background-color: #868e96; border-color: #868e96; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
.btn-secondary:hover { color: #fff; background-color: #727b84; border-color: #6c757d; }
.btn-secondary:focus, .btn-secondary.focus { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(152, 159, 166, 0.5); }
.btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #868e96; border-color: #868e96; background-image: none; }
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #6c757d; background-image: none; border-color: #666e76; }
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(152, 159, 166, 0.5); }

.btn-success { color: #fff; background-color: #28a745; border-color: #28a745; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
.btn-success:hover { color: #fff; background-color: #218838; border-color: #1e7e34; }
.btn-success:focus, .btn-success.focus { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(72, 180, 97, 0.5); }
.btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #28a745; border-color: #28a745; background-image: none; }
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #1e7e34; background-image: none; border-color: #1c7430; }
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(72, 180, 97, 0.5); }

.btn-info { color: #fff; background-color: #17a2b8; border-color: #17a2b8; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
.btn-info:hover { color: #fff; background-color: #138496; border-color: #117a8b; }
.btn-info:focus, .btn-info.focus { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(58, 176, 195, 0.5); }
.btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #17a2b8; border-color: #17a2b8; background-image: none; }
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #117a8b; background-image: none; border-color: #10707f; }
.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(58, 176, 195, 0.5); }

.btn-warning { color: #111; background-color: #ffc107; border-color: #ffc107; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
.btn-warning:hover { color: #111; background-color: #e0a800; border-color: #d39e00; }
.btn-warning:focus, .btn-warning.focus { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(219, 167, 9, 0.5); }
.btn-warning.disabled, .btn-warning:disabled { color: #111; background-color: #ffc107; border-color: #ffc107; background-image: none; }
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #111; background-color: #d39e00; background-image: none; border-color: #c69500; }
.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(219, 167, 9, 0.5); }

.btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
.btn-danger:hover { color: #fff; background-color: #c82333; border-color: #bd2130; }
.btn-danger:focus, .btn-danger.focus { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(225, 83, 97, 0.5); }
.btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545; background-image: none; }
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #bd2130; background-image: none; border-color: #b21f2d; }
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(225, 83, 97, 0.5); }

.btn-muted { color: #fff; background-color: #868e96; border-color: #868e96; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
.btn-muted:hover { color: #fff; background-color: #727b84; border-color: #6c757d; }
.btn-muted:focus, .btn-muted.focus { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(152, 159, 166, 0.5); }
.btn-muted.disabled, .btn-muted:disabled { color: #fff; background-color: #868e96; border-color: #868e96; background-image: none; }
.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { color: #fff; background-color: #6c757d; background-image: none; border-color: #666e76; }
.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(152, 159, 166, 0.5); }

.btn-light { color: #111; background-color: #f8f9fa; border-color: #f8f9fa; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
.btn-light:hover { color: #111; background-color: #e2e6ea; border-color: #dae0e5; }
.btn-light:focus, .btn-light.focus { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(213, 214, 215, 0.5); }
.btn-light.disabled, .btn-light:disabled { color: #111; background-color: #f8f9fa; border-color: #f8f9fa; background-image: none; }
.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #111; background-color: #dae0e5; background-image: none; border-color: #d3d9df; }
.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(213, 214, 215, 0.5); }

.btn-dark { color: #fff; background-color: #343a40; border-color: #343a40; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
.btn-dark:hover { color: #fff; background-color: #23272b; border-color: #1d2124; }
.btn-dark:focus, .btn-dark.focus { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(82, 88, 93, 0.5); }
.btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #343a40; border-color: #343a40; background-image: none; }
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #1d2124; background-image: none; border-color: #171a1d; }
.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(82, 88, 93, 0.5); }

.btn-outline-primary { color: #007bff; border-color: #007bff; }
.btn-outline-primary:hover { color: #fff; background-color: #007bff; border-color: #007bff; }
.btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }
.btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #007bff; background-color: transparent; }
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #007bff; border-color: #007bff; }
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }

.btn-outline-secondary { color: #868e96; border-color: #868e96; }
.btn-outline-secondary:hover { color: #fff; background-color: #868e96; border-color: #868e96; }
.btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5); }
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #868e96; background-color: transparent; }
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #868e96; border-color: #868e96; }
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(134, 142, 150, 0.5); }

.btn-outline-success { color: #28a745; border-color: #28a745; }
.btn-outline-success:hover { color: #fff; background-color: #28a745; border-color: #28a745; }
.btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }
.btn-outline-success.disabled, .btn-outline-success:disabled { color: #28a745; background-color: transparent; }
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #28a745; border-color: #28a745; }
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }

.btn-outline-info { color: #17a2b8; border-color: #17a2b8; }
.btn-outline-info:hover { color: #fff; background-color: #17a2b8; border-color: #17a2b8; }
.btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
.btn-outline-info.disabled, .btn-outline-info:disabled { color: #17a2b8; background-color: transparent; }
.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #17a2b8; border-color: #17a2b8; }
.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }

.btn-outline-warning { color: #ffc107; border-color: #ffc107; }
.btn-outline-warning:hover { color: #fff; background-color: #ffc107; border-color: #ffc107; }
.btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }
.btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc107; background-color: transparent; }
.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #111; background-color: #ffc107; border-color: #ffc107; }
.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }

.btn-outline-danger { color: #dc3545; border-color: #dc3545; }
.btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545; }
.btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }
.btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #dc3545; background-color: transparent; }
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #dc3545; border-color: #dc3545; }
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }

.btn-outline-muted { color: #868e96; border-color: #868e96; }
.btn-outline-muted:hover { color: #fff; background-color: #868e96; border-color: #868e96; }
.btn-outline-muted:focus, .btn-outline-muted.focus { box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5); }
.btn-outline-muted.disabled, .btn-outline-muted:disabled { color: #868e96; background-color: transparent; }
.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { color: #fff; background-color: #868e96; border-color: #868e96; }
.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(134, 142, 150, 0.5); }

.btn-outline-light { color: #f8f9fa; border-color: #f8f9fa; }
.btn-outline-light:hover { color: #333; background-color: #f8f9fa; border-color: #f8f9fa; }
.btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
.btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent; }
.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #111; background-color: #f8f9fa; border-color: #f8f9fa; }
.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }

.btn-outline-dark { color: #343a40; border-color: #343a40; }
.btn-outline-dark:hover { color: #fff; background-color: #343a40; border-color: #343a40; }
.btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }
.btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #343a40; background-color: transparent; }
.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #343a40; border-color: #343a40; }
.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }

/* Link_button */
.btn-link { font-weight: 400; color: #007bff; background-color: transparent; }
.btn-link:hover { color: #0056b3; text-decoration: none; }
.btn-link:focus, .btn-link.focus { text-decoration: none; border-color: transparent; box-shadow: none; }
.btn-link:disabled, .btn-link.disabled { color: #868e96; pointer-events: none; }

/* Button_sizes */
.btn-sm { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.428; border-radius: 0.2rem; }
.btn-lg { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; }

/* Page Primary
=========================================*/
.container, .wrapper, .inner { position: relative; margin-right: auto; margin-left: auto; }

.bgc { /*background: url(../images/bg.png) no-repeat 50% 0 #021d4c;*/ background-size: cover; }

.clearfix > li, .clearfix > [class^='col-'], .clearfix > [class*='col'], .group > li, .group > [class^='col-'], .group > [class*='col'] { float: left !important; *display: inline; *zoom: 1; }
.clearfix > .more, .group > .more { float: right !important; *display: inline; *zoom: 1; }

/*  === 元件类 ===
==============================*/
/* 徽章 Badge
----------------*/
.badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; }
.badge:empty { display: none; }

a.badge:focus, a.badge:hover { text-decoration: none; }

.btn .badge { position: relative; top: -1px; }

/* Badge-pill */
.badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; }

/* Badge-colors */
.badge-primary { color: #fff; background-color: #007bff; }
a.badge-primary:focus, a.badge-primary:hover { color: #fff; background-color: #0062cc; }
.badge-secondary { color: #fff; background-color: #868e96; }
a.badge-secondary:focus, a.badge-secondary:hover { color: #fff; background-color: #6c757d; }
.badge-success { color: #fff; background-color: #28a745; }
a.badge-success:focus, a.badge-success:hover { color: #fff; background-color: #1e7e34; }
.badge-info { color: #fff; background-color: #17a2b8; }
a.badge-info:focus, a.badge-info:hover { color: #fff; background-color: #117a8b; }
.badge-warning { color: #111; background-color: #ffc107; }
a.badge-warning:focus, a.badge-warning:hover { color: #111; background-color: #d39e00; }
.badge-danger { color: #fff; background-color: #dc3545; }
a.badge-danger:focus, a.badge-danger:hover { color: #fff; background-color: #bd2130; }
.badge-muted { color: #fff; background-color: #868e96; }
a.badge-muted:focus, a.badge-muted:hover { color: #fff; background-color: #6c757d; }
.badge-light { color: #111; background-color: #f8f9fa; }
a.badge-light:focus, a.badge-light:hover { color: #111; background-color: #dae0e5; }
.badge-dark { color: #fff; background-color: #343a40; }
a.badge-dark:focus, a.badge-dark:hover { color: #fff; background-color: #1d2124; }

/* ui-state
----------------*/
.ui-state { position: relative; color: #2e75ff; }
.ui-state:before { content: ''; display: inline-block; padding: 0; margin-right: 5px; width: 8px; height: 8px; border-radius: 50%; background-color: #2e75ff; }
.ui-state-primary { color: #2e75ff; }
.ui-state-primary:before { background-color: #2e75ff; }
.ui-state-success { color: #00cc33; }
.ui-state-success:before { background-color: #00cc33; }
.ui-state-danger { color: #f00; }
.ui-state-danger:before { background-color: #f00; }

/*  === 组件类 ===
==============================*/
/* 下拉菜单 Dropdown
----------------*/
.dropdown { position: relative; }
.dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9998; background-color: transparent; }
.dropdown-menu { display: none; position: absolute; top: 100%; left: 0; z-index: 9999; min-width: 100%; text-align: left; color: #fff; background-color: rgba(0, 0, 0, 0.6); background-clip: padding-box; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05); animation-duration: 300ms; animation-fill-mode: both; animation-name: FadeInDown; }
.dropdown-menu::before { content: ""; position: absolute; left: 6px; top: -8px; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #666 transparent; }
.dropdown-menu.center { left: 50%; transform: translateX(-50%); animation: none; }
.dropdown-menu.center::before { left: 50%; transform: translateX(-50%); }
.dropdown-menu.right { left: auto; right: 0; }
.dropdown-menu.right::before { left: auto; right: 18px; }
.dropdown .icon-arrowDown { transition: transform 0.2s, vertical-align 0.2s; }

.open > .dropdown-menu { display: block; }
.open .icon-arrowDown { transform: rotate(180deg); }

/* Owl Carousel
----------------*/
.owl-carousel { display: none; position: relative; z-index: 1; width: 100%; -webkit-tap-highlight-color: transparent; }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item { float: left; position: relative; min-height: 1px; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }
.owl-carousel .owl-item img { display: block; width: 100%; }
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; }
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { padding: 0 !important; font: inherit; border: none; color: inherit; background: none; }
.owl-carousel.owl-loaded { display: block; }
.owl-carousel.owl-loading { display: block; opacity: 0; }
.owl-carousel.owl-hidden { opacity: 0; }
.owl-carousel.owl-refresh .owl-item { visibility: hidden; }
.owl-carousel.owl-drag .owl-item { touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel.owl-grab { cursor: move; cursor: grab; }
.owl-carousel.owl-rtl { direction: rtl; }
.owl-carousel.owl-rtl .owl-item { float: right; }

/* No Js */
.no-js .owl-carousel { display: block; }

/* Icon_item
----------------*/
.icon-item { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.icon-item .icon { display: inline-block; width: 80px; height: 80px; line-height: 80px; text-align: center; font-size: 47px; background: #f2f2f2; border-radius: 30px; }
.icon-item .icon-name { max-width: 100px; font-size: 16px; line-height: 22px; padding: 6px 0; }

/* Figure
----------------*/
.figure { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; align-content: center; text-align: center; display: block; }
.figure-icon { display: inline-block; *display: inline; *zoom: 1; width: 80px; height: 80px; line-height: 80px; text-align: center; font-size: 47px; border-radius: 30px; }
.figure-img { width: 100%; height: 100%; line-height: 1; }
.figure-caption { padding: 10px 15px; font-size: 14px; color: #291C1B; line-height: 22px; text-align: justify; background: #f6f6f6; }
.figure-caption h4 { display: block; max-width: 100%; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; word-wrap: normal; }
.figure-caption p { font-size: 12px; line-height: 1.4; color: #727878; }

.video-img .icon-play { position: absolute; left: 50%; top: 50%; margin-top: -25px; margin-left: -25px; border-radius: 50%; width: 50px; height: 50px; background: url("../images/icon_play.png") no-repeat center; background-size: 100%; }

.hover-txt { position: relative; overflow: hidden; }
.hover-txt .txt-bg { position: absolute; bottom: 0; z-index: 1; width: 100%; height: 50px; overflow: hidden; background-color: #333; filter: alpha(opacity=50); opacity: 0.5; }
.hover-txt .txt { position: absolute; bottom: 0; z-index: 2; padding: 0 20px; height: 50px; line-height: 50px; overflow: hidden; color: #fff; font-size: 18px; display: block; max-width: 100%; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; word-wrap: normal; }

/* 面包屑 crumbs
----------------*/
.crumbs-box { height: 45px; line-height: 45px; color: #666; background-color: #eee; }
.crumbs-tit { float: left !important; *display: inline; *zoom: 1; }
.crumbs-tit .iconfont { padding: 0 5px; color: #478EE2; vertical-align: middle; font-size: 22px; }
.crumbs { float: left !important; *display: inline; *zoom: 1; margin-bottom: 0; }
.crumbs li + li:before { content: "/\00a0"; padding: 0 5px; color: #ccc; }
.crumbs li.active { color: #478EE2; }

/* superslide
----------------*/
.superslide { position: relative; overflow: hidden; }
.superslide .pic-list > a { display: block; text-align: center; }
.superslide .pic-list img { display: inline-block; /*width:100%; */ vertical-align: top; }
.superslide .txt-bg { position: absolute; bottom: 0; z-index: 1; width: 100%; overflow: hidden; background-color: #333; opacity: .75; }
.superslide .txt-list { position: absolute; bottom: 0; z-index: 2; width: 100%; overflow: hidden; }
.superslide .txt-list li { position: absolute; width: 100%; }
.superslide .txt-list li a { margin: 0 30% 0 20px; color: #fff; display: block; max-width: 100%; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; word-wrap: normal; }
.superslide .num-list { position: absolute; right: 20px; z-index: 3; }
.superslide .num-list li { float: left; position: relative; text-align: center; overflow: hidden; }
.superslide .num-list li a, .superslide .num-list li span { position: absolute; top: 0; left: 0; z-index: 2; display: block; width: 100%; height: 100%; text-decoration: none; }
.superslide .num-list li span { z-index: 1; }
.superslide .sPrev, .superslide .sNext { position: absolute; z-index: 100; top: 50%; text-align: center; }
.superslide .sPrev { left: 0; }
.superslide .sNext { right: 0; }
.superslide .pageState { position: absolute; z-index: 1; letter-spacing: 1px; }

.superslide .txt-bg { height: 36px; }
.superslide .txt-list { height: 36px; }
.superslide .txt-list li { bottom: -36px; }
.superslide .txt-list li a { line-height: 36px; }
.superslide .num-list { bottom: 12px; }
.superslide .num-list li { margin-right: 5px; width: 9px; height: 9px; border-radius: 5px; }
.superslide .num-list li a, .superslide .num-list li span { color: #fff; }
.superslide .num-list li span { background-color: #9B9B9B; }
.superslide .num-list li.on { width: 20px; height: 9px; }
.superslide .num-list li.on a, .superslide .num-list li a:hover { background-color: #fff; }
.superslide .sPrev, .superslide .sNext { margin-top: calc(-70px/2); width: 40px; height: 70px; line-height: 70px; font-size: 18px; color: #fff; background-color: #000; filter: alpha(opacity=46); opacity: 0.46; }
.superslide .sPrev > i, .superslide .sNext > i { font-size: 22px; }
.superslide .sPrev:hover, .superslide .sNext:hover { color: #fff !important; filter: alpha(opacity=56); opacity: 0.56; }
.superslide .pageState { bottom: 7px; right: 5px; font-family: "Times New Roman", serif; color: #fff; }

/* pic_news */
.pic-news { width: 100%; height: 350px; }
.pic-news .pic-list > img { height: 350px; }

/* pic_scrollx */
.pic-scrollx { /* padding:0 40px; background-color: green;*/ }
.pic-scrollx .hd .sPrev, .pic-scrollx .hd .sNext { font-size: 0; text-indent: -999em; margin-top: -20px; top: 50%; width: 25px; height: 40px; line-height: 40px; background-repeat: no-repeat; background-position: center; background-size: 20%; border-radius: 3px; }
.pic-scrollx .hd .sPrev img, .pic-scrollx .hd .sNext img { width: 100%; }
.pic-scrollx .bd { overflow: hidden; /*background-color: red;*/ }
.pic-scrollx .bd .pic-list { display: block; margin: 0 -10px !important; }
.pic-scrollx .bd .pic-list li { width: calc(100%/3); padding: 16px 0; /*padding:16px 8px;*/ }
.pic-scrollx .bd .pic-list li a { display: block; padding: 0 10px; }

/* pic_scrolly */
.pic-scrolly .hd .sPrev, .pic-scrolly .hd .sNext { margin-top: 0; font-size: 0; text-indent: -999em; margin-left: -20px; left: 50%; width: 50px; height: 26px; line-height: 26px; background-repeat: no-repeat; background-position: center; background-size: 20%; border-radius: 3px; }
.pic-scrolly .hd .sPrev img, .pic-scrolly .hd .sNext img { width: 40%; }
.pic-scrolly .hd .sPrev { top: 10px; /*background-image: url(top.png);*/ }
.pic-scrolly .hd .sNext { top: auto; bottom: 10px; /*background-image: url(bottom.png);*/ }
.pic-scrolly .bd { overflow: hidden; /*background-color: red;*/ }
.pic-scrolly .bd .pic-list { display: block; margin: -5px 0 !important; height: 100px; }
.pic-scrolly .bd .pic-list li { height: calc(100%/2); /*padding:16px 8px;*/ }
.pic-scrolly .bd .pic-list li a { display: block; padding: 5px 0; }

/* mask_slide */
.mask-slide .main-mask { position: relative; overflow: hidden; }
.mask-slide .thumb-mask { position: relative; overflow: hidden; }
.mask-slide .thumb-mask .thumb-pic .small-pic-list { overflow: hidden; zoom: 1; }
.mask-slide .thumb-mask .thumb-pic .small-pic-list li { box-sizing: content-box; float: left; text-align: center; }
.mask-slide .thumb-mask .thumb-pic .small-pic-list li img { cursor: pointer; }

.mask-slide .main-mask { height: 386px; margin-bottom: 1rem; }
.mask-slide .pic-list img { height: 386px; }
.mask-slide .thumb-mask .thumb-pic .small-pic-list { margin: 0 -5px !important; height: 125px; }
.mask-slide .thumb-mask .thumb-pic .small-pic-list li { width: calc(100%/3); padding: 0 5px; }
.mask-slide .thumb-mask .thumb-pic .small-pic-list li img { width: 100%; height: 125px; }
.mask-slide .thumb-mask .thumb-pic .small-pic-list li.on img, .mask-slide .thumb-mask .thumb-pic .small-pic-list li:hover img { border: 2px solid #c00000; }
.mask-slide .thumb-mask .sPrev, .mask-slide .thumb-mask .sNext { margin-top: -62.5px; top: 50%; width: 25px; height: 100%; line-height: 125px; }

/* ui-tabs */
.tabs-hd > ul > li > a, .tabs-hd > ul > li > span { cursor: pointer; }
.tabs-bd > .tabs-panel { display: none; }
.tabs-bd > .tabs-panel:first-child { display: block; }

/* 分页 Paginationjs
----------------*/
.pagination-box { padding: 30px 0; display: table; width: 100%; text-align: center; }
.pagination-box > .pagination-inner { display: table-cell; vertical-align: middle; }
.pagination-box > .pagination-inner > .pagination { display: inline-block; *display: inline; *zoom: 1; }

/* pagination */
.pagination { display: inline-block; *display: inline; *zoom: 1; }
.pagination { /*overflow:hidden;*/ *zoom: 1; display: flow-root; }
.pagination:before, .pagination:after { content: ''; display: table; }
.pagination:after { clear: both; }

/* page-link */
.page-link:hover { z-index: 2; color: #fff; text-decoration: none; background-color: #cc0000; }
.page-link:focus { z-index: 2; }
.page-link:not(:disabled):not(.disabled) { cursor: pointer; }

/* page-item */
.page-item { float: left !important; *display: inline; *zoom: 1; margin: 0 3px; }
.page-item > a, .page-item > span { position: relative; display: block; padding: 0 14px; height: 34px; line-height: 34px; text-decoration: none; text-align: center; color: #000; background-color: #F1F1F1; }
.page-item.active .page-link { z-index: 1; color: #fff; background-color: #cc0000; }
.page-item.disabled .page-link { color: #888; pointer-events: none; cursor: not-allowed; }
.page-item.goto input, .page-item.goto select { display: inline-block; width: 50px; margin: 0 5px; }

.paginationjs { line-height: 1.6; font-family: "Marmelad", "Lucida Grande", "Arial", "Hiragino Sans GB", Georgia, sans-serif; font-size: 14px; }
.paginationjs:after { display: table; content: " "; clear: both; }
.paginationjs-pages { float: left; }
.paginationjs-pages ul { float: left; }
.paginationjs-pages li { float: left; border: 1px solid #ddd; border-right: none; }
.paginationjs-pages li > a { display: block; padding: 0 12px; min-width: 30px; height: 28px; line-height: 28px; text-align: center; color: #333; background: #fff; }
.paginationjs-pages li > a:hover { background: #eee; }
.paginationjs-pages li.active { border: none; }
.paginationjs-pages li.active > a { height: 30px; line-height: 30px; color: #fff; background: #ddd; }
.paginationjs-pages li:first-child { border-radius: 3px 0 0 3px; }
.paginationjs-pages li:last-child { border-right: 1px solid #ddd; border-radius: 0 3px 3px 0; }
.paginationjs-nav { float: left; height: 30px; line-height: 30px; margin-left: 10px; font-size: 14px; }
.paginationjs-go-input { float: left; margin-left: 10px; font-size: 14px; }
.paginationjs-go-input > input[type="text"] { width: 30px; height: 28px; background: #fff; border-radius: 3px; border: 1px solid #ddd; padding: 0; font-size: 14px; text-align: center; vertical-align: baseline; outline: none; box-shadow: none; box-sizing: initial; }
.paginationjs-go-button { float: left; margin-left: 10px; }
.paginationjs-go-button > input[type="button"] { padding: 0 8px; min-width: 40px; height: 30px; line-height: 28px; text-align: center; vertical-align: baseline; border: 1px solid #ddd; border-radius: 3px; color: #333; background: #fff; outline: none; cursor: pointer; box-shadow: none; }
.paginationjs-go-button > input[type="button"]:hover { background-color: #efefef; }
.paginationjs-small { font-size: 12px; }
.paginationjs-small .paginationjs-pages li > a { min-width: 26px; height: 24px; line-height: 24px; font-size: 12px; }
.paginationjs-small .paginationjs-pages li.active > a { height: 26px; line-height: 26px; }
.paginationjs-small .paginationjs-go-input { font-size: 12px; }
.paginationjs-small .paginationjs-go-input > input[type="text"] { width: 26px; height: 24px; font-size: 12px; }
.paginationjs-small .paginationjs-go-button { font-size: 12px; }
.paginationjs-small .paginationjs-go-button > input[type="button"] { min-width: 30px; height: 26px; line-height: 24px; padding: 0 6px; font-size: 12px; }
.paginationjs-small .paginationjs-nav { height: 26px; line-height: 26px; font-size: 12px; }
.paginationjs-theme-blue .paginationjs-pages li { border-color: #289DE9; }
.paginationjs-theme-blue .paginationjs-pages li > a { color: #289DE9; }
.paginationjs-theme-blue .paginationjs-pages li > a:hover { background: #E9F4FC; }
.paginationjs-theme-blue .paginationjs-pages li.active > a { background: #289DE9; color: #fff; }
.paginationjs-theme-blue .paginationjs-pages li.disabled > a:hover { background: none; }
.paginationjs-theme-blue .paginationjs-go-input > input[type="text"] { border-color: #289DE9; }
.paginationjs-theme-blue .paginationjs-go-button > input[type="button"] { background: #289DE9; border-color: #289DE9; color: #fff; }
.paginationjs-theme-blue .paginationjs-go-button > input[type="button"]:hover { background-color: #3CA5EA; }

/* Hacks for IE 6~9 */
.paginationjs .paginationjs-pages li.paginationjs-next { *border-right: 1px solid #ddd; border-right: 1px solid #aaa\0; }
.paginationjs .paginationjs-go-input { *margin-left: 5px; margin-left: 5px\0; }
.paginationjs .paginationjs-go-input > input[type="text"] { *line-height: 28px; line-height: 28px\0; *vertical-align: middle; vertical-align: middle\0; }
.paginationjs .paginationjs-go-button { *margin-left: 5px; margin-left: 5px\0; }
.paginationjs .paginationjs-go-button > input[type="button"] { *vertical-align: middle; vertical-align: middle\0; }
.paginationjs.paginationjs-big .paginationjs-pages li > a { line-height: 36px\0; }
.paginationjs.paginationjs-big .paginationjs-go-input > input[type="text"] { *height: 35px; height: 36px\0; *line-height: 36px; line-height: 36px\0; }

/* === CommonLayout ===
==============================*/
/* ui-table */
.ui-table thead th, .ui-table tbody td { padding: 9px 8px; text-align: center; background-color: rgba(25, 89, 171, 0.07); border: 1px solid rgba(0, 0, 0, 0.1); }
.ui-table thead th { color: #34f8ff; background-color: #1959AB; }
.ui-table tr.even td, .ui-table tr:nth-child(2n) td { background-color: rgba(25, 89, 171, 0.15); }
.ui-table tr:hover td { background-color: rgba(25, 89, 171, 0.3); }

/* ui-form */
.ui-form-box { width: 1200px; margin: 20px auto; padding: 15px; box-shadow: 1px 1px 5px 4px rgba(120, 140, 184, 0.16); }

/* Fullpage
-------------- */
/* =Header
---------------------- */
#header { position: relative; z-index: 100; }
#header .logo a { display: block; text-align: center; text-indent: -999em; background-repeat: no-repeat; background-position: center; }

.banner { min-width: 1054px; height: 450px; /*background: url("../images/_res/header/banner.jpg") no-repeat center;*/ background-size: cover; }

/* header1.html
----------------*/
.top-head {  background: url("./headerbg.png") no-repeat center; background-size: cover; }
.top-head .logo { text-align: center; }
.top-head .logo a { display: inline-block !important; margin-top: 20px; margin-bottom: 20px; width: 419px; height: 110px; background: url(logo.png) no-repeat center; }

.headerTop { height: 50px; align-items: center; bottom: 10px; left: 0; display: flex; justify-content: space-between; width: 1200px; margin: 0 auto; }

.headerTop .top-l { display: flex; width: 375px; align-items: center; justify-content: space-between; }

.headerTop .top-l .cell { font-size: 15px; line-height: 20px; color: #515a61; font-weight: 700; }

.headerTop .top-c { width: 370px; height: 40px; display: flex; align-items: center; border: 1px solid #e1e1e1; border-radius: 5px; background-color: #fff; }

.headerTop .top-c .inp-l { line-height: 40px; color: #868686; font-size: 16px; font-weight: 700; line-height: 24px; width: 115px; text-align: center; border-right: 1px solid #e1e1e1; }

.headerTop .top-c .inp-r { height: 24px; width: 50px; text-align: center; }

.headerTop .top-c .inp-r img { height: 24px; }

.headerTop .top-c .inp { width: 100%; height: 100%; border: none; flex: 1; }

.headerTop .top-r { display: flex; }

.headerTop .top-r .cell { display: flex; align-items: center; }

.headerTop .top-r .cell .imgBox { width: 20px; height: 20px; margin-left: 10px; display: flex; align-items: center; }

.headerTop .top-r .cell .imgBox img { display: block; }

.headerTop .top-r .cell .txt { color: #0a1624; font-size: 15px; font-weight: 700; line-height: 16px; border-right: 1px solid #cccdcf; padding: 0 10px; }

.headerTop .top-r .cell .last { border-right: none; }

.top-nav .nav-list { margin-top: 6px; border-radius: 8px; background-color: #e32224; height: 80px; }
.top-nav .nav-item > a { display: block; width: 170px; text-align: center; height: 40px; line-height: 40px; color: #fff; text-decoration: none; border-bottom: 5px solid transparent; box-sizing: border-box; }

/* =Main
---------------------- */
.main-content { /*min-height:780px;*/ }
.main-content > .part { padding: 10px 0; }

/* Layout
-------------- */
/*** 2COL ***/
/* 原理：float+margin */
.layout-sm, .layout-ms { overflow: hidden; }
.layout-sm > .col-sub, .layout-sm > .col-main, .layout-ms > .col-sub, .layout-ms > .col-main { padding-bottom: 8888px; margin-bottom: -8888px; }

.layout-sm > .col-sub { float: left; width: 30%; }
.layout-sm > .col-main { margin-left: 30%; padding-left: 1rem; }

.layout-ms > .col-main { float: left; width: 70%; }
.layout-ms > .col-sub { margin-left: 70%; padding-left: 1rem; }

.row { margin: 0 -1rem; }
.row > .col-main { float: left; width: 600px; padding: 0 1rem; }
.row > .col-sub { float: right; width: 540px; padding: 0 1rem; }
.row > .col-half { float: left; width: 50%; padding: 0 1rem; }

/* 原理：table */
.layout-lr { display: table; width: 100%; table-layout: fixed; }
.layout-lr > .col-left, .layout-lr > .col-right { display: table-cell; vertical-align: top; }

.layout-lr > .col-left { width: 20%; }
.layout-lr > .col-right { padding-left: 2rem; }

/*** 3COL ***/
/*** [区块] ***/
.section-hd, .part-hd, .panel-hd, .column-hd, .mod-hd, .box-hd { position: relative; overflow: hidden; }
.section-tit, .part-tit, .panel-tit, .column-tit, .mod-tit, .box-tit { line-height: inherit; display: block; max-width: 100%; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; word-wrap: normal; display: inline-block; }
.section .tit-center, .part .tit-center, .panel .tit-center, .column .tit-center, .mod .tit-center, .box .tit-center { width: 100%; max-width: 100%; text-align: center; }

.section-hd, .part-hd, .panel-hd, .column-hd, .mod-hd { height: 64px; line-height: 64px; /* background:url('../images/hd-bg.png') no-repeat left center; */ }
.section-hd > .more, .part-hd > .more, .panel-hd > .more, .column-hd > .more, .mod-hd > .more { position: absolute; top: 0; right: 10px; z-index: 1; font-size: 12px; color: #828383; }
.section-hd > .more-btn, .part-hd > .more-btn, .panel-hd > .more-btn, .column-hd > .more-btn, .mod-hd > .more-btn { display: inline-block; width: 64px; height: 20px; line-height: 20px; top: 50%; transform: translateY(-50%); text-align: center; color: #333; background-color: #e5e5e5; border-radius: 10px; }
.section-hd > .more-btn:hover, .part-hd > .more-btn:hover, .panel-hd > .more-btn:hover, .column-hd > .more-btn:hover, .mod-hd > .more-btn:hover { color: #fff; background-color: #4D85C1; }
.section-hd.topline:before, .part-hd.topline:before, .panel-hd.topline:before, .column-hd.topline:before, .mod-hd.topline:before { content: ''; position: absolute; top: 0; right: 0; left: 166px; width: 100%; height: 2px; background: #4d85c1; }
.section-tit, .part-tit, .panel-tit, .column-tit, .mod-tit { font-size: 24px; color: #333; /* @include size(181px 58px);text-indent:-999em;background:url('../images/hd-tit.png') no-repeat left center; */ }
.section .u-line, .part .u-line, .panel .u-line, .column .u-line, .mod .u-line { border-width: 0 1px 1px; border-style: solid; border-color: #eee; }

/* article
-------------- */
.article-hd { text-align: center; }
.article-title { display: table; width: 100%; text-align: center; padding: 1rem 1rem 0; }
.article-title > hgroup { display: table-cell; vertical-align: middle; }
.article-title > hgroup > .center-block { display: inline-block; *display: inline; *zoom: 1; }
.article-tit, .article-subtit { font-family: '\9ED1\4F53',SimHei; }
.article-tit { font-size: 30px; }
.article-subtit { /*padding-top:12px; 换行后会比较难看*/ font-size: 22px; }
.article-info { line-height: 35px; font-size: 12px; color: #45647e; background-color: #f3f5f7; }
.article-info span { padding: 0 10px; }
.article-info .switchsize a { padding: 0 1px; }
.article-info .switchsize a:hover { color: #f00; }
.article-info1 { line-height: 35px; font-size: 12px; color: #000; }
.article-info1 .page-info-detail { border-bottom: 1px solid #efefef; }
.article-info1 .page-time { padding-right: 35px; float: right; }
.article-info1 .page-info-tool { text-align: right; padding-right: 35px; color: #828282; }
.article-info1 .switchsize a { text-decoration: underline; font-size: 14px; padding: 0 3px; }
.article-info1 .switchsize a:hover { color: #f00; }
.article-bd { padding: 1rem; }
.article-bd p { margin-bottom: 1rem; text-indent: 2em; text-align: justify; text-justify: inter-ideograph; }
.article-ft { padding: 15px 35px; text-align: right; border-top: 1px solid #efefef; }
.article-editor { text-align: right; font-size: 12px; color: #818181; }
.article-editor span { margin-left: 20px; }

/* preview-news
----------------*/
.preview-news h3 { padding-bottom: 10px; line-height: 28px; font-size: 24px; color: #C00; display: block; max-width: 100%; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; word-wrap: normal; }
.preview-news p { color: #666; line-height: 24px; }
.preview-news p a { color: #151515; }
.preview-news p a:hover { color: #CC0000; }

/* newsList
----------------*/
.news-box { padding: 1rem; background-color: #BFEAC5; }
.news-item { line-height: 0; }
.news-item > a { display: block; max-width: 90%; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; word-wrap: normal; display: inline-block; line-height: 40px; vertical-align: top; /* 给a设ellipsis后，因后有time，需dib覆盖，因overflow，需补上vertical-align:top;若是verticle:middle，则li的高度会多1px。*/ }
.news-item > a:hover { color: #c00; }
.news-item > .date, .news-item > span { float: right; line-height: 30px; font-size: 12px; color: #999; }

/* =tabsNews
---------------------- */
#tabsNews .tabs-hd { margin-bottom: 15px; }
#tabsNews .tabs-hd ul li { height: 40px; line-height: 40px; display: inline-block; width: 73px; margin-right: 34px; font-size: 18px; font-weight: 700; }
#tabsNews .tabs-hd ul li.on { background-color: #3064BA;color: #fff;}
/* #tabsNews .tabs-hd ul li.on { color: #3064BA; border-bottom: 3px solid; border-image: linear-gradient(#e42223, #ffa23b) 10; } */
/* =sidebar
---------------------- */
#sidebar, .sidebar { position: relative; padding-left: 3rem !important; width: 30%; }
#sidebar:before, .sidebar:before { content: ''; position: absolute; left: 1.5rem; top: 20px; bottom: 20px; width: 1px; background-color: none; }

.sidebar-uul { display: flex; flex-wrap: wrap; margin: -10px; }
.sidebar-uul li { float: left; width: 50%; padding: 10px; }
.sidebar-uul li a { display: block; height: 84px; padding: 10px; border: 1px solid #ffa269; border-radius: 3px; background-color: #fff; }
.sidebar-uul li a .imgBox { width: 100%; height: 40px; margin: 0 auto; display: flex; align-items: center; justify-content: center; }
.sidebar-uul li a .txt { margin-top: 6px; line-height: 18px; text-align: center; }
.sidebar-uul li.active a { background-color: #fea063; }
.sidebar-uul li.active a .txt { color: #fff; text-align: center; }
.sidebar-hd { position: relative; height: 60px; line-height: 60px; }
.sidebar-hd:before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; height: 1px; background-color: #e3e3e3; }
.sidebar-title { position: relative; display: inline-block; color: #e32223; font-weight: bold; font-size: 22px; background-color: #fff; padding-right: 15px; }

/* =Footer
---------------------- */
.main-footer { margin-top: 20px; width: 100%; text-align: center; }

.about > .wrapper { display: flex; height: 110px; justify-content: space-around; align-items: center; border-top: 1px solid #cdcdcd; }

.about .cell { width: 190px; }

.about .cell img { width: 100%; height: auto; }

.about .tit { width: 140px; font-size: 24px; font-weight: 700; color: #df0909; text-indent: -999em; background: url(abortlinks.png) no-repeat center; }

/* 友情链接 start*/
.friendlinks { margin: 0 auto; width: 1200px; height: 56px; }

.friendlinks a { display: inline-block; }

.friendlinks img { display: block; }

.friendLink { display: inline-block; margin-left: 3px; margin-right: 3px; cursor: pointer; }

.friendLink > ul { position: absolute; left: 0; right: 0; bottom: 55px; border: 1px solid #ccc; background-color: #fff; display: none; padding: 10px 0; }

.friendLink > ul > li { float: left; width: 150px; height: 30px; line-height: 30px; margin-left: 20px; font-size: 13px; }

/* 友情链接 end*/
.footer { background-color: #e22323; }

.footer > .wrapper { height: 140px; display: flex; justify-content: space-between; align-items: center; }

.footer .f-l { display: flex; align-items: center; }

.footer .f-l .main { text-align: left; margin-left: 15px; color: #fff; font: 14px/30px ""; }

.footer .f-r { background-color: #d20202; width: 430px; height: 60px; display: flex; justify-content: space-around; border-radius: 5px; }

.footer .f-r .cell { display: flex; align-items: center; opacity: 0.7; height: 100%; }

.footer .f-r .cell .txt { color: #fff; margin-left: 5px; }

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