.el-button,
.el-button:focus,
.el-button:hover {
  outline: none !important;
}
.el-button.el-button--primary,
.el-button.el-button--primary:focus,
.el-button.el-button--primary:hover {
  color: #FFF;
  border-color: var(--color-primary);
}
.el-button.el-button--primary:hover,
.el-button.el-button--primary:focus:hover,
.el-button.el-button--primary:hover:hover {
  border-color: var(--color-primary-dark);
}
.el-button--mini {
  padding: 7px;
}
.el-button--text {
  border: none;
}
.el-button--text:hover,
.el-button--text:focus {
  border: none;
}
.el-button--primary,
.el-button--primary:focus,
.el-button--primary:hover,
.el-radio-button__orig-radio:checked + .el-radio-button__inner {
  background: var(--color-primary);
  border-color: var(--color-primary);
  color: #FFF;
}
.el-button--primary:hover,
.el-button--primary:focus:hover,
.el-button--primary:hover:hover,
.el-radio-button__orig-radio:checked + .el-radio-button__inner:hover {
  color: #FFF;
}
.el-button--primary.is-disabled,
.el-button--primary.is-disabled:active,
.el-button--primary.is-disabled:focus,
.el-button--primary.is-disabled:hover {
  color: #FFF;
  background: var(--color-primary-light);
  border-color: var(--color-primary-light) !important;
}
.el-input-group__append button.el-button {
  color: #666;
  border: none;
}
.el-input-group__append button.el-button:hover {
  color: #666;
}
.el-radio-button__inner:hover {
  color: var(--color-primary);
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active,
.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
  color: var(--color-primary);
}
.el-step .el-step__title,
.el-message {
  font-size: var(--font-size);
}
.el-upload-dragger .el-upload__text {
  font-size: var(--font-size);
}
@media screen and (max-width: 800px) {
  .el-dialog {
    width: 96%;
  }
}
.el-dialog__header {
  padding: 10px;
  border-bottom: 1px solid #EEE;
}
.el-dialog__footer {
  border-top: 1px solid #EEE;
  padding: 10px;
}
.el-dialog__title {
  font-size: var(--font-size);
}
.el-dialog__headerbtn {
  top: 10px;
  outline: none !important;
}
.el-dialog__headerbtn:hover .el-dialog__close,
.el-dialog__headerbtn:focus .el-dialog__close {
  color: var(--color-primary);
}
.el-dialog__body {
  padding: 10px;
  font-size: var(--font-size);
}
.el-form-item__label,
.el-tabs__item,
.iconfont,
.el-select-dropdown__empty,
.el-tree-node__label {
  font-size: var(--font-size);
  border: none !important;
}
.el-input__inner {
  padding: 0 10px;
}
.el-pagination {
  font-weight: normal;
}
.el-form-item--small .el-form-item__content,
.el-form-item--small .el-form-item__label {
  font-size: var(--font-size);
}
.el-select-dropdown__item {
  font-size: var(--font-size);
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
}
.el-checkbox__label {
  font-size: var(--font-size);
}
.el-dropdown-menu .el-dropdown-menu__item {
  line-height: 30px;
  padding: 5px 10px;
}
.el-dropdown-menu .el-dropdown-menu__item a {
  padding: 10px 15px;
  display: block;
}
.el-dropdown-menu.el-dropdown-menu--small .el-dropdown-menu__item {
  padding: 5px 10px;
}
.el-dropdown-menu.el-dropdown-menu--small .el-dropdown-menu__item:hover {
  color: var(--color-primary);
}
.el-dropdown-menu.el-dropdown-menu--mini .el-dropdown-menu__item {
  padding: 5px 10px;
}
.el-dropdown-menu.el-dropdown-menu--mini .el-dropdown-menu__item:hover {
  color: var(--color-primary);
}
.el-input-number.el-input-number--small {
  line-height: 28px;
}
.el-select {
  width: 100%;
}
.el-select .el-select__input {
  border: none;
  padding: inherit;
  background: transparent;
  font-size: 12px;
}
.el-date-editor--datetimerange.el-input__inner {
  width: 100%;
}
.el-image__error {
  font-size: var(--font-size) small;
}
.el-transfer {
  font-size: var(--font-size);
  text-align: center;
}
.el-transfer .el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label {
  font-size: var(--font-size);
}
.el-transfer .el-transfer-panel {
  text-align: left;
}
.el-transfer .el-transfer-panel .el-transfer-panel__item {
  display: block;
}
.el-switch.is-checked .el-switch__core {
  background: var(--color-primary);
  border-color: var(--color-primary);
}
.ub-form .line .field label.el-checkbox {
  border: none;
  margin-right: 10px;
  padding: 0;
}
.ub-form .line .field label.el-checkbox .el-checkbox__label {
  padding: 0 0 0 5px;
}
.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner,
.el-radio__input.is-checked .el-radio__inner {
  background: var(--color-primary);
  border-color: var(--color-primary);
}
.el-checkbox__input.is-checked + .el-checkbox__label {
  color: var(--color-primary);
}
.el-checkbox__input.is-focus .el-checkbox__inner {
  border-color: var(--color-primary);
}
.el-checkbox__input.is-focus + .el-checkbox__label {
  color: var(--color-primary);
}
.el-radio__input.is-checked + .el-radio__label {
  color: var(--color-primary);
}
.el-radio__label {
  font-size: var(--font-size);
}
.el-table tr th .cell {
  font-size: var(--font-size);
}
.el-table .ascending .sort-caret.ascending {
  border-bottom-color: var(--color-primary);
}
.el-table .descending .sort-caret.descending {
  border-top-color: var(--color-primary);
}
.el-drawer__open .el-drawer__header {
  padding: 10px;
  border-bottom: 1px solid #EEE;
  margin-bottom: 0;
}
.el-drawer__open .el-drawer__body {
  padding: 10px;
  display: block;
  position: relative;
}
.el-drawer__open .el-drawer__body .body {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  padding: 20px;
  padding-bottom: 50px;
}
.el-drawer__open .el-drawer__body .foot {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px;
  background: #FFF;
  border-top: 1px solid #EEE;
  text-align: right;
}
.te-toolbar-section {
  height: 40px;
}
.te-toolbar-section .tui-editor-defaultUI-toolbar {
  padding: 0 5px;
}
.te-toolbar-section .tui-editor-defaultUI-toolbar button {
  margin: 8px 5px;
  outline: none;
}
.te-toolbar-section .tui-editor-defaultUI-toolbar .tui-toolbar-divider {
  margin: 13px 0;
}
.te-toolbar-section .tui-editor-defaultUI-toolbar button.tui-scrollsync {
  display: none !important;
}
.el-loading-spinner i {
  color: #FFF;
  font-size: 30px;
}
.el-loading-spinner .el-loading-text {
  color: #FFF;
  font-size: 12px;
}
.el-loading-spinner {
  margin-top: -15px;
}
.el-loading-spinner .circular {
  width: 30px;
  height: 30px;
}
.el-drawer__close-btn {
  line-height: 20px;
  outline: none !important;
}
.el-tabs__item.is-active {
  color: var(--color-primary);
}
.el-tabs__item:hover {
  color: var(--color-primary);
}
.el-tabs__active-bar {
  background-color: var(--color-primary);
}
.ub-form .line .field label.el-radio {
  border: none;
}
.el-textarea__inner {
  padding: 5px;
}
.el-date-picker {
  width: 230px;
}
.el-date-picker .el-picker-panel__content {
  width: 220px;
}
.el-date-range-picker {
  width: 450px;
}
.el-date-range-picker .el-picker-panel__body {
  min-width: 440px;
  width: 440px;
}
.el-date-picker__time-header {
  padding: 5px 0;
}
.el-date-picker__header {
  margin: 5px;
}
.el-picker-panel__content {
  margin: 5px;
}
.el-date-picker__header-label,
.el-date-range-picker__header div {
  font-size: var(--font-size);
}
.el-date-table td,
.el-date-table td div {
  height: 20px;
}
.el-date-range-picker__content {
  padding: 5px;
}
.el-radio-group label {
  margin-bottom: 0;
}
.ub-form .line .field label.el-radio-button {
  padding: 0;
  border: none;
}
.el-dropdown {
  font-size: var(--font-size);
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}
@media screen and (max-width: 800px) {
  .el-message-box {
    max-width: 80%;
  }
}
.pb-el-select-confirm-box {
  height: 33px;
}
.pb-el-select-confirm-box .pb-el-select-confirm-box-bar {
  padding: 5px 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #FFF;
  border-top: 1px solid #EEE;
  text-align: right;
}
.pb-el-select-confirm-box .pb-el-select-confirm-box-bar button {
  height: 22px;
  line-height: 20px;
  padding: 0 10px;
}
.el-radio-button__orig-radio:checked + .el-radio-button__inner {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  -webkit-box-shadow: -1px 0 0 0 var(--color-primary);
  box-shadow: -1px 0 0 0 var(--color-primary);
}
:root,
page {
  --color-primary: var(--theme-color-primary, #0c3984);
  --color-primary-light: var(--theme-color-primary-light, #0e439b);
  --color-primary-dark: var(--theme-color-primary-dark, #0a2f6d);
  --color-success: var(--theme-color-success, #28a745);
  --color-success-dark: var(--theme-color-success-dark, #1e7e34);
  --color-warning: var(--theme-color-warning, #fd7e14);
  --color-warning-dark: var(--theme-color-warning-dark, #dc6502);
  --color-danger: var(--theme-color-danger, #dc3545);
  --color-danger-dark: var(--theme-color-danger-dark, #bd2130);
  --color-link: var(--theme-color-link, #007bff);
  --color-link-light: var(--theme-color-link-light, #0062cc);
  --color-link-dark: var(--theme-color-link-dark, #3395ff);
  --color-default: var(--theme-color-default, #F7F7F7);
  --color-input-placeholder: var(--theme-color-input-placeholder, #C4CFDB);
  --size-radius: var(--theme-size-radius, 0.25rem);
  --size-margin: var(--theme-size-margin, 0.5rem);
  --size-margin-lg: var(--theme-size-margin-lg, 2rem);
  --size-margin-1-2: var(--theme-size-margin-1-2, 0.25rem);
  --size-margin-1-2-negative: var(--theme-size-margin-1-2-negative, -0.25rem);
  --font-size-root: var(--theme-font-size-root, 20px);
  --font-size: var(--theme-font-size, 0.65rem);
  --font-size-large: var(--theme-font-size-large, 1rem);
  --font-size-small: var(--theme-font-size-small, 0.6rem);
  --container-width: var(--theme-container-width, 55rem);
}
*,
*::before,
*::after {
  box-sizing: border-box;
  outline: none;
}
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: auto;
  -webkit-tap-highlight-color: transparent;
}
@-ms-viewport {
  width: device-width;
}
article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}
body {
  margin: 0;
  line-height: 1.5;
  text-align: left;
}
[tabindex="-1"]:focus {
  outline: 0 !important;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 700;
}
dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
dfn {
  font-style: italic;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
a:hover {
  color: #0056b3;
}
a:not([href]):not([tabindex]):focus {
  outline: 0;
}
pre,
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
pre {
  margin-top: 0;
  margin-bottom: 1em;
  overflow: auto;
  -ms-overflow-style: auto;
}
figure {
  margin: 0 0 1rem;
}
img {
  vertical-align: middle;
  border-style: none;
}
svg:not(:root) {
  overflow: hidden;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}
th {
  text-align: inherit;
}
label {
  display: inline-block;
  margin-bottom: 0.5rem;
}
button {
  border-radius: 0;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
  cursor: pointer;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
html {
  font-size: var(--font-size-root);
  font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  background: #F4F6F8;
  color: #444;
}
body {
  font-size: 0.65rem;
  font-weight: 400;
}
.iconfont {
  font-size: inherit;
}
pre,
code {
  border: 1px solid #F2F2F2;
  background-color: #FFF;
  padding: 0.25rem;
  font-size: 0.6rem;
  -webkit-border-radius: var(--size-radius, 0.25rem);
  -moz-border-radius: var(--size-radius, 0.25rem);
  border-radius: var(--size-radius, 0.25rem);
  border-left-width: 6px;
  color: #333;
}
a.ub-text {
  color: #333;
}
a.ub-text:hover {
  text-decoration: underline;
}
.margin-top-lg {
  margin-top: var(--size-margin-lg, 2rem) !important;
}
.margin-top {
  margin-top: var(--size-margin, 0.5rem) !important;
}
.margin-top-remove {
  margin-top: 0 !important;
}
.margin-left {
  margin-left: var(--size-margin, 0.5rem) !important;
}
.margin-left-remove {
  margin-left: 0 !important;
}
.margin-bottom {
  margin-bottom: var(--size-margin, 0.5rem) !important;
}
.margin-bottom-remove {
  margin-bottom: 0 !important;
}
.margin-right {
  margin-right: var(--size-margin, 0.5rem) !important;
}
.margin-right-remove {
  margin-right: 0 !important;
}
.ub-padding {
  padding: var(--size-margin, 0.5rem) !important;
}
.padding-top {
  padding-top: var(--size-margin, 0.5rem) !important;
}
.padding-bottom {
  padding-bottom: var(--size-margin, 0.5rem) !important;
}
.ub-container,
.ub-mobile-container {
  max-width: var(--container-width, 55rem);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--size-margin-1-2);
  padding-right: var(--size-margin-1-2);
}
.ub-mobile-container {
  max-width: 30rem;
  box-shadow: 0 0 5px #CCC;
}
.ub-color-a {
  color: #4F7FF3 !important;
}
.ub-color-b {
  color: #5BC692 !important;
}
.ub-color-c {
  color: #F0A453 !important;
}
.ub-color-d {
  color: #6A46BD !important;
}
.ub-color-e {
  color: #587BE9 !important;
}
.ub-color-vip {
  color: #e9bd6c !important;
}
.ub-color-f {
  color: #ed3f14 !important;
}
.ub-bg-primary {
  background-color: var(--color-primary) !important;
}
.ub-bg-white {
  background: #FFF !important;
}
.ub-bg-a {
  background: #4F7FF3 !important;
  color: #FFF !important;
}
.ub-bg-b {
  background: #5BC692 !important;
  color: #FFF !important;
}
.ub-bg-c {
  background: #F0A453 !important;
  color: #FFF !important;
}
.ub-bg-d {
  background: #6A46BD !important;
  color: #FFF !important;
}
.ub-bg-e {
  background: #587BE9 !important;
  color: #FFF !important;
}
.ub-bg-f {
  background: #ed3f14 !important;
  color: #FFF !important;
}
.ub-bg-vip {
  background: #e9bd6c !important;
  color: #FFF !important;
}
.ub-text-truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ub-text-bold {
  font-weight: bold;
}
.ub-text-white {
  color: #FFF !important;
}
.ub-text-muted {
  color: #C4CFDB !important;
}
.ub-text-primary {
  color: var(--color-primary) !important;
}
.ub-border-primary {
  border-color: var(--color-primary) !important;
}
.ub-text-success {
  color: #659f13 !important;
}
.ub-text-warning {
  color: #e28327 !important;
}
.ub-text-danger {
  color: #d85030 !important;
}
.ub-text-small {
  font-size: 0.6rem;
}
.ub-text-center {
  text-align: center !important;
}
.ub-text-right {
  text-align: right !important;
}
.ub-text-left {
  text-align: left !important;
}
.ub-text-no-wrap {
  white-space: nowrap;
}
.ub-block {
  display: block;
}
.ub-display-none {
  display: none;
}
.ub-inline-block {
  display: inline-block;
}
@media (max-width: 40rem) {
  .ub-display-none-sm {
    display: none !important;
  }
  .ub-display-block-sm {
    display: block !important;
  }
  .ub-text-center-sm {
    text-align: center !important;
  }
}
@-ms-viewport {
  width: device-width;
}
html {
  box-sizing: border-box;
  -ms-overflow-style: auto;
}
*,
*::before,
*::after {
  box-sizing: inherit;
}
.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: var(--size-margin-1-2-negative);
  margin-left: var(--size-margin-1-2-negative);
  box-sizing: border-box;
}
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > .col-1,
.no-gutters > .col-2,
.no-gutters > .col-3,
.no-gutters > .col-4,
.no-gutters > .col-5,
.no-gutters > .col-6,
.no-gutters > .col-7,
.no-gutters > .col-8,
.no-gutters > .col-9,
.no-gutters > .col-10,
.no-gutters > .col-11,
.no-gutters > .col-12,
.no-gutters > .col,
.no-gutters > .col-auto,
.no-gutters > .col-sm-1,
.no-gutters > .col-sm-2,
.no-gutters > .col-sm-3,
.no-gutters > .col-sm-4,
.no-gutters > .col-sm-5,
.no-gutters > .col-sm-6,
.no-gutters > .col-sm-7,
.no-gutters > .col-sm-8,
.no-gutters > .col-sm-9,
.no-gutters > .col-sm-10,
.no-gutters > .col-sm-11,
.no-gutters > .col-sm-12,
.no-gutters > .col-sm,
.no-gutters > .col-sm-auto,
.no-gutters > .col-md-1,
.no-gutters > .col-md-2,
.no-gutters > .col-md-3,
.no-gutters > .col-md-4,
.no-gutters > .col-md-5,
.no-gutters > .col-md-6,
.no-gutters > .col-md-7,
.no-gutters > .col-md-8,
.no-gutters > .col-md-9,
.no-gutters > .col-md-10,
.no-gutters > .col-md-11,
.no-gutters > .col-md-12,
.no-gutters > .col-md,
.no-gutters > .col-md-auto,
.no-gutters > .col-lg-1,
.no-gutters > .col-lg-2,
.no-gutters > .col-lg-3,
.no-gutters > .col-lg-4,
.no-gutters > .col-lg-5,
.no-gutters > .col-lg-6,
.no-gutters > .col-lg-7,
.no-gutters > .col-lg-8,
.no-gutters > .col-lg-9,
.no-gutters > .col-lg-10,
.no-gutters > .col-lg-11,
.no-gutters > .col-lg-12,
.no-gutters > .col-lg,
.no-gutters > .col-lg-auto,
.no-gutters > .col-xl-1,
.no-gutters > .col-xl-2,
.no-gutters > .col-xl-3,
.no-gutters > .col-xl-4,
.no-gutters > .col-xl-5,
.no-gutters > .col-xl-6,
.no-gutters > .col-xl-7,
.no-gutters > .col-xl-8,
.no-gutters > .col-xl-9,
.no-gutters > .col-xl-10,
.no-gutters > .col-xl-11,
.no-gutters > .col-xl-12,
.no-gutters > .col-xl,
.no-gutters > .col-xl-auto {
  padding-left: 0;
  padding-right: 0;
}
.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,
.col-auto,
.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,
.col-sm-auto,
.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,
.col-md-auto,
.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,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 0.05rem;
  padding-right: var(--size-margin-1-2);
  padding-left: var(--size-margin-1-2);
}
.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.col-auto {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}
.col-1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}
.col-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
.col-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.col-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.col-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}
.col-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.col-7 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}
.col-8 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}
.col-9 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
.col-10 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}
.col-11 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}
.col-12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.order-first {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}
.order-last {
  -webkit-box-ordinal-group: 14;
  -ms-flex-order: 13;
  order: 13;
}
.order-0 {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
}
.order-1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
.order-2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
.order-3 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}
.order-4 {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
}
.order-5 {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
}
.order-6 {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6;
}
.order-7 {
  -webkit-box-ordinal-group: 8;
  -ms-flex-order: 7;
  order: 7;
}
.order-8 {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8;
}
.order-9 {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9;
}
.order-10 {
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10;
}
.order-11 {
  -webkit-box-ordinal-group: 12;
  -ms-flex-order: 11;
  order: 11;
}
.order-12 {
  -webkit-box-ordinal-group: 13;
  -ms-flex-order: 12;
  order: 12;
}
.offset-1 {
  margin-left: 8.333333%;
}
.offset-2 {
  margin-left: 16.666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.333333%;
}
.offset-5 {
  margin-left: 41.666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.333333%;
}
.offset-8 {
  margin-left: 66.666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.333333%;
}
.offset-11 {
  margin-left: 91.666667%;
}
@media (min-width: 28.8rem) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-sm-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-sm-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-sm-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-sm-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-sm-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-sm-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-sm-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-sm-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-sm-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-sm-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-sm-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-sm-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-sm-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-sm-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 38.4rem) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-md-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-md-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-md-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-md-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-md-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-md-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-md-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-md-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-md-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-md-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-md-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-md-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-md-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 49.6rem) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-lg-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-lg-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-lg-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-lg-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-lg-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-lg-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-lg-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-lg-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-lg-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-lg-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-lg-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-lg-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-lg-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-lg-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-lg-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 60rem) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xl-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xl-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xl-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xl-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xl-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xl-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xl-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xl-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xl-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xl-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xl-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xl-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xl-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xl-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}
.d-none {
  display: none !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.d-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}
@media (min-width: 28.8rem) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 38.4rem) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 49.6rem) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 60rem) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-print-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
.flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}
.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}
.flex-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}
.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}
.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}
.justify-content-start {
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}
.justify-content-end {
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}
.justify-content-center {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}
.justify-content-between {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}
.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}
.align-items-start {
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}
.align-items-end {
  -webkit-box-align: end !important;
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}
.align-items-center {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}
.align-items-baseline {
  -webkit-box-align: baseline !important;
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}
.align-items-stretch {
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}
.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}
.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}
.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}
.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}
.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}
.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}
.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}
.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}
.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}
.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}
.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}
.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}
@media (min-width: 28.8rem) {
  .flex-sm-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-sm-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-sm-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-sm-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 38.4rem) {
  .flex-md-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-md-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-md-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-md-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-md-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-md-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-md-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 49.6rem) {
  .flex-lg-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-lg-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-lg-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-lg-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 60rem) {
  .flex-xl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-xl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-xl-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-xl-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
.btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: none;
  padding: 0.2rem 0.6rem;
  font-size: 0.65rem;
  line-height: 1.5;
  border-radius: 0.2rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
}
.btn + .btn {
  margin-left: var(--size-margin);
}
.btn:hover,
.btn:focus {
  text-decoration: none;
}
.btn:focus,
.btn.focus {
  outline: 0;
}
.btn.disabled,
.btn:disabled {
  opacity: 0.65;
}
.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.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;
}
.btn {
  color: #666;
  background-color: var(--color-default);
  box-shadow: 0 0 1px #CCC;
}
.btn:hover {
  color: #555;
}
.btn-round {
  border-radius: 0.8rem;
}
.btn-lg.btn-round {
  border-radius: 1.2rem;
}
.btn-sm.btn-round {
  border-radius: 0.7rem;
}
.btn-primary {
  color: #fff;
  background-color: var(--color-primary);
}
.btn-primary:hover {
  color: #fff;
  background-color: var(--color-primary-dark);
}
.btn-primary.disabled,
.btn-primary:disabled {
  color: #fff;
  background-color: var(--color-primary);
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active {
  color: #fff;
  background-color: var(--color-primary-dark);
}
.btn-primary-line {
  color: var(--color-primary);
  border: 1px solid var(--color-primary);
  background: #FFF;
}
.btn-primary-line:hover {
  background-color: #F8F8F8;
  color: var(--color-primary);
}
.btn-primary-line.disabled,
.btn-primary-line:disabled {
  background-color: #F8F8F8;
}
.btn-primary-line:not(:disabled):not(.disabled):active,
.btn-primary-line:not(:disabled):not(.disabled).active {
  background-color: #F8F8F8;
}
.btn-success {
  color: #fff;
  background-color: var(--color-success);
}
.btn-success:hover {
  color: #fff;
  background-color: var(--color-success-dark);
}
.btn-success.disabled,
.btn-success:disabled {
  color: #fff;
  background-color: var(--color-success);
}
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active {
  color: #fff;
  background-color: var(--color-success-dark);
}
.btn-warning {
  color: #FFF;
  background-color: var(--color-warning);
}
.btn-warning:hover {
  background-color: #e0a800;
}
.btn-warning.disabled,
.btn-warning:disabled {
  background-color: var(--color-warning);
}
.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active {
  background-color: var(--color-warning-dark);
}
.btn-danger {
  color: #fff;
  background-color: var(--color-danger);
}
.btn-danger:hover {
  color: #fff;
  background-color: var(--color-danger-dark);
}
.btn-danger.disabled,
.btn-danger:disabled {
  color: #fff;
  background-color: var(--color-danger);
}
.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active {
  color: #fff;
  background-color: var(--color-danger-dark);
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 0.35rem 0.8rem;
  font-size: 0.8rem;
  line-height: 1.5;
  border-radius: 0.24rem;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 0.1rem 0.2rem;
  font-size: 0.5rem;
  line-height: 1.5;
  border-radius: 0.16rem;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 0.4rem;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
input,
select,
textarea {
  /* 1 */
  box-sizing: border-box;
  /* 2 */
  margin: 0;
  /* 3 */
  border-radius: 0.15rem;
  /* 4 */
  font: inherit;
  color: inherit;
}
/*
 * Address inconsistent `text-transform` inheritance which is only inherit in Firefox
 */
select {
  text-transform: none;
}
/*
 * 1. Correct `font` properties not being inherited.
 * 2. Don't inherit the `font-weight` and use `bold` instead.
 * NOTE: Both declarations don't work in Chrome, Safari and Opera.
 */
optgroup {
  /* 1 */
  font: inherit;
  /* 2 */
  font-weight: bold;
}
/*
 * Removes inner padding and border in Firefox 4+.
 */
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/*
 * Removes excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  padding: 0;
}
/*
 * Improves consistency of cursor style for clickable elements
 */
input[type="checkbox"]:not(:disabled),
input[type="radio"]:not(:disabled) {
  cursor: pointer;
}
/*
 * Remove default style in iOS.
 */
textarea,
input:not([type]),
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="number"],
input[type="datetime"] {
  -webkit-appearance: none;
}
/*
 * Remove inner padding and search cancel button in Chrome, Safari and Opera on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/*
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: none;
  margin: 0;
  padding: 0;
}
/*
 * 1. Remove default vertical scrollbar in IE 8/9/10/11.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  /* 1 */
  overflow: auto;
  /* 2 */
  vertical-align: top;
}
/*
 * Removes placeholder transparency in Firefox.
 */
::-moz-placeholder {
  opacity: 1;
}
/*
 * Removes `box-shadow` for invalid controls in Firefox.
 */
:invalid {
  box-shadow: none;
}
/*
 * Vertical alignment
 */
input:not([type="radio"]):not([type="checkbox"]),
select {
  vertical-align: middle;
}
/* Style
 ========================================================================== */
/*
 * Remove margin from the last-child
 */
/*
 * Controls
 * Except for `range`, `radio`, `checkbox`, `file`, `submit`, `reset`, `button` and `image`
 * 1. Must be `height` because `min-height` is not working in OSX
 * 2. Responsiveness: Sets a maximum width relative to the parent to scale on narrower viewports
 * 3. Vertical `padding` needed for `select` elements in Firefox
 * 4. Style
 */
select,
textarea,
input:not([type]),
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
  /* 1 */
  /* 2 */
  max-width: 100%;
  /* 3 */
  padding: 0.2rem 0.3rem;
  /* 4 */
  border: 0.05rem solid #dddddd;
  background: #ffffff;
  color: #444444;
  -webkit-transition: all linear 0.2s;
  transition: all linear 0.2s;
}
select:focus,
textarea:focus,
input:not([type]):focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
  border-color: #99baca;
  outline: 0;
  background: #f5fbfe;
  color: #444444;
}
select:disabled,
textarea:disabled,
input:not([type]):disabled,
input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="datetime"]:disabled,
input[type="datetime-local"]:disabled,
input[type="date"]:disabled,
input[type="month"]:disabled,
input[type="time"]:disabled,
input[type="week"]:disabled,
input[type="number"]:disabled,
input[type="email"]:disabled,
input[type="url"]:disabled,
input[type="search"]:disabled,
input[type="tel"]:disabled,
input[type="color"]:disabled {
  border-color: #dddddd;
  background-color: #f5f5f5;
  color: #999999;
}
select:read-only,
textarea:read-only,
input[type="text"]:read-only,
input[type="password"]:read-only,
input[type="datetime"]:read-only,
input[type="datetime-local"]:read-only,
input[type="date"]:read-only,
input[type="month"]:read-only,
input[type="time"]:read-only,
input[type="week"]:read-only,
input[type="number"]:read-only,
input[type="email"]:read-only,
input[type="url"]:read-only,
input[type="search"]:read-only,
input[type="tel"]:read-only,
input[type="color"]:read-only {
  border-color: #dddddd;
  background-color: #f5f5f5;
  color: #666666;
}
/*
 * Placeholder
 */
:-ms-input-placeholder {
  color: #999999 !important;
}
::-moz-placeholder {
  color: #999999;
}
::-webkit-input-placeholder {
  color: #999999;
}
:disabled:-ms-input-placeholder {
  color: #999999 !important;
}
:disabled::-moz-placeholder {
  color: #999999;
}
:disabled::-webkit-input-placeholder {
  color: #999999;
}
/*
 * Legend
 * 1. Behave like block element
 * 2. Correct `color` not being inherited in IE 8/9/10/11.
 * 3. Remove padding
 * 4. `margin-bottom` is not working in Safari and Opera.
 *    Using `padding` and :after instead to create the border
 * 5. Style
 */
legend {
  /* 1 */
  width: 100%;
  /* 2 */
  border: 0;
  /* 3 */
  padding: 0;
  /* 4 */
  padding-bottom: 0.75rem;
  /* 5 */
  font-size: 0.9rem;
  line-height: 1.5rem;
}
/*
 * 1. Fixes IE9
 */
legend:after {
  content: "";
  display: block;
  border-bottom: 0.05rem solid #dddddd;
  /* 1 */
  width: 100%;
}
/* Size modifiers
 * Higher specificity needed to override defaults
 ========================================================================== */
select.form,
textarea.form,
input[type].form,
input:not([type]).form {
  height: 1.45rem;
  padding: 0.15rem 0.15rem;
  font-size: 0.6rem;
}
select.form-sm,
textarea.form-sm,
input[type].form-sm,
input:not([type]).form-sm {
  height: 1.25rem;
  padding: 0.15rem 0.15rem;
  font-size: 0.6rem;
}
select.form-lg,
textarea.form-lg,
input[type].form-lg,
input:not([type]).form-lg {
  height: 2rem;
  padding: 0.4rem 0.3rem;
  font-size: 0.8rem;
}
/* Reset height
 * Must be after size modifiers
 ========================================================================== */
textarea,
select[multiple],
select[size] {
  height: auto;
}
textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
  color: var(--color-input-placeholder);
}
textarea::-webkit-input-placeholder,
input:-moz-placeholder {
  color: var(--color-input-placeholder);
}
textarea::-webkit-input-placeholder,
input::-moz-placeholder {
  color: var(--color-input-placeholder);
}
textarea::-webkit-input-placeholder,
input:-ms-input-placeholder {
  color: var(--color-input-placeholder);
}
@keyframes animate-rotate {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}
.animate-rotate {
  display: inline-block;
  animation: animate-rotate 2s infinite linear;
  -webkit-animation: animate-rotate 2s infinite linear;
}
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate-pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
.ub-alert {
  margin-bottom: 0.5rem;
  padding: 0.5rem;
  background: #ebf7fd;
  color: #2d7091;
  border-radius: 0.2rem;
}
* + .ub-alert {
  margin-top: 0.5rem;
}
.ub-alert > .ub-close:first-child {
  float: right;
}
.ub-alert > .ub-close:first-child + * {
  margin-top: 0;
}
.ub-alert-success {
  background: #f2fae3;
  color: #659f13;
}
.ub-alert-warning {
  background: #fffceb;
  color: #e28327;
}
.ub-alert-danger {
  background: #fff1f0;
  color: #d85030;
}
.ub-alert-lg {
  padding: 1rem;
}
.ub-alert-lg > .ub-close:first-child {
  margin: -0.5rem -0.5rem 0 0;
}
.ub-header {
  height: 3rem;
  border-bottom: 0.05rem solid #EEE;
  background: #FFF;
}
.ub-header.transparent {
  background: transparent;
  border-bottom-color: transparent;
}
.ub-header.transparent .menu .item {
  color: #EEE;
}
.ub-header.transparent .menu .item:hover {
  color: #FFF;
}
.ub-header.lg {
  padding: 0.5rem 0;
}
.ub-header.lg .menu .item {
  font-size: 0.9rem;
}
.ub-header.absolute {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2000;
}
.ub-header .logo {
  float: left;
  display: block;
}
.ub-header .logo a {
  line-height: 3rem;
  height: 3rem;
  display: block;
  font-size: 1rem;
  vertical-align: middle;
}
.ub-header .logo a img {
  height: 3rem;
  vertical-align: middle;
  display: block;
}
.ub-header .logo a span {
  vertical-align: middle;
  display: block;
  color: #666;
}
.ub-header .menu {
  float: right;
  padding: 0.5rem 0;
}
.ub-header .menu a {
  display: inline-block;
  line-height: 2rem;
  color: #666;
  padding: 0 0.5rem;
  margin-left: 0.5rem;
  font-size: 0.7rem;
  transition: linear all 0.2s;
}
.ub-header .menu a:hover {
  color: #333;
  transform: translateY(-0.25rem);
}
.ub-header .menu a.active {
  color: var(--color-primary);
}
.ub-header .menu-toggle {
  display: none;
}
@media screen and (max-width: 40rem) {
  .ub-header.transparent {
    background: transparent;
    border-bottom-color: transparent;
  }
  .ub-header.transparent .menu .item {
    color: #333;
  }
  .ub-header.transparent .menu .item:hover {
    color: #333;
  }
  .ub-header.lg {
    padding: 0;
  }
  .ub-header {
    text-align: center;
    height: 2.5rem;
  }
  .ub-header .logo {
    padding: 0 0.25rem;
  }
  .ub-header .logo a {
    margin-right: -1.25rem;
  }
  .ub-header .logo a img {
    height: 2.5rem;
  }
  .ub-header .menu {
    position: fixed;
    display: block;
    background: #FFF;
    top: 2.5rem;
    right: -50%;
    bottom: 0;
    overflow: hidden;
    width: 50%;
    transition: right 0.5s;
    text-align: left;
    z-index: 100;
  }
  .ub-header .menu a {
    display: block;
    border-bottom: 0.05rem solid #EEE;
    background: #FFF;
  }
  .ub-header .menu-toggle {
    display: block;
    float: right;
    line-height: 2.5rem;
    font-size: 1.2rem;
    text-align: center;
    width: 2.5rem;
    cursor: pointer;
    color: var(--color-primary, #419488);
  }
  .ub-header .menu-toggle .close {
    display: none;
  }
  .ub-header .menu-toggle .show {
    display: block;
  }
  body.ub-header-show {
    overflow: hidden;
  }
  body.ub-header-show .ub-header .menu-mask {
    content: '';
    display: block;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 2.5rem;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
  }
  body.ub-header-show .ub-header .menu {
    right: 0;
    transition: right 0.3s;
  }
  body.ub-header-show .ub-header .menu-toggle .close {
    display: block;
  }
  body.ub-header-show .ub-header .menu-toggle .show {
    display: none;
  }
}
.ub-header-a {
  background: var(--color-primary, #419488);
}
.ub-header-a .top {
  height: 1.5rem;
  line-height: 1.5rem;
  background: var(--color-primary-dark);
}
.ub-header-a .top a {
  display: inline-block;
  margin: 0 0.5rem;
  line-height: 1.5rem;
  color: #FFF;
}
.ub-header-a .top a:hover {
  color: #EEE;
}
.ub-header-a .top .right {
  float: right;
}
.ub-header-a .background {
  padding: 1rem 0;
  background: no-repeat right;
  background-size: contain;
}
.ub-header-a .background .menu-toggle {
  display: none;
}
.ub-header-a .background .logo a img {
  height: 4rem;
}
.ub-header-a .menu {
  padding: 0;
  margin: 0;
  box-shadow: #EEE 0 0 0.1rem;
}
.ub-header-a .menu li {
  display: inline-block;
  height: 2.5rem;
  overflow: visible;
  position: relative;
}
.ub-header-a .menu li a {
  display: inline-block;
  line-height: 2.5rem;
  text-align: center;
  min-width: 8em;
  color: #FFF;
  font-size: var(--font-size-large);
  margin: 0 0.05rem;
}
.ub-header-a .menu li a:hover {
  background: #FFF;
  color: var(--color-primary, #419488);
}
.ub-header-a .menu li .sub {
  display: none;
  position: absolute;
  background: var(--color-primary, #419488);
  padding: 0 0.05rem 0.1rem 0.05rem;
  width: 100%;
  z-index: 100;
}
.ub-header-a .menu li .sub a {
  min-width: inherit;
  display: block;
}
.ub-header-a .menu li:hover .sub {
  display: block;
}
@media screen and (max-width: 40rem) {
  .ub-header-a {
    position: relative;
    overflow: hidden;
  }
  .ub-header-a .top {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4rem;
    z-index: 100;
    display: none;
  }
  .ub-header-a .top .left,
  .ub-header-a .top .right {
    float: none;
    height: 2rem;
  }
  .ub-header-a .top .left a,
  .ub-header-a .top .right a {
    line-height: 2rem;
  }
  .ub-header-a .background {
    position: relative;
  }
  .ub-header-a .background .menu-toggle {
    z-index: 101;
    background: rgba(0, 0, 0, 0.2);
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    font-size: var(--font-size-large);
    color: #FFF;
    border-radius: 0;
    position: absolute;
    right: 0;
    top: 0;
    border: 0.05rem solid var(--color-primary, #419488);
  }
  .ub-header-a .menu {
    position: absolute;
    left: 0;
    right: 0;
    top: 4rem;
    background: var(--color-primary, #419488);
    display: none;
    z-index: 100;
  }
  .ub-header-a .menu li {
    display: block;
    height: auto;
    padding: 0 0 0 0.5rem;
    border-top: 0.05rem solid var(--color-primary-light);
  }
  .ub-header-a .menu li a {
    display: block;
    text-align: left;
  }
  .ub-header-a .menu li .sub {
    display: block;
    position: static;
    overflow: hidden;
    padding-left: 0.5rem;
  }
  .ub-header-a .menu li .sub a {
    border-top: 0.05rem solid var(--color-primary, #419488);
    display: block;
    width: 33.33%;
    float: left;
    margin: 0;
    text-align: center;
  }
}
.ub-header-b-placeholder {
  height: 3rem;
  overflow: hidden;
}
.ub-header-b {
  height: 3rem;
  border-bottom: 0.05rem solid #EEE;
  background: #FFF;
  overflow: hidden;
}
.ub-header-b.fixed {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 2000;
}
.ub-header-b.transparent {
  background: transparent;
  border-bottom-color: transparent;
}
.ub-header-b.transparent .nav a {
  color: #EEE;
}
.ub-header-b.transparent .nav a:hover,
.ub-header-b.transparent .nav a.active {
  color: #FFF;
}
.ub-header-b.transparent .menu a {
  color: #FFF;
}
.ub-header-b.transparent .menu a:hover,
.ub-header-b.transparent .menu a.active {
  color: #EEE;
}
.ub-header-b.primary {
  background: var(--color-primary);
}
.ub-header-b.primary .nav a {
  color: #EEE;
}
.ub-header-b.primary .nav a:hover,
.ub-header-b.primary .nav a.active {
  color: #FFF;
}
.ub-header-b.primary .menu a {
  color: #EEE;
}
.ub-header-b.primary .menu a:hover,
.ub-header-b.primary .menu a.active {
  color: #FFF;
}
.ub-header-b .logo {
  padding: 0 0;
  float: left;
  margin-right: 2rem;
}
.ub-header-b .logo a {
  height: 3rem;
  line-height: 3rem;
  display: block;
  font-size: 1rem;
  vertical-align: middle;
}
.ub-header-b .logo a img {
  height: 3rem;
  vertical-align: middle;
  display: block;
}
.ub-header-b .nav {
  padding: 0.5rem 0 0.5rem 0.5rem;
}
.ub-header-b .nav a {
  display: inline-block;
  line-height: 2rem;
  color: #666;
  padding: 0 0.5rem;
  margin-left: 0.5rem;
  font-size: 0.7rem;
}
.ub-header-b .nav a:hover {
  color: #333;
}
.ub-header-b .nav a.active {
  color: var(--color-primary, #419488);
}
.ub-header-b .nav .search {
  float: right;
  display: inline-block;
  height: 2rem;
  border-radius: 1rem;
  padding: 0.2rem 0.5rem 0.2rem 0.75rem;
  width: 16em;
  border: 0.05rem solid #EEE;
}
.ub-header-b .nav .search .box {
  vertical-align: middle;
  position: relative;
}
.ub-header-b .nav .search .box input {
  height: 1.5rem;
  display: block;
  width: 100%;
  padding: 0 1.5rem 0 0;
  border: none;
  background: none;
  color: #333;
}
.ub-header-b .nav .search .box button {
  position: absolute;
  right: 0;
  top: 0;
  height: 1.5rem;
  width: 1.5rem;
  border: none;
  outline: none;
  font-size: 0.9rem;
  color: #999;
  cursor: pointer;
  background: transparent;
}
.ub-header-b .nav .search .box button:hover {
  color: var(--color-primary, #419488);
}
.ub-header-b .menu {
  float: right;
  padding: 0.5rem 0;
}
.ub-header-b .menu a,
.ub-header-b .menu .item {
  display: inline-block;
  line-height: 2rem;
  color: #666;
  padding: 0 0.5rem;
  margin-left: 0.5rem;
  font-size: 0.7rem;
  position: relative;
}
.ub-header-b .menu a .badge,
.ub-header-b .menu .item .badge {
  position: absolute;
  top: 0;
  right: 0;
  background: red;
  color: #FFF;
  height: 0.8rem;
  line-height: 0.8rem;
  font-size: 0.6rem;
  border-radius: 0.4rem;
  min-width: 0.8rem;
  text-align: center;
  padding: 0 0.2rem;
}
.ub-header-b .menu a:hover,
.ub-header-b .menu .item:hover {
  color: #333;
}
.ub-header-b .menu a .active,
.ub-header-b .menu .item .active {
  color: #FFF;
}
.ub-header-b .nav-toggle {
  display: none;
}
@media screen and (max-width: 40rem) {
  .ub-header-b {
    text-align: left;
    height: 2.5rem;
  }
  .ub-header-b .logo {
    float: none;
    display: inline-block;
    margin-left: 2.5rem;
  }
  .ub-header-b .logo a {
    height: 2.5rem;
    line-height: 2.5rem;
  }
  .ub-header-b .logo a img {
    height: 2.5rem;
  }
  .ub-header-b.show .nav-mask {
    content: '';
    display: block;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 2.5rem;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
  }
  .ub-header-b.show .nav {
    z-index: 1001;
    transform: translateX(100%);
    transition: transform 0.3s;
  }
  .ub-header-b.show .nav-toggle .close {
    display: block;
  }
  .ub-header-b.show .nav-toggle .show {
    display: none;
  }
  .ub-header-b .menu {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0.25rem 0;
  }
  .ub-header-b .menu a {
    display: inline-block;
    padding: 0 0.3rem 0 0;
    background: transparent;
    line-height: 2rem;
  }
  .ub-header-b .nav-toggle {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 2.5rem;
    font-size: 1.2rem;
    text-align: center;
    width: 2.5rem;
    cursor: pointer;
    color: var(--color-primary, #419488);
  }
  .ub-header-b .nav-toggle .close {
    display: none;
  }
  .ub-header-b .nav-toggle .show {
    display: block;
  }
  .ub-header-b.primary .nav-toggle {
    color: #FFF;
  }
  .ub-header-b .nav {
    position: absolute;
    display: block;
    background: #FFF;
    top: 2.5rem;
    left: -60%;
    bottom: 0;
    overflow: hidden;
    width: 60%;
    transition: right 0.5s;
    text-align: left;
    z-index: 100;
  }
  .ub-header-b .nav .search {
    display: block;
    float: none;
    margin: 0 auto 0.5rem auto;
  }
  .ub-header-b .nav a {
    display: block;
    border-bottom: 0.05rem solid #EEE;
    background: #FFF;
  }
  .ub-header-b.primary .nav a {
    color: #333;
  }
  .ub-header-b.primary .nav a.active {
    color: var(--color-primary);
  }
}
.ub-header-c-placeholder {
  height: 3rem;
  overflow: hidden;
}
.ub-header-c {
  height: 3rem;
  border-bottom: 0.05rem solid #EEE;
  background: #FFF;
  overflow: hidden;
  position: fixed;
  text-align: center;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
}
.ub-header-c .logo {
  position: absolute;
  top: 0;
  left: 3rem;
}
.ub-header-c .logo .logo-link {
  line-height: 2rem;
  display: inline-block;
  padding: 0.5rem 0;
  font-size: 1rem;
  vertical-align: middle;
}
.ub-header-c .logo .logo-link .logo-image {
  height: 2rem;
  vertical-align: middle;
  display: inline-block;
}
.ub-header-c .search .box {
  vertical-align: middle;
  margin-top: 0.5rem;
  display: inline-block;
  height: 2rem;
  border-radius: 1rem;
  padding: 0.2rem 0.5rem 0.2rem 0.75rem;
  width: 30%;
  max-width: 30em;
  border: 1px solid var(--color-primary, #419488);
  position: relative;
}
.ub-header-c .search .box .input {
  height: 1.5rem;
  display: block;
  width: 100%;
  padding: 0 1.5rem 0 0;
  border: none;
  background: none;
  color: #333;
}
.ub-header-c .search .box .submit {
  position: absolute;
  right: -1px;
  top: -1px;
  height: 2rem;
  border: none;
  outline: none;
  font-size: 0.7rem;
  color: #FFF;
  cursor: pointer;
  background: var(--color-primary, #419488);
  border-radius: 0 1rem 1rem 0;
  padding: 0 0.6rem 0 0.5rem;
}
.ub-header-c .search .box .submit:hover {
  background: var(--color-primary-dark);
}
.ub-header-c .menu {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0.6rem 1rem 0 0;
}
.ub-header-c .menu .item {
  vertical-align: middle;
  display: inline-block;
  line-height: 1.6rem;
  height: 1.6rem;
  padding: 0 0.6rem;
  margin-left: 0.5rem;
  font-size: 0.7rem;
  border-radius: 4px;
  border: solid 1px var(--color-primary, #419488);
  color: var(--color-primary, #419488);
  cursor: pointer;
}
.ub-header-c .menu .item-icon {
  vertical-align: middle;
  color: #333;
  display: inline-block;
  padding: 0 0.6rem;
  margin-top: -0.2rem;
}
.ub-header-c .menu .item-icon .icon {
  font-size: 1rem;
  line-height: 1.4rem;
}
.ub-header-c .menu .item-icon .text {
  font-size: var(--font-size-small);
}
.ub-header-c .menu .item-icon:hover {
  color: var(--color-primary, #419488);
}
.ub-header-c .menu-toggle,
.ub-header-c .menu-mask,
.ub-header-c .search-toggle {
  display: none;
}
@media screen and (max-width: 40rem) {
  .ub-header-c {
    padding: 0 3rem;
    text-align: center;
  }
  .ub-header-c.show .menu-mask {
    content: '';
    display: block;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 3rem;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
  }
  .ub-header-c.show .menu {
    z-index: 1001;
    right: 0;
    transition: right 0.3s;
  }
  .ub-header-c.show .menu-toggle .close {
    display: block;
  }
  .ub-header-c.show .menu-toggle .show {
    display: none;
  }
  .ub-header-c.show-search .search-mask {
    content: '';
    display: block;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 3rem;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
  }
  .ub-header-c.show-search .search {
    z-index: 1001;
    display: block;
  }
  .ub-header-c.show-search .search-toggle .close {
    display: block;
  }
  .ub-header-c.show-search .search-toggle .show {
    display: none;
  }
  .ub-header-c .logo {
    position: static;
  }
  .ub-header-c .search-toggle {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 3rem;
    font-size: 1.2rem;
    text-align: center;
    width: 3rem;
    cursor: pointer;
    color: var(--color-primary, #419488);
  }
  .ub-header-c .search-toggle .close {
    display: none;
  }
  .ub-header-c .search-toggle .show {
    display: block;
  }
  .ub-header-c .search {
    display: none;
    padding: 0 0.5rem 0.5rem 0.5rem;
    background: #FFF;
    position: fixed;
    top: 3rem;
    left: 0;
    right: 0;
    text-align: center;
  }
  .ub-header-c .search .box {
    width: 80%;
  }
  .ub-header-c .menu-toggle {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 3rem;
    font-size: 1.2rem;
    text-align: center;
    width: 3rem;
    cursor: pointer;
    color: var(--color-primary, #419488);
  }
  .ub-header-c .menu-toggle .close {
    display: none;
  }
  .ub-header-c .menu-toggle .show {
    display: block;
  }
  .ub-header-c .menu {
    position: fixed;
    right: -8rem;
    top: 3rem;
    background: #FFF;
    padding: 0.5rem;
    border-radius: var(--size-radius);
  }
  .ub-header-c .menu .item-icon {
    width: 6rem;
    font-size: 1rem;
    padding: 0;
    display: block;
    line-height: 2rem;
    border-bottom: 1px dotted #EEE;
  }
  .ub-header-c .menu .item-icon .icon {
    display: inline-block;
    font-size: 1rem;
  }
  .ub-header-c .menu .item-icon .text {
    display: inline-block;
    font-size: var(--font-size);
  }
  .ub-header-c .menu .item {
    display: block;
    margin-top: 0.5rem;
    margin-left: 0;
  }
}
.ub-header-d {
  background: #FFF;
}
.ub-header-d .top {
  background-color: rgba(236, 236, 236, 0.65);
  height: 1.75rem;
}
.ub-header-d .top .right {
  text-align: right;
}
.ub-header-d .top .right .item {
  display: inline-block;
  line-height: 1.75rem;
  color: #333;
  padding: 0 1rem;
}
.ub-header-d .main {
  height: 4.7rem;
  border-bottom: 0.25rem solid rgba(236, 236, 236, 0.65);
}
.ub-header-d .main .menu {
  float: right;
}
.ub-header-d .main .menu .item {
  color: var(--color-primary, #419488);
  font-size: var(--font-size-large);
  line-height: 4.2rem;
  padding: 0 1rem;
  display: inline-block;
  border-bottom: 0.25rem solid transparent;
  transition: border-bottom-color 0.5s;
}
.ub-header-d .main .menu .item:hover {
  border-bottom: 0.25rem solid var(--color-primary, #419488);
}
.ub-header-d .main .logo {
  height: 4.7rem;
}
.ub-header-d .main .logo a {
  display: inline-block;
  margin-top: 0.85rem;
}
.ub-header-d .main .logo a img {
  height: 3rem;
}
.ub-header-d .menu-toggle {
  display: none;
}
@media screen and (max-width: 40rem) {
  .ub-header-d {
    position: relative;
    overflow: hidden;
  }
  .ub-header-d.show-menu .menu-toggle {
    transform: rotate(90deg);
  }
  .ub-header-d.show-menu .main .menu {
    right: 0%;
  }
  .ub-header-d .menu-toggle {
    display: block;
    position: absolute;
    right: 0;
    top: 1.75rem;
    line-height: 2.7rem;
    font-size: 1.2rem;
    text-align: center;
    width: 2.7rem;
    cursor: pointer;
    color: var(--color-primary, #419488);
    transition: all 0.5s;
  }
  .ub-header-d .main {
    height: 2.7rem;
  }
  .ub-header-d .main .menu {
    position: fixed;
    right: -35%;
    top: 4.2rem;
    width: 30%;
    background: #FFF;
    box-shadow: 0 2px 5px #CCC;
    transition: all 0.5s;
    z-index: 2000;
  }
  .ub-header-d .main .menu .item {
    display: block;
    font-size: var(--font-size);
    line-height: 2rem;
    text-align: center;
  }
  .ub-header-d .main .logo {
    height: 2.7rem;
  }
  .ub-header-d .main .logo a {
    margin-top: 0.3rem;
  }
  .ub-header-d .main .logo a img {
    height: 2rem;
  }
}
.ub-header-mobile.no-shadow .header-container {
  box-shadow: none;
}
.ub-header-mobile.ub-header-mobile-a .header-container .body .title {
  text-align: left;
  padding-left: var(--size-margin);
  font-size: var(--font-size-large);
}
.ub-header-mobile .header-status {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10000;
  background: #FFF;
}
.ub-header-mobile .header-container {
  position: fixed;
  left: 0;
  right: 0;
  height: 2.5rem;
  z-index: 500;
  box-shadow: 0 1px 1px #EEE;
  background: #FFF;
}
.ub-header-mobile .header-container .body {
  display: flex;
  justify-content: space-between;
  height: 2.5rem;
  line-height: 2.5rem;
}
.ub-header-mobile .header-container .body.has-back .action {
  min-width: 2.5rem;
}
.ub-header-mobile .header-container .body .back {
  font-size: var(--font-size-large);
  width: 2.5rem;
  text-align: center;
  min-width: 2.5rem;
  display: inline-block;
}
.ub-header-mobile .header-container .body .title {
  font-size: var(--font-size-large);
  line-height: 2.5rem;
  height: 2.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-grow: 1;
}
.ub-header-mobile .header-container .body .action {
  text-align: center;
}
.ub-header-mobile .header-container .body .action .item {
  line-height: 2.5rem;
  width: 2.5rem;
  text-align: center;
  display: block;
}
.ub-header-mobile .header-container .body .action .iconfont {
  font-size: var(--font-size-large);
}
.ub-header-mobile .header-container-placeholder {
  height: 2.5rem;
  width: 100%;
  clear: both;
}
@media screen and (min-width: 40rem) {
  .ub-header-mobile .header-status,
  .ub-header-mobile .header-container {
    width: 30rem;
    left: 50%;
    margin-left: -15rem;
  }
  .ub-header-mobile .header-container {
    box-shadow: 0 0 5px #CCC;
  }
}
.ub-footer {
  text-align: center;
  padding: 1.5rem 0;
  margin-top: 1rem;
}
.ub-footer .nav {
  padding: 0.5rem 0;
}
.ub-footer .nav a {
  color: #999;
  display: inline-block;
  margin: 0 0.25rem;
}
.ub-footer .nav a:hover {
  text-decoration: underline;
}
.ub-footer .copyright {
  color: #999;
}
.ub-footer .copyright a {
  color: #999;
}
.ub-footer-a {
  text-align: center;
  padding: 1.5rem 0;
  border-top: 0.05rem solid #EEE;
  background: var(--color-primary);
  margin-top: 1rem;
}
.ub-footer-a .nav {
  padding: 0.5rem 0;
}
.ub-footer-a .nav a {
  color: #FFF;
  display: inline-block;
  margin: 0 0.25rem;
}
.ub-footer-a .nav a:hover {
  text-decoration: underline;
}
.ub-footer-a .copyright {
  color: #FFF;
}
.ub-footer-a .copyright a {
  color: #FFF;
}
.ub-footer-link.reverse {
  background: #333;
  color: #EEE;
}
.ub-footer-link.reverse .link .list a {
  color: #CCC;
}
.ub-footer-link .link {
  padding: 1rem 0;
}
.ub-footer-link .link .title {
  font-size: 0.78rem;
}
.ub-footer-link .link .list a {
  display: block;
  color: #666;
  margin: 0.5rem 0;
}
.ub-footer-link .image {
  padding: 1rem 0;
  text-align: right;
}
.ub-footer-link .image img {
  max-width: 100%;
}
@media screen and (max-width: 40rem) {
  .ub-footer-link .link {
    text-align: center;
  }
  .ub-footer-link .image {
    text-align: center;
  }
}
.ub-search-block {
  background: var(--color-primary, #419488);
  padding: 2rem 0.5rem 3rem 0.5rem;
  text-align: center;
}
.ub-search-block .title {
  font-size: 1.5rem;
  padding: 0 0 0 0;
  color: #FFF;
}
.ub-search-block .sub-title {
  font-size: var(--font-size-large, 1rem);
  color: #FFF;
}
.ub-search-block .form {
  padding-top: 1rem;
}
.ub-search-block .form .box {
  max-width: 25rem;
  margin: 0 auto;
  position: relative;
  height: 2rem;
}
.ub-search-block .form .box input {
  width: 100%;
  border-radius: 2.5rem;
  line-height: 2.5rem;
  height: 2.5rem;
  padding: 0 1rem;
}
.ub-search-block .form .box button {
  position: absolute;
  right: 0;
  top: 0.05rem;
  background: #FFF;
  border: none;
  border-radius: 1.25rem;
  color: var(--color-primary, #419488);
  height: 2.4rem;
  line-height: 2.4rem;
  padding: 0 1rem;
  margin: 0;
}
.ub-search-mobile-bar {
  display: flex;
  height: 2rem;
  overflow: hidden;
  background: #FFF;
  line-height: 2rem;
  padding: 0 0.5rem;
}
.ub-search-mobile-bar .left .item,
.ub-search-mobile-bar .center .item,
.ub-search-mobile-bar .right .item {
  display: inline-block;
  min-width: 2rem;
  line-height: 2rem;
  text-align: center;
  color: #666;
}
.ub-search-mobile-bar .left .item .icon,
.ub-search-mobile-bar .center .item .icon,
.ub-search-mobile-bar .right .item .icon {
  display: inline-block;
  font-size: var(--font-size-large, 1rem);
}
.ub-search-mobile-bar .center {
  flex: 1;
  line-height: 1.4rem;
}
.ub-search-mobile-bar .center .box {
  margin-top: 0.3rem;
  position: relative;
  height: 1.4rem;
  background: #EEE;
  border-radius: 0.7rem;
}
.ub-search-mobile-bar .center .box .icon {
  position: absolute;
  display: block;
  left: 0.5rem;
  top: 0.4rem;
  line-height: 1em;
  height: 1rem;
  width: 1rem;
  text-align: center;
  font-size: var(--font-size, 0.65rem);
}
.ub-search-mobile-bar .center .box .input {
  position: absolute;
  display: block;
  left: 1.6rem;
  top: 0.2rem;
  border: none;
  width: calc(100% - 2rem);
  height: 1rem;
  line-height: 1rem;
  background: transparent;
  outline: none;
  padding: 0;
}
.ub-search-history .item {
  display: flex;
}
.ub-search-history .item .time,
.ub-search-history .item .text,
.ub-search-history .item .remove {
  display: inline-block;
  min-width: 1.5rem;
  text-align: center;
  line-height: 1.5rem;
  color: #999;
}
.ub-search-history .item .text {
  flex: 1;
  text-align: left;
  color: #333;
}
.ub-search-result {
  background: #FFF;
  padding: var(--size-margin, 0.5rem);
}
.ub-search-result .keyword {
  color: var(--color-primary, #419488);
  font-weight: bold;
}
.ub-search-result .count {
  color: var(--color-primary, #419488);
  font-weight: bold;
}
.ub-search-block-a {
  position: relative;
  border: 1px solid #CCC;
  border-radius: 3px;
  padding: 0;
}
.ub-search-block-a.mini .search-btn {
  padding: 0 0.5rem;
  font-size: 0.7rem;
}
.ub-search-block-a .input {
  outline: none;
  height: 2rem;
  width: 100%;
  line-height: 2rem;
  border: none;
  padding: 0 0.5rem;
  font-size: 0.65rem;
  box-sizing: border-box;
}
.ub-search-block-a .search-btn {
  display: block;
  height: 2rem;
  padding: 0 1rem;
  line-height: 2rem;
  background-color: var(--color-primary, #419488);
  color: #FFF;
  position: absolute;
  right: 0px;
  top: 0px;
  font-size: 0.8rem;
  border-radius: 0.2rem;
}
.ub-search-block-a .search-btn:hover {
  color: #FFF;
}
.ub-article.white {
  background: #FFF;
  padding: 1rem;
}
.ub-article h1 {
  font-size: 1.5rem;
  padding: 0;
  margin: 0;
  line-height: 2rem;
}
.ub-article .attr {
  color: #999;
  padding: 0.5rem 0;
  border-bottom: 0.05rem solid #DDD;
}
.ub-article .cover img {
  width: 100%;
}
.ub-article .content {
  padding: 0.5rem 0;
}
.ub-article-a {
  background: #FFF;
  padding: 1rem;
  border-radius: var(--size-radius, 0.25rem);
}
.ub-article-a .image {
  border: #eeeeee 1px solid;
  padding: 0.5rem;
  overflow: hidden;
}
.ub-article-a .image .text {
  color: #666;
  padding: 0.25rem 0;
}
.ub-article-a .image .text .left {
  float: left;
}
.ub-article-a .image .text .right {
  float: right;
}
.ub-article-a .content {
  padding-left: 1rem;
}
.ub-article-a .content h1 {
  color: #000;
  font-size: var(--font-size-large, 1rem);
  line-height: 1.5rem;
}
.ub-article-a .content .info {
  padding: 0 0 0 0;
}
.ub-article-a .content .action {
  padding: 0.5rem 0 0 0;
}
.ub-article-a .content .action .btn {
  margin-right: 0.5rem;
}
.ub-list-head-tools-placeholder {
  height: 2rem;
}
.ub-list-head-tools {
  box-shadow: 0 0 2px #CCC;
  background: #FFF;
  height: 2rem;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10000;
}
.ub-list-head-tools .item {
  flex: 1;
}
.ub-list-head-tools .item.open .item-drawer-title .icon {
  transform: rotateZ(180deg);
}
.ub-list-head-tools .item.open .item-drawer-mask {
  display: block !important;
}
.ub-list-head-tools .item .item-drawer .item-drawer-title {
  line-height: 2rem;
  text-align: center;
}
.ub-list-head-tools .item .item-drawer .item-drawer-title .text,
.ub-list-head-tools .item .item-drawer .item-drawer-title .icon {
  display: inline-block;
}
.ub-list-head-tools .item .item-drawer .item-drawer-title .icon {
  color: #CCC;
  transition: all 0.3s ease-in-out;
}
.ub-list-head-tools .item .item-drawer .item-drawer-mask {
  transition: all 0.3s ease-in-out;
  display: none;
  position: absolute;
  top: 2rem;
  left: 0;
  right: 0;
  height: calc(100vh - 2rem);
  background: rgba(0, 0, 0, 0.5);
}
.ub-list-head-tools .item .item-drawer .item-drawer-mask .item-drawer-content {
  position: relative;
  padding-bottom: 3rem;
  background: #FFF;
  border-top: 1px solid #EEE;
}
.ub-list-head-tools .item .item-drawer .item-drawer-mask .item-drawer-content.no-foot {
  padding-bottom: 0;
}
.ub-list-head-tools .item .item-drawer .item-drawer-mask .item-drawer-content.no-foot .item-drawer-content-body {
  max-height: calc(100vh - 2rem);
}
.ub-list-head-tools .item .item-drawer .item-drawer-mask .item-drawer-content .item-drawer-content-body {
  max-height: calc(100vh - 2rem - 3rem);
  overflow: auto;
  background: #FFF;
  padding: var(--size-margin);
  box-shadow: inset 0 0 10px #eee;
}
.ub-list-head-tools .item .item-drawer .item-drawer-mask .item-drawer-content .item-drawer-content-body .item-drawer-content-body-list .item-drawer-content-body-item {
  font-size: var(--font-size);
  text-align: left;
  line-height: 2rem;
  padding: 0 1rem;
  display: flex;
}
.ub-list-head-tools .item .item-drawer .item-drawer-mask .item-drawer-content .item-drawer-content-body .item-drawer-content-body-list .item-drawer-content-body-item.active {
  color: var(--color-primary);
}
.ub-list-head-tools .item .item-drawer .item-drawer-mask .item-drawer-content .item-drawer-content-body .item-drawer-content-body-list .item-drawer-content-body-item.active .checked {
  visibility: visible;
}
.ub-list-head-tools .item .item-drawer .item-drawer-mask .item-drawer-content .item-drawer-content-body .item-drawer-content-body-list .item-drawer-content-body-item .checked {
  font-size: var(--font-size-large);
  overflow: hidden;
  visibility: hidden;
  width: 1.5rem;
}
.ub-list-head-tools .item .item-drawer .item-drawer-mask .item-drawer-content .item-drawer-content-body .item-drawer-content-body-list .item-drawer-content-body-item .text,
.ub-list-head-tools .item .item-drawer .item-drawer-mask .item-drawer-content .item-drawer-content-body .item-drawer-content-body-list .item-drawer-content-body-item .checked {
  display: inline-block;
  vertical-align: middle;
}
.ub-list-head-tools .item .item-drawer .item-drawer-mask .item-drawer-content .item-drawer-content-body .item-drawer-content-body-list .item-drawer-content-body-item .text {
  border-bottom: 1px solid #F8F8F8;
  flex: 1;
}
.ub-list-head-tools .item .item-drawer .item-drawer-mask .item-drawer-content .item-drawer-content-body .item-drawer-content-body-list .item-drawer-content-body-item .text:last-child {
  border-bottom: none;
}
.ub-list-head-tools .item .item-drawer .item-drawer-mask .item-drawer-content .item-drawer-content-foot {
  display: flex;
  padding: var(--size-margin);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #FFF;
  border-top: 1px solid #EEE;
}
.ub-list-head-tools .item .item-drawer .item-drawer-mask .item-drawer-content .item-drawer-content-foot .btn {
  flex: 1;
}
.ub-list {
  background: #FFF;
  border-radius: var(--size-radius);
}
.ub-list.no-bg {
  background: transparent;
}
.ub-list.no-bg .head {
  padding: 0.5rem 0;
}
.ub-list.no-bg .body {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.ub-list .head {
  padding: 0.5rem;
}
.ub-list .head .more {
  float: right;
  line-height: 1.5rem;
}
.ub-list .head .title {
  display: inline-block;
  line-height: 1rem;
  font-size: var(--font-size);
}
.ub-list .body {
  margin-top: -0.5rem;
  padding: 0.5rem;
}
.ub-list .body mark,
.ub-list-items mark {
  color: red;
  background: none;
}
.ub-list .body .item-a,
.ub-list-items .item-a {
  border: 0.05rem solid #EEE;
  border-radius: 0.15rem;
  padding: 0.5rem 0.5rem 0.5rem 3.5rem;
  overflow: hidden;
  margin: 0 0 0.5rem 0;
}
.ub-list .body .item-a .icon,
.ub-list-items .item-a .icon {
  float: left;
  margin: 0.25rem 0 0 -3rem;
}
.ub-list .body .item-a .icon img,
.ub-list-items .item-a .icon img,
.ub-list .body .item-a .icon .img,
.ub-list-items .item-a .icon .img {
  height: 2.5rem;
  width: 2.5rem;
}
.ub-list .body .item-a .title,
.ub-list-items .item-a .title {
  display: block;
  color: #333;
  font-size: var(--font-size-large);
  line-height: 1rem;
  height: 1rem;
}
.ub-list .body .item-a .title:hover,
.ub-list-items .item-a .title:hover {
  color: #111;
}
.ub-list .body .item-a .summary,
.ub-list-items .item-a .summary {
  color: #999;
  font-size: var(--font-size);
  padding: 0.5rem 0 0 0;
  height: 2.4rem;
  overflow: hidden;
}
.ub-list .body .item-b,
.ub-list-items .item-b {
  line-height: 2em;
  text-align: center;
  display: block;
  border: 0.05rem solid #EEE;
  border-radius: 0.15rem;
  margin: 0.25rem 0;
  color: var(--color-primary);
}
.ub-list .body .item-b:hover,
.ub-list-items .item-b:hover {
  background: #EEE;
}
.ub-list .body .item-c,
.ub-list-items .item-c {
  line-height: 2em;
  display: block;
  margin: 0.25rem 0;
  color: #666;
  height: 2em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ub-list .body .item-c:before,
.ub-list-items .item-c:before {
  content: "▪";
  color: var(--color-primary);
  display: inline-block;
  margin-right: 0.2rem;
}
.ub-list .body .item-d,
.ub-list-items .item-d {
  border-bottom: 0.05rem dashed #CCC;
  padding: var(--size-margin) 0;
}
.ub-list .body .item-d .title,
.ub-list-items .item-d .title {
  font-size: var(--font-size-large);
  color: #333;
  line-height: 1.4rem;
}
.ub-list .body .item-d .attr,
.ub-list-items .item-d .attr {
  color: #999;
  font-size: var(--font-size);
  padding: 0.25rem 0 0 0;
}
.ub-list .body .item-d .attr a,
.ub-list-items .item-d .attr a {
  color: #999;
}
.ub-list .body .item-d .attr a:hover,
.ub-list-items .item-d .attr a:hover {
  text-decoration: underline;
}
.ub-list .body .item-d .summary,
.ub-list-items .item-d .summary {
  color: #999;
  font-size: var(--font-size);
  padding: 0.25rem 0 0 0;
}
.ub-list .body .item-e,
.ub-list-items .item-e {
  padding-bottom: 0.5rem;
  border-radius: 0.15rem;
}
.ub-list .body .item-e .cover,
.ub-list-items .item-e .cover {
  display: block;
  overflow: hidden;
  background: no-repeat center;
  background-size: cover;
  box-shadow: #EEE 0 0 0.15rem;
  border-radius: 0.15rem;
}
.ub-list .body .item-e .cover:after,
.ub-list-items .item-e .cover:after {
  content: '';
  display: block;
  margin-top: 75%;
}
.ub-list .body .item-e .title,
.ub-list-items .item-e .title {
  line-height: 1rem;
  height: 1rem;
  display: block;
  margin-top: 0.5rem;
  padding: 0 0.5rem;
  color: #333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ub-list .body .item-e .summary,
.ub-list-items .item-e .summary {
  margin-top: 0.25rem;
  line-height: 1rem;
  height: 2rem;
  color: #999;
  overflow: hidden;
  padding: 0 0.5rem;
}
.ub-list .body .item-f,
.ub-list-items .item-f {
  padding: 0 0 0 4rem;
  margin: 0 0 0.75rem 0;
}
.ub-list .body .item-f .date,
.ub-list-items .item-f .date {
  float: left;
  margin: 0 0 0 -4rem;
  display: block;
  width: 3rem;
  border: 0.05rem solid var(--color-primary);
  border-radius: 0.15rem;
  text-align: center;
  line-height: 1.25rem;
}
.ub-list .body .item-f .date .day,
.ub-list-items .item-f .date .day {
  color: #FFF;
  font-size: var(--font-size-large);
  background: var(--color-primary);
}
.ub-list .body .item-f .date .month,
.ub-list-items .item-f .date .month {
  color: #333;
}
.ub-list .body .item-f .title,
.ub-list-items .item-f .title {
  display: block;
  line-height: 1rem;
  height: 1rem;
  overflow: hidden;
}
.ub-list .body .item-f .summary,
.ub-list-items .item-f .summary {
  color: #999;
  height: 2rem;
  line-height: 1rem;
  overflow: hidden;
}
.ub-list .body .item-g,
.ub-list-items .item-g {
  border: 0.05rem solid #EEE;
  border-radius: 0.15rem;
  padding: 0.5rem;
  overflow: hidden;
  margin: 0 0 0.5rem 0;
  text-align: center;
  display: block;
}
.ub-list .body .item-g:hover,
.ub-list-items .item-g:hover {
  box-shadow: #CCC 0 0 0.1rem;
}
.ub-list .body .item-g .icon img,
.ub-list-items .item-g .icon img {
  height: 4rem;
  width: 4rem;
}
.ub-list .body .item-g .title,
.ub-list-items .item-g .title {
  display: block;
  color: #666;
  line-height: 1rem;
}
.ub-list .body .item-g .title:hover,
.ub-list-items .item-g .title:hover {
  color: #111;
}
.ub-list .body .item-h,
.ub-list-items .item-h {
  border: 0.05rem solid #EEE;
  border-radius: 0.15rem;
  padding: 0.5rem 0.5rem 0.5rem 2.5rem;
  overflow: hidden;
  margin: 0 0 0.5rem 0;
  display: block;
}
.ub-list .body .item-h:hover,
.ub-list-items .item-h:hover {
  border-color: #CCC;
}
.ub-list .body .item-h .icon,
.ub-list-items .item-h .icon {
  float: left;
  margin: 0 0 0 -2rem;
}
.ub-list .body .item-h .icon img,
.ub-list-items .item-h .icon img {
  height: 1.5rem;
  width: 1.5rem;
  border: none;
}
.ub-list .body .item-h .icon i,
.ub-list-items .item-h .icon i {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  font-size: var(--font-size-large);
  color: #999;
}
.ub-list .body .item-h .title,
.ub-list-items .item-h .title {
  display: block;
  color: #333;
  font-size: var(--font-size);
  line-height: 1.5rem;
  height: 1.5rem;
}
.ub-list .body .item-h .title:hover,
.ub-list-items .item-h .title:hover {
  color: #111;
}
.ub-list .body .item-i,
.ub-list-items .item-i {
  border: 0.05rem solid #EEE;
  border-radius: 0.15rem;
  padding: 0.5rem 0.5rem 0.5rem 2.5rem;
  overflow: hidden;
  margin: 0 0 0.5rem 0;
  display: block;
}
.ub-list .body .item-i:hover,
.ub-list-items .item-i:hover {
  border-color: #CCC;
}
.ub-list .body .item-i .icon,
.ub-list-items .item-i .icon {
  float: left;
  margin: 0.25rem 0 0 -2rem;
}
.ub-list .body .item-i .icon img,
.ub-list-items .item-i .icon img {
  height: 1.5rem;
  width: 1.5rem;
  border: none;
}
.ub-list .body .item-i .icon i,
.ub-list-items .item-i .icon i {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  font-size: var(--font-size-large);
  color: #999;
}
.ub-list .body .item-i .title,
.ub-list-items .item-i .title {
  display: block;
  color: #333;
  font-size: var(--font-size);
  line-height: 1rem;
  height: 1rem;
}
.ub-list .body .item-i .title:hover,
.ub-list-items .item-i .title:hover {
  color: #111;
}
.ub-list .body .item-i .desc,
.ub-list-items .item-i .desc {
  color: #999;
  font-size: 0.65rem;
  line-height: 1rem;
  height: 1rem;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
}
.ub-list .body .item-j,
.ub-list-items .item-j {
  border: 0.05rem solid #EEE;
  border-radius: 0.15rem;
  padding: 0.5rem;
  overflow: hidden;
  margin: 0 0 0.5rem 0;
  display: block;
  color: #999;
}
.ub-list .body .item-j:hover,
.ub-list-items .item-j:hover {
  border-color: #CCC;
}
.ub-list .body .item-j .status,
.ub-list-items .item-j .status {
  float: right;
  line-height: 1rem;
  color: #999;
}
.ub-list .body .item-j .title,
.ub-list-items .item-j .title {
  display: block;
  color: #333;
  font-size: var(--font-size);
  line-height: 1rem;
  height: 1rem;
}
.ub-list .body .item-j .title:hover,
.ub-list-items .item-j .title:hover {
  color: #111;
}
.ub-list .body .item-j .attr,
.ub-list-items .item-j .attr {
  padding: 0.5rem 0 0 0;
  font-size: var(--font-size);
}
.ub-list .body .item-j .attr .line,
.ub-list-items .item-j .attr .line {
  line-height: 0.975rem;
}
.ub-list .body .item-k,
.ub-list-items .item-k {
  border-bottom: 0.05rem dashed #EEE;
  padding: 1rem 1rem 1rem 10rem;
  overflow: hidden;
}
.ub-list .body .item-k:hover,
.ub-list-items .item-k:hover {
  background: #F8F8F8;
}
.ub-list .body .item-k.item-k-a,
.ub-list-items .item-k.item-k-a {
  padding: 0.5rem 0.5rem 0.5rem 3.5rem;
}
.ub-list .body .item-k.item-k-a .image,
.ub-list-items .item-k.item-k-a .image {
  width: 3rem;
  padding: 0.25rem;
  margin-left: -3.5rem;
}
.ub-list .body .item-k.item-k-a .image .cover,
.ub-list-items .item-k.item-k-a .image .cover {
  border-radius: 50%;
  box-shadow: 0 0 1px #999;
}
.ub-list .body .item-k.item-k-a .info,
.ub-list-items .item-k.item-k-a .info {
  padding-top: 0.5rem;
}
.ub-list .body .item-k.item-k-b,
.ub-list-items .item-k.item-k-b {
  padding: 0rem 0rem 0rem 2.5rem;
}
.ub-list .body .item-k.item-k-b .image,
.ub-list-items .item-k.item-k-b .image {
  width: 2rem;
  padding: 0.25rem;
  margin-left: -2.5rem;
}
.ub-list .body .item-k.item-k-b .image .cover,
.ub-list-items .item-k.item-k-b .image .cover {
  box-shadow: 0 0 1px #999;
}
.ub-list .body .item-k.item-k-b .title,
.ub-list-items .item-k.item-k-b .title {
  font-size: var(--font-size);
  padding: 0.3rem 0;
  display: inline-block;
}
.ub-list .body .item-k.item-k-b .right,
.ub-list-items .item-k.item-k-b .right {
  padding: 0.3rem 0;
}
.ub-list .body .item-k:hover .image .cover,
.ub-list-items .item-k:hover .image .cover {
  transform: scale(1.1);
  transition: all 0.6s;
}
.ub-list .body .item-k .right,
.ub-list-items .item-k .right {
  float: right;
}
.ub-list .body .item-k .image,
.ub-list-items .item-k .image {
  width: 9rem;
  float: left;
  margin-left: -10rem;
  display: block;
}
.ub-list .body .item-k .title,
.ub-list-items .item-k .title {
  font-size: var(--font-size-large);
  color: #333;
  line-height: 1.4rem;
}
.ub-list .body .item-k .summary,
.ub-list-items .item-k .summary {
  color: #999;
  font-size: var(--font-size);
  padding: 0.5rem 0 0 0;
  height: 3.425rem;
  overflow: hidden;
  line-height: 0.975rem;
}
.ub-list .body .item-k .info,
.ub-list-items .item-k .info {
  color: #999;
  font-size: var(--font-size);
  padding: 1rem 0 0 0;
  overflow: hidden;
}
.ub-list .body .item-k .info .left,
.ub-list-items .item-k .info .left {
  float: left;
}
.ub-list .body .item-k .info .right,
.ub-list-items .item-k .info .right {
  float: right;
}
.ub-list .body .item-k .info a,
.ub-list-items .item-k .info a {
  color: #999;
}
.ub-list .body .item-k .info a:hover,
.ub-list-items .item-k .info a:hover {
  text-decoration: underline;
}
.ub-list .body .item-l,
.ub-list-items .item-l {
  line-height: 2em;
  display: block;
  position: relative;
  height: 1.5rem;
  overflow: hidden;
  padding-left: 2rem;
  padding-right: 7em;
  box-sizing: content-box;
}
.ub-list .body .item-l .seq,
.ub-list-items .item-l .seq {
  position: absolute;
  width: 1rem;
  height: 1rem;
  left: 0;
  top: 0.25em;
  background: #fbe6e6;
  cursor: pointer;
  line-height: 1rem;
  text-align: center;
  color: #D22525;
  display: block;
}
.ub-list .body .item-l .right,
.ub-list-items .item-l .right {
  position: absolute;
  right: 0;
  top: 0;
  color: #666;
  width: 6em;
  text-align: center;
  background: #F9F9F9;
}
.ub-list .body .item-l .title,
.ub-list-items .item-l .title {
  color: var(--color-primary);
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  height: 1rem;
  overflow: hidden;
}
.ub-list .body .item-m,
.ub-list-items .item-m {
  color: #999;
  background-color: #f6f6f6;
  height: 1.5rem;
  line-height: 1.5rem;
  overflow: hidden;
  padding: 0 0.2rem;
  display: -moz-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  margin: 0.1rem -0.15rem;
  border-radius: 3px;
}
.ub-list .body .item-m:hover,
.ub-list-items .item-m:hover {
  background: var(--color-primary);
  color: #FFF;
}
.ub-list .body .item-n,
.ub-list-items .item-n {
  border-radius: 3px;
  box-shadow: 0 0 2px #CCC;
  margin-bottom: 0.5rem;
  transition: all linear 0.2s;
}
.ub-list .body .item-n:hover,
.ub-list-items .item-n:hover {
  box-shadow: 0 0 2px #BBB;
  transform: translateY(-0.5rem);
}
.ub-list .body .item-n .text .cover,
.ub-list-items .item-n .text .cover {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ub-list .body .item-n .text .cover .content,
.ub-list-items .item-n .text .cover .content {
  color: #111;
  text-shadow: 0 0 10px #EEE;
  font-size: 1rem;
}
.ub-list .body .item-o,
.ub-list-items .item-o {
  background: #FFF;
  margin-bottom: 0.5rem;
  border-radius: 3px;
}
.ub-list .body .item-o:hover .image .cover,
.ub-list-items .item-o:hover .image .cover {
  transform: scale(1.1);
  transition: all 0.6s;
}
.ub-list .body .item-o .image,
.ub-list-items .item-o .image {
  display: block;
  background: #FFF;
  overflow: hidden;
}
.ub-list .body .item-o .title,
.ub-list-items .item-o .title {
  font-size: var(--font-size-large);
  display: block;
  color: var(--color-primary);
  border-top: 0.25rem solid var(--color-primary);
  background: #FFF;
  line-height: 2rem;
  padding: 0 1rem;
  position: relative;
}
.ub-list .body .item-o .title:after,
.ub-list-items .item-o .title:after {
  content: '>';
  display: block;
  transform: scaleX(0.6);
  font-weight: bold;
  position: absolute;
  right: 1rem;
  top: 0;
  height: 2rem;
  font-size: var(--font-size-large);
}
.ub-list .body .item-p,
.ub-list-items .item-p {
  border-radius: 0.2rem;
  margin-bottom: 0.5rem;
  background: #FFF;
  padding: 0 0 1rem 0;
}
.ub-list .body .item-p:hover,
.ub-list-items .item-p:hover {
  box-shadow: 0 0 2px #BBB;
}
.ub-list .body .item-p .image,
.ub-list-items .item-p .image {
  display: block;
}
.ub-list .body .item-p .image .cover,
.ub-list-items .item-p .image .cover {
  border-radius: 0.2rem 0.2rem 0 0;
}
.ub-list .body .item-p .title,
.ub-list-items .item-p .title {
  font-size: var(--font-size);
  text-align: center;
  padding: 0.5rem;
  display: block;
  color: #333;
  height: 2rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ub-list .body .item-p .summary,
.ub-list-items .item-p .summary {
  display: block;
  color: #999;
  text-align: center;
  height: 1rem;
  line-height: 1rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 0.5rem;
}
.ub-list .body .item-p .summary.line2,
.ub-list-items .item-p .summary.line2 {
  height: 2rem;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
}
.ub-list .body .item-video,
.ub-list-items .item-video {
  position: relative;
  display: block;
  margin: 0.5rem;
  border-radius: 0.15rem;
}
.ub-list .body .item-video img,
.ub-list-items .item-video img {
  width: 100%;
}
.ub-list .body .item-video .mask,
.ub-list-items .item-video .mask {
  border-radius: 0.15rem;
  position: absolute;
  background: rgba(0, 0, 0, 0.2);
  text-align: center;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  color: #FFF;
  font-size: 3rem;
}
.ub-list .body .item-video .mask .box,
.ub-list-items .item-video .mask .box {
  display: table;
  height: 100%;
  width: 100%;
}
.ub-list .body .item-video .mask .box i,
.ub-list-items .item-video .mask .box i {
  vertical-align: middle;
  display: table-cell;
}
.ub-list .body .item-video-cover,
.ub-list-items .item-video-cover {
  background: #FFF;
  padding: var(--size-margin);
  margin: 0 0 0.5rem 0;
  border-radius: var(--size-radius);
}
.ub-list .body .item-video-cover:hover,
.ub-list-items .item-video-cover:hover {
  transform: scale(1.07);
  transition: all 0.3s;
}
.ub-list .body .item-video-cover .cover,
.ub-list-items .item-video-cover .cover {
  display: block;
  overflow: hidden;
  background: no-repeat center;
  background-size: cover;
  box-shadow: #EEE 0 0 0.15rem;
  border-radius: 0.15rem;
}
.ub-list .body .item-video-cover .cover:after,
.ub-list-items .item-video-cover .cover:after {
  content: '';
  display: block;
  margin-top: 75%;
}
.ub-list .body .item-video-cover .title,
.ub-list-items .item-video-cover .title {
  line-height: 1rem;
  height: 1rem;
  overflow: hidden;
  display: block;
  margin-top: 0.5rem;
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
}
.ub-list .body .item-video-cover .category,
.ub-list-items .item-video-cover .category {
  margin-top: 0.5rem;
}
.ub-list .body .item-video-cover .category .stat,
.ub-list-items .item-video-cover .category .stat {
  float: right;
}
.ub-list .body .item-video-cover .category .stat a,
.ub-list-items .item-video-cover .category .stat a {
  margin-left: var(--size-margin);
}
.ub-list .body .item-video-cover .category a,
.ub-list-items .item-video-cover .category a {
  color: #999;
}
.ub-list .body .item-video-cover .category a i,
.ub-list-items .item-video-cover .category a i {
  display: inline-block;
  width: 1em;
  text-align: center;
}
.ub-list .body .item-video-cover .category a:hover,
.ub-list-items .item-video-cover .category a:hover {
  color: #333;
}
.ub-list .body .item-video-cover-a,
.ub-list-items .item-video-cover-a {
  padding: var(--size-margin);
  margin: 0 0 0.5rem 0;
}
.ub-list .body .item-video-cover-a:hover .cover,
.ub-list-items .item-video-cover-a:hover .cover {
  transform: scale(1.07);
  transition: all 0.3s;
}
.ub-list .body .item-video-cover-a .cover,
.ub-list-items .item-video-cover-a .cover {
  display: block;
  border-radius: var(--size-radius);
  position: relative;
}
.ub-list .body .item-video-cover-a .cover .time,
.ub-list-items .item-video-cover-a .cover .time {
  position: absolute;
  display: block;
  bottom: 0.5rem;
  right: 1rem;
  color: #FFF;
  text-shadow: 0 0 2px #CCC;
  font-size: var(--font-size-small);
}
.ub-list .body .item-video-cover-a .user,
.ub-list-items .item-video-cover-a .user {
  display: block;
  height: 2.2rem;
  margin-top: -0.5rem;
  margin-left: 1rem;
  position: relative;
}
.ub-list .body .item-video-cover-a .user .avatar,
.ub-list-items .item-video-cover-a .user .avatar {
  width: 1.8rem;
  height: 1.8rem;
  display: inline-block;
}
.ub-list .body .item-video-cover-a .user .avatar .image,
.ub-list-items .item-video-cover-a .user .avatar .image {
  width: 1.8rem;
  height: 1.8rem;
  border: 0.1rem solid #FFF;
  border-radius: 50%;
}
.ub-list .body .item-video-cover-a .user .name,
.ub-list-items .item-video-cover-a .user .name {
  display: inline-block;
  vertical-align: bottom;
  color: #1d1d1d;
}
.ub-list .body .item-video-cover-a .title,
.ub-list-items .item-video-cover-a .title {
  line-height: 1rem;
  height: 2rem;
  overflow: hidden;
  display: block;
  color: #1d1d1d;
  text-overflow: ellipsis;
  width: 100%;
}
.ub-list .body .item-video-cover-a .info,
.ub-list-items .item-video-cover-a .info {
  font-size: var(--font-size-small);
  color: #999;
  padding-top: 0.5rem;
}
@media screen and (max-width: 40rem) {
  .ub-list {
    max-width: 100%;
    overflow: hidden;
  }
  .ub-list.no-bg .head {
    padding: 0.5rem;
  }
}
.ub-list-pay .item {
  line-height: 2.5rem;
  border: 2px solid #EEE;
  padding: 0 10px;
  border-radius: 0.3rem;
  text-align: left;
  color: #333;
  display: block;
  margin-bottom: 0.5rem;
}
.ub-list-pay .item.active {
  border-color: var(--color-primary);
}
.ub-list-pay .item:hover {
  border-color: var(--color-primary);
}
.ub-list-pay .item .icon {
  width: 1.5rem;
  height: 1.5rem;
  vertical-align: middle;
}
.ub-html {
  line-height: 2em;
  color: #636b6f;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  overflow: hidden;
  word-wrap: break-word;
  font-size: inherit;
}
.ub-html p {
  padding: 0;
  margin: 0;
  line-height: 1.6rem;
  word-spacing: 0.05rem;
  margin: 1.2em 0;
}
.ub-html img {
  max-width: 100%;
  border: 1px solid #ddd;
  box-shadow: 0 0 30px #ccc;
}
.ub-html img.emotion {
  height: 2em;
  border: none;
}
.ub-html iframe {
  width: 100%;
  height: auto;
}
.ub-html video {
  width: 100%;
  height: auto;
}
.ub-html a {
  background: transparent;
}
.ub-html hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
.ub-html code,
.ub-html kbd,
.ub-html pre {
  font-family: "Meiryo UI", "YaHei Consolas Hybrid", Consolas, "Malgun Gothic", "Segoe UI", "Trebuchet MS", Helvetica, monospace, monospace;
  font-size: 1em;
  background: #384548;
  color: #f8f8f2;
  white-space: pre;
  word-spacing: normal;
  word-wrap: normal;
  tab-size: 4;
  hyphens: none;
  text-align: left;
}
.ub-html table {
  border-spacing: 0;
  max-width: 98%;
  margin: 1em 0;
  box-shadow: 0 0 0.1rem #CCC;
  display: table;
  text-align: left;
  border: 0.05rem solid #ddd;
  border-collapse: collapse;
  overflow: auto;
  word-break: keep-all;
}
.ub-html table tr {
  background-color: #fff;
  border-top: 0.05rem solid #ccc;
}
.ub-html table tr tbody {
  border: 0;
}
.ub-html table tr th {
  font-weight: bold;
  background-color: #f0f0f0;
  padding: 0.15rem 0.3rem;
  border: 0.05rem solid #ddd;
}
.ub-html table tr td {
  padding: 0.15rem 0.3rem;
  border: 0.05rem solid #ddd;
}
.ub-html > p svg,
.ub-html > p table,
.ub-html > p pre {
  -webkit-box-shadow: 0 0 0.5rem #CCC;
  -moz-box-shadow: 0 0 0.5rem #CCC;
  box-shadow: 0 0 0.5rem #CCC;
  margin: 1em auto;
  display: block;
}
.ub-html td,
.ub-html th {
  padding: 0;
}
.ub-html * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ub-html input {
  font: 0.65rem/1.4 Helvetica, arial, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
}
.ub-html a {
  color: #4183c4;
  text-decoration: none;
}
.ub-html a:hover,
.ub-html a:active {
  text-decoration: underline;
}
.ub-html hr {
  height: 0;
  margin: 0.75rem 0;
  overflow: hidden;
  background: transparent;
  border: 0;
  border-bottom: 0.05rem solid #ddd;
}
.ub-html hr:before {
  display: table;
  content: "";
}
.ub-html hr:after {
  display: table;
  clear: both;
  content: "";
}
.ub-html h1,
.ub-html h2,
.ub-html h3,
.ub-html h4,
.ub-html h5,
.ub-html h6 {
  font-weight: bold;
  margin: 1.2em 0 0.6em 0;
  text-align: start;
}
.ub-html h1 {
  font-size: 2em;
  margin: 1em 0;
}
.ub-html h2 {
  font-size: 1.7em;
  border-bottom: 1px solid #eee;
  line-height: 2em;
}
.ub-html h3 {
  font-size: 1.5em;
}
.ub-html h4 {
  font-size: 1.25em;
}
.ub-html h5 {
  font-size: 1em;
}
.ub-html h6 {
  font-size: 0.85em;
}
.ub-html blockquote {
  display: block;
  font-size: 1em;
  overflow: auto;
  overflow-scrolling: touch;
  border-left: 3px solid rgba(0, 0, 0, 0.4);
  background: rgba(0, 0, 0, 0.05);
  color: #6a737d;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 1em;
  padding-right: 0.5em;
  margin-bottom: 1em;
  margin-top: 1em;
}
.ub-html blockquote p {
  margin: 0.5em 0;
}
.ub-html ul,
.ub-html ol {
  padding: 0.5em 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 1.4em;
}
.ub-html ol li {
  list-style: decimal;
}
.ub-html ul li {
  list-style: disc;
}
.ub-html ol ol,
.ub-html ul ol {
  list-style-type: lower-roman;
}
.ub-html ul ul ol,
.ub-html ul ol ol,
.ub-html ol ul ol,
.ub-html ol ol ol {
  list-style-type: lower-alpha;
}
.ub-html dd {
  margin-left: 0;
}
.ub-html code {
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 0.2em;
  white-space: pre;
  font-family: "Source Code Pro", monospace;
  font-size: 0.9em;
  padding: 0.1em 0.2em;
}
.ub-html pre {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
  font-size: 0.9em;
  border-left: none;
}
.ub-html pre code {
  color: inherit;
  background: none;
  border: none;
}
*::-webkit-scrollbar-track {
  background-color: #F8F8F8;
  border: 0.05rem solid #EEE;
}
*::-webkit-scrollbar {
  width: 0.4rem;
  height: 0.4rem;
  background-color: #F5F5F5;
}
*::-webkit-scrollbar-thumb {
  border-radius: 0.4rem;
  background-color: #CCC;
}
.ub-loading {
  text-align: center;
  color: #999;
  padding: 1rem 0;
}
.ub-empty {
  text-align: center;
  color: #999;
  padding: 1rem 0;
}
.ub-empty .icon {
  font-size: 3rem;
  text-align: center;
  color: #CCC;
  line-height: 3rem;
}
.ub-empty .text {
  line-height: 1.5rem;
  color: #CCC;
}
.ub-load-more {
  text-align: center;
  color: #999;
  padding: 0.5rem 0;
  cursor: pointer;
  font-size: var(--font-size);
}
.ub-no-more {
  text-align: center;
  color: #999;
  padding: 0.5rem 0;
  font-size: var(--font-size);
}
.ub-text-slash-separate .item {
  display: inline-block;
}
.ub-text-slash-separate .item:after {
  content: '/';
  color: #CCC;
  display: inline-block;
  margin: 0 0.1rem;
}
.ub-text-slash-separate .item:last-child:after {
  display: none;
}
.ub-placeholder {
  background: #EEE;
  border-radius: 0.15rem;
  width: 100%;
  min-height: 1em;
  text-align: center;
  color: #999;
}
.ub-pair {
  padding: 0.5em 0 0.5em 5em;
  line-height: 1.5em;
}
.ub-pair .name {
  float: left;
  margin-left: -5em;
  color: #999;
}
.ub-icon-text {
  display: inline-block;
  white-space: nowrap;
  padding: 0 1rem 0 0;
}
.ub-icon-text .icon {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  display: inline-block;
  margin: 0 0.25rem 0 0;
  white-space: nowrap;
}
.ub-icon-text .text {
  line-height: 1.5rem;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333;
}
.ub-tools {
  text-align: center;
}
.ub-tools .item {
  display: inline-block;
  width: 3rem;
  color: #999;
  border-radius: var(--size-radius);
  text-align: center;
  padding: 0.2rem 0;
}
.ub-tools .item:hover {
  background: #F8F8F8;
}
.ub-tools .item.active {
  color: var(--color-primary);
}
.ub-tools .item .icon {
  display: block;
  font-size: var(--font-size-large) !important;
}
.ub-tools .item .text {
  display: block;
}
.ub-line {
  height: 1px;
  background: #EEE;
  margin-top: var(--size-margin);
  margin-bottom: var(--size-margin);
}
.ub-cover-1-1,
.ub-cover-3-1,
.ub-cover-4-1,
.ub-cover-4-3,
.ub-cover-3-2,
.ub-cover-2-1,
.ub-cover-5-3 {
  display: block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.ub-cover-1-1:after,
.ub-cover-3-1:after,
.ub-cover-4-1:after,
.ub-cover-4-3:after,
.ub-cover-3-2:after,
.ub-cover-2-1:after,
.ub-cover-5-3:after {
  content: '';
  display: block;
}
.ub-cover-1-1.contain,
.ub-cover-3-1.contain,
.ub-cover-4-1.contain,
.ub-cover-4-3.contain,
.ub-cover-3-2.contain,
.ub-cover-2-1.contain,
.ub-cover-5-3.contain {
  background-size: contain;
}
.ub-cover-1-1.circle,
.ub-cover-3-1.circle,
.ub-cover-4-1.circle,
.ub-cover-4-3.circle,
.ub-cover-3-2.circle,
.ub-cover-2-1.circle,
.ub-cover-5-3.circle {
  border-radius: 50%;
}
.ub-cover-1-1:after {
  margin-top: 100%;
}
.ub-cover-3-1:after {
  margin-top: 33.33%;
}
.ub-cover-4-1:after {
  margin-top: 25%;
}
.ub-cover-4-3:after {
  margin-top: 75%;
}
.ub-cover-3-2:after {
  margin-top: 66.66%;
}
.ub-cover-2-1:after {
  margin-top: 50%;
}
.ub-cover-5-3:after {
  margin-top: 60%;
}
.ub-nav-header {
  font-size: 1.5rem;
  font-weight: bold;
  padding: 2rem 0;
  text-align: center;
  color: #444;
}
.ub-nav-header-sub {
  color: #999;
  text-align: center;
  font-size: 1rem;
  margin-top: -3rem;
  padding: 2rem 0;
}
.ub-dropdown {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.ub-dropdown:hover .ub-dropdown-list {
  display: block;
}
.ub-dropdown .ub-dropdown-list {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  background: #FFF;
  box-shadow: 0 0 1px #999;
  border-radius: 0.2rem;
  z-index: 1000;
}
.ub-dropdown .ub-dropdown-list .ub-dropdown-list-item {
  display: block;
  color: #333;
  padding: 0 0.5rem;
  line-height: 1.5rem;
  margin: 0;
  white-space: nowrap;
}
.ub-dropdown .ub-dropdown-list .ub-dropdown-list-item:hover {
  color: var(--color-primary);
  background: #EEE;
}
.ub-breadcrumb {
  min-height: 2rem;
  padding: 0.5rem 0;
}
.ub-breadcrumb span,
.ub-breadcrumb .text {
  color: #999;
}
.ub-breadcrumb span.active,
.ub-breadcrumb .text.active {
  color: var(--color-primary);
}
.ub-breadcrumb a,
.ub-breadcrumb .item {
  color: #999;
  display: inline-block;
  padding-right: 0.5rem;
  line-height: 1rem;
}
.ub-breadcrumb a:after,
.ub-breadcrumb .item:after {
  content: '/';
  display: inline-block;
  margin-left: 0.5rem;
  color: #999;
}
.ub-breadcrumb a:last-child:after,
.ub-breadcrumb .item:last-child:after {
  display: none;
}
.ub-breadcrumb a.active,
.ub-breadcrumb .item.active {
  color: var(--color-primary);
}
.ub-nav {
  padding: var(--size-margin);
  background: #FFF;
  border-radius: var(--size-radius);
  position: relative;
}
.ub-nav .tag-label {
  position: absolute;
  left: var(--size-margin);
  top: var(--size-margin);
  line-height: 1rem;
  padding: 0.25rem 0.4rem;
  margin: 0 0.25rem 0 0;
  color: var(--color-primary);
}
.ub-nav .tag-value {
  padding-left: 4em;
}
.ub-nav .tag-value .tag-item {
  display: inline-block;
  position: relative;
  border: 1px solid #EEE;
  border-radius: 0.2rem;
  line-height: 1rem;
  padding: 0.25rem 0.4rem;
  margin: 0 0.25rem 0 0;
  cursor: default;
}
.ub-nav .tag-value .tag-item:hover .close {
  display: block;
}
.ub-nav .tag-value .tag-item .close {
  padding: 0;
  margin: 0;
  font-size: 0.4rem;
  position: absolute;
  width: 0.7rem;
  height: 0.7rem;
  text-align: center;
  line-height: 0.7rem;
  top: -0.3rem;
  right: -0.3rem;
  background: rgba(0, 0, 0, 0.5);
  color: #FFF;
  border-radius: 50%;
  display: none;
}
.ub-nav .nav-right {
  float: right;
}
.ub-nav .nav-right .item {
  margin-right: 0;
}
.ub-nav .nav-right .item.active {
  background: transparent;
  color: var(--color-primary);
}
.ub-nav a,
.ub-nav .item {
  display: inline-block;
  color: #333;
  border-radius: 0.15rem;
  line-height: 1rem;
  padding: 0.25rem 0.4rem;
  margin: 0 0.25rem 0 0;
}
.ub-nav a:hover,
.ub-nav .item:hover {
  color: var(--color-primary);
}
.ub-nav a.active,
.ub-nav .item.active {
  background: var(--color-primary);
  color: #FFF;
}
.ub-nav-group {
  background: #FFFFFF;
  box-shadow: -1px 0px 3px #dddddd;
  border-radius: var(--size-radius);
}
.ub-nav-group .group {
  background: #FFF;
  position: relative;
  padding-left: 6rem;
  overflow: hidden;
  min-height: 2rem;
}
.ub-nav-group .group .label {
  width: 6rem;
  background: #eee;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  text-align: center;
}
.ub-nav-group .group .label .text {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -50%;
  height: 1rem;
  margin-top: -0.5rem;
  font-size: 0.715rem;
}
.ub-nav-group .group .items {
  padding: 0.5rem;
  border-bottom: 1px solid #EEE;
}
.ub-nav-group .group .items a {
  display: inline-block;
  color: #333;
  line-height: 1rem;
  padding: 0.25rem 0.4rem;
  margin: 0 0.25rem 0 0;
  border-radius: var(--size-radius);
  min-width: 5rem;
  text-align: center;
}
.ub-nav-group .group .items a:hover {
  color: var(--color-primary);
}
.ub-nav-group .group .items a.active {
  background: var(--color-primary);
  color: #FFF;
}
.ub-nav-tab {
  background: #FFF;
  border-radius: var(--size-radius) var(--size-radius) 0 0;
  border-bottom: 0.05rem solid #EEE;
}
.ub-nav-tab a {
  display: inline-block;
  color: #333;
  line-height: 1.4rem;
  padding: var(--size-margin);
  margin: 0 0.25rem 0 0;
  border-bottom: 0.1rem solid #FFF;
}
.ub-nav-tab a.active {
  color: var(--color-primary);
  border-bottom: 0.1rem solid var(--color-primary);
}
@media screen and (max-width: 40rem) {
  .ub-breadcrumb {
    padding-left: var(--size-margin);
    padding-right: var(--size-margin);
  }
  .ub-nav {
    min-height: 2.25rem;
    overflow-x: auto;
    overflow-y: hidden;
  }
}
.ub-nav-mobile-foot-spacer {
  height: 2.3rem;
  clear: both;
}
.ub-nav-mobile-foot {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ffffff;
  border-top: 0.05rem solid #e7e7e7;
  border-bottom: 0.05rem solid #f8f8f8;
  -webkit-box-pack: justify;
  z-index: 1001;
  padding: 0.25rem 1rem;
  height: 2.3rem;
}
.ub-nav-mobile-foot .item {
  text-align: center;
  display: block;
  color: #5d656b;
  text-decoration: none;
  flex: 1;
}
.ub-nav-mobile-foot .item .icon {
  font-size: 1.1rem;
  height: 1.1rem;
  line-height: 1.1rem;
  color: #5D656B;
}
.ub-nav-mobile-foot .item .icon .img {
  font-size: 1.1rem;
  height: 1.1rem;
  line-height: 1.1rem;
  color: #5D656B;
}
.ub-nav-mobile-foot .item .title {
  height: 0.6rem;
  font-size: 0.6rem;
  -webkit-transform: scale(0.83333333);
  transform: scale(0.83333333);
}
.ub-nav-mobile-foot .item .name {
  font-size: var(--font-size);
}
.ub-nav-mobile-foot-nav-spacer {
  height: 2rem;
  clear: both;
}
.ub-nav-mobile-foot-nav {
  position: fixed;
  bottom: 2.3rem;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #e7e7e7;
  border-top: 0.05rem solid #e7e7e7;
  border-bottom: 0.05rem solid #f8f8f8;
  z-index: 1001;
  height: 2rem;
  padding: 0.05rem 0 0 0;
}
.ub-nav-mobile-foot-nav .item {
  text-align: center;
  display: block;
  color: #5d656b;
  text-decoration: none;
  flex-grow: 1;
  margin: 0 0.05rem;
  background: #FFF;
}
.ub-nav-mobile-foot-nav .item.disabled .icon .img {
  color: #999;
}
.ub-nav-mobile-foot-nav .item.disabled .name {
  color: #999;
}
.ub-nav-mobile-foot-nav .item .icon {
  height: 2rem;
  line-height: 2rem;
  color: var(--color-primary);
  display: inline-block;
}
.ub-nav-mobile-foot-nav .item .icon .img {
  font-size: var(--font-size);
  height: 2rem;
  line-height: 2rem;
  color: var(--color-primary);
}
.ub-nav-mobile-foot-nav .item .name {
  display: inline-block;
  color: var(--color-primary);
  font-size: var(--font-size);
}
.ub-nav-grid {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 0.05rem solid #e7e7e7;
  border-bottom: 0.05rem solid #f8f8f8;
  -webkit-box-pack: justify;
  margin: 0;
  padding: 0;
  border-top: 0.05rem solid #eee;
  border-left: 0.05rem solid #eee;
  background-color: #f2f2f2;
  width: 100%;
  flex-wrap: wrap;
}
.ub-nav-grid.g3:after {
  content: "";
  width: 33.3333%;
}
.ub-nav-grid.g3 .item {
  width: 33.3333%;
}
.ub-nav-grid .item {
  text-align: center;
  display: block;
  color: #5d656b;
  text-decoration: none;
  vertical-align: top;
  border-right: 0.05rem solid #eee;
  border-bottom: 0.05rem solid #eee;
  padding: 1rem 0.5rem;
  width: 50%;
  background: #FFF;
  flex-shrink: 0;
}
.ub-nav-grid .item .icon {
  font-size: 1.1rem;
  height: 1.1rem;
  line-height: 1.1rem;
  color: #5D656B;
}
.ub-nav-grid .item .icon .img {
  font-size: 1.1rem;
  height: 1.1rem;
  line-height: 1.1rem;
  color: #5D656B;
}
.ub-nav-grid .item .title {
  height: 0.6rem;
  font-size: 0.6rem;
  line-height: 1rem;
}
.ub-nav-category {
  margin-bottom: -1rem;
}
.ub-nav-category .group-title {
  font-size: 0.8rem;
  display: block;
  color: #666;
}
.ub-nav-category .group-list {
  padding: 0.5rem 0 1rem 0;
}
.ub-nav-category .group-list .item {
  font-size: var(--font-size);
  color: #999;
  display: inline-block;
  margin: 0 0.5rem 0 0;
  line-height: 1.2rem;
}
.ub-nav-category .group-list .item.active,
.ub-nav-category .group-list .item:hover {
  color: var(--color-primary);
}
.ub-menu-layout-shrink .ub-menu-layout-container {
  padding-left: 3rem;
}
.ub-menu-layout-shrink .ub-menu-layout > .body {
  width: 3rem;
}
.ub-menu-layout-shrink .ub-menu-layout > .body .item {
  color: #333;
  padding: 0.4rem 0;
  text-align: center;
  display: none;
}
.ub-menu-layout-shrink .ub-menu-layout > .body .item .icon {
  line-height: 1.4rem;
  display: block;
  font-size: 1rem;
  text-align: center;
  width: 100%;
}
.ub-menu-layout-shrink .ub-menu-layout > .body .item .text {
  font-size: var(--font-size-small);
  display: block;
  padding: 0;
  line-height: 1rem;
}
.ub-menu-layout-shrink .ub-menu-layout > .body .item.item-main {
  display: block;
}
.ub-menu-layout-shrink .ub-menu-layout > .body .item-main {
  display: block;
}
.ub-menu-layout-shrink .ub-menu-layout > .body .foot {
  display: none;
}
.ub-menu-layout-shrink .ub-menu-layout > .body .item-title {
  display: none;
}
.ub-menu-layout-shrink .ub-menu-layout > .body .item-title.item-main {
  display: block;
}
.ub-menu-layout-container {
  padding-left: 10rem;
}
.ub-menu-layout {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2000;
}
.ub-menu-layout .toggle {
  position: fixed;
  width: 3rem;
  height: 3rem;
  left: 0;
  top: 0;
  line-height: 3rem;
  text-align: center;
  color: #333;
  font-size: 1rem;
}
.ub-menu-layout > .body {
  position: fixed;
  top: 3rem;
  left: 0;
  bottom: 0;
  overflow-y: auto;
  background: #FFF;
  border-right: 1px solid #EEE;
  width: 16em;
}
.ub-menu-layout > .body .item {
  color: #333;
  display: block;
  padding: 0 1rem;
  line-height: 1.8rem;
}
.ub-menu-layout > .body .item.active {
  color: var(--color-primary);
  background: var(--color-primary-light);
}
.ub-menu-layout > .body .item:hover {
  background: #EEE;
}
.ub-menu-layout > .body .item .icon {
  display: inline-block;
  width: 1.2rem;
}
.ub-menu-layout > .body .item .text {
  display: inline-block;
}
.ub-menu-layout > .body .item-title {
  margin-top: 1rem;
  padding: 0.5rem 1rem;
  font-size: 0.8rem;
  font-weight: 500;
  color: #1d1d1d;
  border-top: 1px solid #f0f0f0;
}
.ub-menu-layout > .body .foot {
  margin-top: 1rem;
  padding: 1rem;
}
.ub-menu-layout > .body .foot .link {
  overflow: hidden;
}
.ub-menu-layout > .body .foot .link a {
  color: #999;
  display: block;
  width: 50%;
  float: left;
}
.ub-menu-layout > .body .foot .copy {
  padding-top: 0.5rem;
}
.ub-menu-layout > .body .foot .copy a {
  color: #999;
}
.ub-menu {
  border: 0.05rem solid #EEE;
  border-radius: 0.25rem;
  background: #FFF;
}
.ub-menu.single-level .title:before {
  transform: rotate(90deg) scaleX(1) scaleY(0.5);
}
.ub-menu .title {
  line-height: 2rem;
  border-bottom: 0.05rem solid #EEE;
  padding: 0 1rem;
  display: block;
  color: #333;
  cursor: pointer;
}
.ub-menu .title:before {
  content: '^';
  display: block;
  color: #CCC;
  float: right;
  transform: rotate(180deg) scaleX(1) scaleY(0.5);
}
.ub-menu .title.active,
.ub-menu .title:hover {
  color: var(--color-primary);
}
.ub-menu .title .icon {
  display: inline-block;
  width: 1.2em;
}
.ub-menu .items {
  display: none;
}
.ub-menu .items.open {
  display: block;
}
.ub-menu .items a {
  line-height: 2rem;
  border-bottom: 0.05rem solid #EEE;
  padding: 0 0.5rem 0 1.5rem;
  display: block;
  color: #333;
}
.ub-menu .items a.active,
.ub-menu .items a:hover {
  color: var(--color-primary);
}
.ub-menu .page-menu-toggle {
  display: none;
}
@media screen and (max-width: 40rem) {
  .ub-menu.simple {
    white-space: nowrap;
    overflow-x: auto;
  }
  .ub-menu.simple .title {
    display: inline-block;
    min-width: 4em;
    border-bottom: none;
  }
  .ub-menu.simple .title:before {
    display: none;
  }
  .ub-menu.nav-menu {
    display: flex;
    margin-bottom: 0.5rem;
  }
  .ub-menu.nav-menu .title {
    display: inline-block;
    padding: 0 0.2rem;
    flex-grow: 1;
    text-align: center;
  }
  .ub-menu.nav-menu .items.open {
    display: block;
    background: #FFF;
    box-shadow: 0 0 5px #CCC;
    border-radius: 0 0 0.4rem 0.4rem;
    position: absolute;
    z-index: 1000;
    top: 2rem;
  }
  .ub-menu.nav-menu .items.open a {
    padding: 0 0.5rem;
    text-align: center;
  }
  .ub-menu.page-menu {
    position: fixed;
    z-index: 100;
    width: 50%;
    left: -50%;
    bottom: 0;
    top: 2rem;
    transition: left 0.3s;
  }
  .ub-menu.page-menu .page-menu-toggle {
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    position: absolute;
    background: #FFF;
    bottom: 2.5rem;
    right: -2.5rem;
    border-radius: 0 var(--size-radius) var(--size-radius) 0;
    border-left: none;
    font-size: var(--font-size-large);
    line-height: 2.5rem;
    text-align: center;
    color: #999;
    box-shadow: 0.1rem 0 0.15rem #999;
  }
  .ub-menu.page-menu .page-menu-toggle i {
    display: block;
  }
  body.ub-menu-page-show .ub-menu.page-menu {
    transition: left 0.3s;
    left: 0;
  }
}
.ub-menu-tree .item .title {
  display: block;
  line-height: 1.5rem;
  cursor: pointer;
  color: #333;
  padding-left: 0.7rem;
  position: relative;
}
.ub-menu-tree .item .title:hover,
.ub-menu-tree .item .title.active {
  color: var(--color-primary);
}
.ub-menu-tree .item .title:before {
  content: '^';
  display: block;
  color: #c0c4cc;
  transform: rotate(90deg) scaleY(0.5);
  position: absolute;
  top: 0;
  left: 0;
}
.ub-menu-tree .item .title.open + .group {
  display: block;
}
.ub-menu-tree .item .group {
  padding-left: 1rem;
  display: none;
}
.ub-page .pages {
  text-align: center;
  padding: 1em 0;
}
.ub-page .pages a,
.ub-page .pages span,
.ub-page .pages input,
.ub-page .pages button {
  display: inline-block;
  line-height: 1.5rem;
  min-width: 1.5rem;
  text-align: center;
  padding: 0 0.25rem;
  color: #666;
  margin: 0 0.25rem 0.25rem 0.25rem;
  vertical-align: bottom;
  border-radius: 0.1rem;
  text-decoration: none;
  background: #FFF;
}
.ub-page .pages span {
  color: #FFF;
  background: var(--color-primary);
}
.ub-page .pages .jumpBox {
  position: relative;
  border: 0.05rem solid #CCC;
  border-radius: 0.1rem;
  padding: 0;
}
.ub-page .pages .jumpBox input {
  width: 4em;
  line-height: 1rem;
  outline: none;
  margin: 0;
  float: left;
  border: none;
  text-align: center;
  height: 1rem;
}
.ub-page .pages .jumpBox button {
  width: 4em;
  background: #FFF;
  margin: 0;
  right: 0;
  float: left;
  border: none;
  border-left: 0.05rem dotted #CCC;
  outline: none;
}
.ub-paginate-mobile {
  /* #ifndef APP-NVUE */
  display: flex;
  /* #endif */
  position: relative;
  overflow: hidden;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.ub-paginate-mobile__btn {
  /* #ifndef APP-NVUE */
  display: flex;
  /* #endif */
  width: 30%;
  height: 30px;
  line-height: 30px;
  font-size: var(--font-size);
  position: relative;
  background-color: #EEE;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  border-color: #EEE;
  /* #ifdef H5 */
  cursor: pointer;
  /* #endif */
  border-radius: 0.2rem;
}
.ub-paginate-mobile__child-btn {
  /* #ifndef APP-NVUE */
  display: flex;
  /* #endif */
  font-size: var(--font-size);
  position: relative;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.ub-paginate-mobile__num {
  /* #ifndef APP-NVUE */
  display: flex;
  /* #endif */
  flex: 1;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 30px;
  line-height: 30px;
  font-size: var(--font-size);
  color: #111;
}
.ub-paginate-mobile__num-page {
  /* #ifndef APP-NVUE */
  display: flex;
  /* #endif */
  flex-direction: row;
}
.ub-paginate-mobile__num-page-text {
  font-size: var(--font-size);
}
.ub-paginate-mobile__num-page-text.current {
  color: var(--color-primary);
}
.ub-paginate-mobile--enabled {
  color: #333333;
  opacity: 1;
}
.ub-paginate-mobile--disabled {
  opacity: 0.3;
  color: #999;
  /* #ifdef H5 */
  cursor: not-allowed;
  /* #endif */
}
.ub-paginate-mobile--hover {
  color: #FFF;
  background-color: var(--color-primary);
}
.ub-panel {
  background: #FFF;
  border-radius: var(--size-radius);
  margin-bottom: var(--size-margin);
}
.ub-panel.border-top {
  border-top: 2px solid var(--color-primary);
}
.ub-panel.border-top .head {
  border-bottom: 1px solid #EEE;
}
.ub-panel.border-top .head .title {
  border-left: none;
  padding-left: 0;
}
.ub-panel.margin-top {
  margin-top: 1rem;
}
.ub-panel.transparent {
  background: transparent;
}
.ub-panel.transparent .head {
  padding: 0 0 0.5rem 0;
}
.ub-panel.transparent .body {
  padding: 0.5rem 0 0 0;
}
.ub-panel .head {
  padding: 0.5rem;
}
.ub-panel .head .more {
  float: right;
}
.ub-panel .head .title {
  border-left: 0.2rem solid var(--color-primary);
  display: inline-block;
  line-height: 1rem;
  font-size: var(--font-size);
  padding: 0 0 0 0.5rem;
}
.ub-panel .head .title .ub-breadcrumb {
  height: 1rem;
}
.ub-panel .head .title .ub-breadcrumb a {
  line-height: 1rem;
}
.ub-panel .body {
  margin-top: -0.5rem;
  padding: 0.5rem;
}
body {
  background: #F8F8F8;
  font-size: var(--font-size);
}
body a {
  color: var(--color-link);
}
body a:hover {
  color: var(--color-link-light);
  text-decoration: none;
}
body * {
  text-shadow: none !important;
}
.layui-layer-btn .layui-layer-btn0 {
  color: #FFF;
}
.uk-form .line {
  padding: 10px 0 10px 100px;
}
.uk-form .line .label {
  display: block;
  float: left;
  text-align: right;
  line-height: 30px;
  padding: 0 5px 0 0;
  margin: 0 0 0 -100px;
  width: 90px !important;
}
.uk-form .line .label span {
  color: red;
  display: inline-block;
  line-height: 30px;
  font-size: 12px;
}
.uk-form .line .field {
  line-height: 30px;
  margin-left: 0;
}
.uk-form .line .field .help {
  color: #808080;
  line-height: 18px;
  padding: 5px 0;
}
.uk-form .line .field textarea {
  line-height: 1.5em;
}
.uk-button-primary {
  background: var(--color-primary);
}
.uk-button-primary:hover,
.uk-button-primary:focus {
  background: var(--color-primary-light);
}
.main-container {
  max-width: var(--container-width);
  margin: 0 auto;
  padding: 0 10px;
}
.page-container .pages a:hover {
  color: var(--color-primary);
  border-color: var(--color-primary);
}
.pb {
  background: #FFF;
  margin: 15px 0;
  border-radius: 3px;
  -moz-box-shadow: 0px 0px 8px #DDD;
  -webkit-box-shadow: 0px 0px 8px #DDD;
  box-shadow: 0px 0px 8px #DDD;
}
.pb > .head {
  padding: 15px;
  color: #333;
  line-height: 20px;
  font-size: 14px;
  border-bottom: 1px solid #EEE;
}
.pb > .head > a {
  font-size: 13px;
  display: inline-block;
  padding: 0 20px;
  line-height: 40px;
  color: #999;
  margin: -10px -5px;
}
.pb > .head > a.active {
  color: var(--color-primary);
  border-bottom: 2px solid var(--color-primary);
}
.pb > .head h1 {
  line-height: 20px;
  padding: 0 0 0 6px;
  font-size: 14px;
  margin: 0;
}
.pb > .head h2 {
  border-left: 3px solid var(--color-primary);
  line-height: 20px;
  padding: 0 0 0 6px;
  font-size: 14px;
  margin: 0;
}
.pb > .head .more {
  float: right;
  font-size: 13px;
}
.pb > .body {
  padding: 15px;
  color: #666;
}
.pb-breadcrumb {
  background: none;
  padding: 0;
  margin: 15px 0 0 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.pb-breadcrumb ul {
  margin: 0;
  padding: 0;
}
.pb-breadcrumb ul li a,
.pb-breadcrumb ul li span {
  color: #666;
  font-size: 12px;
}
.uk-breadcrumb > li:nth-child(n+2):before {
  font-size: 0.65rem;
}
.uk-button {
  font-size: 0.65rem;
}
.pb-account > .head h1 {
  color: var(--color-primary);
  font-size: 18px;
  padding: 0;
  margin: 0;
  font-weight: bold;
}
.pb-account > .body .form {
  margin: 30px 0;
  padding: 30px;
  border-right: 1px solid #EEE;
}
.pb-account > .body .text {
  margin: 30px 0;
  padding: 30px;
  line-height: 2em;
}
.pb-account > .body .text .oauth {
  padding: 10px 0;
}
.pb-account > .body .text .oauth .item {
  display: inline-block;
  width: 50px;
  height: 50px;
  background: #999;
  color: #FFF;
  border-radius: 50%;
  text-align: center;
  margin: 0 10px 0 0;
}
.pb-account > .body .text .oauth .item i {
  font-size: 30px;
  line-height: 50px;
}
.pb-account > .body .text .oauth .item.wechat {
  background: #00bb29;
}
.pb-account > .body .text .oauth .item.qq {
  background: #498ad5;
}
.pb-account > .body .text .oauth .item.weibo {
  background: #e05244;
}
.pb-member-message-list {
  background: #FFF;
  box-sizing: border-box;
}
.pb-member-message-list .unread .dot {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50px;
  background: var(--color-primary);
  margin: 5px 0 0 0;
}
.pb-member-message-list .time {
  color: #999;
}
.pb-member-message-list .message p {
  margin: 0;
  padding: 0;
  line-height: 1.5em;
}
.pb-member-message-list .empty {
  color: #999;
  line-height: 200px;
  text-align: center;
}
.ub-banner {
  width: 100%;
  overflow: hidden;
  background: #FFF;
}
.ub-banner .swiper-slide {
  background-repeat: no-repeat;
  background-size: cover;
  background-color: transparent;
  background-position: center;
  overflow: hidden;
  display: block;
}
.ub-banner .swiper-slide:after {
  content: '';
  display: block;
  margin-top: 50%;
}
.ub-banner .swiper-slide.a {
  display: flex;
  align-content: center;
  align-items: center;
}
.ub-banner .swiper-slide.a .content {
  max-width: var(--container-width);
  display: block;
  margin: 1.5rem auto;
  line-height: 2em;
  flex-grow: 1;
}
.ub-banner .swiper-slide.a .content.reverse .title {
  color: #FFF;
}
.ub-banner .swiper-slide.a .content.reverse .slogan {
  color: #FFF;
}
.ub-banner .swiper-slide.a .content.reverse .link {
  border-color: #FFF;
  color: #FFF;
  background: transparent;
}
.ub-banner .swiper-slide.a .content.reverse .text {
  color: #FFF;
}
.ub-banner .swiper-slide.a .content .title {
  font-size: 2rem;
  font-weight: bold;
  color: #111;
  line-height: 2rem;
}
.ub-banner .swiper-slide.a .content .slogan {
  padding: 2rem 0;
  color: #111;
}
.ub-banner .swiper-slide.a .content .slogan .line {
  font-size: var(--font-size-large);
}
.ub-banner .swiper-slide.a .content .link {
  padding: 0 1rem;
  display: inline-block;
  line-height: 2rem;
  border-radius: 2rem;
  background: var(--color-primary);
  font-size: var(--font-size);
  color: #FFF;
  border: 0.1rem solid var(--color-primary);
  letter-spacing: 0.1rem;
  margin-bottom: 0.5rem;
}
.ub-banner .swiper-slide.a .content .link.sm {
  font-size: var(--font-size-small);
  line-height: 1.2rem;
  border-width: 1px;
  letter-spacing: 0;
  padding: 0 0.5rem;
  background: #FFF;
  color: var(--color-primary);
}
.ub-banner .swiper-slide.a .content .text {
  padding-top: 1rem;
}
.ub-banner .swiper-button-white {
  opacity: 0.5;
}
.ub-banner .swiper-pagination-bullet {
  box-shadow: #666 0 0 0.25rem;
}
.ub-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
  box-shadow: none;
}
.ub-banner .swiper-pagination .swiper-pagination-bullet-active {
  background: var(--color-primary);
}
.ub-banner.ratio-3-2 .swiper-slide:after {
  margin-top: 66.66%;
}
.ub-banner.ratio-4-3 .swiper-slide:after {
  margin-top: 75%;
}
.ub-banner.ratio-2-1 .swiper-slide:after {
  margin-top: 50%;
}
.ub-banner.ratio-1-1 .swiper-slide:after {
  margin-top: 100%;
}
.ub-banner.ratio-3-1 .swiper-slide:after {
  margin-top: 33.33%;
}
.ub-banner.ratio-4-1 .swiper-slide:after {
  margin-top: 25%;
}
.ub-banner.ratio-5-1 .swiper-slide:after {
  margin-top: 20%;
}
.ub-banner.ratio-10-1 .swiper-slide:after {
  margin-top: 0%;
}
@media screen and (max-width: 40rem) {
  .ub-banner .swiper-button-next,
  .ub-banner .swiper-button-prev {
    display: none;
  }
  .ub-banner .swiper-slide.a .content {
    padding: 0 1rem;
    text-align: center;
  }
  .ub-banner .swiper-slide.a .content .link {
    line-height: 1.5rem;
    height: 1.5rem;
  }
}
.ub-content {
  padding: 0.5rem 0;
}
.ub-content .head {
  padding: 0.5rem 0;
}
.ub-content .head .title {
  font-size: 1.5rem;
  font-weight: 500;
  color: #1D2843;
  text-align: center;
}
.ub-content .head .sub-title {
  font-size: 0.8rem;
  text-align: center;
  color: #1D2843;
  margin-top: 1rem;
}
.ub-content .body {
  padding: 0.5rem 0;
}
.ub-content .foot {
  padding: 0.5rem 0;
  text-align: center;
}
.ub-content {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.ub-content .item-basic .h1 {
  font-size: 1.5rem;
}
.ub-content .item-basic .h2 {
  font-size: 1rem;
}
.ub-content .item-basic .h3 {
  font-size: 0.8rem;
}
.ub-content .item-basic .text-white {
  color: #FFF;
}
.ub-content .item-basic .width-narrow {
  max-width: 600px;
}
.ub-content .item-basic .margin-auto {
  margin: 0 auto;
}
.ub-content .body .item-a {
  text-align: center;
  display: block;
  padding: 1rem;
  line-height: 1.5;
  border-radius: 0.2rem;
  text-decoration: none;
  width: 100%;
  margin-bottom: 0.5rem;
}
.ub-content .body .item-a:hover .icon,
.ub-content .body .item-a:hover .image {
  transform: scale(1.1);
}
.ub-content .body .item-a .icon {
  font-size: 3rem;
  line-height: 3rem;
  height: 3rem;
  text-align: center;
  display: block;
  transition: all 0.1s linear;
}
.ub-content .body .item-a .image {
  width: 60%;
  margin: 0 auto;
  outline: none;
  transition: all 0.1s linear;
}
.ub-content .body .item-a .title {
  height: 2rem;
  line-height: 1rem;
  overflow: hidden;
  padding-top: 1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.9rem;
  font-weight: 500;
  color: #1D2843;
}
.ub-content .body .item-a .slogan {
  color: #999;
  line-height: 1rem;
  height: 2rem;
  padding-top: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ub-content .body .item-b {
  border-radius: 0.25rem;
  background: #FFF;
  width: 100%;
  overflow: hidden;
  box-shadow: 0 0 0.5rem #EEE;
  text-align: center;
  padding: 1rem;
  margin-bottom: 0.5rem;
}
.ub-content .body .item-b .title {
  height: 2rem;
  line-height: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1rem;
  font-weight: 600;
  color: #1D2843;
  padding: 1rem 0 0 0;
}
.ub-content .body .item-b .slogan {
  font-size: 0.8rem;
  color: #1D2843;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 1rem 0 0 0;
}
.ub-content .body .item-b .desc {
  font-size: 0.7rem;
  color: #8A889A;
  line-height: 1.25rem;
  text-align: center;
  display: block;
  padding: 1rem 0 0 0;
  width: 80%;
  margin: 0 auto;
}
.ub-content .body .item-b .image {
  border-top: 0.05rem dashed #EEE;
  margin: 0 -1rem 0 -1rem;
  padding: 1rem 1rem 0 1rem;
  margin-top: 1rem;
}
.ub-content .body .item-c {
  text-align: center;
  display: block;
  padding: 1rem;
  line-height: 1.5;
  border-radius: 0.2rem;
  text-decoration: none;
  width: 100%;
}
.ub-content .body .item-c .image {
  width: 60%;
  margin: 0 auto;
  outline: none;
  transition: linear all 0.2s;
}
.ub-content .body .item-c .image:hover {
  transform: scale(1.1);
}
.ub-content .body .item-c .title {
  height: 2rem;
  line-height: 1rem;
  overflow: hidden;
  padding-top: 1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.9rem;
  font-weight: 500;
  color: #1D2843;
}
.ub-content .body .item-d {
  border-radius: 0.25rem;
  background: #FFF;
  width: 100%;
  overflow: hidden;
  box-shadow: 0 0 0.5rem #EEE;
  padding: 1rem;
  margin-bottom: 0.5rem;
}
.ub-content .body .item-d .logo {
  float: right;
  width: 30%;
  height: 2rem;
  overflow: hidden;
}
.ub-content .body .item-d .title {
  height: 2rem;
  line-height: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0.5rem 0 0 0;
  font-size: 0.9rem;
  font-weight: 500;
  color: #1E2844;
}
.ub-content .body .item-d .desc {
  border-top: 0.05rem dashed #EEE;
  margin: 1rem 0 0 0;
  font-size: 0.7rem;
  color: #8A889A;
  line-height: 1.25rem;
  display: block;
  padding: 1rem 0 0 0;
  height: 10rem;
  overflow: hidden;
}
.ub-content .body .item-d .desc:before {
  content: "“";
  font-size: 2.5rem;
  line-height: 1.5rem;
  color: #1F2841;
  display: block;
  text-align: left;
}
.ub-content .body .item-d .desc:after {
  content: "”";
  font-size: 2.5rem;
  line-height: 1.5rem;
  color: #1F2841;
  display: block;
  text-align: right;
}
.ub-content .body .item-e {
  overflow: hidden;
}
.ub-content .body .item-e:nth-child(even) .image {
  float: right;
}
.ub-content .body .item-e:nth-child(even) .text {
  float: right;
}
.ub-content .body .item-e .image {
  float: left;
  width: 50%;
  padding: 1rem 0;
}
.ub-content .body .item-e .image .cover {
  width: 80%;
  margin: 0 auto;
  transition: all linear 0.2s;
}
.ub-content .body .item-e .image .cover:hover {
  transform: translateY(-0.5rem);
}
.ub-content .body .item-e .text {
  float: left;
  width: 50%;
  padding: 1rem 3rem;
}
.ub-content .body .item-e .text .title {
  color: #12263C;
  font-weight: bold;
  font-size: 1rem;
}
.ub-content .body .item-e .text .sub-title {
  font-size: 0.8rem;
  color: var(--color-primary);
  margin-top: 1rem;
  font-weight: bold;
}
.ub-content .body .item-e .text .desc {
  font-size: 0.7rem;
  color: #00133B;
  line-height: 1rem;
  margin-top: 1rem;
}
.ub-content .body .item-e .text .desc p {
  margin: 0;
  padding: 0;
  line-height: 1.2rem;
  color: #999;
}
@media screen and (max-width: 40rem) {
  .ub-content .item-e .image {
    float: none !important;
    width: auto !important;
    padding: 0 !important;
  }
  .ub-content .item-e .text {
    float: none !important;
    width: 80% !important;
    padding: 0 !important;
    margin: 0 auto !important;
  }
}
.ub-lister-bottom {
  overflow: hidden;
  text-align: left;
}
.ub-lister-bottom .right {
  float: right;
}
.ub-lister-batch {
  overflow: hidden;
  position: relative;
}
.ub-lister-batch .text {
  display: block;
  margin: 0 0.5rem 0.5rem 0;
  float: left;
  line-height: 28px;
}
.ub-lister-search {
  overflow: hidden;
  position: relative;
}
.ub-lister-search .field {
  float: left;
  display: block;
  margin: 0 0.5rem 0.5rem 0;
  overflow: hidden;
}
.ub-lister-search .field.right {
  float: right;
  margin-right: 0;
}
.ub-lister-search .field.full {
  width: 100%;
}
.ub-lister-search .field.flex {
  display: flex;
}
.ub-lister-search .field.flex .input {
  flex: 1;
}
.ub-lister-search .field .btn + .btn {
  margin-left: 0.2rem;
}
.ub-lister-search .field .name {
  display: inline-block;
  vertical-align: top;
  line-height: 1.5rem;
}
.ub-lister-search .field .input {
  display: inline-block;
  vertical-align: middle;
}
.ub-lister-search .field .connector,
.ub-lister-search .field .unit {
  display: inline-block;
  color: #999;
}
.ub-lister-search .field label {
  border: 0.05rem solid #EEE;
  border-radius: 0.15rem;
  padding: 0 0.5rem;
  line-height: 1.45rem;
  vertical-align: middle;
  background: #FFF;
}
.ub-lister-search .field label input {
  vertical-align: middle;
}
.ub-lister-search .field .el-checkbox {
  margin-right: 0.5rem;
  margin-bottom: 0;
}
.ub-lister-search .field .el-checkbox:last-child {
  margin-right: 0;
}
.ub-lister-search .full {
  overflow: hidden;
}
.ub-lister-search .more {
  float: right;
}
.ub-lister-search .search {
  clear: both;
}
.ub-lister-search .batch {
  position: absolute;
  right: 0.5rem;
  bottom: 0.5rem;
}
.ub-lister-search .batch-tr {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
}
.ub-lister-table,
.ub-table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  color: #666;
  font-size: var(--font-size, 0.65rem);
  border-radius: 3px;
}
.ub-lister-table.mini,
.ub-table.mini {
  font-size: 12px;
}
.ub-lister-table.mini td,
.ub-table.mini td {
  font-size: 12px;
}
.ub-lister-table.list td,
.ub-table.list td,
.ub-lister-table.list th,
.ub-table.list th {
  padding: 5px;
  line-height: 1.2em;
}
.ub-lister-table.border,
.ub-table.border {
  border: 1px solid #EEE;
  border-radius: 3px;
}
.ub-lister-table.record-border tr,
.ub-table.record-border tr {
  border-bottom: 1px solid #EEE;
}
.ub-lister-table.head-dark thead tr th,
.ub-table.head-dark thead tr th {
  background: #EEE;
}
.ub-lister-table.foot-dark tfoot tr th,
.ub-table.foot-dark tfoot tr th {
  background: #EEE;
}
.ub-lister-table th,
.ub-table th,
.ub-lister-table td,
.ub-table td {
  padding: 8px 5px;
  line-height: 20px;
}
.ub-lister-table thead tr,
.ub-table thead tr {
  display: table-row;
}
.ub-lister-table thead tr th,
.ub-table thead tr th {
  border-bottom: 2px solid #EEE;
  color: #999;
}
.ub-lister-table tbody tr,
.ub-table tbody tr {
  display: table-row;
}
.ub-lister-table tbody tr.muted .muted-content,
.ub-table tbody tr.muted .muted-content {
  opacity: 0.5;
}
.ub-lister-table tbody tr.checked td,
.ub-table tbody tr.checked td {
  background: #FED493;
}
.ub-lister-table tbody tr.focus td,
.ub-table tbody tr.focus td {
  background: #F4F8FB;
}
.ub-lister-table tbody tr.empty td,
.ub-table tbody tr.empty td {
  text-align: center;
  color: #999;
  line-height: 100px;
}
.ub-lister-table tbody tr .pointer,
.ub-table tbody tr .pointer,
.ub-lister-table tbody tr.pointer,
.ub-table tbody tr.pointer {
  cursor: pointer;
}
.ub-lister-table tbody tr td,
.ub-table tbody tr td {
  border-bottom: 1px solid #EEE;
  font-size: var(--font-size, 0.65rem);
}
.ub-lister-table .tag-group,
.ub-table .tag-group {
  padding: 0 0 0.5em 7em;
  overflow: hidden;
  font-size: 12px;
}
.ub-lister-table .tag-group .label,
.ub-table .tag-group .label {
  float: left;
  margin-left: -7em;
  display: block;
  width: 6em;
  text-align: center;
}
.ub-lister-table .tag,
.ub-table .tag {
  border: 1px solid #EEE;
  display: inline-block;
  line-height: 20px;
  border-radius: 3px;
  padding: 0 3px;
  background: #EEE;
  color: #666;
  margin-right: 3px;
  font-size: 12px;
  white-space: nowrap;
}
.ub-lister-table .page,
.ub-table .page {
  text-align: center;
}
.ub-lister-table .page .el-pagination,
.ub-table .page .el-pagination {
  margin-top: 0.5rem;
}
.ub-lister-table .el-cell,
.ub-table .el-cell {
  padding: 0;
}
.ub-lister-table .el-cell .cell,
.ub-table .el-cell .cell {
  padding: 5px 0.5rem;
}
.ub-lister-table .el-cell .cell .el-checkbox,
.ub-table .el-cell .cell .el-checkbox {
  margin: 0;
}
.ub-lister-table .el-header-cell,
.ub-table .el-header-cell {
  padding: 0;
  background: #F8F8F8;
}
.ub-lister-table .el-header-cell .cell,
.ub-table .el-header-cell .cell {
  padding: 5px 0.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ub-lister-table .el-checkbox,
.ub-table .el-checkbox {
  margin-bottom: 0;
}
.ub-lister-action {
  display: inline-block;
  margin-right: 0.5rem;
  color: var(--color-link);
  line-height: 26px;
  cursor: pointer;
}
.ub-lister-action:last-child {
  margin-right: 0;
}
.ub-lister-action.clicked {
  color: var(--color-link-light);
}
.ub-lister-action:hover {
  color: var(--color-link-light);
}
.ub-lister-action.danger {
  color: #f5222d;
}
.ub-lister-action.danger.clicked {
  color: #fcb4b8;
}
.ub-lister-action.danger:hover {
  color: #79050b;
}
.ub-lister-action.disabled {
  color: #c4cfdb;
}
.ub-lister-fix-foot-placeholder {
  height: 53px;
}
.ub-lister-fix-foot {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 1px solid #EEE;
  background: #FFF;
  padding: 0.5rem;
  z-index: 1000;
  overflow: hidden;
}
.ub-lister-fix-foot .right {
  float: right;
}
.ub-form {
  font-size: var(--font-size);
}
.ub-form.view .line .field {
  border-bottom: 0.05rem solid #EEE;
  min-height: 1.5rem;
}
.ub-form.vertical .line {
  padding-left: 0;
  padding-right: 0;
  margin: 0;
}
.ub-form.vertical .line .label {
  float: none;
  display: block;
  text-align: left;
  margin-left: 0;
  width: 100%;
}
.ub-form.wide .line {
  padding-left: 8rem;
}
.ub-form.wide .line .label {
  width: 7.5rem;
  margin-left: -7.5rem;
}
.ub-form.wide-2 .line {
  padding-left: 12rem;
}
.ub-form.wide-2 .line .label {
  width: 11.5rem;
  margin-left: -11.5rem;
}
.ub-form .line {
  padding: 0.25rem 1.5rem 0.25rem 5rem;
  overflow: hidden;
  position: relative;
}
.ub-form .line.wide {
  padding-left: 8rem;
}
.ub-form .line.wide .label {
  width: 7.5rem;
  margin-left: -7.5rem;
}
.ub-form .line .label {
  display: block;
  float: left;
  text-align: right;
  line-height: 1.5rem;
  padding: 0 0.5rem 0 0;
  margin: 0 0 0 -4.5rem;
  width: 4.5rem;
  color: #6C7A87;
}
.ub-form .line .label.label-lg {
  line-height: 2rem;
}
.ub-form .line .label span {
  color: red;
  display: inline-block;
  line-height: 1.5rem;
  font-size: 0.6rem;
}
.ub-form .line .field {
  line-height: 1.5rem;
  margin-left: 0;
  min-height: 1.5rem;
}
.ub-form .line .field input[type=text],
.ub-form .line .field input[type=password] {
  width: 100%;
}
.ub-form .line .field label {
  border: 0.05rem solid #EEE;
  border-radius: 0.15rem;
  padding: 0 0.5rem;
}
.ub-form .line .field .help {
  color: #999;
  line-height: 0.9rem;
  padding: 0.25rem 0;
  font-size: 0.6rem;
}
.ub-form .line .field .help p {
  margin: 0;
  line-height: 1.5em;
}
.ub-form .line .field textarea {
  line-height: 1.5em;
  width: 100%;
}
.ub-form .line .field .captcha {
  height: 1.5rem;
  width: 100%;
  border: 0.05rem solid #CCC;
  border-radius: 0.15rem;
  cursor: pointer;
}
.ub-form .line .field .captcha.captcha-lg {
  height: 2rem;
}
.ub-form .line .field .tag {
  border: 0.05rem solid #EEE;
  display: inline-block;
  line-height: 1rem;
  border-radius: 0.15rem;
  padding: 0 0.15rem;
  background: #EEE;
  color: #666;
  margin-right: 0.15rem;
  font-size: 0.6rem;
  white-space: nowrap;
}
.ub-form.flat .line {
  padding: 0.5rem;
}
.ub-form.flat .line .label {
  float: none;
  margin: 0;
  width: 100%;
  text-align: left;
  line-height: inherit !important;
  padding-bottom: 0.25rem;
}
.ub-i18n-switch {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow: auto;
  display: none;
  z-index: 10000;
}
.ub-i18n-switch .dialog {
  background: #FFF;
  max-width: 40rem;
  margin: 15vh auto 0 auto;
  border-radius: 5px;
  box-shadow: 0 0 4px #999;
  position: relative;
}
.ub-i18n-switch .dialog .close {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  color: #999;
  background: #FFF;
  text-align: center;
  position: absolute;
  right: -0.75rem;
  top: -0.75rem;
  border-radius: 50%;
  box-shadow: 0 0 3px #999;
}
.ub-i18n-switch .dialog .head {
  border-bottom: 1px solid #EEE;
  padding: 0.5rem;
}
.ub-i18n-switch .dialog .body {
  padding: 1rem;
}
.ub-i18n-switch .dialog .body .languages .item {
  display: block;
  padding: 0.25rem 0.5rem 0.25rem 2rem;
  line-height: 1rem;
}
.ub-i18n-switch .dialog .body .languages .item:hover .text {
  color: var(--color-primary);
}
.ub-i18n-switch .dialog .body .languages .item .icon {
  display: block;
  width: 1rem;
  height: 1rem;
  background: #FFF no-repeat center;
  background-size: contain;
  margin: 0 0 0 -1.5rem;
  float: left;
}
.ub-i18n-switch .dialog .body .languages .item .text {
  display: block;
  color: #333;
}
body {
  background: #E2E7EC;
}
:root {
  --theme-color-primary: #0c3984;
  --theme-color-primary-dark: #082555;
  --theme-color-primary-light: #104db3;
}
/*# sourceMappingURL=style.css.map */