/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {

    *,
    :before,
    :after,
    ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-ease: initial
    }
  }
}

@layer theme {

  :root,
  :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --spacing: .25rem;
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono)
  }
}

@layer base {

  *,
  :after,
  :before,
  ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
    font-family: "PingFang SC", "Microsoft YaHei", "SourceHanSansCN", "Montserrat", "Tahoma",
      "Arial", "sans-serif" !important;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0
  }

  html,
  :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit
  }

  b,
  strong {
    font-weight: bolder
  }

  code,
  kbd,
  samp,
  pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em
  }

  small {
    font-size: 80%
  }

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

  sub {
    bottom: -.25em
  }

  sup {
    top: -.5em
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
  }

  :-moz-focusring {
    outline: auto
  }

  progress {
    vertical-align: baseline
  }

  summary {
    display: list-item
  }

  ol,
  ul,
  menu {
    list-style: none
  }

  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    vertical-align: middle;
    display: block
  }

  img,
  video {
    max-width: 100%;
    height: auto
  }

  button,
  input,
  select,
  optgroup,
  textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px
  }

  ::file-selector-button {
    margin-inline-end: 4px
  }

  ::placeholder {
    opacity: 1
  }

  @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
    ::placeholder {
      color: currentColor
    }

    @supports (color:color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent)
      }
    }
  }

  textarea {
    resize: vertical
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit
  }

  ::-webkit-datetime-edit {
    display: inline-flex
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0
  }

  ::-webkit-datetime-edit {
    padding-block: 0
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0
  }

  :-moz-ui-invalid {
    box-shadow: none
  }

  button,
  input:where([type=button], [type=reset], [type=submit]) {
    appearance: button
  }

  ::file-selector-button {
    appearance: button
  }

  ::-webkit-inner-spin-button {
    height: auto
  }

  ::-webkit-outer-spin-button {
    height: auto
  }

  [hidden]:where(:not([hidden=until-found])) {
    display: none !important
  }
}

@layer components;

@layer utilities {
  .collapse {
    visibility: collapse
  }

  .visible {
    visibility: visible
  }

  .absolute {
    position: absolute
  }

  .fixed {
    position: fixed
  }

  .relative {
    position: relative
  }

  .static {
    position: static
  }

  .col-1 {
    grid-column: 1
  }

  .col-2 {
    grid-column: 2
  }

  .col-3 {
    grid-column: 3
  }

  .col-4 {
    grid-column: 4
  }

  .col-5 {
    grid-column: 5
  }

  .col-6 {
    grid-column: 6
  }

  .col-7 {
    grid-column: 7
  }

  .col-8 {
    grid-column: 8
  }

  .col-9 {
    grid-column: 9
  }

  .col-10 {
    grid-column: 10
  }

  .col-12 {
    grid-column: 12
  }

  .container {
    width: 100%
  }

  @media (min-width:40rem) {
    .container {
      max-width: 40rem
    }
  }

  @media (min-width:48rem) {
    .container {
      max-width: 48rem
    }
  }

  @media (min-width:64rem) {
    .container {
      max-width: 64rem
    }
  }

  @media (min-width:80rem) {
    .container {
      max-width: 80rem
    }
  }

  @media (min-width:96rem) {
    .container {
      max-width: 96rem
    }
  }

  .m-568 {
    margin: calc(var(--spacing)*568)
  }

  .m-640 {
    margin: calc(var(--spacing)*640)
  }

  .m-781 {
    margin: calc(var(--spacing)*781)
  }

  .my-auto {
    margin-block: auto
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing)*4)
  }

  .\!hidden {
    display: none !important
  }

  .block {
    display: block
  }

  .contents {
    display: contents
  }

  .flex {
    display: flex
  }

  .hidden {
    display: none
  }

  .inline {
    display: inline
  }

  .inline-block {
    display: inline-block
  }

  .table {
    display: table
  }

  .table-caption {
    display: table-caption
  }

  .table-cell {
    display: table-cell
  }

  .w-1200 {
    width: calc(var(--spacing)*1200)
  }

  .w-1430 {
    width: calc(var(--spacing)*1430)
  }

  .w-1640 {
    width: calc(var(--spacing)*1640)
  }

  .w-1660 {
    width: calc(var(--spacing)*1660)
  }

  .w-1720 {
    width: calc(var(--spacing)*1720)
  }

  .w-full {
    width: 100%
  }

  .flex-1 {
    flex: 1
  }

  .border-collapse {
    border-collapse: collapse
  }

  .transform {
    transform: var(--tw-rotate-x, )var(--tw-rotate-y, )var(--tw-rotate-z, )var(--tw-skew-x, )var(--tw-skew-y, )
  }

  .resize {
    resize: both
  }

  .flex-col {
    flex-direction: column
  }

  .flex-row-reverse {
    flex-direction: row-reverse
  }

  .items-center {
    align-items: center
  }

  .justify-between {
    justify-content: space-between
  }

  .justify-center {
    justify-content: center
  }

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

  .rounded {
    border-radius: .25rem
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px
  }

  .mask-repeat {
    -webkit-mask-repeat: repeat;
    mask-repeat: repeat
  }

  .text-center {
    text-align: center
  }

  .text-left {
    text-align: left
  }

  .text-start {
    text-align: start
  }

  .lowercase {
    text-transform: lowercase
  }

  .uppercase {
    text-transform: uppercase
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px
  }

  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
  }

  .invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
  }

  .\!filter {
    filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, ) !important
  }

  .filter {
    filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out)
  }
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x)*.5);
  padding-left: calc(var(--bs-gutter-x)*.5);
  margin-left: auto;
  margin-right: auto
}

@media (min-width:576px) {

  .container-sm,
  .container {
    max-width: 540px
  }
}

@media (min-width:768px) {

  .container-md,
  .container-sm,
  .container {
    max-width: 720px
  }
}

@media (min-width:992px) {

  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 960px
  }
}

@media (min-width:1200px) {

  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 1140px
  }
}

@media (min-width:1400px) {

  .container-xxl,
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 1320px
  }
}

:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  margin-top: calc(-1*var(--bs-gutter-y));
  margin-right: calc(-.5*var(--bs-gutter-x));
  margin-left: calc(-.5*var(--bs-gutter-x));
  flex-wrap: wrap;
  display: flex
}

.row>* {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x)*.5);
  padding-left: calc(var(--bs-gutter-x)*.5);
  margin-top: var(--bs-gutter-y);
  flex-shrink: 0
}

.col {
  flex: 1 0 0
}

.row-cols-auto>* {
  flex: none;
  width: auto
}

.row-cols-1>* {
  flex: none;
  width: 100%
}

.row-cols-2>* {
  flex: none;
  width: 50%
}

.row-cols-3>* {
  flex: none;
  width: 33.3333%
}

.row-cols-4>* {
  flex: none;
  width: 25%
}

.row-cols-5>* {
  flex: none;
  width: 20%
}

.row-cols-6>* {
  flex: none;
  width: 16.6667%
}

.col-auto {
  flex: none;
  width: auto
}

.col-1 {
  flex: none;
  width: 8.33333%
}

.col-2 {
  flex: none;
  width: 16.6667%
}

.col-3 {
  flex: none;
  width: 25%
}

.col-4 {
  flex: none;
  width: 33.3333%
}

.col-5 {
  flex: none;
  width: 41.6667%
}

.col-6 {
  flex: none;
  width: 50%
}

.col-7 {
  flex: none;
  width: 58.3333%
}

.col-8 {
  flex: none;
  width: 66.6667%
}

.col-9 {
  flex: none;
  width: 75%
}

.col-10 {
  flex: none;
  width: 83.3333%
}

.col-11 {
  flex: none;
  width: 91.6667%
}

.col-12 {
  flex: none;
  width: 100%
}

.offset-1 {
  margin-left: 8.33333%
}

.offset-2 {
  margin-left: 16.6667%
}

.offset-3 {
  margin-left: 25%
}

.offset-4 {
  margin-left: 33.3333%
}

.offset-5 {
  margin-left: 41.6667%
}

.offset-6 {
  margin-left: 50%
}

.offset-7 {
  margin-left: 58.3333%
}

.offset-8 {
  margin-left: 66.6667%
}

.offset-9 {
  margin-left: 75%
}

.offset-10 {
  margin-left: 83.3333%
}

.offset-11 {
  margin-left: 91.6667%
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0
}

.g-1,
.gx-1 {
  --bs-gutter-x: .25rem
}

.g-1,
.gy-1 {
  --bs-gutter-y: .25rem
}

.g-2,
.gx-2 {
  --bs-gutter-x: .5rem
}

.g-2,
.gy-2 {
  --bs-gutter-y: .5rem
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem
}

@media (min-width:576px) {
  .col-sm {
    flex: 1 0 0
  }

  .row-cols-sm-auto>* {
    flex: none;
    width: auto
  }

  .row-cols-sm-1>* {
    flex: none;
    width: 100%
  }

  .row-cols-sm-2>* {
    flex: none;
    width: 50%
  }

  .row-cols-sm-3>* {
    flex: none;
    width: 33.3333%
  }

  .row-cols-sm-4>* {
    flex: none;
    width: 25%
  }

  .row-cols-sm-5>* {
    flex: none;
    width: 20%
  }

  .row-cols-sm-6>* {
    flex: none;
    width: 16.6667%
  }

  .col-sm-auto {
    flex: none;
    width: auto
  }

  .col-sm-1 {
    flex: none;
    width: 8.33333%
  }

  .col-sm-2 {
    flex: none;
    width: 16.6667%
  }

  .col-sm-3 {
    flex: none;
    width: 25%
  }

  .col-sm-4 {
    flex: none;
    width: 33.3333%
  }

  .col-sm-5 {
    flex: none;
    width: 41.6667%
  }

  .col-sm-6 {
    flex: none;
    width: 50%
  }

  .col-sm-7 {
    flex: none;
    width: 58.3333%
  }

  .col-sm-8 {
    flex: none;
    width: 66.6667%
  }

  .col-sm-9 {
    flex: none;
    width: 75%
  }

  .col-sm-10 {
    flex: none;
    width: 83.3333%
  }

  .col-sm-11 {
    flex: none;
    width: 91.6667%
  }

  .col-sm-12 {
    flex: none;
    width: 100%
  }

  .offset-sm-0 {
    margin-left: 0
  }

  .offset-sm-1 {
    margin-left: 8.33333%
  }

  .offset-sm-2 {
    margin-left: 16.6667%
  }

  .offset-sm-3 {
    margin-left: 25%
  }

  .offset-sm-4 {
    margin-left: 33.3333%
  }

  .offset-sm-5 {
    margin-left: 41.6667%
  }

  .offset-sm-6 {
    margin-left: 50%
  }

  .offset-sm-7 {
    margin-left: 58.3333%
  }

  .offset-sm-8 {
    margin-left: 66.6667%
  }

  .offset-sm-9 {
    margin-left: 75%
  }

  .offset-sm-10 {
    margin-left: 83.3333%
  }

  .offset-sm-11 {
    margin-left: 91.6667%
  }

  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0
  }

  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0
  }

  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: .25rem
  }

  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: .25rem
  }

  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: .5rem
  }

  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: .5rem
  }

  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem
  }

  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem
  }

  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem
  }

  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem
  }
}

@media (min-width:768px) {
  .col-md {
    flex: 1 0 0
  }

  .row-cols-md-auto>* {
    flex: none;
    width: auto
  }

  .row-cols-md-1>* {
    flex: none;
    width: 100%
  }

  .row-cols-md-2>* {
    flex: none;
    width: 50%
  }

  .row-cols-md-3>* {
    flex: none;
    width: 33.3333%
  }

  .row-cols-md-4>* {
    flex: none;
    width: 25%
  }

  .row-cols-md-5>* {
    flex: none;
    width: 20%
  }

  .row-cols-md-6>* {
    flex: none;
    width: 16.6667%
  }

  .col-md-auto {
    flex: none;
    width: auto
  }

  .col-md-1 {
    flex: none;
    width: 8.33333%
  }

  .col-md-2 {
    flex: none;
    width: 16.6667%
  }

  .col-md-3 {
    flex: none;
    width: 25%
  }

  .col-md-4 {
    flex: none;
    width: 33.3333%
  }

  .col-md-5 {
    flex: none;
    width: 41.6667%
  }

  .col-md-6 {
    flex: none;
    width: 50%
  }

  .col-md-7 {
    flex: none;
    width: 58.3333%
  }

  .col-md-8 {
    flex: none;
    width: 66.6667%
  }

  .col-md-9 {
    flex: none;
    width: 75%
  }

  .col-md-10 {
    flex: none;
    width: 83.3333%
  }

  .col-md-11 {
    flex: none;
    width: 91.6667%
  }

  .col-md-12 {
    flex: none;
    width: 100%
  }

  .offset-md-0 {
    margin-left: 0
  }

  .offset-md-1 {
    margin-left: 8.33333%
  }

  .offset-md-2 {
    margin-left: 16.6667%
  }

  .offset-md-3 {
    margin-left: 25%
  }

  .offset-md-4 {
    margin-left: 33.3333%
  }

  .offset-md-5 {
    margin-left: 41.6667%
  }

  .offset-md-6 {
    margin-left: 50%
  }

  .offset-md-7 {
    margin-left: 58.3333%
  }

  .offset-md-8 {
    margin-left: 66.6667%
  }

  .offset-md-9 {
    margin-left: 75%
  }

  .offset-md-10 {
    margin-left: 83.3333%
  }

  .offset-md-11 {
    margin-left: 91.6667%
  }

  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0
  }

  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0
  }

  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: .25rem
  }

  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: .25rem
  }

  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: .5rem
  }

  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: .5rem
  }

  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem
  }

  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem
  }

  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem
  }

  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem
  }
}

@media (min-width:992px) {
  .col-lg {
    flex: 1 0 0
  }

  .row-cols-lg-auto>* {
    flex: none;
    width: auto
  }

  .row-cols-lg-1>* {
    flex: none;
    width: 100%
  }

  .row-cols-lg-2>* {
    flex: none;
    width: 50%
  }

  .row-cols-lg-3>* {
    flex: none;
    width: 33.3333%
  }

  .row-cols-lg-4>* {
    flex: none;
    width: 25%
  }

  .row-cols-lg-5>* {
    flex: none;
    width: 20%
  }

  .row-cols-lg-6>* {
    flex: none;
    width: 16.6667%
  }

  .col-lg-auto {
    flex: none;
    width: auto
  }

  .col-lg-1 {
    flex: none;
    width: 8.33333%
  }

  .col-lg-2 {
    flex: none;
    width: 16.6667%
  }

  .col-lg-3 {
    flex: none;
    width: 25%
  }

  .col-lg-4 {
    flex: none;
    width: 33.3333%
  }

  .col-lg-5 {
    flex: none;
    width: 41.6667%
  }

  .col-lg-6 {
    flex: none;
    width: 50%
  }

  .col-lg-7 {
    flex: none;
    width: 58.3333%
  }

  .col-lg-8 {
    flex: none;
    width: 66.6667%
  }

  .col-lg-9 {
    flex: none;
    width: 75%
  }

  .col-lg-10 {
    flex: none;
    width: 83.3333%
  }

  .col-lg-11 {
    flex: none;
    width: 91.6667%
  }

  .col-lg-12 {
    flex: none;
    width: 100%
  }

  .offset-lg-0 {
    margin-left: 0
  }

  .offset-lg-1 {
    margin-left: 8.33333%
  }

  .offset-lg-2 {
    margin-left: 16.6667%
  }

  .offset-lg-3 {
    margin-left: 25%
  }

  .offset-lg-4 {
    margin-left: 33.3333%
  }

  .offset-lg-5 {
    margin-left: 41.6667%
  }

  .offset-lg-6 {
    margin-left: 50%
  }

  .offset-lg-7 {
    margin-left: 58.3333%
  }

  .offset-lg-8 {
    margin-left: 66.6667%
  }

  .offset-lg-9 {
    margin-left: 75%
  }

  .offset-lg-10 {
    margin-left: 83.3333%
  }

  .offset-lg-11 {
    margin-left: 91.6667%
  }

  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0
  }

  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0
  }

  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: .25rem
  }

  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: .25rem
  }

  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: .5rem
  }

  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: .5rem
  }

  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem
  }

  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem
  }

  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem
  }

  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem
  }
}

@media (min-width:1200px) {
  .col-xl {
    flex: 1 0 0
  }

  .row-cols-xl-auto>* {
    flex: none;
    width: auto
  }

  .row-cols-xl-1>* {
    flex: none;
    width: 100%
  }

  .row-cols-xl-2>* {
    flex: none;
    width: 50%
  }

  .row-cols-xl-3>* {
    flex: none;
    width: 33.3333%
  }

  .row-cols-xl-4>* {
    flex: none;
    width: 25%
  }

  .row-cols-xl-5>* {
    flex: none;
    width: 20%
  }

  .row-cols-xl-6>* {
    flex: none;
    width: 16.6667%
  }

  .col-xl-auto {
    flex: none;
    width: auto
  }

  .col-xl-1 {
    flex: none;
    width: 8.33333%
  }

  .col-xl-2 {
    flex: none;
    width: 16.6667%
  }

  .col-xl-3 {
    flex: none;
    width: 25%
  }

  .col-xl-4 {
    flex: none;
    width: 33.3333%
  }

  .col-xl-5 {
    flex: none;
    width: 41.6667%
  }

  .col-xl-6 {
    flex: none;
    width: 50%
  }

  .col-xl-7 {
    flex: none;
    width: 58.3333%
  }

  .col-xl-8 {
    flex: none;
    width: 66.6667%
  }

  .col-xl-9 {
    flex: none;
    width: 75%
  }

  .col-xl-10 {
    flex: none;
    width: 83.3333%
  }

  .col-xl-11 {
    flex: none;
    width: 91.6667%
  }

  .col-xl-12 {
    flex: none;
    width: 100%
  }

  .offset-xl-0 {
    margin-left: 0
  }

  .offset-xl-1 {
    margin-left: 8.33333%
  }

  .offset-xl-2 {
    margin-left: 16.6667%
  }

  .offset-xl-3 {
    margin-left: 25%
  }

  .offset-xl-4 {
    margin-left: 33.3333%
  }

  .offset-xl-5 {
    margin-left: 41.6667%
  }

  .offset-xl-6 {
    margin-left: 50%
  }

  .offset-xl-7 {
    margin-left: 58.3333%
  }

  .offset-xl-8 {
    margin-left: 66.6667%
  }

  .offset-xl-9 {
    margin-left: 75%
  }

  .offset-xl-10 {
    margin-left: 83.3333%
  }

  .offset-xl-11 {
    margin-left: 91.6667%
  }

  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0
  }

  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0
  }

  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: .25rem
  }

  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: .25rem
  }

  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: .5rem
  }

  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: .5rem
  }

  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem
  }

  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem
  }

  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem
  }

  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem
  }
}

@media (min-width:1400px) {
  .col-xxl {
    flex: 1 0 0
  }

  .row-cols-xxl-auto>* {
    flex: none;
    width: auto
  }

  .row-cols-xxl-1>* {
    flex: none;
    width: 100%
  }

  .row-cols-xxl-2>* {
    flex: none;
    width: 50%
  }

  .row-cols-xxl-3>* {
    flex: none;
    width: 33.3333%
  }

  .row-cols-xxl-4>* {
    flex: none;
    width: 25%
  }

  .row-cols-xxl-5>* {
    flex: none;
    width: 20%
  }

  .row-cols-xxl-6>* {
    flex: none;
    width: 16.6667%
  }

  .col-xxl-auto {
    flex: none;
    width: auto
  }

  .col-xxl-1 {
    flex: none;
    width: 8.33333%
  }

  .col-xxl-2 {
    flex: none;
    width: 16.6667%
  }

  .col-xxl-3 {
    flex: none;
    width: 25%
  }

  .col-xxl-4 {
    flex: none;
    width: 33.3333%
  }

  .col-xxl-5 {
    flex: none;
    width: 41.6667%
  }

  .col-xxl-6 {
    flex: none;
    width: 50%
  }

  .col-xxl-7 {
    flex: none;
    width: 58.3333%
  }

  .col-xxl-8 {
    flex: none;
    width: 66.6667%
  }

  .col-xxl-9 {
    flex: none;
    width: 75%
  }

  .col-xxl-10 {
    flex: none;
    width: 83.3333%
  }

  .col-xxl-11 {
    flex: none;
    width: 91.6667%
  }

  .col-xxl-12 {
    flex: none;
    width: 100%
  }

  .offset-xxl-0 {
    margin-left: 0
  }

  .offset-xxl-1 {
    margin-left: 8.33333%
  }

  .offset-xxl-2 {
    margin-left: 16.6667%
  }

  .offset-xxl-3 {
    margin-left: 25%
  }

  .offset-xxl-4 {
    margin-left: 33.3333%
  }

  .offset-xxl-5 {
    margin-left: 41.6667%
  }

  .offset-xxl-6 {
    margin-left: 50%
  }

  .offset-xxl-7 {
    margin-left: 58.3333%
  }

  .offset-xxl-8 {
    margin-left: 66.6667%
  }

  .offset-xxl-9 {
    margin-left: 75%
  }

  .offset-xxl-10 {
    margin-left: 83.3333%
  }

  .offset-xxl-11 {
    margin-left: 91.6667%
  }

  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0
  }

  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0
  }

  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: .25rem
  }

  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: .25rem
  }

  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: .5rem
  }

  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: .5rem
  }

  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem
  }

  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem
  }

  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem
  }

  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem
  }
}

.d-inline {
  display: inline !important
}

.d-inline-block {
  display: inline-block !important
}

.d-block {
  display: block !important
}

.d-grid {
  display: grid !important
}

.d-inline-grid {
  display: inline-grid !important
}

.d-table {
  display: table !important
}

.d-table-row {
  display: table-row !important
}

.d-table-cell {
  display: table-cell !important
}

.d-flex {
  display: flex !important
}

.d-inline-flex {
  display: inline-flex !important
}

.d-none {
  display: none !important
}

.flex-fill {
  flex: auto !important
}

.flex-row {
  flex-direction: row !important
}

.flex-column {
  flex-direction: column !important
}

.flex-row-reverse {
  flex-direction: row-reverse !important
}

.flex-column-reverse {
  flex-direction: column-reverse !important
}

.flex-grow-0 {
  flex-grow: 0 !important
}

.flex-grow-1 {
  flex-grow: 1 !important
}

.flex-shrink-0 {
  flex-shrink: 0 !important
}

.flex-shrink-1 {
  flex-shrink: 1 !important
}

.flex-wrap {
  flex-wrap: wrap !important
}

.flex-nowrap {
  flex-wrap: nowrap !important
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important
}

.justify-content-start {
  justify-content: flex-start !important
}

.justify-content-end {
  justify-content: flex-end !important
}

.justify-content-center {
  justify-content: center !important
}

.justify-content-between {
  justify-content: space-between !important
}

.justify-content-around {
  justify-content: space-around !important
}

.justify-content-evenly {
  justify-content: space-evenly !important
}

.align-items-start {
  align-items: flex-start !important
}

.align-items-end {
  align-items: flex-end !important
}

.align-items-center {
  align-items: center !important
}

.align-items-baseline {
  align-items: baseline !important
}

.align-items-stretch {
  align-items: stretch !important
}

.align-content-start {
  align-content: flex-start !important
}

.align-content-end {
  align-content: flex-end !important
}

.align-content-center {
  align-content: center !important
}

.align-content-between {
  align-content: space-between !important
}

.align-content-around {
  align-content: space-around !important
}

.align-content-stretch {
  align-content: stretch !important
}

.align-self-auto {
  align-self: auto !important
}

.align-self-start {
  align-self: flex-start !important
}

.align-self-end {
  align-self: flex-end !important
}

.align-self-center {
  align-self: center !important
}

.align-self-baseline {
  align-self: baseline !important
}

.align-self-stretch {
  align-self: stretch !important
}

.order-first {
  order: -1 !important
}

.order-0 {
  order: 0 !important
}

.order-1 {
  order: 1 !important
}

.order-2 {
  order: 2 !important
}

.order-3 {
  order: 3 !important
}

.order-4 {
  order: 4 !important
}

.order-5 {
  order: 5 !important
}

.order-last {
  order: 6 !important
}

.m-0 {
  margin: 0 !important
}

.m-1 {
  margin: .25rem !important
}

.m-2 {
  margin: .5rem !important
}

.m-3 {
  margin: 1rem !important
}

.m-4 {
  margin: 1.5rem !important
}

.m-5 {
  margin: 3rem !important
}

.m-auto {
  margin: auto !important
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important
}

.mx-1 {
  margin-left: .25rem !important;
  margin-right: .25rem !important
}

.mx-2 {
  margin-left: .5rem !important;
  margin-right: .5rem !important
}

.mx-3 {
  margin-left: 1rem !important;
  margin-right: 1rem !important
}

.mx-4 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important
}

.mx-5 {
  margin-left: 3rem !important;
  margin-right: 3rem !important
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important
}

.my-1 {
  margin-top: .25rem !important;
  margin-bottom: .25rem !important
}

.my-2 {
  margin-top: .5rem !important;
  margin-bottom: .5rem !important
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important
}

.mt-0 {
  margin-top: 0 !important
}

.mt-1 {
  margin-top: .25rem !important
}

.mt-2 {
  margin-top: .5rem !important
}

.mt-3 {
  margin-top: 1rem !important
}

.mt-4 {
  margin-top: 1.5rem !important
}

.mt-5 {
  margin-top: 3rem !important
}

.mt-auto {
  margin-top: auto !important
}

.me-0 {
  margin-right: 0 !important
}

.me-1 {
  margin-right: .25rem !important
}

.me-2 {
  margin-right: .5rem !important
}

.me-3 {
  margin-right: 1rem !important
}

.me-4 {
  margin-right: 1.5rem !important
}

.me-5 {
  margin-right: 3rem !important
}

.me-auto {
  margin-right: auto !important
}

.mb-0 {
  margin-bottom: 0 !important
}

.mb-1 {
  margin-bottom: .25rem !important
}

.mb-2 {
  margin-bottom: .5rem !important
}

.mb-3 {
  margin-bottom: 1rem !important
}

.mb-4 {
  margin-bottom: 1.5rem !important
}

.mb-5 {
  margin-bottom: 3rem !important
}

.mb-auto {
  margin-bottom: auto !important
}

.ms-0 {
  margin-left: 0 !important
}

.ms-1 {
  margin-left: .25rem !important
}

.ms-2 {
  margin-left: .5rem !important
}

.ms-3 {
  margin-left: 1rem !important
}

.ms-4 {
  margin-left: 1.5rem !important
}

.ms-5 {
  margin-left: 3rem !important
}

.ms-auto {
  margin-left: auto !important
}

.p-0 {
  padding: 0 !important
}

.p-1 {
  padding: .25rem !important
}

.p-2 {
  padding: .5rem !important
}

.p-3 {
  padding: 1rem !important
}

.p-4 {
  padding: 1.5rem !important
}

.p-5 {
  padding: 3rem !important
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important
}

.px-1 {
  padding-left: .25rem !important;
  padding-right: .25rem !important
}

.px-2 {
  padding-left: .5rem !important;
  padding-right: .5rem !important
}

.px-3 {
  padding-left: 1rem !important;
  padding-right: 1rem !important
}

.px-4 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important
}

.px-5 {
  padding-left: 3rem !important;
  padding-right: 3rem !important
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important
}

.py-1 {
  padding-top: .25rem !important;
  padding-bottom: .25rem !important
}

.py-2 {
  padding-top: .5rem !important;
  padding-bottom: .5rem !important
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important
}

.pt-0 {
  padding-top: 0 !important
}

.pt-1 {
  padding-top: .25rem !important
}

.pt-2 {
  padding-top: .5rem !important
}

.pt-3 {
  padding-top: 1rem !important
}

.pt-4 {
  padding-top: 1.5rem !important
}

.pt-5 {
  padding-top: 3rem !important
}

.pe-0 {
  padding-right: 0 !important
}

.pe-1 {
  padding-right: .25rem !important
}

.pe-2 {
  padding-right: .5rem !important
}

.pe-3 {
  padding-right: 1rem !important
}

.pe-4 {
  padding-right: 1.5rem !important
}

.pe-5 {
  padding-right: 3rem !important
}

.pb-0 {
  padding-bottom: 0 !important
}

.pb-1 {
  padding-bottom: .25rem !important
}

.pb-2 {
  padding-bottom: .5rem !important
}

.pb-3 {
  padding-bottom: 1rem !important
}

.pb-4 {
  padding-bottom: 1.5rem !important
}

.pb-5 {
  padding-bottom: 3rem !important
}

.ps-0 {
  padding-left: 0 !important
}

.ps-1 {
  padding-left: .25rem !important
}

.ps-2 {
  padding-left: .5rem !important
}

.ps-3 {
  padding-left: 1rem !important
}

.ps-4 {
  padding-left: 1.5rem !important
}

.ps-5 {
  padding-left: 3rem !important
}

@media (min-width:576px) {
  .d-sm-inline {
    display: inline !important
  }

  .d-sm-inline-block {
    display: inline-block !important
  }

  .d-sm-block {
    display: block !important
  }

  .d-sm-grid {
    display: grid !important
  }

  .d-sm-inline-grid {
    display: inline-grid !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: flex !important
  }

  .d-sm-inline-flex {
    display: inline-flex !important
  }

  .d-sm-none {
    display: none !important
  }

  .flex-sm-fill {
    flex: auto !important
  }

  .flex-sm-row {
    flex-direction: row !important
  }

  .flex-sm-column {
    flex-direction: column !important
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-sm-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-sm-grow-0 {
    flex-grow: 0 !important
  }

  .flex-sm-grow-1 {
    flex-grow: 1 !important
  }

  .flex-sm-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-sm-shrink-1 {
    flex-shrink: 1 !important
  }

  .flex-sm-wrap {
    flex-wrap: wrap !important
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .justify-content-sm-start {
    justify-content: flex-start !important
  }

  .justify-content-sm-end {
    justify-content: flex-end !important
  }

  .justify-content-sm-center {
    justify-content: center !important
  }

  .justify-content-sm-between {
    justify-content: space-between !important
  }

  .justify-content-sm-around {
    justify-content: space-around !important
  }

  .justify-content-sm-evenly {
    justify-content: space-evenly !important
  }

  .align-items-sm-start {
    align-items: flex-start !important
  }

  .align-items-sm-end {
    align-items: flex-end !important
  }

  .align-items-sm-center {
    align-items: center !important
  }

  .align-items-sm-baseline {
    align-items: baseline !important
  }

  .align-items-sm-stretch {
    align-items: stretch !important
  }

  .align-content-sm-start {
    align-content: flex-start !important
  }

  .align-content-sm-end {
    align-content: flex-end !important
  }

  .align-content-sm-center {
    align-content: center !important
  }

  .align-content-sm-between {
    align-content: space-between !important
  }

  .align-content-sm-around {
    align-content: space-around !important
  }

  .align-content-sm-stretch {
    align-content: stretch !important
  }

  .align-self-sm-auto {
    align-self: auto !important
  }

  .align-self-sm-start {
    align-self: flex-start !important
  }

  .align-self-sm-end {
    align-self: flex-end !important
  }

  .align-self-sm-center {
    align-self: center !important
  }

  .align-self-sm-baseline {
    align-self: baseline !important
  }

  .align-self-sm-stretch {
    align-self: stretch !important
  }

  .order-sm-first {
    order: -1 !important
  }

  .order-sm-0 {
    order: 0 !important
  }

  .order-sm-1 {
    order: 1 !important
  }

  .order-sm-2 {
    order: 2 !important
  }

  .order-sm-3 {
    order: 3 !important
  }

  .order-sm-4 {
    order: 4 !important
  }

  .order-sm-5 {
    order: 5 !important
  }

  .order-sm-last {
    order: 6 !important
  }

  .m-sm-0 {
    margin: 0 !important
  }

  .m-sm-1 {
    margin: .25rem !important
  }

  .m-sm-2 {
    margin: .5rem !important
  }

  .m-sm-3 {
    margin: 1rem !important
  }

  .m-sm-4 {
    margin: 1.5rem !important
  }

  .m-sm-5 {
    margin: 3rem !important
  }

  .m-sm-auto {
    margin: auto !important
  }

  .mx-sm-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
  }

  .mx-sm-1 {
    margin-left: .25rem !important;
    margin-right: .25rem !important
  }

  .mx-sm-2 {
    margin-left: .5rem !important;
    margin-right: .5rem !important
  }

  .mx-sm-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important
  }

  .mx-sm-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important
  }

  .mx-sm-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important
  }

  .mx-sm-auto {
    margin-left: auto !important;
    margin-right: auto !important
  }

  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .my-sm-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
  }

  .my-sm-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
  }

  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
  }

  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
  }

  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
  }

  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .mt-sm-0 {
    margin-top: 0 !important
  }

  .mt-sm-1 {
    margin-top: .25rem !important
  }

  .mt-sm-2 {
    margin-top: .5rem !important
  }

  .mt-sm-3 {
    margin-top: 1rem !important
  }

  .mt-sm-4 {
    margin-top: 1.5rem !important
  }

  .mt-sm-5 {
    margin-top: 3rem !important
  }

  .mt-sm-auto {
    margin-top: auto !important
  }

  .me-sm-0 {
    margin-right: 0 !important
  }

  .me-sm-1 {
    margin-right: .25rem !important
  }

  .me-sm-2 {
    margin-right: .5rem !important
  }

  .me-sm-3 {
    margin-right: 1rem !important
  }

  .me-sm-4 {
    margin-right: 1.5rem !important
  }

  .me-sm-5 {
    margin-right: 3rem !important
  }

  .me-sm-auto {
    margin-right: auto !important
  }

  .mb-sm-0 {
    margin-bottom: 0 !important
  }

  .mb-sm-1 {
    margin-bottom: .25rem !important
  }

  .mb-sm-2 {
    margin-bottom: .5rem !important
  }

  .mb-sm-3 {
    margin-bottom: 1rem !important
  }

  .mb-sm-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-sm-5 {
    margin-bottom: 3rem !important
  }

  .mb-sm-auto {
    margin-bottom: auto !important
  }

  .ms-sm-0 {
    margin-left: 0 !important
  }

  .ms-sm-1 {
    margin-left: .25rem !important
  }

  .ms-sm-2 {
    margin-left: .5rem !important
  }

  .ms-sm-3 {
    margin-left: 1rem !important
  }

  .ms-sm-4 {
    margin-left: 1.5rem !important
  }

  .ms-sm-5 {
    margin-left: 3rem !important
  }

  .ms-sm-auto {
    margin-left: auto !important
  }

  .p-sm-0 {
    padding: 0 !important
  }

  .p-sm-1 {
    padding: .25rem !important
  }

  .p-sm-2 {
    padding: .5rem !important
  }

  .p-sm-3 {
    padding: 1rem !important
  }

  .p-sm-4 {
    padding: 1.5rem !important
  }

  .p-sm-5 {
    padding: 3rem !important
  }

  .px-sm-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
  }

  .px-sm-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important
  }

  .px-sm-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important
  }

  .px-sm-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important
  }

  .px-sm-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
  }

  .px-sm-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important
  }

  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .py-sm-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
  }

  .py-sm-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
  }

  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
  }

  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
  }

  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
  }

  .pt-sm-0 {
    padding-top: 0 !important
  }

  .pt-sm-1 {
    padding-top: .25rem !important
  }

  .pt-sm-2 {
    padding-top: .5rem !important
  }

  .pt-sm-3 {
    padding-top: 1rem !important
  }

  .pt-sm-4 {
    padding-top: 1.5rem !important
  }

  .pt-sm-5 {
    padding-top: 3rem !important
  }

  .pe-sm-0 {
    padding-right: 0 !important
  }

  .pe-sm-1 {
    padding-right: .25rem !important
  }

  .pe-sm-2 {
    padding-right: .5rem !important
  }

  .pe-sm-3 {
    padding-right: 1rem !important
  }

  .pe-sm-4 {
    padding-right: 1.5rem !important
  }

  .pe-sm-5 {
    padding-right: 3rem !important
  }

  .pb-sm-0 {
    padding-bottom: 0 !important
  }

  .pb-sm-1 {
    padding-bottom: .25rem !important
  }

  .pb-sm-2 {
    padding-bottom: .5rem !important
  }

  .pb-sm-3 {
    padding-bottom: 1rem !important
  }

  .pb-sm-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-sm-5 {
    padding-bottom: 3rem !important
  }

  .ps-sm-0 {
    padding-left: 0 !important
  }

  .ps-sm-1 {
    padding-left: .25rem !important
  }

  .ps-sm-2 {
    padding-left: .5rem !important
  }

  .ps-sm-3 {
    padding-left: 1rem !important
  }

  .ps-sm-4 {
    padding-left: 1.5rem !important
  }

  .ps-sm-5 {
    padding-left: 3rem !important
  }
}

@media (min-width:768px) {
  .d-md-inline {
    display: inline !important
  }

  .d-md-inline-block {
    display: inline-block !important
  }

  .d-md-block {
    display: block !important
  }

  .d-md-grid {
    display: grid !important
  }

  .d-md-inline-grid {
    display: inline-grid !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: flex !important
  }

  .d-md-inline-flex {
    display: inline-flex !important
  }

  .d-md-none {
    display: none !important
  }

  .flex-md-fill {
    flex: auto !important
  }

  .flex-md-row {
    flex-direction: row !important
  }

  .flex-md-column {
    flex-direction: column !important
  }

  .flex-md-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-md-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-md-grow-0 {
    flex-grow: 0 !important
  }

  .flex-md-grow-1 {
    flex-grow: 1 !important
  }

  .flex-md-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-md-shrink-1 {
    flex-shrink: 1 !important
  }

  .flex-md-wrap {
    flex-wrap: wrap !important
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .justify-content-md-start {
    justify-content: flex-start !important
  }

  .justify-content-md-end {
    justify-content: flex-end !important
  }

  .justify-content-md-center {
    justify-content: center !important
  }

  .justify-content-md-between {
    justify-content: space-between !important
  }

  .justify-content-md-around {
    justify-content: space-around !important
  }

  .justify-content-md-evenly {
    justify-content: space-evenly !important
  }

  .align-items-md-start {
    align-items: flex-start !important
  }

  .align-items-md-end {
    align-items: flex-end !important
  }

  .align-items-md-center {
    align-items: center !important
  }

  .align-items-md-baseline {
    align-items: baseline !important
  }

  .align-items-md-stretch {
    align-items: stretch !important
  }

  .align-content-md-start {
    align-content: flex-start !important
  }

  .align-content-md-end {
    align-content: flex-end !important
  }

  .align-content-md-center {
    align-content: center !important
  }

  .align-content-md-between {
    align-content: space-between !important
  }

  .align-content-md-around {
    align-content: space-around !important
  }

  .align-content-md-stretch {
    align-content: stretch !important
  }

  .align-self-md-auto {
    align-self: auto !important
  }

  .align-self-md-start {
    align-self: flex-start !important
  }

  .align-self-md-end {
    align-self: flex-end !important
  }

  .align-self-md-center {
    align-self: center !important
  }

  .align-self-md-baseline {
    align-self: baseline !important
  }

  .align-self-md-stretch {
    align-self: stretch !important
  }

  .order-md-first {
    order: -1 !important
  }

  .order-md-0 {
    order: 0 !important
  }

  .order-md-1 {
    order: 1 !important
  }

  .order-md-2 {
    order: 2 !important
  }

  .order-md-3 {
    order: 3 !important
  }

  .order-md-4 {
    order: 4 !important
  }

  .order-md-5 {
    order: 5 !important
  }

  .order-md-last {
    order: 6 !important
  }

  .m-md-0 {
    margin: 0 !important
  }

  .m-md-1 {
    margin: .25rem !important
  }

  .m-md-2 {
    margin: .5rem !important
  }

  .m-md-3 {
    margin: 1rem !important
  }

  .m-md-4 {
    margin: 1.5rem !important
  }

  .m-md-5 {
    margin: 3rem !important
  }

  .m-md-auto {
    margin: auto !important
  }

  .mx-md-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
  }

  .mx-md-1 {
    margin-left: .25rem !important;
    margin-right: .25rem !important
  }

  .mx-md-2 {
    margin-left: .5rem !important;
    margin-right: .5rem !important
  }

  .mx-md-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important
  }

  .mx-md-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important
  }

  .mx-md-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important
  }

  .mx-md-auto {
    margin-left: auto !important;
    margin-right: auto !important
  }

  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .my-md-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
  }

  .my-md-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
  }

  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
  }

  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
  }

  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
  }

  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .mt-md-0 {
    margin-top: 0 !important
  }

  .mt-md-1 {
    margin-top: .25rem !important
  }

  .mt-md-2 {
    margin-top: .5rem !important
  }

  .mt-md-3 {
    margin-top: 1rem !important
  }

  .mt-md-4 {
    margin-top: 1.5rem !important
  }

  .mt-md-5 {
    margin-top: 3rem !important
  }

  .mt-md-auto {
    margin-top: auto !important
  }

  .me-md-0 {
    margin-right: 0 !important
  }

  .me-md-1 {
    margin-right: .25rem !important
  }

  .me-md-2 {
    margin-right: .5rem !important
  }

  .me-md-3 {
    margin-right: 1rem !important
  }

  .me-md-4 {
    margin-right: 1.5rem !important
  }

  .me-md-5 {
    margin-right: 3rem !important
  }

  .me-md-auto {
    margin-right: auto !important
  }

  .mb-md-0 {
    margin-bottom: 0 !important
  }

  .mb-md-1 {
    margin-bottom: .25rem !important
  }

  .mb-md-2 {
    margin-bottom: .5rem !important
  }

  .mb-md-3 {
    margin-bottom: 1rem !important
  }

  .mb-md-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-md-5 {
    margin-bottom: 3rem !important
  }

  .mb-md-auto {
    margin-bottom: auto !important
  }

  .ms-md-0 {
    margin-left: 0 !important
  }

  .ms-md-1 {
    margin-left: .25rem !important
  }

  .ms-md-2 {
    margin-left: .5rem !important
  }

  .ms-md-3 {
    margin-left: 1rem !important
  }

  .ms-md-4 {
    margin-left: 1.5rem !important
  }

  .ms-md-5 {
    margin-left: 3rem !important
  }

  .ms-md-auto {
    margin-left: auto !important
  }

  .p-md-0 {
    padding: 0 !important
  }

  .p-md-1 {
    padding: .25rem !important
  }

  .p-md-2 {
    padding: .5rem !important
  }

  .p-md-3 {
    padding: 1rem !important
  }

  .p-md-4 {
    padding: 1.5rem !important
  }

  .p-md-5 {
    padding: 3rem !important
  }

  .px-md-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
  }

  .px-md-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important
  }

  .px-md-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important
  }

  .px-md-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important
  }

  .px-md-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
  }

  .px-md-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important
  }

  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .py-md-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
  }

  .py-md-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
  }

  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
  }

  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
  }

  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
  }

  .pt-md-0 {
    padding-top: 0 !important
  }

  .pt-md-1 {
    padding-top: .25rem !important
  }

  .pt-md-2 {
    padding-top: .5rem !important
  }

  .pt-md-3 {
    padding-top: 1rem !important
  }

  .pt-md-4 {
    padding-top: 1.5rem !important
  }

  .pt-md-5 {
    padding-top: 3rem !important
  }

  .pe-md-0 {
    padding-right: 0 !important
  }

  .pe-md-1 {
    padding-right: .25rem !important
  }

  .pe-md-2 {
    padding-right: .5rem !important
  }

  .pe-md-3 {
    padding-right: 1rem !important
  }

  .pe-md-4 {
    padding-right: 1.5rem !important
  }

  .pe-md-5 {
    padding-right: 3rem !important
  }

  .pb-md-0 {
    padding-bottom: 0 !important
  }

  .pb-md-1 {
    padding-bottom: .25rem !important
  }

  .pb-md-2 {
    padding-bottom: .5rem !important
  }

  .pb-md-3 {
    padding-bottom: 1rem !important
  }

  .pb-md-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-md-5 {
    padding-bottom: 3rem !important
  }

  .ps-md-0 {
    padding-left: 0 !important
  }

  .ps-md-1 {
    padding-left: .25rem !important
  }

  .ps-md-2 {
    padding-left: .5rem !important
  }

  .ps-md-3 {
    padding-left: 1rem !important
  }

  .ps-md-4 {
    padding-left: 1.5rem !important
  }

  .ps-md-5 {
    padding-left: 3rem !important
  }
}

@media (min-width:992px) {
  .d-lg-inline {
    display: inline !important
  }

  .d-lg-inline-block {
    display: inline-block !important
  }

  .d-lg-block {
    display: block !important
  }

  .d-lg-grid {
    display: grid !important
  }

  .d-lg-inline-grid {
    display: inline-grid !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: flex !important
  }

  .d-lg-inline-flex {
    display: inline-flex !important
  }

  .d-lg-none {
    display: none !important
  }

  .flex-lg-fill {
    flex: auto !important
  }

  .flex-lg-row {
    flex-direction: row !important
  }

  .flex-lg-column {
    flex-direction: column !important
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-lg-grow-0 {
    flex-grow: 0 !important
  }

  .flex-lg-grow-1 {
    flex-grow: 1 !important
  }

  .flex-lg-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-lg-shrink-1 {
    flex-shrink: 1 !important
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .justify-content-lg-start {
    justify-content: flex-start !important
  }

  .justify-content-lg-end {
    justify-content: flex-end !important
  }

  .justify-content-lg-center {
    justify-content: center !important
  }

  .justify-content-lg-between {
    justify-content: space-between !important
  }

  .justify-content-lg-around {
    justify-content: space-around !important
  }

  .justify-content-lg-evenly {
    justify-content: space-evenly !important
  }

  .align-items-lg-start {
    align-items: flex-start !important
  }

  .align-items-lg-end {
    align-items: flex-end !important
  }

  .align-items-lg-center {
    align-items: center !important
  }

  .align-items-lg-baseline {
    align-items: baseline !important
  }

  .align-items-lg-stretch {
    align-items: stretch !important
  }

  .align-content-lg-start {
    align-content: flex-start !important
  }

  .align-content-lg-end {
    align-content: flex-end !important
  }

  .align-content-lg-center {
    align-content: center !important
  }

  .align-content-lg-between {
    align-content: space-between !important
  }

  .align-content-lg-around {
    align-content: space-around !important
  }

  .align-content-lg-stretch {
    align-content: stretch !important
  }

  .align-self-lg-auto {
    align-self: auto !important
  }

  .align-self-lg-start {
    align-self: flex-start !important
  }

  .align-self-lg-end {
    align-self: flex-end !important
  }

  .align-self-lg-center {
    align-self: center !important
  }

  .align-self-lg-baseline {
    align-self: baseline !important
  }

  .align-self-lg-stretch {
    align-self: stretch !important
  }

  .order-lg-first {
    order: -1 !important
  }

  .order-lg-0 {
    order: 0 !important
  }

  .order-lg-1 {
    order: 1 !important
  }

  .order-lg-2 {
    order: 2 !important
  }

  .order-lg-3 {
    order: 3 !important
  }

  .order-lg-4 {
    order: 4 !important
  }

  .order-lg-5 {
    order: 5 !important
  }

  .order-lg-last {
    order: 6 !important
  }

  .m-lg-0 {
    margin: 0 !important
  }

  .m-lg-1 {
    margin: .25rem !important
  }

  .m-lg-2 {
    margin: .5rem !important
  }

  .m-lg-3 {
    margin: 1rem !important
  }

  .m-lg-4 {
    margin: 1.5rem !important
  }

  .m-lg-5 {
    margin: 3rem !important
  }

  .m-lg-auto {
    margin: auto !important
  }

  .mx-lg-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
  }

  .mx-lg-1 {
    margin-left: .25rem !important;
    margin-right: .25rem !important
  }

  .mx-lg-2 {
    margin-left: .5rem !important;
    margin-right: .5rem !important
  }

  .mx-lg-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important
  }

  .mx-lg-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important
  }

  .mx-lg-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important
  }

  .mx-lg-auto {
    margin-left: auto !important;
    margin-right: auto !important
  }

  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .my-lg-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
  }

  .my-lg-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
  }

  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
  }

  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
  }

  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
  }

  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .mt-lg-0 {
    margin-top: 0 !important
  }

  .mt-lg-1 {
    margin-top: .25rem !important
  }

  .mt-lg-2 {
    margin-top: .5rem !important
  }

  .mt-lg-3 {
    margin-top: 1rem !important
  }

  .mt-lg-4 {
    margin-top: 1.5rem !important
  }

  .mt-lg-5 {
    margin-top: 3rem !important
  }

  .mt-lg-auto {
    margin-top: auto !important
  }

  .me-lg-0 {
    margin-right: 0 !important
  }

  .me-lg-1 {
    margin-right: .25rem !important
  }

  .me-lg-2 {
    margin-right: .5rem !important
  }

  .me-lg-3 {
    margin-right: 1rem !important
  }

  .me-lg-4 {
    margin-right: 1.5rem !important
  }

  .me-lg-5 {
    margin-right: 3rem !important
  }

  .me-lg-auto {
    margin-right: auto !important
  }

  .mb-lg-0 {
    margin-bottom: 0 !important
  }

  .mb-lg-1 {
    margin-bottom: .25rem !important
  }

  .mb-lg-2 {
    margin-bottom: .5rem !important
  }

  .mb-lg-3 {
    margin-bottom: 1rem !important
  }

  .mb-lg-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-lg-5 {
    margin-bottom: 3rem !important
  }

  .mb-lg-auto {
    margin-bottom: auto !important
  }

  .ms-lg-0 {
    margin-left: 0 !important
  }

  .ms-lg-1 {
    margin-left: .25rem !important
  }

  .ms-lg-2 {
    margin-left: .5rem !important
  }

  .ms-lg-3 {
    margin-left: 1rem !important
  }

  .ms-lg-4 {
    margin-left: 1.5rem !important
  }

  .ms-lg-5 {
    margin-left: 3rem !important
  }

  .ms-lg-auto {
    margin-left: auto !important
  }

  .p-lg-0 {
    padding: 0 !important
  }

  .p-lg-1 {
    padding: .25rem !important
  }

  .p-lg-2 {
    padding: .5rem !important
  }

  .p-lg-3 {
    padding: 1rem !important
  }

  .p-lg-4 {
    padding: 1.5rem !important
  }

  .p-lg-5 {
    padding: 3rem !important
  }

  .px-lg-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
  }

  .px-lg-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important
  }

  .px-lg-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important
  }

  .px-lg-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important
  }

  .px-lg-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
  }

  .px-lg-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important
  }

  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .py-lg-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
  }

  .py-lg-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
  }

  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
  }

  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
  }

  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
  }

  .pt-lg-0 {
    padding-top: 0 !important
  }

  .pt-lg-1 {
    padding-top: .25rem !important
  }

  .pt-lg-2 {
    padding-top: .5rem !important
  }

  .pt-lg-3 {
    padding-top: 1rem !important
  }

  .pt-lg-4 {
    padding-top: 1.5rem !important
  }

  .pt-lg-5 {
    padding-top: 3rem !important
  }

  .pe-lg-0 {
    padding-right: 0 !important
  }

  .pe-lg-1 {
    padding-right: .25rem !important
  }

  .pe-lg-2 {
    padding-right: .5rem !important
  }

  .pe-lg-3 {
    padding-right: 1rem !important
  }

  .pe-lg-4 {
    padding-right: 1.5rem !important
  }

  .pe-lg-5 {
    padding-right: 3rem !important
  }

  .pb-lg-0 {
    padding-bottom: 0 !important
  }

  .pb-lg-1 {
    padding-bottom: .25rem !important
  }

  .pb-lg-2 {
    padding-bottom: .5rem !important
  }

  .pb-lg-3 {
    padding-bottom: 1rem !important
  }

  .pb-lg-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-lg-5 {
    padding-bottom: 3rem !important
  }

  .ps-lg-0 {
    padding-left: 0 !important
  }

  .ps-lg-1 {
    padding-left: .25rem !important
  }

  .ps-lg-2 {
    padding-left: .5rem !important
  }

  .ps-lg-3 {
    padding-left: 1rem !important
  }

  .ps-lg-4 {
    padding-left: 1.5rem !important
  }

  .ps-lg-5 {
    padding-left: 3rem !important
  }
}

@media (min-width:1200px) {
  .d-xl-inline {
    display: inline !important
  }

  .d-xl-inline-block {
    display: inline-block !important
  }

  .d-xl-block {
    display: block !important
  }

  .d-xl-grid {
    display: grid !important
  }

  .d-xl-inline-grid {
    display: inline-grid !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: flex !important
  }

  .d-xl-inline-flex {
    display: inline-flex !important
  }

  .d-xl-none {
    display: none !important
  }

  .flex-xl-fill {
    flex: auto !important
  }

  .flex-xl-row {
    flex-direction: row !important
  }

  .flex-xl-column {
    flex-direction: column !important
  }

  .flex-xl-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-xl-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-xl-grow-0 {
    flex-grow: 0 !important
  }

  .flex-xl-grow-1 {
    flex-grow: 1 !important
  }

  .flex-xl-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-xl-shrink-1 {
    flex-shrink: 1 !important
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .justify-content-xl-start {
    justify-content: flex-start !important
  }

  .justify-content-xl-end {
    justify-content: flex-end !important
  }

  .justify-content-xl-center {
    justify-content: center !important
  }

  .justify-content-xl-between {
    justify-content: space-between !important
  }

  .justify-content-xl-around {
    justify-content: space-around !important
  }

  .justify-content-xl-evenly {
    justify-content: space-evenly !important
  }

  .align-items-xl-start {
    align-items: flex-start !important
  }

  .align-items-xl-end {
    align-items: flex-end !important
  }

  .align-items-xl-center {
    align-items: center !important
  }

  .align-items-xl-baseline {
    align-items: baseline !important
  }

  .align-items-xl-stretch {
    align-items: stretch !important
  }

  .align-content-xl-start {
    align-content: flex-start !important
  }

  .align-content-xl-end {
    align-content: flex-end !important
  }

  .align-content-xl-center {
    align-content: center !important
  }

  .align-content-xl-between {
    align-content: space-between !important
  }

  .align-content-xl-around {
    align-content: space-around !important
  }

  .align-content-xl-stretch {
    align-content: stretch !important
  }

  .align-self-xl-auto {
    align-self: auto !important
  }

  .align-self-xl-start {
    align-self: flex-start !important
  }

  .align-self-xl-end {
    align-self: flex-end !important
  }

  .align-self-xl-center {
    align-self: center !important
  }

  .align-self-xl-baseline {
    align-self: baseline !important
  }

  .align-self-xl-stretch {
    align-self: stretch !important
  }

  .order-xl-first {
    order: -1 !important
  }

  .order-xl-0 {
    order: 0 !important
  }

  .order-xl-1 {
    order: 1 !important
  }

  .order-xl-2 {
    order: 2 !important
  }

  .order-xl-3 {
    order: 3 !important
  }

  .order-xl-4 {
    order: 4 !important
  }

  .order-xl-5 {
    order: 5 !important
  }

  .order-xl-last {
    order: 6 !important
  }

  .m-xl-0 {
    margin: 0 !important
  }

  .m-xl-1 {
    margin: .25rem !important
  }

  .m-xl-2 {
    margin: .5rem !important
  }

  .m-xl-3 {
    margin: 1rem !important
  }

  .m-xl-4 {
    margin: 1.5rem !important
  }

  .m-xl-5 {
    margin: 3rem !important
  }

  .m-xl-auto {
    margin: auto !important
  }

  .mx-xl-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
  }

  .mx-xl-1 {
    margin-left: .25rem !important;
    margin-right: .25rem !important
  }

  .mx-xl-2 {
    margin-left: .5rem !important;
    margin-right: .5rem !important
  }

  .mx-xl-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important
  }

  .mx-xl-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important
  }

  .mx-xl-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important
  }

  .mx-xl-auto {
    margin-left: auto !important;
    margin-right: auto !important
  }

  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .my-xl-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
  }

  .my-xl-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
  }

  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
  }

  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
  }

  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
  }

  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .mt-xl-0 {
    margin-top: 0 !important
  }

  .mt-xl-1 {
    margin-top: .25rem !important
  }

  .mt-xl-2 {
    margin-top: .5rem !important
  }

  .mt-xl-3 {
    margin-top: 1rem !important
  }

  .mt-xl-4 {
    margin-top: 1.5rem !important
  }

  .mt-xl-5 {
    margin-top: 3rem !important
  }

  .mt-xl-auto {
    margin-top: auto !important
  }

  .me-xl-0 {
    margin-right: 0 !important
  }

  .me-xl-1 {
    margin-right: .25rem !important
  }

  .me-xl-2 {
    margin-right: .5rem !important
  }

  .me-xl-3 {
    margin-right: 1rem !important
  }

  .me-xl-4 {
    margin-right: 1.5rem !important
  }

  .me-xl-5 {
    margin-right: 3rem !important
  }

  .me-xl-auto {
    margin-right: auto !important
  }

  .mb-xl-0 {
    margin-bottom: 0 !important
  }

  .mb-xl-1 {
    margin-bottom: .25rem !important
  }

  .mb-xl-2 {
    margin-bottom: .5rem !important
  }

  .mb-xl-3 {
    margin-bottom: 1rem !important
  }

  .mb-xl-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-xl-5 {
    margin-bottom: 3rem !important
  }

  .mb-xl-auto {
    margin-bottom: auto !important
  }

  .ms-xl-0 {
    margin-left: 0 !important
  }

  .ms-xl-1 {
    margin-left: .25rem !important
  }

  .ms-xl-2 {
    margin-left: .5rem !important
  }

  .ms-xl-3 {
    margin-left: 1rem !important
  }

  .ms-xl-4 {
    margin-left: 1.5rem !important
  }

  .ms-xl-5 {
    margin-left: 3rem !important
  }

  .ms-xl-auto {
    margin-left: auto !important
  }

  .p-xl-0 {
    padding: 0 !important
  }

  .p-xl-1 {
    padding: .25rem !important
  }

  .p-xl-2 {
    padding: .5rem !important
  }

  .p-xl-3 {
    padding: 1rem !important
  }

  .p-xl-4 {
    padding: 1.5rem !important
  }

  .p-xl-5 {
    padding: 3rem !important
  }

  .px-xl-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
  }

  .px-xl-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important
  }

  .px-xl-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important
  }

  .px-xl-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important
  }

  .px-xl-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
  }

  .px-xl-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important
  }

  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .py-xl-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
  }

  .py-xl-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
  }

  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
  }

  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
  }

  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
  }

  .pt-xl-0 {
    padding-top: 0 !important
  }

  .pt-xl-1 {
    padding-top: .25rem !important
  }

  .pt-xl-2 {
    padding-top: .5rem !important
  }

  .pt-xl-3 {
    padding-top: 1rem !important
  }

  .pt-xl-4 {
    padding-top: 1.5rem !important
  }

  .pt-xl-5 {
    padding-top: 3rem !important
  }

  .pe-xl-0 {
    padding-right: 0 !important
  }

  .pe-xl-1 {
    padding-right: .25rem !important
  }

  .pe-xl-2 {
    padding-right: .5rem !important
  }

  .pe-xl-3 {
    padding-right: 1rem !important
  }

  .pe-xl-4 {
    padding-right: 1.5rem !important
  }

  .pe-xl-5 {
    padding-right: 3rem !important
  }

  .pb-xl-0 {
    padding-bottom: 0 !important
  }

  .pb-xl-1 {
    padding-bottom: .25rem !important
  }

  .pb-xl-2 {
    padding-bottom: .5rem !important
  }

  .pb-xl-3 {
    padding-bottom: 1rem !important
  }

  .pb-xl-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-xl-5 {
    padding-bottom: 3rem !important
  }

  .ps-xl-0 {
    padding-left: 0 !important
  }

  .ps-xl-1 {
    padding-left: .25rem !important
  }

  .ps-xl-2 {
    padding-left: .5rem !important
  }

  .ps-xl-3 {
    padding-left: 1rem !important
  }

  .ps-xl-4 {
    padding-left: 1.5rem !important
  }

  .ps-xl-5 {
    padding-left: 3rem !important
  }
}

@media (min-width:1400px) {
  .d-xxl-inline {
    display: inline !important
  }

  .d-xxl-inline-block {
    display: inline-block !important
  }

  .d-xxl-block {
    display: block !important
  }

  .d-xxl-grid {
    display: grid !important
  }

  .d-xxl-inline-grid {
    display: inline-grid !important
  }

  .d-xxl-table {
    display: table !important
  }

  .d-xxl-table-row {
    display: table-row !important
  }

  .d-xxl-table-cell {
    display: table-cell !important
  }

  .d-xxl-flex {
    display: flex !important
  }

  .d-xxl-inline-flex {
    display: inline-flex !important
  }

  .d-xxl-none {
    display: none !important
  }

  .flex-xxl-fill {
    flex: auto !important
  }

  .flex-xxl-row {
    flex-direction: row !important
  }

  .flex-xxl-column {
    flex-direction: column !important
  }

  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-xxl-grow-0 {
    flex-grow: 0 !important
  }

  .flex-xxl-grow-1 {
    flex-grow: 1 !important
  }

  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important
  }

  .flex-xxl-wrap {
    flex-wrap: wrap !important
  }

  .flex-xxl-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .justify-content-xxl-start {
    justify-content: flex-start !important
  }

  .justify-content-xxl-end {
    justify-content: flex-end !important
  }

  .justify-content-xxl-center {
    justify-content: center !important
  }

  .justify-content-xxl-between {
    justify-content: space-between !important
  }

  .justify-content-xxl-around {
    justify-content: space-around !important
  }

  .justify-content-xxl-evenly {
    justify-content: space-evenly !important
  }

  .align-items-xxl-start {
    align-items: flex-start !important
  }

  .align-items-xxl-end {
    align-items: flex-end !important
  }

  .align-items-xxl-center {
    align-items: center !important
  }

  .align-items-xxl-baseline {
    align-items: baseline !important
  }

  .align-items-xxl-stretch {
    align-items: stretch !important
  }

  .align-content-xxl-start {
    align-content: flex-start !important
  }

  .align-content-xxl-end {
    align-content: flex-end !important
  }

  .align-content-xxl-center {
    align-content: center !important
  }

  .align-content-xxl-between {
    align-content: space-between !important
  }

  .align-content-xxl-around {
    align-content: space-around !important
  }

  .align-content-xxl-stretch {
    align-content: stretch !important
  }

  .align-self-xxl-auto {
    align-self: auto !important
  }

  .align-self-xxl-start {
    align-self: flex-start !important
  }

  .align-self-xxl-end {
    align-self: flex-end !important
  }

  .align-self-xxl-center {
    align-self: center !important
  }

  .align-self-xxl-baseline {
    align-self: baseline !important
  }

  .align-self-xxl-stretch {
    align-self: stretch !important
  }

  .order-xxl-first {
    order: -1 !important
  }

  .order-xxl-0 {
    order: 0 !important
  }

  .order-xxl-1 {
    order: 1 !important
  }

  .order-xxl-2 {
    order: 2 !important
  }

  .order-xxl-3 {
    order: 3 !important
  }

  .order-xxl-4 {
    order: 4 !important
  }

  .order-xxl-5 {
    order: 5 !important
  }

  .order-xxl-last {
    order: 6 !important
  }

  .m-xxl-0 {
    margin: 0 !important
  }

  .m-xxl-1 {
    margin: .25rem !important
  }

  .m-xxl-2 {
    margin: .5rem !important
  }

  .m-xxl-3 {
    margin: 1rem !important
  }

  .m-xxl-4 {
    margin: 1.5rem !important
  }

  .m-xxl-5 {
    margin: 3rem !important
  }

  .m-xxl-auto {
    margin: auto !important
  }

  .mx-xxl-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
  }

  .mx-xxl-1 {
    margin-left: .25rem !important;
    margin-right: .25rem !important
  }

  .mx-xxl-2 {
    margin-left: .5rem !important;
    margin-right: .5rem !important
  }

  .mx-xxl-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important
  }

  .mx-xxl-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important
  }

  .mx-xxl-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important
  }

  .mx-xxl-auto {
    margin-left: auto !important;
    margin-right: auto !important
  }

  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .my-xxl-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
  }

  .my-xxl-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
  }

  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
  }

  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
  }

  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
  }

  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .mt-xxl-0 {
    margin-top: 0 !important
  }

  .mt-xxl-1 {
    margin-top: .25rem !important
  }

  .mt-xxl-2 {
    margin-top: .5rem !important
  }

  .mt-xxl-3 {
    margin-top: 1rem !important
  }

  .mt-xxl-4 {
    margin-top: 1.5rem !important
  }

  .mt-xxl-5 {
    margin-top: 3rem !important
  }

  .mt-xxl-auto {
    margin-top: auto !important
  }

  .me-xxl-0 {
    margin-right: 0 !important
  }

  .me-xxl-1 {
    margin-right: .25rem !important
  }

  .me-xxl-2 {
    margin-right: .5rem !important
  }

  .me-xxl-3 {
    margin-right: 1rem !important
  }

  .me-xxl-4 {
    margin-right: 1.5rem !important
  }

  .me-xxl-5 {
    margin-right: 3rem !important
  }

  .me-xxl-auto {
    margin-right: auto !important
  }

  .mb-xxl-0 {
    margin-bottom: 0 !important
  }

  .mb-xxl-1 {
    margin-bottom: .25rem !important
  }

  .mb-xxl-2 {
    margin-bottom: .5rem !important
  }

  .mb-xxl-3 {
    margin-bottom: 1rem !important
  }

  .mb-xxl-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-xxl-5 {
    margin-bottom: 3rem !important
  }

  .mb-xxl-auto {
    margin-bottom: auto !important
  }

  .ms-xxl-0 {
    margin-left: 0 !important
  }

  .ms-xxl-1 {
    margin-left: .25rem !important
  }

  .ms-xxl-2 {
    margin-left: .5rem !important
  }

  .ms-xxl-3 {
    margin-left: 1rem !important
  }

  .ms-xxl-4 {
    margin-left: 1.5rem !important
  }

  .ms-xxl-5 {
    margin-left: 3rem !important
  }

  .ms-xxl-auto {
    margin-left: auto !important
  }

  .p-xxl-0 {
    padding: 0 !important
  }

  .p-xxl-1 {
    padding: .25rem !important
  }

  .p-xxl-2 {
    padding: .5rem !important
  }

  .p-xxl-3 {
    padding: 1rem !important
  }

  .p-xxl-4 {
    padding: 1.5rem !important
  }

  .p-xxl-5 {
    padding: 3rem !important
  }

  .px-xxl-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
  }

  .px-xxl-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important
  }

  .px-xxl-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important
  }

  .px-xxl-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important
  }

  .px-xxl-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
  }

  .px-xxl-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important
  }

  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .py-xxl-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
  }

  .py-xxl-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
  }

  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
  }

  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
  }

  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
  }

  .pt-xxl-0 {
    padding-top: 0 !important
  }

  .pt-xxl-1 {
    padding-top: .25rem !important
  }

  .pt-xxl-2 {
    padding-top: .5rem !important
  }

  .pt-xxl-3 {
    padding-top: 1rem !important
  }

  .pt-xxl-4 {
    padding-top: 1.5rem !important
  }

  .pt-xxl-5 {
    padding-top: 3rem !important
  }

  .pe-xxl-0 {
    padding-right: 0 !important
  }

  .pe-xxl-1 {
    padding-right: .25rem !important
  }

  .pe-xxl-2 {
    padding-right: .5rem !important
  }

  .pe-xxl-3 {
    padding-right: 1rem !important
  }

  .pe-xxl-4 {
    padding-right: 1.5rem !important
  }

  .pe-xxl-5 {
    padding-right: 3rem !important
  }

  .pb-xxl-0 {
    padding-bottom: 0 !important
  }

  .pb-xxl-1 {
    padding-bottom: .25rem !important
  }

  .pb-xxl-2 {
    padding-bottom: .5rem !important
  }

  .pb-xxl-3 {
    padding-bottom: 1rem !important
  }

  .pb-xxl-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-xxl-5 {
    padding-bottom: 3rem !important
  }

  .ps-xxl-0 {
    padding-left: 0 !important
  }

  .ps-xxl-1 {
    padding-left: .25rem !important
  }

  .ps-xxl-2 {
    padding-left: .5rem !important
  }

  .ps-xxl-3 {
    padding-left: 1rem !important
  }

  .ps-xxl-4 {
    padding-left: 1.5rem !important
  }

  .ps-xxl-5 {
    padding-left: 3rem !important
  }
}

@media print {
  .d-print-inline {
    display: inline !important
  }

  .d-print-inline-block {
    display: inline-block !important
  }

  .d-print-block {
    display: block !important
  }

  .d-print-grid {
    display: grid !important
  }

  .d-print-inline-grid {
    display: inline-grid !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: flex !important
  }

  .d-print-inline-flex {
    display: inline-flex !important
  }

  .d-print-none {
    display: none !important
  }
}

.ellipsis-1 {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden
}

.ellipsis-3 {
  font-size: 20px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden
}

.ellipsis-4 {
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden
}

.btn-arrow {
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  background: #fff;
  border: 1px solid #f08200;
  border-radius: 60px;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  min-width: 170px;
  height: 60px;
  padding: 9px 14px 9px 30px;
  font-size: 16px;
  font-weight: 400;
  display: inline-flex
}

.btn-arrow .btn-arrow__icon {
  background: #f08200;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  margin-left: 10px;
  display: flex;
  position: relative;
  overflow: hidden
}

.btn-arrow .btn-arrow__icon img {
  width: 100%;
  height: 100%;
  transition: transform .3s, opacity .3s;
  position: absolute;
  top: 0;
  left: 0
}

.btn-arrow .btn-arrow__icon-before {
  opacity: 1;
  transform: translate(0)
}

.btn-arrow .btn-arrow__icon-after {
  opacity: 0;
  transform: translate(-100%)
}

.btn-arrow:hover .btn-arrow__icon-before {
  opacity: 0;
  transform: translate(100%)
}

.btn-arrow:hover .btn-arrow__icon-after {
  opacity: 1;
  transform: translate(0)
}

.big-title {
  text-align: center
}

.big-title--super .big-title__en {
  font-size: 240px
}

.big-title--super .big-title__en:after {
  background: linear-gradient(#fff0 17%, #fff 83%)
}

.big-title__en {
  text-transform: uppercase;
  color: #f08200;
  font-size: 128px;
  font-weight: 400;
  position: relative
}

.big-title__en:after {
  content: "";
  background: linear-gradient(#fff0 29.38%, #fff 83%);
  position: absolute;
  inset: 0
}

.big-title__cn {
  color: #000;
  font-size: 36px
}

.big-title--left {
  text-align: left
}

.small-title {
  text-align: center
}

.small-title__en {
  background: var(--Linear, linear-gradient(180deg, #0c0c0c 29.38%, #fff 83%));
  -webkit-text-fill-color: transparent;
  text-align: center;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 36px;
  font-weight: 400
}

.big-title--left .small-title__cn,
.big-title--left .small-title__en {
  text-align: left
}

.small-title__cn {
  color: #000;
  text-align: center;
  font-size: 36px;
  font-weight: 400
}

.page {
  justify-content: center;
  align-items: center;
  gap: 15px;
  margin: 40px 0 60px;
  display: flex
}

.page .page-link {
  color: #f08200;
  cursor: pointer;
  background: #fff;
  border: 1px solid #f08200;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  height: 40px;
  padding: 0 12px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: all .3s cubic-bezier(.25, .8, .25, 1);
  display: inline-flex;
  box-shadow: 0 1px 3px #0000001a
}

.page .page-nav {
  color: #f08200;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: inline-flex
}

.page .page-link.active {
  color: #fff;
  cursor: default;
  background: #f08200;
  border-color: #f08200;
  font-weight: 600
}

.page .page-dot {
  color: #f08200;
  letter-spacing: 1px;
  -webkit-user-select: none;
  user-select: none;
  justify-content: center;
  align-items: center;
  height: 40px;
  margin: 0 4px;
  font-size: 20px;
  display: inline-flex
}

@media (max-width:640px) {
  .page {
    gap: 8px;
    margin: 30px 0 40px
  }

  .page .page-link {
    min-width: 32px;
    height: 32px;
    padding: 0 8px;
    font-size: 14px
  }

  .page .page-nav,
  .page .page-nav svg {
    width: 32px;
    height: 32px
  }

  .page .page-dot {
    height: 32px;
    margin: 0 2px;
    font-size: 16px
  }
}

@media (min-width:1025px) {
  .page {
    gap: 25px;
    margin: 40px 0 60px
  }

  .page .page-link {
    min-width: 40px;
    height: 40px;
    padding: 0 12px;
    font-size: 16px
  }

  .page .page-nav {
    width: 40px;
    height: 40px
  }

  .page .page-dot {
    height: 40px;
    margin: 0 4px;
    font-size: 20px
  }
}

@media (min-width:641px) and (max-width:1024px) {
  .page {
    gap: 15px;
    margin: 35px 0 50px
  }

  .page .page-link {
    min-width: 36px;
    height: 36px;
    padding: 0 10px;
    font-size: 15px
  }

  .page .page-nav {
    width: 36px;
    height: 36px
  }

  .page .page-dot {
    height: 36px;
    margin: 0 3px;
    font-size: 18px
  }
}

@media (max-width:1800px) {
  .big-title--super .big-title__en {
    font-size: 200px
  }
}

@media (max-width:1600px) {
  .big-title--super .big-title__en {
    font-size: 150px
  }
}

@media (max-width:1200px) {
  .big-title--super .big-title__en {
    font-size: 100px
  }

  .big-title__cn {
    font-size: 24px
  }
}

@media (max-width:991px) {

  .small-title__en,
  .small-title__cn {
    font-size: 24px
  }

  .btn-arrow {
    min-width: 100px;
    height: 42px;
    font-size: 14px
  }

  .btn-arrow .btn-arrow__icon {
    width: 30px;
    height: 30px
  }

  .big-title--super .big-title__en {
    font-size: 60px
  }

  .big-title__cn {
    font-size: 18px
  }
}

@media (max-width:767px) {

  .small-title__en,
  .small-title__cn {
    font-size: 20px
  }

  .btn-arrow {
    border-radius: 36px;
    height: 36px;
    padding: 3px 10px;
    font-size: 12px
  }

  .btn-arrow .btn-arrow__icon {
    width: 22px;
    height: 22px
  }
}

:root {
  --primary-color: #f08200
}

html {
  font-size: 10px
}

.scroll-container::-webkit-scrollbar {
  width: 8px;
  height: 8px
}

.scroll-container::-webkit-scrollbar-track {
  background: #d9d9d9;
  border-radius: 4px
}

.scroll-container::-webkit-scrollbar-thumb {
  background: #e77d01;
  border-radius: 4px
}

.scroll-container::-webkit-scrollbar-thumb:hover {
  background: #e77d01
}

[data-scroll] {
  opacity: 0;
  transition: transform 1s, opacity 1s;
  transform: translateY(40px)
}

[data-scroll].is-inview {
  opacity: 1;
  transform: translateY(0)
}

[data-scroll-delay="0.1"] {
  transition-delay: .1s
}

[data-scroll-delay="0.2"] {
  transition-delay: .2s
}

[data-scroll-delay="0.3"] {
  transition-delay: .3s
}

[data-scroll-delay="0.4"] {
  transition-delay: .4s
}

[data-scroll-delay="0.5"] {
  transition-delay: .5s
}

[data-scroll-delay="0.6"] {
  transition-delay: .6s
}

.w-1430,
.w-1200,
.w-1620,
.w-1640,
.w-1660,
.w-1720 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px
}

.w-1430 {
  max-width: 1460px
}

.w-1200 {
  max-width: 1230px
}

.w-1620 {
  max-width: 1650px
}

.w-1640 {
  max-width: 1670px
}

.w-1660 {
  max-width: 1690px
}


.w-1720 {
  max-width: 1750px
}

.c-pt-60 {
  padding-top: 60px
}

.c-pb-60 {
  padding-bottom: 60px
}

.c-pt-70 {
  padding-top: 70px
}

.c-pb-70 {
  padding-bottom: 70px
}

.c-pt-80 {
  padding-top: 80px
}

.c-pb-80 {
  padding-bottom: 80px
}

.c-pt-90 {
  padding-top: 90px
}

.c-pb-90 {
  padding-bottom: 90px
}

.c-pt-100 {
  padding-top: 100px
}

.c-pb-100 {
  padding-bottom: 100px
}

.c-pt-110 {
  padding-top: 110px
}

.c-pb-110 {
  padding-bottom: 110px
}

.c-pt-120 {
  padding-top: 120px
}

.c-pb-120 {
  padding-bottom: 120px
}

.c-mb-60 {
  margin-bottom: 60px
}

.c-mb-70 {
  margin-bottom: 70px
}

.c-mb-80 {
  margin-bottom: 80px
}

.c-mb-90 {
  margin-bottom: 90px
}

.c-mb-100 {
  margin-bottom: 100px
}

.c-mb-110 {
  margin-bottom: 110px
}

.c-mb-120 {
  margin-bottom: 120px
}

.c-mb-170 {
  margin-bottom: 170px
}

.row.c-gx-25 {
  --bs-gutter-x: 25px
}

.row.c-gx-27 {
  --bs-gutter-x: 27px
}

.row.c-gx-50 {
  --bs-gutter-x: 50px
}

.row.c-gx-55 {
  --bs-gutter-x: 55px
}

.row.c-gx-70 {
  --bs-gutter-x: 70px
}

.row.c-gx-110 {
  --bs-gutter-x: 110px
}

@media (max-width:1800px) {
  .w-1430 {
    max-width: 1300px
  }

  .w-1200 {
    max-width: 1030px
  }
}

@media (max-width:1600px) {
  .w-1430 {
    max-width: 1200px
  }

  .w-1200 {
    max-width: 930px
  }

  .c-pt-60 {
    padding-top: 50px
  }

  .c-pb-60 {
    padding-bottom: 50px
  }

  .c-pt-70 {
    padding-top: 60px
  }

  .c-pb-70 {
    padding-bottom: 60px
  }

  .c-pt-80 {
    padding-top: 70px
  }

  .c-pb-80 {
    padding-bottom: 70px
  }

  .c-pt-90 {
    padding-top: 80px
  }

  .c-pb-90 {
    padding-bottom: 80px
  }

  .c-pt-100 {
    padding-top: 80px
  }

  .c-pb-100 {
    padding-bottom: 80px
  }

  .c-pt-110 {
    padding-top: 80px
  }

  .c-pb-110 {
    padding-bottom: 80px
  }

  .c-pt-120 {
    padding-top: 80px
  }

  .c-pb-120 {
    padding-bottom: 80px
  }

  .c-mb-60 {
    margin-bottom: 50px
  }

  .c-mb-70 {
    margin-bottom: 60px
  }

  .c-mb-80 {
    margin-bottom: 70px
  }

  .c-mb-90,
  .c-mb-100,
  .c-mb-110,
  .c-mb-120 {
    margin-bottom: 80px
  }

  .c-mb-170 {
    margin-bottom: 100px
  }

  .row.c-gx-25 {
    --bs-gutter-x: 25px
  }

  .row.c-gx-27 {
    --bs-gutter-x: 27px
  }

  .row.c-gx-50 {
    --bs-gutter-x: 40px
  }

  .row.c-gx-55 {
    --bs-gutter-x: 45px
  }

  .row.c-gx-70 {
    --bs-gutter-x: 60px
  }

  .row.c-gx-110 {
    --bs-gutter-x: 90px
  }
}

@media (max-width:1400px) {
  .w-1430 {
    max-width: 1000px
  }

  .c-pt-60 {
    padding-top: 50px
  }

  .c-pb-60 {
    padding-bottom: 50px
  }

  .c-pt-70 {
    padding-top: 60px
  }

  .c-pb-70 {
    padding-bottom: 60px
  }

  .c-pt-80 {
    padding-top: 60px
  }

  .c-pb-80 {
    padding-bottom: 60px
  }

  .c-pt-90 {
    padding-top: 60px
  }

  .c-pb-90 {
    padding-bottom: 60px
  }

  .c-pt-100 {
    padding-top: 60px
  }

  .c-pb-100 {
    padding-bottom: 60px
  }

  .c-pt-110 {
    padding-top: 60px
  }

  .c-pb-110 {
    padding-bottom: 60px
  }

  .c-pt-120 {
    padding-top: 60px
  }

  .c-pb-120 {
    padding-bottom: 60px
  }

  .c-mb-60 {
    margin-bottom: 50px
  }

  .c-mb-70,
  .c-mb-80,
  .c-mb-90,
  .c-mb-100,
  .c-mb-110,
  .c-mb-120,
  .c-mb-170 {
    margin-bottom: 60px
  }

  .row.c-gx-25 {
    --bs-gutter-x: 25px
  }

  .row.c-gx-27 {
    --bs-gutter-x: 27px
  }

  .row.c-gx-50,
  .row.c-gx-55 {
    --bs-gutter-x: 30px
  }

  .row.c-gx-70 {
    --bs-gutter-x: 40px
  }

  .row.c-gx-110 {
    --bs-gutter-x: 50px
  }
}

@media (max-width:1200px) {
  .c-pt-60 {
    padding-top: 50px
  }

  .c-pb-60 {
    padding-bottom: 50px
  }

  .c-pt-70 {
    padding-top: 50px
  }

  .c-pb-70 {
    padding-bottom: 50px
  }

  .c-pt-80 {
    padding-top: 50px
  }

  .c-pb-80 {
    padding-bottom: 50px
  }

  .c-pt-90 {
    padding-top: 50px
  }

  .c-pb-90 {
    padding-bottom: 50px
  }

  .c-pt-100 {
    padding-top: 50px
  }

  .c-pb-100 {
    padding-bottom: 50px
  }

  .c-pt-110 {
    padding-top: 50px
  }

  .c-pb-110 {
    padding-bottom: 50px
  }

  .c-pt-120 {
    padding-top: 50px
  }

  .c-pb-120 {
    padding-bottom: 50px
  }

  .c-mb-60,
  .c-mb-70,
  .c-mb-80,
  .c-mb-90,
  .c-mb-100,
  .c-mb-110,
  .c-mb-120,
  .c-mb-170 {
    margin-bottom: 50px
  }

  .row.c-gx-25 {
    --bs-gutter-x: 25px
  }

  .row.c-gx-27 {
    --bs-gutter-x: 27px
  }

  .row.c-gx-50,
  .row.c-gx-55,
  .row.c-gx-70,
  .row.c-gx-110 {
    --bs-gutter-x: 30px
  }
}

@media (max-width:991px) {
  .c-pt-60 {
    padding-top: 40px
  }

  .c-pb-60 {
    padding-bottom: 40px
  }

  .c-pt-70 {
    padding-top: 40px
  }

  .c-pb-70 {
    padding-bottom: 40px
  }

  .c-pt-80 {
    padding-top: 40px
  }

  .c-pb-80 {
    padding-bottom: 40px
  }

  .c-pt-90 {
    padding-top: 40px
  }

  .c-pb-90 {
    padding-bottom: 40px
  }

  .c-pt-100 {
    padding-top: 40px
  }

  .c-pb-100 {
    padding-bottom: 40px
  }

  .c-pt-110 {
    padding-top: 40px
  }

  .c-pb-110 {
    padding-bottom: 40px
  }

  .c-pt-120 {
    padding-top: 40px
  }

  .c-pb-120 {
    padding-bottom: 40px
  }

  .c-mb-60,
  .c-mb-70,
  .c-mb-80,
  .c-mb-90,
  .c-mb-100,
  .c-mb-110,
  .c-mb-120,
  .c-mb-170 {
    margin-bottom: 40px
  }

  .row.c-gx-25,
  .row.c-gx-27,
  .row.c-gx-50,
  .row.c-gx-55,
  .row.c-gx-70,
  .row.c-gx-110 {
    --bs-gutter-x: 20px
  }
}

@media (max-width:767px) {
  .c-pt-60 {
    padding-top: 30px
  }

  .c-pb-60 {
    padding-bottom: 30px
  }

  .c-pt-70 {
    padding-top: 30px
  }

  .c-pb-70 {
    padding-bottom: 30px
  }

  .c-pt-80 {
    padding-top: 30px
  }

  .c-pb-80 {
    padding-bottom: 30px
  }

  .c-pt-90 {
    padding-top: 30px
  }

  .c-pb-90 {
    padding-bottom: 30px
  }

  .c-pt-100 {
    padding-top: 30px
  }

  .c-pb-100 {
    padding-bottom: 30px
  }

  .c-pt-110 {
    padding-top: 30px
  }

  .c-pb-110 {
    padding-bottom: 30px
  }

  .c-pt-120 {
    padding-top: 30px
  }

  .c-pb-120 {
    padding-bottom: 30px
  }

  .c-mb-60,
  .c-mb-70,
  .c-mb-80,
  .c-mb-90,
  .c-mb-100,
  .c-mb-110,
  .c-mb-120,
  .c-mb-170 {
    margin-bottom: 30px
  }

  .row.c-gx-25,
  .row.c-gx-27,
  .row.c-gx-50,
  .row.c-gx-55,
  .row.c-gx-70,
  .row.c-gx-110 {
    --bs-gutter-x: 15px
  }
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

:root {
  --brand-orange: #F08200;
  --icon-orange-filter: brightness(0) saturate(100%) invert(53%) sepia(99%) saturate(427%) hue-rotate(353deg) brightness(102%) contrast(101%)
}

body.nav-open {
  position: relative;
  height: 100%
}

.bg-sky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  z-index: 1000
}

.bg-sky.orange-theme .nav-links a.icon-text {
  color: var(--brand-orange)
}

.bg-sky.orange-theme .nav-links a.icon-text .img-text {
  filter: var(--icon-orange-filter)
}

.bg-sky.orange-theme .nav-links a:hover {
  color: var(--brand-orange) !important
}

.bg-sky.orange-theme .nav-links a:hover .img-text-white,
.bg-sky.orange-theme .nav-links a:hover .img-text-black {
  filter: var(--icon-orange-filter) !important
}

.bg-sky .bg-navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  position: relative;
  max-width: 1600px;
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box
}

.bg-sky .logo {
  z-index: 1001;
  flex-shrink: 0;
  margin-right: 20px;
  cursor: pointer
}

.bg-sky .logo img {
  width: 100%;
  height: auto;
  display: block;
  max-width: 150px;
  transition: opacity .3s ease
}

.bg-sky .mobile-menu-btn {
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  z-index: 1001;
  display: block;
  color: inherit;
  transition: color .3s ease
}

.bg-sky .nav-links {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #000000f2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  transform: translate(-100%);
  z-index: 1000;
  overflow-y: auto
}

.bg-sky .nav-links.active {
  transform: translate(0);
  color: var(--brand-orange)
}

.bg-sky .nav-links.scrolled {
  background: #fffffffa
}

.bg-sky .nav-links.scrolled a {
  color: #000 !important
}

.bg-sky .nav-links.scrolled .img-text-white {
  filter: brightness(0) !important;
  transition: filter .3s ease
}

.bg-sky .nav-links.scrolled .img-text-white:hover {
  color: var(--brand-orange) !important
}

.bg-sky .nav-links.scrolled .img-text-white:hover .img-text-white,
.bg-sky .nav-links.scrolled .img-text-white:hover .img-text-black {
  filter: var(--icon-orange-filter) !important
}

.bg-sky .nav-links.scrolled .dropdown-container .dropdown-arrow {
  font-size: 12px;
  margin-left: 1px
}
.bg-sky .nav-links a {
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  font-size: 18px;
  padding: 10px 0;
  width: 100%;
  text-align: center;
  transition: all .3s ease
}
.bg-sky .nav-links .on {
  color: var(--brand-orange) !important
}

.bg-sky .nav-links a.icon-text {
  display: flex;
  align-items: center;
  justify-content: center
}

.bg-sky .nav-links a.icon-text .store-text {
  color: var(--brand-orange);
  text-shadow: 0 0 5px rgba(240, 130, 0, .3);
  margin-left: 8px
}

.bg-sky .nav-links a .img-text-white {
  filter: brightness(0) invert(1);
  transition: filter .3s ease
}

.bg-sky .nav-links a .img-text-black {
  filter: brightness(0);
  transition: filter .3s ease
}

.bg-sky .nav-links a:hover {
  color: var(--brand-orange) !important
}

.bg-sky .nav-links a:hover .img-text-white,
.bg-sky .nav-links a:hover .img-text-black {
  filter: var(--icon-orange-filter) !important
}

.bg-sky .nav-links .dropdown-container .dropdown-arrow {
  font-size: 12px;
  margin-left: 1px
}

.bg-sky .nav-links .dropdown-container .dropdown-menu {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
  transform: translateY(0)
}

.bg-sky .nav-links .dropdown-container .dropdown-menu a {
  font-weight: normal;
  flex: 1;
  padding: 10px 30px;
  text-decoration: none;
  white-space: nowrap;
  transition: all .3s ease
}

.bg-sky .nav-links .dropdown-container .dropdown-menu a:hover {
  color: var(--brand-orange) !important
}

.bg-sky .img-text {
  width: 24px;
  height: 24px;
  margin-right: 10px
}

.bg-sky.scrolled .navbar,
.bg-sky.fixed-color .navbar {
  background: #fff;
  color: #000
}

.bg-sky.scrolled .nav-links,
.bg-sky.fixed-color .nav-links {
  background: #fffffffa
}

/* .bg-sky.scrolled .nav-links a,
.bg-sky.fixed-color .nav-links a {
  color: #000 !important
} */

.bg-sky.scrolled .nav-links a:hover .img-text-white,
.bg-sky.scrolled .nav-links a:hover .img-text-black,
.bg-sky.fixed-color .nav-links a:hover .img-text-white,
.bg-sky.fixed-color .nav-links a:hover .img-text-black {
  filter: var(--icon-orange-filter) !important
}

.bg-sky.dark .navbar {
  /* background: transparent; */
  /* color: #fff; */
  background-color: #fff;
  color: #000;
}

.bg-sky.dark .nav-links a,
.bg-sky.dark .mobile-menu-btn {
  color: #fff
}

@media (min-width: 1320px) {
  .bg-sky .bg-navbar {
    padding: 30px 5%
  }

  .bg-sky .logo {
    margin: 0;
    width: auto
  }

  .bg-sky .mobile-menu-btn {
    display: none
  }

  .bg-sky .nav-links {
    position: static;
    height: auto;
    flex-direction: row;
    background: transparent;
    transform: none;
    gap: 20px;
    justify-content: flex-end;
    flex-wrap: wrap;
    width: auto;
    flex: 1;
    min-width: 0
  }

  .bg-sky .nav-links .bed-icon {
    width: 24px;
    height: 24px;
    margin-right: 8px
  }

  .bg-sky .nav-links a {
    font-size: 16px;
    padding: 8px 12px;
    width: auto;
    color: inherit !important;
    white-space: nowrap
  }

  .bg-sky .nav-links a .img-text-white,
  .bg-sky .nav-links a .img-text-black {
    margin-right: 12px
  }

  .bg-sky .nav-links a:hover {
    color: var(--brand-orange) !important
  }

  .bg-sky .nav-links a:hover .img-text-white,
  .bg-sky .nav-links a:hover .img-text-black {
    filter: var(--icon-orange-filter) !important
  }

  .bg-sky .nav-links .dropdown-container .dropdown-arrow {
    font-size: 12px;
    margin-left: 1px
  }

  .bg-sky .nav-links .dropdown-container .dropdown-menu {
    position: absolute;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    margin-top: 10px;
    transform: translateY(0);
    box-shadow: 0 10px 25px #00000026;
    border-radius: 8px
  }

  .bg-sky .nav-links .dropdown-container .dropdown-menu a {
    flex: 1;
    color: #000 !important;
    padding: 10px 30px;
    text-decoration: none;
    white-space: nowrap;
    transition: all .3s ease;
    font-size: 15px
  }

  .bg-sky .nav-links .dropdown-container .dropdown-menu a:hover {
    color: var(--brand-orange) !important
  }

  .bg-sky .img-text {
    width: 20px;
    height: 20px;
    margin-right: 8px
  }
}

#footer {
  background: #f08200 linear-gradient(180deg, #fff, #f08200);
  color: #585858
}

#footer .footer-container {
  background: left bottom no-repeat;
  background-image: url(/img/footer-bg-6ZPiWDXW.png);
  background-size: 100% auto;
  padding-top: 130px;
  padding-bottom: 50px
}

#footer .footer-main {
  margin-bottom: 85px
}

#footer .footer-logo {
  margin-bottom: 90px
}

#footer .footer-logo img {
  width: 218px
}

#footer .footer-contact__title {
  color: #000;
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 34px
}

#footer .footer-contact__list img {
  width: 38px;
  height: 38px
}

#footer .footer-contact__list .footer-contact__item {
  margin-right: 16px;
  transition: linear .2s opacity;
  cursor: pointer
}

#footer .footer-contact__list .footer-contact__item:hover {
  opacity: .4
}

#footer .footer-nav__title {
  color: #f08200;
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 16px
}

#footer .footer-nav__list a {
  color: #585858;
  font-size: 14px;
  font-weight: 400;
  transition: linear .2s color
}

#footer .footer-nav__list a:hover {
  color: #f08200
}

#footer .footer-nav__item {
  margin-bottom: 16px
}

#footer .footer-bottom__left {
  color: #0a0a0a;
  font-size: 16px;
  font-weight: 400
}

#footer .footer-bottom__right {
  color: #000;
  font-size: 16px;
  font-weight: 400
}

#footer .footer-bottom__right a:not(:first-child) {
  margin-left: 10px
}

#footer .footer-bottom__right a:hover {
  text-decoration: underline
}

#right-buttons {
  position: fixed;
  bottom: 20%;
  right: 60px;
  z-index: 888
}

#right-buttons .right-buttons__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 12px;
  border-radius: 8px;
  background: #f5f5f5;
  margin-bottom: 12px;
  color: #000;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  transition: linear .2s opacity
}

#right-buttons .right-buttons__item:hover {
  opacity: .6
}

#right-buttons .right-buttons__item.is-active {
  background: #f08200;
  color: #fff
}

#right-buttons .right-buttons__item.is-active path {
  stroke: #fff
}

#right-buttons .right-buttons__item-icon {
  width: 24px;
  height: 24px;
  margin-bottom: 3px
}

#right-buttons .right-buttons__item-name {
  font-size: 12px;
  font-weight: 400
}

#right-buttons .right-buttons__bottom {
  display: flex;
  justify-content: space-between
}

#right-buttons .right-buttons__bottom img {
  width: 22px;
  height: 22px
}

#right-buttons .right-buttons__bottom div {
  cursor: pointer;
  transition: linear .2s opacity
}

#right-buttons .right-buttons__bottom div:hover {
  opacity: .6
}

.search-form {
  position: relative;
  width: 100%;
  max-width: 1220px;
  padding-right: 110px;
  height: 64px;
  background: #fff;
  z-index: 10;
  box-shadow: 0 4px 50px #00000026
}

.search-form .search-form__input {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 32px;
  font-size: 24px;
  color: #9a9a9a
}

.search-form .search-form__input::-webkit-input-placeholder {
  color: #9a9a9a
}

.search-form .search-form__submit {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  width: 110px;
  height: 100%;
  background: #f08200;
  transition: linear .2s opacity;
  cursor: pointer
}

.search-form .search-form__submit svg {
  width: 20px;
  height: 20px
}

.search-form .search-form__submit:hover {
  opacity: .8
}

#search-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0006;
  -webkit-backdrop-filter: blur(10.8500003815px);
  backdrop-filter: blur(10.8500003815px);
  padding: 0 15px
}

@media (max-width: 991px) {
  #footer .footer-logo {
    margin-bottom: 30px
  }

  #footer .footer-logo img {
    width: 120px
  }

  #footer .footer-contact__title {
    margin-bottom: 10px
  }

  #footer .footer-bottom__left,
  #footer .footer-bottom__right {
    font-size: 14px
  }

  #footer .footer-container {
    padding-top: 60px
  }

  #footer .footer-main {
    margin-bottom: 30px
  }

  #right-buttons {
    right: 15px
  }

  .search-form {
    height: 50px;
    padding-right: 80px
  }

  .search-form .search-form__input {
    font-size: 16px;
    padding: 0 15px
  }

  .search-form .search-form__submit {
    width: 80px
  }
}

@media (max-width: 767px) {
  #footer .footer-contact {
    margin-bottom: 20px
  }

  #footer .footer-contact__title {
    font-size: 16px
  }

  #footer .footer-nav__title {
    font-size: 14px
  }

  #footer .footer-nav__list a {
    font-size: 12px
  }

  #footer .footer-bottom {
    flex-direction: column
  }

  #right-buttons {
    display: none
  }

  .search-form {
    height: 50px;
    padding-right: 60px
  }

  .search-form .search-form__input {
    font-size: 16px;
    padding: 0 15px
  }

  .search-form .search-form__submit {
    width: 60px
  }
}

blockquote,
body,
button,
dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

a:active,
a:hover {
  outline: 0
}

img {
  display: inline-block;
  border: none;
  vertical-align: middle
}

li {
  list-style: none
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700
}

h5,
h6,
button,
input,
select,
textarea {
  font-size: 100%
}

button,
input,
optgroup,
option,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  outline: 0
}

pre {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word
}

body {
  line-height: 1.6;
  color: #000000d9;
  font-size: 14px;
  /* font-family: "PingFang SC", "Microsoft YaHei", "SourceHanSansCN", "Montserrat", "Tahoma",
    "Arial", "sans-serif" */
}

hr {
  height: 0;
  line-height: 0;
  margin: 10px 0;
  padding: 0;
  border: none;
  border-bottom: 1px solid #eee;
  clear: both;
  overflow: hidden;
  background: 0 0
}

a {
  color: #333;
  text-decoration: none
}

a cite {
  font-style: normal
}

.layui-border-box,
.layui-border-box * {
  box-sizing: border-box
}

.layui-box,
.layui-box * {
  box-sizing: content-box
}

.layui-clear {
  clear: both
}

.layui-clear:after {
  content: " ";
  clear: both;
  display: block;
  height: 0
}

.layui-clear-space {
  word-spacing: -5px
}

.layui-inline {
  position: relative;
  display: inline-block;
  vertical-align: middle
}

.layui-edge {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
  border-width: 6px;
  border-style: dashed;
  border-color: transparent;
  overflow: hidden
}

.layui-edge-top {
  top: -4px;
  border-bottom-color: #999;
  border-bottom-style: solid
}

.layui-edge-right {
  border-left-color: #999;
  border-left-style: solid
}

.layui-edge-bottom {
  top: 2px;
  border-top-color: #999;
  border-top-style: solid
}

.layui-edge-left {
  border-right-color: #999;
  border-right-style: solid
}

.layui-elip,
.layui-ellip {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap
}

.layui-disabled,
.layui-icon,
.layui-unselect {
  -webkit-user-select: none;
  user-select: none
}

.layui-disabled,
.layui-disabled:hover {
  color: #d2d2d2 !important;
  cursor: not-allowed !important
}

.layui-circle {
  border-radius: 100%
}

.layui-show {
  display: block !important
}

.layui-hide {
  display: none !important
}

.layui-show-v {
  visibility: visible !important
}

.layui-hide-v {
  visibility: hidden !important
}

@font-face {
  font-family: layui-icon;
  src: url(/fonts/iconfont-DjOVWNm8.eot?v=293);
  src: url(/fonts/iconfont-DjOVWNm8.eot?v=293#iefix) format("embedded-opentype"), url(/fonts/iconfont-BGWMLnIg.woff2?v=293) format("woff2"), url(/fonts/iconfont-BIHqOYt0.woff?v=293) format("woff"), url(/fonts/iconfont-BpGFQ8W_.ttf?v=293) format("truetype"), url(/img/iconfont-DJ3VZv_4.svg?v=293#layui-icon) format("svg")
}

.layui-icon {
  font-family: layui-icon !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.layui-icon-sound:before {
  content: ""
}

.layui-icon-bot:before {
  content: ""
}

.layui-icon-leaf:before {
  content: ""
}

.layui-icon-folder:before {
  content: ""
}

.layui-icon-folder-open:before {
  content: ""
}

.layui-icon-gitee:before {
  content: ""
}

.layui-icon-github:before {
  content: ""
}

.layui-icon-disabled:before {
  content: ""
}

.layui-icon-moon:before {
  content: ""
}

.layui-icon-error:before {
  content: ""
}

.layui-icon-success:before {
  content: ""
}

.layui-icon-question:before {
  content: ""
}

.layui-icon-lock:before {
  content: ""
}

.layui-icon-eye:before {
  content: ""
}

.layui-icon-eye-invisible:before {
  content: ""
}

.layui-icon-backspace:before {
  content: ""
}

.layui-icon-tips-fill:before {
  content: ""
}

.layui-icon-test:before {
  content: ""
}

.layui-icon-clear:before {
  content: ""
}

.layui-icon-heart-fill:before {
  content: ""
}

.layui-icon-light:before {
  content: ""
}

.layui-icon-music:before {
  content: ""
}

.layui-icon-time:before {
  content: ""
}

.layui-icon-ie:before {
  content: ""
}

.layui-icon-firefox:before {
  content: ""
}

.layui-icon-at:before {
  content: ""
}

.layui-icon-bluetooth:before {
  content: ""
}

.layui-icon-chrome:before {
  content: ""
}

.layui-icon-edge:before {
  content: ""
}

.layui-icon-heart:before {
  content: ""
}

.layui-icon-key:before {
  content: ""
}

.layui-icon-android:before {
  content: ""
}

.layui-icon-mike:before {
  content: ""
}

.layui-icon-mute:before {
  content: ""
}

.layui-icon-gift:before {
  content: ""
}

.layui-icon-windows:before {
  content: ""
}

.layui-icon-ios:before {
  content: ""
}

.layui-icon-logout:before {
  content: ""
}

.layui-icon-wifi:before {
  content: ""
}

.layui-icon-rss:before {
  content: ""
}

.layui-icon-email:before {
  content: ""
}

.layui-icon-reduce-circle:before {
  content: ""
}

.layui-icon-transfer:before {
  content: ""
}

.layui-icon-service:before {
  content: ""
}

.layui-icon-addition:before {
  content: ""
}

.layui-icon-subtraction:before {
  content: ""
}

.layui-icon-slider:before {
  content: ""
}

.layui-icon-print:before {
  content: ""
}

.layui-icon-export:before {
  content: ""
}

.layui-icon-cols:before {
  content: ""
}

.layui-icon-screen-full:before {
  content: ""
}

.layui-icon-screen-restore:before {
  content: ""
}

.layui-icon-rate-half:before {
  content: ""
}

.layui-icon-rate-solid:before {
  content: ""
}

.layui-icon-rate:before {
  content: ""
}

.layui-icon-cellphone:before {
  content: ""
}

.layui-icon-vercode:before {
  content: ""
}

.layui-icon-login-weibo:before {
  content: ""
}

.layui-icon-login-qq:before {
  content: ""
}

.layui-icon-login-wechat:before {
  content: ""
}

.layui-icon-username:before {
  content: ""
}

.layui-icon-password:before {
  content: ""
}

.layui-icon-refresh-3:before {
  content: ""
}

.layui-icon-auz:before {
  content: ""
}

.layui-icon-shrink-right:before {
  content: ""
}

.layui-icon-spread-left:before {
  content: ""
}

.layui-icon-snowflake:before {
  content: ""
}

.layui-icon-tips:before {
  content: ""
}

.layui-icon-note:before {
  content: ""
}

.layui-icon-senior:before {
  content: ""
}

.layui-icon-refresh-1:before {
  content: ""
}

.layui-icon-refresh:before {
  content: ""
}

.layui-icon-flag:before {
  content: ""
}

.layui-icon-theme:before {
  content: ""
}

.layui-icon-notice:before {
  content: ""
}

.layui-icon-console:before {
  content: ""
}

.layui-icon-website:before {
  content: ""
}

.layui-icon-face-surprised:before {
  content: ""
}

.layui-icon-set:before {
  content: ""
}

.layui-icon-template:before {
  content: ""
}

.layui-icon-app:before {
  content: ""
}

.layui-icon-template-1:before {
  content: ""
}

.layui-icon-home:before {
  content: ""
}

.layui-icon-female:before {
  content: ""
}

.layui-icon-male:before {
  content: ""
}

.layui-icon-tread:before {
  content: ""
}

.layui-icon-praise:before {
  content: ""
}

.layui-icon-rmb:before {
  content: ""
}

.layui-icon-more:before {
  content: ""
}

.layui-icon-camera:before {
  content: ""
}

.layui-icon-cart-simple:before {
  content: ""
}

.layui-icon-face-cry:before {
  content: ""
}

.layui-icon-face-smile:before {
  content: ""
}

.layui-icon-survey:before {
  content: ""
}

.layui-icon-read:before {
  content: ""
}

.layui-icon-location:before {
  content: ""
}

.layui-icon-dollar:before {
  content: ""
}

.layui-icon-diamond:before {
  content: ""
}

.layui-icon-return:before {
  content: ""
}

.layui-icon-camera-fill:before {
  content: ""
}

.layui-icon-fire:before {
  content: ""
}

.layui-icon-more-vertical:before {
  content: ""
}

.layui-icon-cart:before {
  content: ""
}

.layui-icon-star-fill:before {
  content: ""
}

.layui-icon-prev:before {
  content: ""
}

.layui-icon-next:before {
  content: ""
}

.layui-icon-upload:before {
  content: ""
}

.layui-icon-upload-drag:before {
  content: ""
}

.layui-icon-user:before {
  content: ""
}

.layui-icon-file-b:before {
  content: ""
}

.layui-icon-component:before {
  content: ""
}

.layui-icon-find-fill:before {
  content: ""
}

.layui-icon-loading:before {
  content: ""
}

.layui-icon-loading-1:before {
  content: ""
}

.layui-icon-add-1:before {
  content: ""
}

.layui-icon-pause:before {
  content: ""
}

.layui-icon-play:before {
  content: ""
}

.layui-icon-video:before {
  content: ""
}

.layui-icon-headset:before {
  content: ""
}

.layui-icon-voice:before {
  content: ""
}

.layui-icon-speaker:before {
  content: ""
}

.layui-icon-fonts-del:before {
  content: ""
}

.layui-icon-fonts-html:before {
  content: ""
}

.layui-icon-fonts-code:before {
  content: ""
}

.layui-icon-fonts-strong:before {
  content: ""
}

.layui-icon-unlink:before {
  content: ""
}

.layui-icon-picture:before {
  content: ""
}

.layui-icon-link:before {
  content: ""
}

.layui-icon-face-smile-b:before {
  content: ""
}

.layui-icon-align-center:before {
  content: ""
}

.layui-icon-align-right:before {
  content: ""
}

.layui-icon-align-left:before {
  content: ""
}

.layui-icon-fonts-u:before {
  content: ""
}

.layui-icon-fonts-i:before {
  content: ""
}

.layui-icon-tabs:before {
  content: ""
}

.layui-icon-circle:before {
  content: ""
}

.layui-icon-radio:before {
  content: ""
}

.layui-icon-share:before {
  content: ""
}

.layui-icon-edit:before {
  content: ""
}

.layui-icon-delete:before {
  content: ""
}

.layui-icon-engine:before {
  content: ""
}

.layui-icon-chart-screen:before {
  content: ""
}

.layui-icon-chart:before {
  content: ""
}

.layui-icon-table:before {
  content: ""
}

.layui-icon-tree:before {
  content: ""
}

.layui-icon-upload-circle:before {
  content: ""
}

.layui-icon-templeate-1:before {
  content: ""
}

.layui-icon-util:before {
  content: ""
}

.layui-icon-layouts:before {
  content: ""
}

.layui-icon-prev-circle:before {
  content: ""
}

.layui-icon-carousel:before {
  content: ""
}

.layui-icon-code-circle:before {
  content: ""
}

.layui-icon-water:before {
  content: ""
}

.layui-icon-date:before {
  content: ""
}

.layui-icon-layer:before {
  content: ""
}

.layui-icon-fonts-clear:before {
  content: ""
}

.layui-icon-dialogue:before {
  content: ""
}

.layui-icon-cellphone-fine:before {
  content: ""
}

.layui-icon-form:before {
  content: ""
}

.layui-icon-file:before {
  content: ""
}

.layui-icon-triangle-r:before {
  content: ""
}

.layui-icon-triangle-d:before {
  content: ""
}

.layui-icon-set-sm:before {
  content: ""
}

.layui-icon-add-circle:before {
  content: ""
}

.layui-icon-layim-download:before {
  content: ""
}

.layui-icon-layim-uploadfile:before {
  content: ""
}

.layui-icon-404:before {
  content: ""
}

.layui-icon-about:before {
  content: ""
}

.layui-icon-layim-theme:before {
  content: ""
}

.layui-icon-down:before {
  content: ""
}

.layui-icon-up:before {
  content: ""
}

.layui-icon-circle-dot:before {
  content: ""
}

.layui-icon-set-fill:before {
  content: ""
}

.layui-icon-search:before {
  content: ""
}

.layui-icon-friends:before {
  content: ""
}

.layui-icon-group:before {
  content: ""
}

.layui-icon-reply-fill:before {
  content: ""
}

.layui-icon-menu-fill:before {
  content: ""
}

.layui-icon-face-smile-fine:before {
  content: ""
}

.layui-icon-picture-fine:before {
  content: ""
}

.layui-icon-log:before {
  content: ""
}

.layui-icon-list:before {
  content: ""
}

.layui-icon-release:before {
  content: ""
}

.layui-icon-add-circle-fine:before {
  content: ""
}

.layui-icon-ok:before {
  content: ""
}

.layui-icon-help:before {
  content: ""
}

.layui-icon-chat:before {
  content: ""
}

.layui-icon-top:before {
  content: ""
}

.layui-icon-right:before {
  content: ""
}

.layui-icon-left:before {
  content: ""
}

.layui-icon-star:before {
  content: ""
}

.layui-icon-download-circle:before {
  content: ""
}

.layui-icon-close:before {
  content: "ဆ"
}

.layui-icon-close-fill:before {
  content: "ဇ"
}

.layui-icon-ok-circle:before {
  content: "စ"
}

.layui-main {
  position: relative;
  width: 1160px;
  margin: 0 auto
}

.layui-header {
  position: relative;
  z-index: 1000;
  height: 60px
}

.layui-header a:hover {
  transition: all .5s;
  -webkit-transition: all .5s
}

.layui-side {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 999;
  width: 200px;
  overflow-x: hidden
}

.layui-side-scroll {
  position: relative;
  width: 220px;
  height: 100%;
  overflow-x: hidden
}

.layui-body {
  position: relative;
  inset: 0 0 0 200px;
  width: auto;
  box-sizing: border-box
}

.layui-layout-body {
  overflow-x: hidden
}

.layui-layout-admin .layui-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #23292e
}

.layui-layout-admin .layui-side {
  top: 60px;
  width: 200px;
  overflow-x: hidden
}

.layui-layout-admin .layui-body {
  position: absolute;
  top: 60px;
  padding-bottom: 44px
}

.layui-layout-admin .layui-main {
  width: auto;
  margin: 0 15px
}

.layui-layout-admin .layui-footer {
  position: fixed;
  left: 200px;
  right: 0;
  bottom: 0;
  z-index: 990;
  height: 44px;
  line-height: 44px;
  padding: 0 15px;
  box-shadow: -1px 0 4px #0000001f;
  background-color: #fafafa
}

.layui-layout-admin .layui-logo {
  position: absolute;
  left: 0;
  top: 0;
  width: 200px;
  height: 100%;
  line-height: 60px;
  text-align: center;
  color: #f08200;
  font-size: 16px;
  box-shadow: 0 1px 2px #00000026
}

.layui-layout-admin .layui-header .layui-nav {
  background: 0 0
}

.layui-layout-left {
  position: absolute !important;
  left: 200px;
  top: 0
}

.layui-layout-right {
  position: absolute !important;
  right: 0;
  top: 0
}

.layui-container {
  position: relative;
  margin: 0 auto;
  box-sizing: border-box
}

.layui-fluid {
  position: relative;
  margin: 0 auto;
  padding: 0 15px
}

.layui-row:after,
.layui-row:before {
  content: "";
  display: block;
  clear: both
}

.layui-col-lg1,
.layui-col-lg10,
.layui-col-lg11,
.layui-col-lg12,
.layui-col-lg2,
.layui-col-lg3,
.layui-col-lg4,
.layui-col-lg5,
.layui-col-lg6,
.layui-col-lg7,
.layui-col-lg8,
.layui-col-lg9,
.layui-col-md1,
.layui-col-md10,
.layui-col-md11,
.layui-col-md12,
.layui-col-md2,
.layui-col-md3,
.layui-col-md4,
.layui-col-md5,
.layui-col-md6,
.layui-col-md7,
.layui-col-md8,
.layui-col-md9,
.layui-col-sm1,
.layui-col-sm10,
.layui-col-sm11,
.layui-col-sm12,
.layui-col-sm2,
.layui-col-sm3,
.layui-col-sm4,
.layui-col-sm5,
.layui-col-sm6,
.layui-col-sm7,
.layui-col-sm8,
.layui-col-sm9,
.layui-col-xl1,
.layui-col-xl10,
.layui-col-xl11,
.layui-col-xl12,
.layui-col-xl2,
.layui-col-xl3,
.layui-col-xl4,
.layui-col-xl5,
.layui-col-xl6,
.layui-col-xl7,
.layui-col-xl8,
.layui-col-xl9,
.layui-col-xs1,
.layui-col-xs10,
.layui-col-xs11,
.layui-col-xs12,
.layui-col-xs2,
.layui-col-xs3,
.layui-col-xs4,
.layui-col-xs5,
.layui-col-xs6,
.layui-col-xs7,
.layui-col-xs8,
.layui-col-xs9 {
  position: relative;
  display: block;
  box-sizing: border-box
}

.layui-col-xs1,
.layui-col-xs10,
.layui-col-xs11,
.layui-col-xs12,
.layui-col-xs2,
.layui-col-xs3,
.layui-col-xs4,
.layui-col-xs5,
.layui-col-xs6,
.layui-col-xs7,
.layui-col-xs8,
.layui-col-xs9 {
  float: left
}

.layui-col-xs1 {
  width: 8.33333333%
}

.layui-col-xs2 {
  width: 16.66666667%
}

.layui-col-xs3 {
  width: 25%
}

.layui-col-xs4 {
  width: 33.33333333%
}

.layui-col-xs5 {
  width: 41.66666667%
}

.layui-col-xs6 {
  width: 50%
}

.layui-col-xs7 {
  width: 58.33333333%
}

.layui-col-xs8 {
  width: 66.66666667%
}

.layui-col-xs9 {
  width: 75%
}

.layui-col-xs10 {
  width: 83.33333333%
}

.layui-col-xs11 {
  width: 91.66666667%
}

.layui-col-xs12 {
  width: 100%
}

.layui-col-xs-offset1 {
  margin-left: 8.33333333%
}

.layui-col-xs-offset2 {
  margin-left: 16.66666667%
}

.layui-col-xs-offset3 {
  margin-left: 25%
}

.layui-col-xs-offset4 {
  margin-left: 33.33333333%
}

.layui-col-xs-offset5 {
  margin-left: 41.66666667%
}

.layui-col-xs-offset6 {
  margin-left: 50%
}

.layui-col-xs-offset7 {
  margin-left: 58.33333333%
}

.layui-col-xs-offset8 {
  margin-left: 66.66666667%
}

.layui-col-xs-offset9 {
  margin-left: 75%
}

.layui-col-xs-offset10 {
  margin-left: 83.33333333%
}

.layui-col-xs-offset11 {
  margin-left: 91.66666667%
}

.layui-col-xs-offset12 {
  margin-left: 100%
}

@media screen and (max-width:767.98px) {
  .layui-container {
    padding: 0 15px
  }

  .layui-hide-xs {
    display: none !important
  }

  .layui-show-xs-block {
    display: block !important
  }

  .layui-show-xs-inline {
    display: inline !important
  }

  .layui-show-xs-inline-block {
    display: inline-block !important
  }
}

@media screen and (min-width:768px) {
  .layui-container {
    width: 720px
  }

  .layui-hide-sm {
    display: none !important
  }

  .layui-show-sm-block {
    display: block !important
  }

  .layui-show-sm-inline {
    display: inline !important
  }

  .layui-show-sm-inline-block {
    display: inline-block !important
  }

  .layui-col-sm1,
  .layui-col-sm10,
  .layui-col-sm11,
  .layui-col-sm12,
  .layui-col-sm2,
  .layui-col-sm3,
  .layui-col-sm4,
  .layui-col-sm5,
  .layui-col-sm6,
  .layui-col-sm7,
  .layui-col-sm8,
  .layui-col-sm9 {
    float: left
  }

  .layui-col-sm1 {
    width: 8.33333333%
  }

  .layui-col-sm2 {
    width: 16.66666667%
  }

  .layui-col-sm3 {
    width: 25%
  }

  .layui-col-sm4 {
    width: 33.33333333%
  }

  .layui-col-sm5 {
    width: 41.66666667%
  }

  .layui-col-sm6 {
    width: 50%
  }

  .layui-col-sm7 {
    width: 58.33333333%
  }

  .layui-col-sm8 {
    width: 66.66666667%
  }

  .layui-col-sm9 {
    width: 75%
  }

  .layui-col-sm10 {
    width: 83.33333333%
  }

  .layui-col-sm11 {
    width: 91.66666667%
  }

  .layui-col-sm12 {
    width: 100%
  }

  .layui-col-sm-offset1 {
    margin-left: 8.33333333%
  }

  .layui-col-sm-offset2 {
    margin-left: 16.66666667%
  }

  .layui-col-sm-offset3 {
    margin-left: 25%
  }

  .layui-col-sm-offset4 {
    margin-left: 33.33333333%
  }

  .layui-col-sm-offset5 {
    margin-left: 41.66666667%
  }

  .layui-col-sm-offset6 {
    margin-left: 50%
  }

  .layui-col-sm-offset7 {
    margin-left: 58.33333333%
  }

  .layui-col-sm-offset8 {
    margin-left: 66.66666667%
  }

  .layui-col-sm-offset9 {
    margin-left: 75%
  }

  .layui-col-sm-offset10 {
    margin-left: 83.33333333%
  }

  .layui-col-sm-offset11 {
    margin-left: 91.66666667%
  }

  .layui-col-sm-offset12 {
    margin-left: 100%
  }
}

@media screen and (min-width:992px) {
  .layui-container {
    width: 960px
  }

  .layui-hide-md {
    display: none !important
  }

  .layui-show-md-block {
    display: block !important
  }

  .layui-show-md-inline {
    display: inline !important
  }

  .layui-show-md-inline-block {
    display: inline-block !important
  }

  .layui-col-md1,
  .layui-col-md10,
  .layui-col-md11,
  .layui-col-md12,
  .layui-col-md2,
  .layui-col-md3,
  .layui-col-md4,
  .layui-col-md5,
  .layui-col-md6,
  .layui-col-md7,
  .layui-col-md8,
  .layui-col-md9 {
    float: left
  }

  .layui-col-md1 {
    width: 8.33333333%
  }

  .layui-col-md2 {
    width: 16.66666667%
  }

  .layui-col-md3 {
    width: 25%
  }

  .layui-col-md4 {
    width: 33.33333333%
  }

  .layui-col-md5 {
    width: 41.66666667%
  }

  .layui-col-md6 {
    width: 50%
  }

  .layui-col-md7 {
    width: 58.33333333%
  }

  .layui-col-md8 {
    width: 66.66666667%
  }

  .layui-col-md9 {
    width: 75%
  }

  .layui-col-md10 {
    width: 83.33333333%
  }

  .layui-col-md11 {
    width: 91.66666667%
  }

  .layui-col-md12 {
    width: 100%
  }

  .layui-col-md-offset1 {
    margin-left: 8.33333333%
  }

  .layui-col-md-offset2 {
    margin-left: 16.66666667%
  }

  .layui-col-md-offset3 {
    margin-left: 25%
  }

  .layui-col-md-offset4 {
    margin-left: 33.33333333%
  }

  .layui-col-md-offset5 {
    margin-left: 41.66666667%
  }

  .layui-col-md-offset6 {
    margin-left: 50%
  }

  .layui-col-md-offset7 {
    margin-left: 58.33333333%
  }

  .layui-col-md-offset8 {
    margin-left: 66.66666667%
  }

  .layui-col-md-offset9 {
    margin-left: 75%
  }

  .layui-col-md-offset10 {
    margin-left: 83.33333333%
  }

  .layui-col-md-offset11 {
    margin-left: 91.66666667%
  }

  .layui-col-md-offset12 {
    margin-left: 100%
  }
}

@media screen and (min-width:1200px) {
  .layui-container {
    width: 1150px
  }

  .layui-hide-lg {
    display: none !important
  }

  .layui-show-lg-block {
    display: block !important
  }

  .layui-show-lg-inline {
    display: inline !important
  }

  .layui-show-lg-inline-block {
    display: inline-block !important
  }

  .layui-col-lg1,
  .layui-col-lg10,
  .layui-col-lg11,
  .layui-col-lg12,
  .layui-col-lg2,
  .layui-col-lg3,
  .layui-col-lg4,
  .layui-col-lg5,
  .layui-col-lg6,
  .layui-col-lg7,
  .layui-col-lg8,
  .layui-col-lg9 {
    float: left
  }

  .layui-col-lg1 {
    width: 8.33333333%
  }

  .layui-col-lg2 {
    width: 16.66666667%
  }

  .layui-col-lg3 {
    width: 25%
  }

  .layui-col-lg4 {
    width: 33.33333333%
  }

  .layui-col-lg5 {
    width: 41.66666667%
  }

  .layui-col-lg6 {
    width: 50%
  }

  .layui-col-lg7 {
    width: 58.33333333%
  }

  .layui-col-lg8 {
    width: 66.66666667%
  }

  .layui-col-lg9 {
    width: 75%
  }

  .layui-col-lg10 {
    width: 83.33333333%
  }

  .layui-col-lg11 {
    width: 91.66666667%
  }

  .layui-col-lg12 {
    width: 100%
  }

  .layui-col-lg-offset1 {
    margin-left: 8.33333333%
  }

  .layui-col-lg-offset2 {
    margin-left: 16.66666667%
  }

  .layui-col-lg-offset3 {
    margin-left: 25%
  }

  .layui-col-lg-offset4 {
    margin-left: 33.33333333%
  }

  .layui-col-lg-offset5 {
    margin-left: 41.66666667%
  }

  .layui-col-lg-offset6 {
    margin-left: 50%
  }

  .layui-col-lg-offset7 {
    margin-left: 58.33333333%
  }

  .layui-col-lg-offset8 {
    margin-left: 66.66666667%
  }

  .layui-col-lg-offset9 {
    margin-left: 75%
  }

  .layui-col-lg-offset10 {
    margin-left: 83.33333333%
  }

  .layui-col-lg-offset11 {
    margin-left: 91.66666667%
  }

  .layui-col-lg-offset12 {
    margin-left: 100%
  }
}

@media screen and (min-width:1400px) {
  .layui-container {
    width: 1330px
  }

  .layui-hide-xl {
    display: none !important
  }

  .layui-show-xl-block {
    display: block !important
  }

  .layui-show-xl-inline {
    display: inline !important
  }

  .layui-show-xl-inline-block {
    display: inline-block !important
  }

  .layui-col-xl1,
  .layui-col-xl10,
  .layui-col-xl11,
  .layui-col-xl12,
  .layui-col-xl2,
  .layui-col-xl3,
  .layui-col-xl4,
  .layui-col-xl5,
  .layui-col-xl6,
  .layui-col-xl7,
  .layui-col-xl8,
  .layui-col-xl9 {
    float: left
  }

  .layui-col-xl1 {
    width: 8.33333333%
  }

  .layui-col-xl2 {
    width: 16.66666667%
  }

  .layui-col-xl3 {
    width: 25%
  }

  .layui-col-xl4 {
    width: 33.33333333%
  }

  .layui-col-xl5 {
    width: 41.66666667%
  }

  .layui-col-xl6 {
    width: 50%
  }

  .layui-col-xl7 {
    width: 58.33333333%
  }

  .layui-col-xl8 {
    width: 66.66666667%
  }

  .layui-col-xl9 {
    width: 75%
  }

  .layui-col-xl10 {
    width: 83.33333333%
  }

  .layui-col-xl11 {
    width: 91.66666667%
  }

  .layui-col-xl12 {
    width: 100%
  }

  .layui-col-xl-offset1 {
    margin-left: 8.33333333%
  }

  .layui-col-xl-offset2 {
    margin-left: 16.66666667%
  }

  .layui-col-xl-offset3 {
    margin-left: 25%
  }

  .layui-col-xl-offset4 {
    margin-left: 33.33333333%
  }

  .layui-col-xl-offset5 {
    margin-left: 41.66666667%
  }

  .layui-col-xl-offset6 {
    margin-left: 50%
  }

  .layui-col-xl-offset7 {
    margin-left: 58.33333333%
  }

  .layui-col-xl-offset8 {
    margin-left: 66.66666667%
  }

  .layui-col-xl-offset9 {
    margin-left: 75%
  }

  .layui-col-xl-offset10 {
    margin-left: 83.33333333%
  }

  .layui-col-xl-offset11 {
    margin-left: 91.66666667%
  }

  .layui-col-xl-offset12 {
    margin-left: 100%
  }
}

.layui-col-space1 {
  margin: -.5px
}

.layui-col-space1>* {
  padding: .5px
}

.layui-col-space2 {
  margin: -1px
}

.layui-col-space2>* {
  padding: 1px
}

.layui-col-space4 {
  margin: -2px
}

.layui-col-space4>* {
  padding: 2px
}

.layui-col-space5 {
  margin: -2.5px
}

.layui-col-space5>* {
  padding: 2.5px
}

.layui-col-space6 {
  margin: -3px
}

.layui-col-space6>* {
  padding: 3px
}

.layui-col-space8 {
  margin: -4px
}

.layui-col-space8>* {
  padding: 4px
}

.layui-col-space10 {
  margin: -5px
}

.layui-col-space10>* {
  padding: 5px
}

.layui-col-space12 {
  margin: -6px
}

.layui-col-space12>* {
  padding: 6px
}

.layui-col-space14 {
  margin: -7px
}

.layui-col-space14>* {
  padding: 7px
}

.layui-col-space15 {
  margin: -7.5px
}

.layui-col-space15>* {
  padding: 7.5px
}

.layui-col-space16 {
  margin: -8px
}

.layui-col-space16>* {
  padding: 8px
}

.layui-col-space18 {
  margin: -9px
}

.layui-col-space18>* {
  padding: 9px
}

.layui-col-space20 {
  margin: -10px
}

.layui-col-space20>* {
  padding: 10px
}

.layui-col-space22 {
  margin: -11px
}

.layui-col-space22>* {
  padding: 11px
}

.layui-col-space24 {
  margin: -12px
}

.layui-col-space24>* {
  padding: 12px
}

.layui-col-space25 {
  margin: -12.5px
}

.layui-col-space25>* {
  padding: 12.5px
}

.layui-col-space26 {
  margin: -13px
}

.layui-col-space26>* {
  padding: 13px
}

.layui-col-space28 {
  margin: -14px
}

.layui-col-space28>* {
  padding: 14px
}

.layui-col-space30 {
  margin: -15px
}

.layui-col-space30>* {
  padding: 15px
}

.layui-col-space32 {
  margin: -16px
}

.layui-col-space32>* {
  padding: 16px
}

.layui-padding-1 {
  padding: 4px !important
}

.layui-padding-2 {
  padding: 8px !important
}

.layui-padding-3 {
  padding: 16px !important
}

.layui-padding-4 {
  padding: 32px !important
}

.layui-padding-5 {
  padding: 48px !important
}

.layui-margin-1 {
  margin: 4px !important
}

.layui-margin-2 {
  margin: 8px !important
}

.layui-margin-3 {
  margin: 16px !important
}

.layui-margin-4 {
  margin: 32px !important
}

.layui-margin-5 {
  margin: 48px !important
}

.layui-btn,
.layui-input,
.layui-select,
.layui-textarea,
.layui-upload-button {
  outline: 0;
  appearance: none;
  -webkit-appearance: none;
  transition: all .3s;
  -webkit-transition: all .3s;
  box-sizing: border-box
}

.layui-elem-quote {
  margin-bottom: 10px;
  padding: 15px;
  line-height: 1.8;
  border-left: 5px solid #F08200;
  border-radius: 0 2px 2px 0;
  background-color: #fafafa
}

.layui-quote-nm {
  border-style: solid;
  border-width: 1px;
  border-left-width: 5px;
  background: 0 0
}

.layui-elem-field {
  margin-bottom: 10px;
  padding: 0;
  border-width: 1px;
  border-style: solid
}

.layui-elem-field legend {
  margin-left: 20px;
  padding: 0 10px;
  font-size: 20px
}

.layui-field-title {
  margin: 16px 0;
  border-width: 0;
  border-top-width: 1px
}

.layui-field-box {
  padding: 15px
}

.layui-field-title .layui-field-box {
  padding: 10px 0
}

.layui-progress {
  position: relative;
  height: 6px;
  border-radius: 20px;
  background-color: #eee
}

.layui-progress-bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  max-width: 100%;
  height: 6px;
  border-radius: 20px;
  text-align: right;
  background-color: #f08200;
  transition: all .3s;
  -webkit-transition: all .3s
}

.layui-progress-big,
.layui-progress-big .layui-progress-bar {
  height: 18px;
  line-height: 18px
}

.layui-progress-text {
  position: relative;
  top: -20px;
  line-height: 18px;
  font-size: 12px;
  color: #5f5f5f
}

.layui-progress-big .layui-progress-text {
  position: static;
  padding: 0 10px;
  color: #fff
}

.layui-collapse {
  border-width: 1px;
  border-style: solid;
  border-radius: 2px
}

.layui-colla-content,
.layui-colla-item {
  border-top-width: 1px;
  border-top-style: solid
}

.layui-colla-item:first-child {
  border-top: none
}

.layui-colla-title {
  position: relative;
  height: 42px;
  line-height: 42px;
  padding: 0 15px 0 35px;
  color: #333;
  background-color: #fafafa;
  cursor: pointer;
  font-size: 14px;
  overflow: hidden
}

.layui-colla-content {
  display: none;
  padding: 10px 15px;
  line-height: 1.6;
  color: #5f5f5f
}

.layui-colla-icon {
  position: absolute;
  left: 15px;
  top: 50%;
  margin-top: -7px;
  font-size: 14px;
  line-height: normal;
  transition: all .2s
}

.layui-colla-item.layui-show>.layui-colla-title .layui-colla-icon {
  transform: rotate(90deg)
}

.layui-colla-item.layui-show>.layui-colla-content {
  display: block
}

.layui-card {
  margin-bottom: 15px;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 1px 2px #0000000d
}

.layui-card:last-child {
  margin-bottom: 0
}

.layui-card-body,
.layui-card-header {
  position: relative;
  padding: 10px 15px
}

.layui-card-header {
  border-bottom: 1px solid #f8f8f8;
  color: #333;
  border-radius: 2px 2px 0 0;
  font-size: 14px
}

.layui-card-body .layui-table {
  margin: 5px 0
}

.layui-card .layui-tab {
  margin: 0
}

.layui-panel {
  position: relative;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  box-shadow: 1px 1px 4px #00000014;
  background-color: #fff;
  color: #5f5f5f
}

.layui-panel-window {
  position: relative;
  padding: 15px;
  border-radius: 0;
  border-top: 5px solid #eee;
  background-color: #fff
}

.layui-auxiliar-moving {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  background: 0 0;
  z-index: 9999999999;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.layui-scrollbar-hide {
  overflow: hidden !important
}

.layui-bg-red {
  background-color: #ff5722 !important;
  color: #fff !important
}

.layui-bg-orange {
  background-color: #ffb800 !important;
  color: #fff !important
}

.layui-bg-green {
  background-color: #f08200 !important;
  color: #fff !important
}

.layui-bg-cyan {
  background-color: #2f4056 !important;
  color: #fff !important
}

.layui-bg-blue {
  background-color: #1e9fff !important;
  color: #fff !important
}

.layui-bg-purple {
  background-color: #a233c6 !important;
  color: #fff !important
}

.layui-bg-black {
  background-color: #2f363c !important;
  color: #fff !important
}

.layui-bg-gray {
  background-color: #fafafa !important;
  color: #5f5f5f !important
}

.layui-badge-rim,
.layui-border,
.layui-colla-content,
.layui-colla-item,
.layui-collapse,
.layui-elem-field,
.layui-form-pane .layui-form-item[pane],
.layui-form-pane .layui-form-label,
.layui-input,
.layui-input-split,
.layui-panel,
.layui-quote-nm,
.layui-select,
.layui-tab-bar,
.layui-tab-card,
.layui-tab-title,
.layui-tab-title .layui-this:after,
.layui-textarea {
  border-color: #eee
}

.layui-border {
  border-width: 1px;
  border-style: solid;
  color: #5f5f5f !important
}

.layui-border-red {
  border-width: 1px;
  border-style: solid;
  border-color: #ff5722 !important;
  color: #ff5722 !important
}

.layui-border-orange {
  border-width: 1px;
  border-style: solid;
  border-color: #ffb800 !important;
  color: #ffb800 !important
}

.layui-border-green {
  border-width: 1px;
  border-style: solid;
  border-color: #f08200 !important;
  color: #f08200 !important
}

.layui-border-cyan {
  border-width: 1px;
  border-style: solid;
  border-color: #2f4056 !important;
  color: #2f4056 !important
}

.layui-border-blue {
  border-width: 1px;
  border-style: solid;
  border-color: #1e9fff !important;
  color: #1e9fff !important
}

.layui-border-purple {
  border-width: 1px;
  border-style: solid;
  border-color: #a233c6 !important;
  color: #a233c6 !important
}

.layui-border-black {
  border-width: 1px;
  border-style: solid;
  border-color: #2f363c !important;
  color: #2f363c !important
}

hr.layui-border-black,
hr.layui-border-blue,
hr.layui-border-cyan,
hr.layui-border-green,
hr.layui-border-orange,
hr.layui-border-purple,
hr.layui-border-red {
  border-width: 0 0 1px
}

.layui-timeline-item:before {
  background-color: #eee
}

.layui-text {
  line-height: 1.8;
  font-size: 14px
}

.layui-text h1 {
  margin: 32px 0;
  font-size: 32px
}

.layui-text h2 {
  margin: 24px 0;
  font-size: 24px
}

.layui-text h3 {
  margin: 16px 0;
  font-size: 18px
}

.layui-text h4 {
  margin: 11px 0;
  font-size: 16px
}

.layui-text h5 {
  margin: 11px 0;
  font-size: 14px
}

.layui-text h6 {
  margin: 11px 0;
  font-size: 13px
}

.layui-text p {
  margin: 15px 0
}

.layui-text p:first-child {
  margin-top: 0
}

.layui-text p:last-child {
  margin-bottom: 0
}

.layui-text hr {
  margin: 15px 0
}

.layui-text ol,
.layui-text ul {
  padding-left: 15px
}

.layui-text ul li {
  margin-top: 5px;
  list-style-type: disc
}

.layui-text ol li {
  margin-top: 5px;
  list-style-type: decimal
}

.layui-text ol ul>li,
.layui-text ul ul>li {
  list-style-type: disc
}

.layui-text ol li>p:first-child,
.layui-text ul li>p:first-child {
  margin-top: 0;
  margin-bottom: 0
}

.layui-text :where(a:not(.layui-btn)) {
  color: #01aaed
}

.layui-text :where(a:not(.layui-btn):hover) {
  text-decoration: underline
}

.layui-text blockquote:not(.layui-elem-quote) {
  margin: 15px 0;
  padding: 5px 15px;
  border-left: 5px solid #eee
}

.layui-text pre>code:not(.layui-code) {
  display: block;
  padding: 15px;
  font-family: Courier New, Consolas, Lucida Console, monospace
}

.layui-text-em,
.layui-word-aux {
  color: #999 !important;
  padding-left: 5px !important;
  padding-right: 5px !important
}

.layui-font-12 {
  font-size: 12px !important
}

.layui-font-13 {
  font-size: 13px !important
}

.layui-font-14 {
  font-size: 14px !important
}

.layui-font-16 {
  font-size: 16px !important
}

.layui-font-18 {
  font-size: 18px !important
}

.layui-font-20 {
  font-size: 20px !important
}

.layui-font-22 {
  font-size: 22px !important
}

.layui-font-24 {
  font-size: 24px !important
}

.layui-font-26 {
  font-size: 26px !important
}

.layui-font-28 {
  font-size: 28px !important
}

.layui-font-30 {
  font-size: 30px !important
}

.layui-font-32 {
  font-size: 32px !important
}

.layui-font-red {
  color: #ff5722 !important
}

.layui-font-orange {
  color: #ffb800 !important
}

.layui-font-green {
  color: #f08200 !important
}

.layui-font-cyan {
  color: #2f4056 !important
}

.layui-font-blue {
  color: #01aaed !important
}

.layui-font-purple {
  color: #a233c6 !important
}

.layui-font-black {
  color: #000 !important
}

.layui-font-gray {
  color: #c2c2c2 !important
}

.layui-btn {
  display: inline-block;
  vertical-align: middle;
  height: 38px;
  line-height: 38px;
  border: 1px solid transparent;
  padding: 0 18px;
  background-color: #f08200;
  color: #fff;
  white-space: nowrap;
  text-align: center;
  font-size: 14px;
  border-radius: 2px;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none
}

.layui-btn:hover {
  opacity: .8;
  filter: alpha(opacity=80);
  color: #fff
}

.layui-btn:active {
  opacity: 1;
  filter: alpha(opacity=100)
}

.layui-btn+.layui-btn {
  margin-left: 10px
}

.layui-btn-container {
  word-spacing: -5px
}

.layui-btn-container .layui-btn {
  margin-right: 10px;
  margin-bottom: 10px;
  word-spacing: normal
}

.layui-btn-container .layui-btn+.layui-btn {
  margin-left: 0
}

.layui-table .layui-btn-container .layui-btn {
  margin-bottom: 9px
}

.layui-btn-radius {
  border-radius: 100px
}

.layui-btn .layui-icon {
  padding: 0 2px;
  vertical-align: middle�;
  vertical-align: bottom
}

.layui-btn-primary {
  border-color: #d2d2d2;
  background: 0 0;
  color: #5f5f5f
}

.layui-btn-primary:hover {
  border-color: #f08200;
  color: #333
}

.layui-btn-normal {
  background-color: #1e9fff
}

.layui-btn-warm {
  background-color: #ffb800
}

.layui-btn-danger {
  background-color: #ff5722
}

.layui-btn-checked {
  background-color: #f08200
}

.layui-btn-disabled,
.layui-btn-disabled:active,
.layui-btn-disabled:hover {
  border-color: #eee !important;
  background-color: #fbfbfb !important;
  color: #d2d2d2 !important;
  cursor: not-allowed !important;
  opacity: 1
}

.layui-btn-lg {
  height: 44px;
  line-height: 44px;
  padding: 0 25px;
  font-size: 16px
}

.layui-btn-sm {
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  font-size: 12px
}

.layui-btn-xs {
  height: 22px;
  line-height: 22px;
  padding: 0 5px;
  font-size: 12px
}

.layui-btn-xs i {
  font-size: 12px !important
}

.layui-btn-group {
  display: inline-block;
  vertical-align: middle;
  font-size: 0
}

.layui-btn-group .layui-btn {
  margin-left: 0 !important;
  margin-right: 0 !important;
  border-left: 1px solid rgba(255, 255, 255, .5);
  border-radius: 0
}

.layui-btn-group .layui-btn-primary {
  border-left: none
}

.layui-btn-group .layui-btn-primary:hover {
  border-color: #d2d2d2;
  color: #f08200
}

.layui-btn-group .layui-btn:first-child {
  border-left: none;
  border-radius: 2px 0 0 2px
}

.layui-btn-group .layui-btn-primary:first-child {
  border-left: 1px solid #d2d2d2
}

.layui-btn-group .layui-btn:last-child {
  border-radius: 0 2px 2px 0
}

.layui-btn-group .layui-btn+.layui-btn {
  margin-left: 0
}

.layui-btn-group+.layui-btn-group {
  margin-left: 10px
}

.layui-btn-fluid {
  width: 100%
}

.layui-input,
.layui-select,
.layui-textarea {
  height: 38px;
  line-height: 1.3;
  line-height: 38px\	;
  border-width: 1px;
  border-style: solid;
  background-color: #fff;
  color: #000000d9;
  border-radius: 2px
}

.layui-input::-webkit-input-placeholder,
.layui-select::-webkit-input-placeholder,
.layui-textarea::-webkit-input-placeholder {
  line-height: 1.3
}

.layui-input,
.layui-textarea {
  display: block;
  width: 100%;
  padding-left: 10px
}

.layui-input:hover,
.layui-textarea:hover {
  border-color: #d2d2d2 !important
}

.layui-input:focus,
.layui-textarea:focus {
  border-color: #f08200 !important;
  box-shadow: 0 0 0 3px #f0820014
}

.layui-textarea {
  position: relative;
  min-height: 100px;
  height: auto;
  line-height: 20px;
  padding: 6px 10px;
  resize: vertical
}

.layui-input[disabled],
.layui-textarea[disabled] {
  background-color: #fafafa
}

.layui-select {
  padding: 0 10px
}

.layui-form input[type=checkbox],
.layui-form input[type=radio],
.layui-form select {
  display: none
}

.layui-form [lay-ignore] {
  display: initial
}

.layui-form-item {
  position: relative;
  margin-bottom: 15px;
  clear: both
}

.layui-form-item:after {
  content: " ";
  clear: both;
  display: block;
  height: 0
}

.layui-form-label {
  position: relative;
  float: left;
  display: block;
  padding: 9px 15px;
  width: 80px;
  font-weight: 400;
  line-height: 20px;
  text-align: right
}

.layui-form-label-col {
  display: block;
  float: none;
  padding: 9px 0;
  line-height: 20px;
  text-align: left
}

.layui-form-item .layui-inline {
  margin-bottom: 5px;
  margin-right: 10px
}

.layui-input-block,
.layui-input-inline {
  position: relative
}

.layui-input-block {
  margin-left: 110px;
  min-height: 36px
}

.layui-input-inline {
  display: inline-block;
  vertical-align: middle
}

.layui-form-item .layui-input-inline {
  float: left;
  width: 190px;
  margin-right: 10px
}

.layui-form-text .layui-input-inline {
  width: auto
}

.layui-form-mid {
  position: relative;
  float: left;
  display: block;
  padding: 9px 0 !important;
  line-height: 20px;
  margin-right: 10px
}

.layui-form-danger+.layui-form-select .layui-input,
.layui-form-danger:focus {
  border-color: #ff5722 !important;
  box-shadow: 0 0 0 3px #ff572214
}

.layui-input-prefix,
.layui-input-split,
.layui-input-suffix,
.layui-input-suffix .layui-input-affix {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0 10px;
  width: 35px;
  height: 100%;
  text-align: center;
  transition: all .3s;
  box-sizing: border-box
}

.layui-input-prefix {
  left: 0;
  border-radius: 2px 0 0 2px
}

.layui-input-suffix {
  right: 0;
  border-radius: 0 2px 2px 0
}

.layui-input-split {
  border-width: 1px;
  border-style: solid
}

.layui-input-prefix .layui-icon,
.layui-input-split .layui-icon,
.layui-input-suffix .layui-icon {
  position: relative;
  font-size: 16px;
  color: #5f5f5f;
  transition: all .3s
}

.layui-input-group {
  position: relative;
  display: table;
  box-sizing: border-box
}

.layui-input-group>* {
  display: table-cell;
  vertical-align: middle;
  position: relative
}

.layui-input-group .layui-input {
  padding-right: 15px
}

.layui-input-group>.layui-input-prefix {
  width: auto;
  border-right: 0
}

.layui-input-group>.layui-input-suffix {
  width: auto;
  border-left: 0
}

.layui-input-group .layui-input-split {
  white-space: nowrap
}

.layui-input-wrap {
  position: relative;
  line-height: 38px
}

.layui-input-wrap .layui-input {
  padding-right: 35px
}

.layui-input-wrap .layui-input::-ms-clear,
.layui-input-wrap .layui-input::-ms-reveal {
  display: none
}

.layui-input-wrap .layui-input-prefix+.layui-input,
.layui-input-wrap .layui-input-prefix~* .layui-input {
  padding-left: 35px
}

.layui-input-wrap .layui-input-split+.layui-input,
.layui-input-wrap .layui-input-split~* .layui-input {
  padding-left: 45px
}

.layui-input-wrap .layui-input-prefix~.layui-form-select {
  position: static
}

.layui-input-wrap .layui-input-prefix,
.layui-input-wrap .layui-input-split,
.layui-input-wrap .layui-input-suffix {
  pointer-events: none
}

.layui-input-wrap .layui-input:hover+.layui-input-split {
  border-color: #d2d2d2
}

.layui-input-wrap .layui-input:focus+.layui-input-split {
  border-color: #f08200
}

.layui-input-wrap .layui-input.layui-form-danger:focus+.layui-input-split {
  border-color: #ff5722
}

.layui-input-wrap .layui-input-prefix.layui-input-split {
  border-width: 0;
  border-right-width: 1px
}

.layui-input-wrap .layui-input-suffix.layui-input-split {
  border-width: 0;
  border-left-width: 1px
}

.layui-input-affix {
  line-height: 38px
}

.layui-input-suffix .layui-input-affix {
  right: auto;
  left: -35px
}

.layui-input-affix .layui-icon {
  color: #000c;
  pointer-events: auto !important;
  cursor: pointer
}

.layui-input-affix .layui-icon-clear {
  color: #0000004d
}

.layui-input-affix .layui-icon:hover {
  color: #0009
}

.layui-input-wrap .layui-input-number {
  width: 24px;
  padding: 0
}

.layui-input-wrap .layui-input-number .layui-icon {
  position: absolute;
  right: 0;
  width: 100%;
  height: 50%;
  line-height: normal;
  font-size: 12px
}

.layui-input-wrap .layui-input-number .layui-icon:before {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -6px;
  margin-left: -6px
}

.layui-input-wrap .layui-input-number .layui-icon-up {
  top: 0;
  border-bottom: 1px solid #eee
}

.layui-input-wrap .layui-input-number .layui-icon-down {
  bottom: 0
}

.layui-input-wrap .layui-input-number .layui-icon:hover {
  font-weight: 700
}

.layui-input-wrap .layui-input[type=number]::-webkit-inner-spin-button,
.layui-input-wrap .layui-input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none !important
}

.layui-input-wrap .layui-input[type=number] {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  appearance: textfield
}

.layui-input-wrap .layui-input.layui-input-number-invalid,
.layui-input-wrap .layui-input.layui-input-number-out-of-range {
  color: #ff5722
}

.layui-form-select {
  position: relative;
  color: #5f5f5f
}

.layui-form-select .layui-input {
  padding-right: 30px;
  cursor: pointer
}

.layui-form-select .layui-edge {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -3px;
  cursor: pointer;
  border-width: 6px;
  border-top-color: #c2c2c2;
  border-top-style: solid;
  transition: all .3s;
  -webkit-transition: all .3s
}

.layui-form-select dl {
  display: none;
  position: absolute;
  left: 0;
  top: 42px;
  padding: 5px 0;
  z-index: 899;
  min-width: 100%;
  border: 1px solid #eee;
  max-height: 300px;
  overflow-y: auto;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 1px 1px 4px #00000014;
  box-sizing: border-box
}

.layui-form-select dl dd,
.layui-form-select dl dt {
  padding: 0 10px;
  line-height: 36px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.layui-form-select dl dt {
  font-size: 12px;
  color: #999
}

.layui-form-select dl dd {
  cursor: pointer
}

.layui-form-select dl dd:hover {
  background-color: #f8f8f8;
  -webkit-transition: .5s all;
  transition: .5s all
}

.layui-form-select .layui-select-group dd {
  padding-left: 20px
}

.layui-form-select dl dd.layui-select-tips {
  padding-left: 10px !important;
  color: #999
}

.layui-form-select dl dd.layui-this {
  background-color: #f8f8f8;
  color: #f08200;
  font-weight: 700
}

.layui-form-select dl dd.layui-disabled {
  background-color: #fff
}

.layui-form-selected dl {
  display: block
}

.layui-form-selected .layui-edge {
  margin-top: -9px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.layui-form-selected .layui-edge {
  margin-top: -3px�
}

:root .layui-form-selected .layui-edge {
  margin-top: -9px�/IE9
}

.layui-form-selectup dl {
  top: auto;
  bottom: 42px
}

.layui-select-none {
  margin: 5px 0;
  text-align: center;
  color: #999
}

.layui-select-panel-wrap {
  position: absolute;
  z-index: 99999999
}

.layui-select-panel-wrap dl {
  position: relative;
  display: block;
  top: 0
}

.layui-select-disabled .layui-disabled {
  border-color: #eee !important
}

.layui-select-disabled .layui-edge {
  border-top-color: #d2d2d2
}

.layui-form-checkbox {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: 30px;
  line-height: 30px;
  margin-right: 10px;
  padding-right: 30px;
  background-color: #fff;
  cursor: pointer;
  font-size: 0;
  -webkit-transition: .1s linear;
  transition: .1s linear;
  box-sizing: border-box
}

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

.layui-form-checkbox>div {
  padding: 0 11px;
  font-size: 14px;
  border-radius: 2px 0 0 2px;
  background-color: #d2d2d2;
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.layui-form-checkbox>div>.layui-icon {
  line-height: normal
}

.layui-form-checkbox:hover>div {
  background-color: #c2c2c2
}

.layui-form-checkbox>i {
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 100%;
  border: 1px solid #d2d2d2;
  border-left: none;
  border-radius: 0 2px 2px 0;
  color: #fff;
  color: #fff0;
  font-size: 20px;
  text-align: center;
  box-sizing: border-box
}

.layui-form-checkbox:hover>i {
  border-color: #c2c2c2;
  color: #c2c2c2
}

.layui-form-checked,
.layui-form-checked:hover {
  border-color: #f08200
}

.layui-form-checked:hover>div,
.layui-form-checked>div {
  background-color: #f08200
}

.layui-form-checked:hover>i,
.layui-form-checked>i {
  color: #f08200
}

.layui-form-item .layui-form-checkbox {
  margin-top: 4px
}

.layui-form-checkbox.layui-checkbox-disabled>div {
  background-color: #eee !important
}

.layui-form [lay-checkbox] {
  display: none
}

.layui-form-checkbox[lay-skin=primary] {
  height: auto !important;
  line-height: normal !important;
  min-width: 18px;
  min-height: 18px;
  border: none !important;
  margin-right: 0;
  padding-left: 24px;
  padding-right: 0;
  background: 0 0
}

.layui-form-checkbox[lay-skin=primary]>div {
  margin-top: -1px;
  padding-left: 0;
  padding-right: 15px;
  line-height: 18px;
  background: 0 0;
  color: #5f5f5f
}

.layui-form-checkbox[lay-skin=primary]>i {
  right: auto;
  left: 0;
  width: 16px;
  height: 16px;
  line-height: 14px;
  border: 1px solid #d2d2d2;
  font-size: 12px;
  border-radius: 2px;
  background-color: #fff;
  -webkit-transition: .1s linear;
  transition: .1s linear
}

.layui-form-checkbox[lay-skin=primary]:hover>i {
  border-color: #f08200;
  color: #fff
}

.layui-form-checked[lay-skin=primary]>i {
  border-color: #f08200 !important;
  background-color: #f08200;
  color: #fff
}

.layui-checkbox-disabled[lay-skin=primary]>div {
  background: 0 0 !important
}

.layui-form-checked.layui-checkbox-disabled[lay-skin=primary]>i {
  background: #eee !important;
  border-color: #eee !important
}

.layui-checkbox-disabled[lay-skin=primary]:hover>i {
  border-color: #d2d2d2
}

.layui-form-item .layui-form-checkbox[lay-skin=primary] {
  margin-top: 10px
}

.layui-form-checkbox[lay-skin=primary]>.layui-icon-indeterminate {
  border-color: #f08200
}

.layui-form-checkbox[lay-skin=primary]>.layui-icon-indeterminate:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 50%;
  height: 1px;
  margin: -1px auto 0;
  background-color: #f08200
}

.layui-form-switch {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: 24px;
  line-height: 22px;
  min-width: 44px;
  padding: 0 5px;
  margin-top: 8px;
  border: 1px solid #d2d2d2;
  border-radius: 20px;
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  -webkit-transition: .1s linear;
  transition: .1s linear
}

.layui-form-switch>i {
  position: absolute;
  left: 5px;
  top: 3px;
  width: 16px;
  height: 16px;
  border-radius: 20px;
  background-color: #d2d2d2;
  -webkit-transition: .1s linear;
  transition: .1s linear
}

.layui-form-switch>div {
  position: relative;
  top: 0;
  margin-left: 21px;
  padding: 0 !important;
  text-align: center !important;
  color: #999 !important;
  font-style: normal !important;
  font-size: 12px
}

.layui-form-onswitch {
  border-color: #f08200;
  background-color: #f08200
}

.layui-form-onswitch>i {
  left: 100%;
  margin-left: -21px;
  background-color: #fff
}

.layui-form-onswitch>div {
  margin-left: 0;
  margin-right: 21px;
  color: #fff !important
}

.layui-form-checkbox[lay-skin=none] *,
.layui-form-radio[lay-skin=none] * {
  box-sizing: border-box
}

.layui-form-checkbox[lay-skin=none],
.layui-form-radio[lay-skin=none] {
  position: relative;
  min-height: 20px;
  margin: 0;
  padding: 0;
  height: auto;
  line-height: normal
}

.layui-form-checkbox[lay-skin=none]>div,
.layui-form-radio[lay-skin=none]>div {
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
  z-index: 10;
  color: inherit;
  background-color: inherit
}

.layui-form-checkbox[lay-skin=none]>i,
.layui-form-radio[lay-skin=none]>i {
  display: none
}

.layui-form-checkbox[lay-skin=none].layui-checkbox-disabled>div,
.layui-form-radio[lay-skin=none].layui-radio-disabled>div {
  cursor: not-allowed
}

.layui-checkbox-disabled {
  border-color: #eee !important
}

.layui-checkbox-disabled>div {
  color: #c2c2c2 !important
}

.layui-checkbox-disabled>i {
  border-color: #eee !important
}

.layui-checkbox-disabled:hover>i {
  color: #fff !important
}

.layui-form-checkbox[lay-skin=tag].layui-form-checked.layui-checkbox-disabled>i {
  color: #c2c2c2
}

.layui-form-checkbox[lay-skin=tag].layui-form-checked.layui-checkbox-disabled:hover>i {
  color: #c2c2c2 !important
}

.layui-form-radio {
  display: inline-block;
  vertical-align: middle;
  line-height: 28px;
  margin: 6px 10px 0 0;
  padding-right: 10px;
  cursor: pointer;
  font-size: 0
}

.layui-form-radio>* {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px
}

.layui-form-radio>i {
  margin-right: 8px;
  font-size: 22px;
  color: #c2c2c2
}

.layui-form-radio:hover>*,
.layui-form-radioed,
.layui-form-radioed>i {
  color: #f08200
}

.layui-radio-disabled>i {
  color: #eee !important
}

.layui-radio-disabled>* {
  color: #c2c2c2 !important
}

.layui-form [lay-radio] {
  display: none
}

.layui-form-pane .layui-form-label {
  width: 110px;
  padding: 8px 15px;
  height: 38px;
  line-height: 20px;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px 0 0 2px;
  text-align: center;
  background-color: #fafafa;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-sizing: border-box
}

.layui-form-pane .layui-input-inline {
  margin-left: -1px
}

.layui-form-pane .layui-input-block {
  margin-left: 110px;
  left: -1px
}

.layui-form-pane .layui-input {
  border-radius: 0 2px 2px 0
}

.layui-form-pane .layui-form-text .layui-form-label {
  float: none;
  width: 100%;
  border-radius: 2px;
  box-sizing: border-box;
  text-align: left
}

.layui-form-pane .layui-form-text .layui-input-inline {
  display: block;
  margin: 0;
  top: -1px;
  clear: both
}

.layui-form-pane .layui-form-text .layui-input-block {
  margin: 0;
  left: 0;
  top: -1px
}

.layui-form-pane .layui-form-text .layui-textarea {
  min-height: 100px;
  border-radius: 0 0 2px 2px
}

.layui-form-pane .layui-form-checkbox {
  margin: 4px 0 4px 10px
}

.layui-form-pane .layui-form-radio,
.layui-form-pane .layui-form-switch {
  margin-top: 6px;
  margin-left: 10px
}

.layui-form-pane .layui-form-item[pane] {
  position: relative;
  border-width: 1px;
  border-style: solid
}

.layui-form-pane .layui-form-item[pane] .layui-form-label {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  border-width: 0;
  border-right-width: 1px
}

.layui-form-pane .layui-form-item[pane] .layui-input-inline {
  margin-left: 110px
}

@media screen and (max-width:450px) {
  .layui-form-item .layui-form-label {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
  }

  .layui-form-item .layui-inline {
    display: block;
    margin-right: 0;
    margin-bottom: 20px;
    clear: both
  }

  .layui-form-item .layui-inline:after {
    content: " ";
    clear: both;
    display: block;
    height: 0
  }

  .layui-form-item .layui-input-inline {
    display: block;
    float: none;
    left: -3px;
    width: auto !important;
    margin: 0 0 10px 112px
  }

  .layui-form-item .layui-input-inline+.layui-form-mid {
    margin-left: 110px;
    top: -5px;
    padding: 0
  }

  .layui-form-item .layui-form-checkbox {
    margin-right: 5px;
    margin-bottom: 5px
  }
}

.layui-laypage {
  display: inline-block;
  vertical-align: middle;
  margin: 10px 0;
  font-size: 0
}

.layui-laypage>a:first-child,
.layui-laypage>a:first-child em {
  border-radius: 2px 0 0 2px
}

.layui-laypage>a:last-child,
.layui-laypage>a:last-child em {
  border-radius: 0 2px 2px 0
}

.layui-laypage>:first-child {
  margin-left: 0 !important
}

.layui-laypage>:last-child {
  margin-right: 0 !important
}

.layui-laypage a,
.layui-laypage button,
.layui-laypage input,
.layui-laypage select,
.layui-laypage span {
  border: 1px solid #eee
}

.layui-laypage a,
.layui-laypage span {
  display: inline-block;
  vertical-align: middle;
  padding: 0 15px;
  height: 28px;
  line-height: 28px;
  margin: 0 -1px 5px 0;
  background-color: #fff;
  color: #333;
  font-size: 12px
}

.layui-laypage a[data-page] {
  color: #333
}

.layui-laypage a {
  text-decoration: none !important;
  cursor: pointer
}

.layui-laypage a:hover {
  color: #f08200
}

.layui-laypage em {
  font-style: normal
}

.layui-laypage .layui-laypage-spr {
  color: #999;
  font-weight: 700
}

.layui-laypage .layui-laypage-curr {
  position: relative
}

.layui-laypage .layui-laypage-curr em {
  position: relative;
  color: #fff
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
  position: absolute;
  left: -1px;
  top: -1px;
  padding: 1px;
  width: 100%;
  height: 100%;
  background-color: #f08200
}

.layui-laypage-em {
  border-radius: 2px
}

.layui-laypage-next em,
.layui-laypage-prev em {
  font-family: Sim sun;
  font-size: 16px
}

.layui-laypage .layui-laypage-count,
.layui-laypage .layui-laypage-limits,
.layui-laypage .layui-laypage-refresh,
.layui-laypage .layui-laypage-skip {
  margin-left: 10px;
  margin-right: 10px;
  padding: 0;
  border: none
}

.layui-laypage .layui-laypage-limits,
.layui-laypage .layui-laypage-refresh {
  vertical-align: top
}

.layui-laypage .layui-laypage-refresh i {
  font-size: 18px;
  cursor: pointer
}

.layui-laypage select {
  height: 22px;
  padding: 3px;
  border-radius: 2px;
  cursor: pointer
}

.layui-laypage .layui-laypage-skip {
  height: 30px;
  line-height: 30px;
  color: #999
}

.layui-laypage button,
.layui-laypage input {
  height: 30px;
  line-height: 30px;
  border-radius: 2px;
  vertical-align: top;
  background-color: #fff;
  box-sizing: border-box
}

.layui-laypage input {
  display: inline-block;
  width: 40px;
  margin: 0 10px;
  padding: 0 3px;
  text-align: center
}

.layui-laypage input:focus,
.layui-laypage select:focus {
  border-color: #f08200 !important
}

.layui-laypage button {
  margin-left: 10px;
  padding: 0 10px;
  cursor: pointer
}

.layui-flow-more {
  margin: 10px 0;
  text-align: center;
  color: #999;
  font-size: 14px;
  clear: both
}

.layui-flow-more a {
  height: 32px;
  line-height: 32px
}

.layui-flow-more a * {
  display: inline-block;
  vertical-align: top
}

.layui-flow-more a cite {
  padding: 0 20px;
  border-radius: 3px;
  background-color: #eee;
  color: #333;
  font-style: normal
}

.layui-flow-more a cite:hover {
  opacity: .8
}

.layui-flow-more a i {
  font-size: 30px;
  color: #737383
}

.layui-table {
  width: 100%;
  margin: 10px 0;
  background-color: #fff;
  color: #5f5f5f
}

.layui-table tr {
  transition: all .3s;
  -webkit-transition: all .3s
}

.layui-table th {
  text-align: left;
  font-weight: 600
}

.layui-table-mend {
  background-color: #fff
}

.layui-table-click,
.layui-table-hover,
.layui-table[lay-even] tbody tr:nth-child(2n) {
  background-color: #f8f8f8
}

.layui-table-checked {
  background-color: #dbfbf0
}

.layui-table-checked.layui-table-click,
.layui-table-checked.layui-table-hover {
  background-color: #abf8dd
}

.layui-table-disabled-transition *,
.layui-table-disabled-transition :after,
.layui-table-disabled-transition :before {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important
}

.layui-table td,
.layui-table th,
.layui-table-col-set,
.layui-table-fixed-r,
.layui-table-grid-down,
.layui-table-header,
.layui-table-mend,
.layui-table-page,
.layui-table-tips-main,
.layui-table-tool,
.layui-table-total,
.layui-table-view,
.layui-table[lay-skin=line],
.layui-table[lay-skin=row] {
  border-width: 1px;
  border-style: solid;
  border-color: #eee
}

.layui-table td,
.layui-table th {
  position: relative;
  padding: 9px 15px;
  min-height: 20px;
  line-height: 20px;
  font-size: 14px
}

.layui-table[lay-skin=line] td,
.layui-table[lay-skin=line] th {
  border-width: 0;
  border-bottom-width: 1px
}

.layui-table[lay-skin=row] td,
.layui-table[lay-skin=row] th {
  border-width: 0;
  border-right-width: 1px
}

.layui-table[lay-skin=nob] td,
.layui-table[lay-skin=nob] th {
  border: none
}

.layui-table img {
  max-width: 100px
}

.layui-table[lay-size=lg] td,
.layui-table[lay-size=lg] th {
  padding: 15px 30px
}

.layui-table-view .layui-table[lay-size=lg] .layui-table-cell {
  height: 50px;
  line-height: 40px
}

.layui-table[lay-size=sm] td,
.layui-table[lay-size=sm] th {
  padding: 5px 10px;
  font-size: 12px
}

.layui-table-view .layui-table[lay-size=sm] .layui-table-cell {
  height: 30px;
  line-height: 20px;
  padding-top: 5px;
  padding-left: 11px;
  padding-right: 11px
}

.layui-table[lay-data],
.layui-table[lay-options] {
  display: none
}

.layui-table-box {
  position: relative;
  overflow: hidden
}

.layui-table-view {
  clear: both;
  position: relative;
  border-right: none
}

.layui-table-view:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #eee;
  z-index: 101
}

.layui-table-view .layui-table {
  position: relative;
  width: auto;
  margin: 0;
  border: 0;
  border-collapse: separate
}

.layui-table-view .layui-table[lay-skin=line] {
  border-width: 0;
  border-right-width: 1px
}

.layui-table-view .layui-table[lay-skin=row] {
  border-width: 0;
  border-bottom-width: 1px
}

.layui-table-view .layui-table td,
.layui-table-view .layui-table th {
  padding: 0;
  border-top: none;
  border-left: none
}

.layui-table-view .layui-table th [lay-event],
.layui-table-view .layui-table th.layui-unselect .layui-table-cell span {
  cursor: pointer
}

.layui-table-view .layui-table td,
.layui-table-view .layui-table th span {
  cursor: default
}

.layui-table-view .layui-table td[data-edit] {
  cursor: text
}

.layui-table-view .layui-table td[data-edit]:hover:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 1px solid #F08200;
  pointer-events: none;
  content: ""
}

.layui-table-view .layui-form-checkbox[lay-skin=primary] i {
  width: 18px;
  height: 18px;
  line-height: 16px
}

.layui-table-view .layui-form-radio {
  line-height: 0;
  padding: 0
}

.layui-table-view .layui-form-radio>i {
  margin: 0;
  font-size: 20px
}

.layui-table-init {
  position: absolute;
  inset: 0;
  margin: 0;
  z-index: 199;
  transition: opacity .1s;
  -webkit-user-select: none;
  user-select: none
}

.layui-table-loading-icon {
  position: absolute;
  width: 100%�;
  left: 50%;
  left: auto�;
  top: 50%;
  margin-top: -15px�;
  transform: translate(-50%, -50%);
  transform: none�;
  text-align: center
}

.layui-table-loading-icon .layui-icon {
  font-size: 30px;
  color: #c2c2c2
}

.layui-table-header {
  border-width: 0;
  border-bottom-width: 1px;
  overflow: hidden
}

.layui-table-header .layui-table {
  margin-bottom: -1px
}

.layui-table-column {
  position: relative;
  width: 100%;
  min-height: 41px;
  padding: 8px 16px;
  border-width: 0;
  border-bottom-width: 1px
}

.layui-table-column .layui-btn-container {
  margin-bottom: -8px
}

.layui-table-column .layui-btn-container .layui-btn {
  margin-right: 8px;
  margin-bottom: 8px
}

.layui-table-tool .layui-inline[lay-event] {
  position: relative;
  width: 26px;
  height: 26px;
  padding: 5px;
  line-height: 16px;
  margin-right: 10px;
  text-align: center;
  color: #333;
  border: 1px solid #ccc;
  cursor: pointer;
  -webkit-transition: .5s all;
  transition: .5s all
}

.layui-table-tool .layui-inline[lay-event]:hover {
  border: 1px solid #999
}

.layui-table-tool-temp {
  padding-right: 120px
}

.layui-table-tool-self {
  position: absolute;
  right: 17px;
  top: 10px
}

.layui-table-tool .layui-table-tool-self .layui-inline[lay-event] {
  margin: 0 0 0 10px
}

.layui-table-tool-panel {
  position: absolute;
  top: 29px;
  left: -1px;
  z-index: 399;
  padding: 5px 0 !important;
  min-width: 150px;
  min-height: 40px;
  border: 1px solid #d2d2d2;
  text-align: left;
  overflow-y: auto;
  background-color: #fff;
  box-shadow: 0 2px 4px #0000001f
}

.layui-table-tool-panel li {
  padding: 0 10px;
  margin: 0 !important;
  line-height: 30px;
  list-style-type: none !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: .5s all;
  transition: .5s all
}

.layui-table-tool-panel li .layui-form-checkbox[lay-skin=primary] {
  width: 100%
}

.layui-table-tool-panel li:hover {
  background-color: #f8f8f8
}

.layui-table-tool-panel li .layui-form-checkbox[lay-skin=primary] {
  padding-left: 28px
}

.layui-table-tool-panel li .layui-form-checkbox[lay-skin=primary] i {
  position: absolute;
  left: 0;
  top: 0
}

.layui-table-tool-panel li .layui-form-checkbox[lay-skin=primary] span {
  padding: 0
}

.layui-table-tool .layui-table-tool-self .layui-table-tool-panel {
  left: auto;
  right: -1px
}

.layui-table-col-set {
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 100%;
  border-width: 0;
  border-left-width: 1px;
  background-color: #fff
}

.layui-table-sort {
  width: 10px;
  height: 20px;
  margin-left: 5px;
  cursor: pointer !important
}

.layui-table-sort .layui-edge {
  position: absolute;
  left: 5px;
  border-width: 5px
}

.layui-table-sort .layui-table-sort-asc {
  top: 3px;
  border-top: none;
  border-bottom-style: solid;
  border-bottom-color: #b2b2b2
}

.layui-table-sort .layui-table-sort-asc:hover {
  border-bottom-color: #5f5f5f
}

.layui-table-sort .layui-table-sort-desc {
  bottom: 5px;
  border-bottom: none;
  border-top-style: solid;
  border-top-color: #b2b2b2
}

.layui-table-sort .layui-table-sort-desc:hover {
  border-top-color: #5f5f5f
}

.layui-table-sort[lay-sort=asc] .layui-table-sort-asc {
  border-bottom-color: #000
}

.layui-table-sort[lay-sort=desc] .layui-table-sort-desc {
  border-top-color: #000
}

.layui-table-cell {
  height: 38px;
  line-height: 28px;
  padding: 6px 15px;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box
}

.layui-table-cell .layui-form-checkbox[lay-skin=primary] {
  top: -1px;
  padding: 0
}

.layui-table-cell .layui-form-checkbox[lay-skin=primary]>div {
  padding-left: 24px
}

.layui-table-cell .layui-table-link {
  color: #01aaed
}

.layui-table-cell .layui-btn {
  vertical-align: inherit
}

.layui-table-cell[align=center] {
  -webkit-box-pack: center
}

.layui-table-cell[align=right] {
  -webkit-box-pack: end
}

.laytable-cell-checkbox,
.laytable-cell-numbers,
.laytable-cell-radio,
.laytable-cell-space {
  text-align: center;
  -webkit-box-pack: center
}

.layui-table-body {
  position: relative;
  overflow: auto;
  margin-bottom: -1px
}

.layui-table-body .layui-none {
  line-height: 26px;
  padding: 30px 15px;
  text-align: center;
  color: #999
}

.layui-table-fixed {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 101
}

.layui-table-fixed .layui-table-body {
  overflow: hidden
}

.layui-table-fixed-l {
  box-shadow: 1px 0 8px #00000014
}

.layui-table-fixed-r {
  left: auto;
  right: 0;
  border-width: 0;
  border-left-width: 1px;
  box-shadow: -1px 0 8px #00000014
}

.layui-table-fixed-r .layui-table-header {
  position: relative;
  overflow: visible
}

.layui-table-mend {
  position: absolute;
  right: -49px;
  top: 0;
  height: 100%;
  width: 50px;
  border-width: 0;
  border-left-width: 1px
}

.layui-table-tool {
  position: relative;
  width: 100%;
  min-height: 50px;
  line-height: 30px;
  padding: 10px 15px;
  border-width: 0;
  border-bottom-width: 1px
}

.layui-table-tool .layui-btn-container {
  margin-bottom: -10px
}

.layui-table-total {
  margin-bottom: -1px;
  border-width: 0;
  border-top-width: 1px;
  overflow: hidden
}

.layui-table-page {
  border-width: 0;
  border-top-width: 1px;
  margin-bottom: -1px;
  white-space: nowrap;
  overflow: hidden
}

.layui-table-page>div {
  height: 26px
}

.layui-table-page .layui-laypage {
  margin: 0
}

.layui-table-page .layui-laypage a,
.layui-table-page .layui-laypage span {
  height: 26px;
  line-height: 26px;
  margin-bottom: 10px;
  border: none;
  background: 0 0
}

.layui-table-page .layui-laypage a,
.layui-table-page .layui-laypage span.layui-laypage-curr {
  padding: 0 12px
}

.layui-table-page .layui-laypage span {
  margin-left: 0;
  padding: 0
}

.layui-table-page .layui-laypage .layui-laypage-prev {
  margin-left: -11px !important
}

.layui-table-page .layui-laypage .layui-laypage-curr .layui-laypage-em {
  left: 0;
  top: 0;
  padding: 0
}

.layui-table-page .layui-laypage button,
.layui-table-page .layui-laypage input {
  height: 26px;
  line-height: 26px
}

.layui-table-page .layui-laypage input {
  width: 40px
}

.layui-table-page .layui-laypage button {
  padding: 0 10px
}

.layui-table-page select {
  height: 18px
}

.layui-table-pagebar {
  float: right;
  line-height: 23px
}

.layui-table-pagebar .layui-btn-sm {
  margin-top: -1px
}

.layui-table-pagebar .layui-btn-xs {
  margin-top: 2px
}

.layui-table-view select[lay-ignore] {
  display: inline-block
}

.layui-table-patch .layui-table-cell {
  padding: 0;
  width: 30px
}

.layui-table-edit {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 189;
  min-width: 100%;
  min-height: 100%;
  padding: 5px 14px;
  border-radius: 0;
  box-shadow: 1px 1px 20px #00000026;
  background-color: #fff
}

.layui-table-edit:focus {
  border-color: #f08200 !important
}

input.layui-input.layui-table-edit {
  height: 100%
}

select.layui-table-edit {
  padding: 0 0 0 10px;
  border-color: #d2d2d2
}

.layui-table-view .layui-form-checkbox,
.layui-table-view .layui-form-radio,
.layui-table-view .layui-form-switch {
  top: 0;
  margin: 0
}

.layui-table-view .layui-form-checkbox {
  top: -1px;
  height: 26px;
  line-height: 26px
}

.layui-table-view .layui-form-checkbox i {
  height: 26px
}

.layui-table-grid .layui-table-cell {
  overflow: visible
}

.layui-table-grid-down {
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 100%;
  padding: 5px 0;
  border-width: 0;
  border-left-width: 1px;
  text-align: center;
  background-color: #fff;
  color: #999;
  cursor: pointer
}

.layui-table-grid-down .layui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
  font-size: 14px
}

.layui-table-grid-down:hover {
  background-color: #fbfbfb
}

.layui-table-expanded {
  height: 95px
}

.layui-table-expanded .layui-table-cell,
.layui-table-view .layui-table[lay-size=lg] .layui-table-expanded .layui-table-cell,
.layui-table-view .layui-table[lay-size=sm] .layui-table-expanded .layui-table-cell {
  height: auto;
  max-height: 94px;
  white-space: normal;
  text-overflow: clip
}

.layui-table-cell-c {
  position: absolute;
  bottom: -10px;
  right: 50%;
  margin-right: -9px;
  width: 20px;
  height: 20px;
  line-height: 18px;
  cursor: pointer;
  text-align: center;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 50%;
  z-index: 1000;
  transition: .3s all;
  font-size: 14px
}

.layui-table-cell-c:hover {
  border-color: #f08200
}

.layui-table-expanded td:hover .layui-table-cell {
  overflow: auto
}

.layui-table-main>.layui-table>tbody>tr:last-child>td>.layui-table-cell-c {
  bottom: 0
}

body .layui-table-tips .layui-layer-content {
  background: 0 0;
  padding: 0;
  box-shadow: 0 1px 6px #0000001f
}

.layui-table-tips-main {
  margin: -49px 0 0 -1px;
  max-height: 150px;
  padding: 8px 15px;
  font-size: 14px;
  overflow-y: scroll;
  background-color: #fff;
  color: #5f5f5f
}

.layui-table-tips-c {
  position: absolute;
  right: -3px;
  top: -13px;
  width: 20px;
  height: 20px;
  padding: 3px;
  cursor: pointer;
  background-color: #5f5f5f;
  border-radius: 50%;
  color: #fff
}

.layui-table-tips-c:hover {
  background-color: #777
}

.layui-table-tips-c:before {
  position: relative;
  right: -2px
}

.layui-table-tree-nodeIcon {
  max-width: 20px
}

.layui-table-tree-nodeIcon>* {
  width: 100%
}

.layui-table-tree-flexIcon,
.layui-table-tree-nodeIcon {
  margin-right: 2px
}

.layui-table-tree-flexIcon {
  cursor: pointer
}

.layui-upload-file {
  display: none !important;
  opacity: .01;
  filter: Alpha(opacity=1)
}

.layui-upload-list {
  margin: 11px 0
}

.layui-upload-choose {
  max-width: 200px;
  padding: 0 10px;
  color: #999;
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap
}

.layui-upload-drag {
  position: relative;
  display: inline-block;
  padding: 30px;
  border: 1px dashed #e2e2e2;
  background-color: #fff;
  text-align: center;
  cursor: pointer;
  color: #999
}

.layui-upload-drag .layui-icon {
  font-size: 50px;
  color: #f08200
}

.layui-upload-drag[lay-over] {
  border-color: #f08200
}

.layui-upload-form {
  display: inline-block
}

.layui-upload-iframe {
  position: absolute;
  width: 0;
  height: 0;
  border: 0;
  visibility: hidden
}

.layui-upload-wrap {
  position: relative;
  display: inline-block;
  vertical-align: middle
}

.layui-upload-wrap .layui-upload-file {
  display: block !important;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  font-size: 100px;
  width: 100%;
  height: 100%;
  opacity: .01;
  filter: Alpha(opacity=1);
  cursor: pointer
}

.layui-btn-container .layui-upload-choose {
  padding-left: 0
}

.layui-menu {
  position: relative;
  margin: 5px 0;
  background-color: #fff;
  box-sizing: border-box
}

.layui-menu * {
  box-sizing: border-box
}

.layui-menu li,
.layui-menu-body-title,
.layui-menu-body-title a {
  padding: 5px 15px;
  color: initial
}

.layui-menu li {
  position: relative;
  margin: 0 0 1px;
  line-height: 26px;
  color: #000c;
  font-size: 14px;
  white-space: nowrap;
  cursor: pointer;
  transition: all .3s
}

.layui-menu li:hover {
  background-color: #f8f8f8
}

.layui-menu li.layui-disabled,
.layui-menu li.layui-disabled * {
  background: 0 0 !important;
  color: #d2d2d2 !important;
  cursor: not-allowed !important
}

.layui-menu-item-parent:hover>.layui-menu-body-panel {
  display: block;
  animation-name: layui-fadein;
  animation-duration: .3s;
  animation-fill-mode: both;
  animation-delay: .2s
}

.layui-menu-item-group>.layui-menu-body-title,
.layui-menu-item-parent>.layui-menu-body-title {
  padding-right: 38px
}

.layui-menu .layui-menu-item-divider:hover,
.layui-menu .layui-menu-item-group:hover,
.layui-menu .layui-menu-item-none:hover {
  background: 0 0;
  cursor: default
}

.layui-menu .layui-menu-item-group>ul {
  margin: 5px 0 -5px
}

.layui-menu .layui-menu-item-group>.layui-menu-body-title {
  color: #00000059;
  -webkit-user-select: none;
  user-select: none
}

.layui-menu .layui-menu-item-none {
  color: #00000059;
  cursor: default
}

.layui-menu .layui-menu-item-none {
  text-align: center
}

.layui-menu .layui-menu-item-divider {
  margin: 5px 0;
  padding: 0;
  height: 0;
  line-height: 0;
  border-bottom: 1px solid #eee;
  overflow: hidden
}

.layui-menu .layui-menu-item-down:hover,
.layui-menu .layui-menu-item-up:hover {
  cursor: pointer
}

.layui-menu .layui-menu-item-up>.layui-menu-body-title {
  color: #000c
}

.layui-menu .layui-menu-item-up>ul {
  visibility: hidden;
  height: 0;
  overflow: hidden
}

.layui-menu .layui-menu-item-down>.layui-menu-body-title>.layui-icon-down {
  transform: rotate(180deg)
}

.layui-menu .layui-menu-item-up>.layui-menu-body-title>.layui-icon-up {
  transform: rotate(-180deg)
}

.layui-menu .layui-menu-item-down:hover>.layui-menu-body-title>.layui-icon,
.layui-menu .layui-menu-item-up>.layui-menu-body-title:hover>.layui-icon {
  color: #000
}

.layui-menu .layui-menu-item-down>ul {
  visibility: visible;
  height: auto
}

.layui-menu .layui-menu-item-checked,
.layui-menu .layui-menu-item-checked2 {
  background-color: #f8f8f8 !important;
  color: #f08200
}

.layui-menu .layui-menu-item-checked a,
.layui-menu .layui-menu-item-checked2 a {
  color: #f08200
}

.layui-menu .layui-menu-item-checked:after {
  position: absolute;
  right: -1px;
  top: 0;
  bottom: 0;
  border-right: 3px solid #F08200;
  content: ""
}

.layui-menu-body-title {
  position: relative;
  margin: -5px -15px;
  overflow: hidden;
  text-overflow: ellipsis
}

.layui-menu-body-title a {
  display: block;
  margin: -5px -15px;
  color: #000c
}

.layui-menu-body-title a:hover {
  transition: all .3s
}

.layui-menu-body-title>.layui-icon {
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -6px;
  line-height: normal;
  font-size: 14px;
  transition: all .2s;
  -webkit-transition: all .2s
}

.layui-menu-body-title>.layui-icon:hover {
  transition: all .3s
}

.layui-menu-body-title>.layui-icon-right {
  right: 14px
}

.layui-menu-body-panel {
  display: none;
  position: absolute;
  top: -7px;
  left: 100%;
  z-index: 1000;
  margin-left: 13px;
  padding: 5px 0
}

.layui-menu-body-panel:before {
  content: "";
  position: absolute;
  width: 20px;
  left: -16px;
  top: 0;
  bottom: 0
}

.layui-menu-body-panel-left {
  left: auto;
  right: 100%;
  margin: 0 13px
}

.layui-menu-body-panel-left:before {
  left: auto;
  right: -16px
}

.layui-menu-lg li {
  line-height: 32px
}

.layui-menu-lg .layui-menu-body-title a:hover,
.layui-menu-lg li:hover {
  background: 0 0;
  color: #f08200
}

.layui-menu-lg li .layui-menu-body-panel {
  margin-left: 14px
}

.layui-menu-lg li .layui-menu-body-panel-left {
  margin: 0 15px
}

.layui-dropdown {
  position: absolute;
  left: -999999px;
  top: -999999px;
  z-index: 77777777;
  margin: 5px 0;
  min-width: 100px
}

.layui-dropdown:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 6px;
  left: 0;
  top: -6px
}

.layui-dropdown-shade {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  pointer-events: auto
}

.layui-tabs {
  position: relative
}

.layui-tabs.layui-hide-v {
  overflow: hidden
}

.layui-tabs-header {
  position: relative;
  left: 0;
  height: 40px;
  padding: 0 !important;
  white-space: nowrap;
  font-size: 0;
  transition: all .16s;
  -webkit-transition: all .16s
}

.layui-tabs-header:after,
.layui-tabs-scroll:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 0;
  width: 100%;
  border-bottom: 1px solid #eee
}

.layui-tabs-header li {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  line-height: 40px;
  margin: 0 !important;
  padding: 0 16px;
  text-align: center;
  cursor: pointer;
  font-size: 14px;
  transition: all .16s;
  -webkit-transition: all .16s
}

.layui-tabs-header li:first-child {
  margin-left: 0
}

.layui-tabs-header li a {
  display: block;
  padding: 0 16px;
  margin: 0 -16px;
  color: inherit
}

.layui-tabs-header li a:hover {
  text-decoration: none
}

.layui-tabs-header .layui-this,
.layui-tabs-header li:hover {
  color: #f08200
}

.layui-tabs-header .layui-this:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  border-bottom: 3px solid #F08200;
  box-sizing: border-box;
  pointer-events: none
}

.layui-tabs-header .layui-badge,
.layui-tabs-header .layui-badge-dot {
  left: 5px;
  top: -1px
}

.layui-tabs-scroll {
  position: relative;
  overflow: hidden;
  padding: 0 40px
}

.layui-tabs-scroll .layui-tabs-header:after {
  display: none;
  content: none;
  border: 0
}

.layui-tabs-bar .layui-icon {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  width: 40px;
  height: 100%;
  line-height: 40px;
  border: 1px solid #eee;
  text-align: center;
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: 2px 0 5px #0000000f
}

.layui-tabs-bar .layui-icon-next {
  left: auto;
  right: 0;
  box-shadow: -2px 0 5px #0000000f
}

.layui-tabs-header li .layui-tabs-close {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 18px;
  margin-left: 8px;
  top: 0;
  text-align: center;
  font-size: 12px;
  color: #959595;
  border-radius: 50%;
  font-weight: 700;
  transition: all .16s;
  -webkit-transition: all .16s
}

.layui-tabs-header li .layui-tabs-close:hover {
  background-color: #ff5722;
  color: #fff
}

.layui-tabs-header li[lay-closable=false] .layui-tabs-close {
  display: none
}

.layui-tabs-body {
  padding: 16px 0
}

.layui-tabs-item {
  display: none
}

.layui-tabs-card>.layui-tabs-header .layui-this {
  background-color: #fff
}

.layui-tabs-card>.layui-tabs-header .layui-this:after {
  border: 1px solid #eee;
  border-bottom-color: #fff;
  border-radius: 2px 2px 0 0
}

.layui-tabs-card>.layui-tabs-header li:first-child.layui-this:after {
  margin-left: -1px
}

.layui-tabs-card>.layui-tabs-header li:last-child.layui-this:after {
  margin-right: -1px
}

.layui-tabs-card.layui-panel>.layui-tabs-header .layui-this:after {
  border-top: 0;
  border-radius: 0
}

.layui-tabs-card.layui-panel>.layui-tabs-body {
  padding: 16px
}

.layui-nav {
  position: relative;
  padding: 0 15px;
  background-color: #2f363c;
  color: #fff;
  border-radius: 2px;
  font-size: 0;
  box-sizing: border-box
}

.layui-nav * {
  font-size: 14px
}

.layui-nav .layui-nav-item {
  position: relative;
  display: inline-block;
  margin-top: 0;
  list-style: none;
  vertical-align: middle;
  line-height: 60px
}

.layui-nav .layui-nav-item a {
  display: block;
  padding: 0 20px;
  color: #fff;
  color: #ffffffb3;
  transition: all .3s;
  -webkit-transition: all .3s
}

.layui-nav .layui-this:after,
.layui-nav-bar {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 3px;
  background-color: #f08200;
  transition: all .2s;
  -webkit-transition: all .2s;
  pointer-events: none
}

.layui-nav-bar {
  z-index: 1000
}

.layui-nav[lay-bar=disabled] .layui-nav-bar {
  display: none
}

.layui-nav .layui-nav-item a:hover,
.layui-nav .layui-this a {
  color: #fff;
  text-decoration: none
}

.layui-nav .layui-this:after {
  top: auto;
  bottom: 0;
  width: 100%
}

.layui-nav-img {
  width: 30px;
  height: 30px;
  margin-right: 10px;
  border-radius: 50%
}

.layui-nav .layui-nav-more {
  position: absolute;
  top: 0;
  right: 3px;
  left: auto !important;
  margin-top: 0;
  font-size: 12px;
  cursor: pointer;
  transition: all .2s;
  -webkit-transition: all .2s
}

.layui-nav .layui-nav-mored,
.layui-nav-itemed>a .layui-nav-more {
  transform: rotate(180deg)
}

.layui-nav-child {
  display: none;
  position: absolute;
  left: 0;
  top: 65px;
  min-width: 100%;
  line-height: 36px;
  padding: 5px 0;
  box-shadow: 0 2px 4px #0000001f;
  border: 1px solid #eee;
  background-color: #fff;
  z-index: 100;
  border-radius: 2px;
  white-space: nowrap;
  box-sizing: border-box
}

.layui-nav .layui-nav-child a {
  color: #5f5f5f;
  color: #000c
}

.layui-nav .layui-nav-child a:hover {
  background-color: #f8f8f8;
  color: #000c
}

.layui-nav-child dd {
  margin: 1px 0;
  position: relative
}

.layui-nav-child dd.layui-this {
  background-color: #f8f8f8;
  color: #000
}

.layui-nav-child dd.layui-this:after {
  display: none
}

.layui-nav-child-r {
  left: auto;
  right: 0
}

.layui-nav-child-c {
  text-align: center
}

.layui-nav.layui-nav-tree {
  width: 200px;
  padding: 0
}

.layui-nav-tree .layui-nav-item {
  display: block;
  width: 100%;
  line-height: 40px
}

.layui-nav-tree .layui-nav-item a {
  position: relative;
  height: 40px;
  line-height: 40px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap
}

.layui-nav-tree .layui-nav-item>a {
  padding-top: 5px;
  padding-bottom: 5px
}

.layui-nav-tree .layui-nav-more {
  right: 15px
}

.layui-nav-tree .layui-nav-item>a .layui-nav-more {
  padding: 5px 0
}

.layui-nav-tree .layui-nav-bar {
  width: 5px;
  height: 0
}

.layui-side .layui-nav-tree .layui-nav-bar {
  width: 2px
}

.layui-nav-tree .layui-nav-child dd.layui-this,
.layui-nav-tree .layui-nav-child dd.layui-this a,
.layui-nav-tree .layui-this,
.layui-nav-tree .layui-this>a,
.layui-nav-tree .layui-this>a:hover {
  background-color: #f08200;
  color: #fff
}

.layui-nav-tree .layui-this:after {
  display: none
}

.layui-nav-itemed>a,
.layui-nav-tree .layui-nav-title a,
.layui-nav-tree .layui-nav-title a:hover {
  color: #fff !important
}

.layui-nav-tree .layui-nav-bar {
  background-color: #f08200
}

.layui-nav-tree .layui-nav-child {
  position: relative;
  z-index: 0;
  top: 0;
  border: none;
  background: 0 0;
  background-color: #0000004d;
  box-shadow: none
}

.layui-nav-tree .layui-nav-child dd {
  margin: 0
}

.layui-nav-tree .layui-nav-child a {
  color: #fff;
  color: #ffffffb3
}

.layui-nav-tree .layui-nav-child a:hover {
  background: 0 0;
  color: #fff
}

.layui-nav-itemed>.layui-nav-child,
.layui-nav-itemed>.layui-nav-child>.layui-this>.layui-nav-child {
  display: block
}

.layui-nav-side {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  overflow-x: hidden;
  z-index: 999
}

.layui-nav-tree.layui-bg-gray a,
.layui-nav.layui-bg-gray .layui-nav-item a {
  color: #373737;
  color: #000c
}

.layui-nav-tree.layui-bg-gray .layui-nav-itemed>a {
  color: #000 !important
}

.layui-nav.layui-bg-gray .layui-this a {
  color: #f08200
}

.layui-nav-tree.layui-bg-gray .layui-nav-child {
  padding-left: 11px;
  background: 0 0
}

.layui-nav-tree.layui-bg-gray .layui-nav-child dd.layui-this,
.layui-nav-tree.layui-bg-gray .layui-nav-child dd.layui-this a,
.layui-nav-tree.layui-bg-gray .layui-this,
.layui-nav-tree.layui-bg-gray .layui-this>a {
  background: 0 0 !important;
  color: #f08200 !important;
  font-weight: 700
}

.layui-nav-tree.layui-bg-gray .layui-nav-bar {
  background-color: #f08200
}

.layui-breadcrumb {
  visibility: hidden;
  font-size: 0
}

.layui-breadcrumb>* {
  font-size: 14px
}

.layui-breadcrumb a {
  color: #999 !important
}

.layui-breadcrumb a:hover {
  color: #f08200 !important
}

.layui-breadcrumb a cite {
  color: #5f5f5f;
  font-style: normal
}

.layui-breadcrumb span[lay-separator] {
  margin: 0 10px;
  color: #999
}

.layui-tab {
  margin: 10px 0;
  text-align: left !important
}

.layui-tab[overflow]>.layui-tab-title {
  overflow: hidden
}

.layui-tab .layui-tab-title {
  position: relative;
  left: 0;
  height: 40px;
  white-space: nowrap;
  font-size: 0;
  transition: all .2s;
  -webkit-transition: all .2s
}

.layui-tab .layui-tab-title:after {
  content: "";
  border-bottom-color: #eee;
  border-bottom-width: 1px;
  border-style: none none solid;
  inset: auto auto 0 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 8
}

.layui-tab .layui-tab-title li {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  transition: all .2s;
  -webkit-transition: all .2s
}

.layui-tab .layui-tab-title li {
  position: relative;
  line-height: 40px;
  min-width: 65px;
  margin: 0;
  padding: 0 15px;
  text-align: center;
  cursor: pointer
}

.layui-tab .layui-tab-title li a {
  display: block;
  padding: 0 15px;
  margin: 0 -15px
}

.layui-tab-title .layui-this {
  color: #000
}

.layui-tab-title .layui-this:after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 40px;
  border-width: 1px;
  border-bottom-width: 1px;
  border-style: solid;
  border-bottom-color: #fff;
  border-radius: 2px 2px 0 0;
  box-sizing: border-box;
  pointer-events: none;
  z-index: 9
}

.layui-tab-bar {
  box-sizing: border-box;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
  width: 30px;
  height: 40px;
  line-height: 40px;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  text-align: center;
  background-color: #fff;
  cursor: pointer
}

.layui-tab-bar .layui-icon {
  position: relative;
  display: inline-block;
  top: 3px;
  transition: all .3s;
  -webkit-transition: all .3s
}

.layui-tab-item {
  display: none
}

.layui-tab-more {
  padding-right: 30px;
  height: auto !important;
  white-space: normal !important
}

.layui-tab-more li.layui-this:after {
  border-bottom-color: #eee;
  border-radius: 2px
}

.layui-tab-more .layui-tab-bar .layui-icon {
  top: -2px;
  top: 3px�;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

:root .layui-tab-more .layui-tab-bar .layui-icon {
  top: -2px�/IE9
}

.layui-tab-content {
  padding: 15px 0
}

.layui-tab-title li .layui-tab-close {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 20px;
  margin-left: 8px;
  top: 1px;
  text-align: center;
  font-size: 14px;
  color: #c2c2c2;
  transition: all .2s;
  -webkit-transition: all .2s
}

.layui-tab-title li .layui-tab-close:hover {
  border-radius: 2px;
  background-color: #ff5722;
  color: #fff
}

.layui-tab-brief>.layui-tab-title .layui-this {
  color: #f08200
}

.layui-tab-brief>.layui-tab-more li.layui-this:after,
.layui-tab-brief>.layui-tab-title .layui-this:after {
  border: none;
  border-radius: 0;
  border-bottom: 2px solid #F08200
}

.layui-tab-card {
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  box-shadow: 0 2px 5px #0000001a
}

.layui-tab-card>.layui-tab-title {
  background-color: #fafafa
}

.layui-tab-card>.layui-tab-title li {
  margin-right: -1px;
  margin-left: -1px
}

.layui-tab-card>.layui-tab-title .layui-this {
  background-color: #fff
}

.layui-tab-card>.layui-tab-title .layui-this:after {
  border-top: none;
  border-width: 1px;
  border-bottom-color: #fff
}

.layui-tab-card>.layui-tab-title .layui-tab-bar {
  height: 40px;
  line-height: 40px;
  border-radius: 0;
  border-top: none;
  border-right: none
}

.layui-tab-card>.layui-tab-more .layui-this {
  background: 0 0;
  color: #f08200
}

.layui-tab-card>.layui-tab-more .layui-this:after {
  border: none
}

.layui-timeline {
  padding-left: 5px
}

.layui-timeline-item {
  position: relative;
  padding-bottom: 20px
}

.layui-timeline-axis {
  position: absolute;
  left: -5px;
  top: 0;
  z-index: 10;
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-color: #fff;
  color: #f08200;
  border-radius: 50%;
  text-align: center;
  cursor: pointer
}

.layui-timeline-axis:hover {
  color: #ff5722
}

.layui-timeline-item:before {
  content: "";
  position: absolute;
  left: 5px;
  top: 0;
  z-index: 0;
  width: 1px;
  height: 100%
}

.layui-timeline-item:first-child:before {
  display: block
}

.layui-timeline-item:last-child:before {
  display: none
}

.layui-timeline-content {
  padding-left: 25px
}

.layui-timeline-title {
  position: relative;
  margin-bottom: 10px;
  line-height: 22px
}

.layui-badge,
.layui-badge-dot,
.layui-badge-rim {
  position: relative;
  display: inline-block;
  padding: 0 6px;
  font-size: 12px;
  text-align: center;
  background-color: #ff5722;
  color: #fff;
  border-radius: 2px
}

.layui-badge {
  height: 18px;
  line-height: 18px
}

.layui-badge-dot {
  width: 8px;
  height: 8px;
  padding: 0;
  border-radius: 50%
}

.layui-badge-rim {
  height: 18px;
  line-height: 18px;
  border-width: 1px;
  border-style: solid;
  background-color: #fff;
  color: #5f5f5f
}

.layui-btn .layui-badge,
.layui-btn .layui-badge-dot {
  margin-left: 5px
}

.layui-nav .layui-badge,
.layui-nav .layui-badge-dot {
  position: absolute;
  top: 50%;
  margin: -5px 6px 0
}

.layui-nav .layui-badge {
  margin-top: -10px
}

.layui-tab-title .layui-badge,
.layui-tab-title .layui-badge-dot {
  left: 5px;
  top: -2px
}

.layui-carousel {
  position: relative;
  left: 0;
  top: 0;
  background-color: #f8f8f8
}

.layui-carousel>[carousel-item] {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden
}

.layui-carousel>[carousel-item]:before {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 100px;
  line-height: 20px;
  margin: -10px 0 0 -50px;
  text-align: center;
  color: #c2c2c2;
  font-family: layui-icon !important;
  font-size: 30px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.layui-carousel>[carousel-item]>* {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #f8f8f8;
  transition-duration: .3s;
  -webkit-transition-duration: .3s
}

.layui-carousel-updown>* {
  -webkit-transition: .3s ease-in-out up;
  transition: .3s ease-in-out up
}

.layui-carousel-arrow {
  display: none�;
  opacity: 0;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -18px;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 20px;
  border: none 0;
  border-radius: 50%;
  background-color: #0003;
  color: #fff;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  cursor: pointer
}

.layui-carousel-arrow[lay-type=add] {
  left: auto !important;
  right: 10px
}

.layui-carousel[lay-arrow=always] .layui-carousel-arrow {
  opacity: 1;
  left: 20px
}

.layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add] {
  right: 20px
}

.layui-carousel[lay-arrow=none] .layui-carousel-arrow {
  display: none
}

.layui-carousel-arrow:hover,
.layui-carousel-ind ul:hover {
  background-color: #00000059
}

.layui-carousel:hover .layui-carousel-arrow {
  display: block�;
  opacity: 1;
  left: 20px
}

.layui-carousel:hover .layui-carousel-arrow[lay-type=add] {
  right: 20px
}

.layui-carousel-ind {
  position: relative;
  top: -35px;
  width: 100%;
  line-height: 0 !important;
  text-align: center;
  font-size: 0
}

.layui-carousel[lay-indicator=outside] {
  margin-bottom: 30px
}

.layui-carousel[lay-indicator=outside] .layui-carousel-ind {
  top: 10px
}

.layui-carousel[lay-indicator=outside] .layui-carousel-ind ul {
  background-color: #00000080
}

.layui-carousel[lay-indicator=none] .layui-carousel-ind {
  display: none
}

.layui-carousel-ind ul {
  display: inline-block;
  padding: 5px;
  background-color: #0003;
  border-radius: 10px;
  -webkit-transition-duration: .3s;
  transition-duration: .3s
}

.layui-carousel-ind ul li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 3px;
  font-size: 14px;
  background-color: #eee;
  background-color: #ffffff80;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition-duration: .3s;
  transition-duration: .3s
}

.layui-carousel-ind ul li:hover {
  background-color: #ffffffb3
}

.layui-carousel-ind ul li.layui-this {
  background-color: #fff
}

.layui-carousel>[carousel-item]>.layui-carousel-next,
.layui-carousel>[carousel-item]>.layui-carousel-prev,
.layui-carousel>[carousel-item]>.layui-this {
  display: block
}

.layui-carousel>[carousel-item]>.layui-this {
  -webkit-transform: translateX(0);
  transform: translate(0)
}

.layui-carousel>[carousel-item]>.layui-carousel-prev {
  -webkit-transform: translateX(-100%);
  transform: translate(-100%)
}

.layui-carousel>[carousel-item]>.layui-carousel-next {
  -webkit-transform: translateX(100%);
  transform: translate(100%)
}

.layui-carousel>[carousel-item]>.layui-carousel-next.layui-carousel-left,
.layui-carousel>[carousel-item]>.layui-carousel-prev.layui-carousel-right {
  -webkit-transform: translateX(0);
  transform: translate(0)
}

.layui-carousel>[carousel-item]>.layui-this.layui-carousel-left {
  -webkit-transform: translateX(-100%);
  transform: translate(-100%)
}

.layui-carousel>[carousel-item]>.layui-this.layui-carousel-right {
  -webkit-transform: translateX(100%);
  transform: translate(100%)
}

.layui-carousel[lay-anim=updown] .layui-carousel-arrow {
  left: 50% !important;
  top: 20px;
  margin: 0 0 0 -18px
}

.layui-carousel[lay-anim=updown] .layui-carousel-arrow[lay-type=add] {
  top: auto !important;
  bottom: 20px
}

.layui-carousel[lay-anim=updown] .layui-carousel-ind {
  position: absolute;
  top: 50%;
  right: 20px;
  width: auto;
  height: auto
}

.layui-carousel[lay-anim=updown] .layui-carousel-ind ul {
  padding: 3px 5px
}

.layui-carousel[lay-anim=updown] .layui-carousel-ind li {
  display: block;
  margin: 6px 0
}

.layui-carousel[lay-anim=updown]>[carousel-item]>* {
  left: 0 !important
}

.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-this {
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-prev {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%)
}

.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-next {
  -webkit-transform: translateY(100%);
  transform: translateY(100%)
}

.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-next.layui-carousel-left,
.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-prev.layui-carousel-right {
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-this.layui-carousel-left {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%)
}

.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-this.layui-carousel-right {
  -webkit-transform: translateY(100%);
  transform: translateY(100%)
}

.layui-carousel[lay-anim=fade]>[carousel-item]>* {
  left: 0 !important
}

.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-next,
.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-prev {
  opacity: 0
}

.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-next.layui-carousel-left,
.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-prev.layui-carousel-right {
  opacity: 1
}

.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-this.layui-carousel-left,
.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-this.layui-carousel-right {
  opacity: 0
}

.layui-fixbar {
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 999999
}

.layui-fixbar li {
  width: 50px;
  height: 50px;
  line-height: 50px;
  margin-bottom: 1px;
  text-align: center;
  cursor: pointer;
  font-size: 30px;
  background-color: #9f9f9f;
  color: #fff;
  border-radius: 2px;
  opacity: .95
}

.layui-fixbar li:hover {
  opacity: .85
}

.layui-fixbar li:active {
  opacity: 1
}

.layui-fixbar .layui-fixbar-top {
  display: none;
  font-size: 40px
}

body .layui-util-face {
  border: none;
  background: 0 0
}

body .layui-util-face .layui-layer-content {
  padding: 0;
  background-color: #fff;
  color: #5f5f5f;
  box-shadow: none
}

.layui-util-face .layui-layer-TipsG {
  display: none
}

.layui-util-face ul {
  position: relative;
  width: 372px;
  padding: 10px;
  border: 1px solid #d9d9d9;
  background-color: #fff;
  box-shadow: 0 0 20px #0003
}

.layui-util-face ul li {
  cursor: pointer;
  float: left;
  border: 1px solid #e8e8e8;
  height: 22px;
  width: 26px;
  overflow: hidden;
  margin: -1px 0 0 -1px;
  padding: 4px 2px;
  text-align: center
}

.layui-util-face ul li:hover {
  position: relative;
  z-index: 2;
  border: 1px solid #eb7350;
  background: #fff9ec
}

.layui-code {
  display: block;
  position: relative;
  padding: 15px;
  line-height: 20px;
  border: 1px solid #eee;
  border-left-width: 6px;
  background-color: #fff;
  color: #333;
  font-family: Courier New, Consolas, Lucida Console, monospace;
  font-size: 12px
}

.layui-transfer-box,
.layui-transfer-header,
.layui-transfer-search {
  border-width: 0;
  border-style: solid;
  border-color: #eee
}

.layui-transfer-box {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  border-width: 1px;
  width: 200px;
  height: 360px;
  border-radius: 2px;
  background-color: #fff
}

.layui-transfer-box .layui-form-checkbox {
  width: 100%;
  margin: 0 !important
}

.layui-transfer-header {
  height: 38px;
  line-height: 38px;
  padding: 0 11px;
  border-bottom-width: 1px
}

.layui-transfer-search {
  position: relative;
  padding: 11px;
  border-bottom-width: 1px
}

.layui-transfer-search .layui-input {
  height: 32px;
  padding-left: 30px;
  font-size: 12px
}

.layui-transfer-search .layui-icon-search {
  position: absolute;
  left: 20px;
  top: 50%;
  line-height: normal;
  margin-top: -8px;
  color: #5f5f5f
}

.layui-transfer-active {
  margin: 0 15px;
  display: inline-block;
  vertical-align: middle
}

.layui-transfer-active .layui-btn {
  display: block;
  margin: 0;
  padding: 0 15px;
  background-color: #f08200;
  border-color: #f08200;
  color: #fff
}

.layui-transfer-active .layui-btn-disabled {
  background-color: #fbfbfb;
  border-color: #eee;
  color: #d2d2d2
}

.layui-transfer-active .layui-btn:first-child {
  margin-bottom: 15px
}

.layui-transfer-active .layui-btn .layui-icon {
  margin: 0;
  font-size: 14px !important
}

.layui-transfer-data {
  padding: 5px 0;
  overflow: auto
}

.layui-transfer-data li {
  height: 32px;
  line-height: 32px;
  margin-top: 0 !important;
  padding: 0 11px;
  list-style-type: none !important
}

.layui-transfer-data li:hover {
  background-color: #f8f8f8;
  transition: .5s all
}

.layui-transfer-data .layui-none {
  padding: 15px 11px;
  text-align: center;
  color: #999
}

.layui-rate,
.layui-rate * {
  display: inline-block;
  vertical-align: middle
}

.layui-rate {
  padding: 11px 6px 11px 0;
  font-size: 0
}

.layui-rate li {
  margin-top: 0 !important
}

.layui-rate li i.layui-icon {
  font-size: 20px;
  color: #ffb800
}

.layui-rate li i.layui-icon {
  margin-right: 5px;
  transition: all .3s;
  -webkit-transition: all .3s
}

.layui-rate li i:hover,
.layui-rate-hover {
  cursor: pointer;
  transform: scale(1.12);
  -webkit-transform: scale(1.12)
}

.layui-rate[readonly] li i:hover {
  cursor: default;
  transform: scale(1)
}

.layui-colorpicker {
  width: 38px;
  height: 38px;
  border: 1px solid #eee;
  padding: 5px;
  border-radius: 2px;
  line-height: 24px;
  display: inline-block;
  cursor: pointer;
  transition: all .3s;
  -webkit-transition: all .3s;
  box-sizing: border-box
}

.layui-colorpicker:hover {
  border-color: #d2d2d2
}

.layui-colorpicker.layui-colorpicker-lg {
  width: 44px;
  height: 44px;
  line-height: 30px
}

.layui-colorpicker.layui-colorpicker-sm {
  width: 30px;
  height: 30px;
  line-height: 20px;
  padding: 3px
}

.layui-colorpicker.layui-colorpicker-xs {
  width: 22px;
  height: 22px;
  line-height: 16px;
  padding: 1px
}

.layui-colorpicker-trigger-bgcolor {
  display: block;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
  border-radius: 2px
}

.layui-colorpicker-trigger-span {
  display: block;
  height: 100%;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 2px;
  text-align: center
}

.layui-colorpicker-trigger-i {
  display: inline-block;
  color: #fff;
  font-size: 12px
}

.layui-colorpicker-trigger-i.layui-icon-close {
  color: #999
}

.layui-colorpicker-main {
  position: absolute;
  left: -999999px;
  top: -999999px;
  z-index: 77777777;
  width: 280px;
  margin: 5px 0;
  padding: 7px;
  background: #fff;
  border: 1px solid #d2d2d2;
  border-radius: 2px;
  box-shadow: 0 2px 4px #0000001f
}

.layui-colorpicker-main-wrapper {
  height: 180px;
  position: relative
}

.layui-colorpicker-basis {
  width: 260px;
  height: 100%;
  position: relative;
  overflow: hidden
}

.layui-colorpicker-basis-white {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, #fff, #fff0)
}

.layui-colorpicker-basis-black {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(0deg, #000, transparent)
}

.layui-colorpicker-basis-cursor {
  width: 10px;
  height: 10px;
  border: 1px solid #fff;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 100%;
  cursor: pointer;
  transform: translate(-50%, -50%)
}

.layui-colorpicker-side {
  position: absolute;
  top: 0;
  right: 0;
  width: 12px;
  height: 100%;
  background: linear-gradient(red, #ff0, #0f0, #0ff, #00f, #f0f, red)
}

.layui-colorpicker-side-slider {
  width: 100%;
  height: 5px;
  box-shadow: 0 0 1px #888;
  box-sizing: border-box;
  background: #fff;
  border-radius: 1px;
  border: 1px solid #f0f0f0;
  cursor: pointer;
  position: absolute;
  left: 0
}

.layui-colorpicker-main-alpha {
  display: none;
  height: 12px;
  margin-top: 7px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
}

.layui-colorpicker-alpha-bgcolor {
  height: 100%;
  position: relative
}

.layui-colorpicker-alpha-slider {
  width: 5px;
  height: 100%;
  box-shadow: 0 0 1px #888;
  box-sizing: border-box;
  background: #fff;
  border-radius: 1px;
  border: 1px solid #f0f0f0;
  cursor: pointer;
  position: absolute;
  top: 0
}

.layui-colorpicker-main-pre {
  padding-top: 7px;
  font-size: 0
}

.layui-colorpicker-pre {
  width: 20px;
  height: 20px;
  border-radius: 2px;
  display: inline-block;
  margin-left: 6px;
  margin-bottom: 7px;
  cursor: pointer
}

.layui-colorpicker-pre:nth-child(11n+1) {
  margin-left: 0
}

.layui-colorpicker-pre-isalpha {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
}

.layui-colorpicker-pre.layui-this {
  box-shadow: 0 0 3px 2px #00000026
}

.layui-colorpicker-pre>div {
  height: 100%;
  border-radius: 2px
}

.layui-colorpicker-main-input {
  text-align: right;
  padding-top: 7px
}

.layui-colorpicker-main-input .layui-btn-container .layui-btn {
  margin: 0 0 0 10px
}

.layui-colorpicker-main-input div.layui-inline {
  float: left;
  font-size: 14px
}

.layui-colorpicker-main-input input.layui-input {
  width: 168px;
  height: 30px;
  color: #5f5f5f;
  padding-left: 5px
}

.layui-slider {
  height: 4px;
  background: #eee;
  border-radius: 3px;
  position: relative;
  cursor: pointer
}

.layui-slider-bar {
  border-radius: 3px;
  position: absolute;
  height: 100%
}

.layui-slider-step {
  position: absolute;
  top: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #fff;
  -webkit-transform: translateX(-50%);
  transform: translate(-50%)
}

.layui-slider-wrap {
  width: 36px;
  height: 36px;
  position: absolute;
  top: -16px;
  -webkit-transform: translateX(-50%);
  transform: translate(-50%);
  z-index: 10;
  text-align: center
}

.layui-slider-wrap-btn {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #fff;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  transition: .3s
}

.layui-slider-wrap:after {
  content: "";
  height: 100%;
  display: inline-block;
  vertical-align: middle
}

.layui-slider-wrap-btn.layui-slider-hover,
.layui-slider-wrap-btn:hover {
  transform: scale(1.2)
}

.layui-slider-wrap-btn.layui-disabled:hover {
  transform: scale(1) !important
}

.layui-slider-tips {
  position: absolute;
  top: -42px;
  z-index: 77777777;
  white-space: nowrap;
  -webkit-transform: translateX(-50%);
  transform: translate(-50%);
  color: #fff;
  background: #000;
  border-radius: 3px;
  height: 25px;
  line-height: 25px;
  padding: 0 10px
}

.layui-slider-tips:after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 50%;
  margin-left: -6px;
  width: 0;
  height: 0;
  border-width: 6px;
  border-style: solid;
  border-color: #000 transparent transparent transparent
}

.layui-slider-input {
  width: 70px;
  height: 32px;
  border: 1px solid #eee;
  border-radius: 3px;
  font-size: 16px;
  line-height: 32px;
  position: absolute;
  right: 0;
  top: -14px;
  box-sizing: border-box
}

.layui-slider-input-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 100%;
  border-left: 1px solid #eee
}

.layui-slider-input-btn i {
  cursor: pointer;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 20px;
  height: 50%;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #999
}

.layui-slider-input-btn i:first-child {
  top: 0;
  border-bottom: 1px solid #eee
}

.layui-slider-input-txt {
  height: 100%;
  font-size: 14px
}

.layui-slider-input-txt input {
  height: 100%;
  border: none;
  padding-right: 21px
}

.layui-slider-input-btn i:hover {
  color: #f08200
}

.layui-slider-vertical {
  width: 4px;
  margin-left: 33px
}

.layui-slider-vertical .layui-slider-bar {
  width: 4px
}

.layui-slider-vertical .layui-slider-step {
  top: auto;
  left: 0;
  -webkit-transform: translateY(50%);
  transform: translateY(50%)
}

.layui-slider-vertical .layui-slider-wrap {
  top: auto;
  left: -16px;
  -webkit-transform: translateY(50%);
  transform: translateY(50%)
}

.layui-slider-vertical .layui-slider-tips {
  top: auto;
  left: 2px
}

@media �screen {
  .layui-slider-wrap-btn {
    margin-left: -20px
  }

  .layui-slider-vertical .layui-slider-wrap-btn {
    margin-left: 0;
    margin-bottom: -20px
  }

  .layui-slider-vertical .layui-slider-tips {
    margin-left: -8px
  }

  .layui-slider>span {
    margin-left: 8px
  }
}

.layui-tree {
  line-height: 22px
}

.layui-tree .layui-form-checkbox {
  margin: 0 !important
}

.layui-tree-set {
  width: 100%;
  position: relative
}

.layui-tree-pack {
  display: none;
  padding-left: 20px;
  position: relative
}

.layui-tree-line .layui-tree-pack {
  padding-left: 27px
}

.layui-tree-line .layui-tree-set .layui-tree-set:after {
  content: "";
  position: absolute;
  top: 14px;
  left: -9px;
  width: 17px;
  height: 0;
  border-top: 1px dotted #c0c4cc
}

.layui-tree-entry {
  position: relative;
  padding: 3px 0;
  height: 26px;
  white-space: nowrap
}

.layui-tree-entry:hover {
  background-color: #eee
}

.layui-tree-line .layui-tree-entry:hover {
  background-color: #0000
}

.layui-tree-line .layui-tree-entry:hover .layui-tree-txt {
  color: #999;
  text-decoration: underline;
  transition: .3s
}

.layui-tree-main {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  padding-right: 10px
}

.layui-tree-line .layui-tree-set:before {
  content: "";
  position: absolute;
  top: 0;
  left: -9px;
  width: 0;
  height: 100%;
  border-left: 1px dotted #c0c4cc
}

.layui-tree-line .layui-tree-set.layui-tree-setLineShort:before {
  height: 13px
}

.layui-tree-line .layui-tree-set.layui-tree-setHide:before {
  height: 0
}

.layui-tree-iconClick {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  height: 20px;
  line-height: 20px;
  margin: 0 10px;
  color: #c0c4cc
}

.layui-tree-icon {
  height: 14px;
  line-height: 12px;
  width: 14px;
  text-align: center;
  border: 1px solid #c0c4cc
}

.layui-tree-iconClick .layui-icon {
  font-size: 18px
}

.layui-tree-icon .layui-icon {
  font-size: 12px;
  color: #5f5f5f
}

.layui-tree-iconArrow {
  padding: 0 5px
}

.layui-tree-iconArrow:after {
  content: "";
  position: absolute;
  left: 4px;
  top: 3px;
  z-index: 100;
  width: 0;
  height: 0;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent #c0c4cc;
  transition: .5s
}

.layui-tree-spread>.layui-tree-entry .layui-tree-iconClick>.layui-tree-iconArrow:after {
  transform: rotate(90deg) translate(3px, 4px)
}

.layui-tree-txt {
  display: inline-block;
  vertical-align: middle;
  color: #555
}

.layui-tree-search {
  margin-bottom: 15px;
  color: #5f5f5f
}

.layui-tree-btnGroup {
  visibility: hidden;
  display: inline-block;
  vertical-align: middle;
  position: relative
}

.layui-tree-btnGroup .layui-icon {
  display: inline-block;
  vertical-align: middle;
  padding: 0 2px;
  cursor: pointer
}

.layui-tree-btnGroup .layui-icon:hover {
  color: #999;
  transition: .3s
}

.layui-tree-entry:hover .layui-tree-btnGroup {
  visibility: visible
}

.layui-tree-editInput {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  line-height: 20px;
  padding: 0;
  border: none;
  background-color: #0000000d
}

.layui-tree-emptyText {
  text-align: center;
  color: #999
}

.layui-anim {
  -webkit-animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-duration: .3s;
  animation-fill-mode: both
}

.layui-anim.layui-icon {
  display: inline-block
}

.layui-anim-loop {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.layui-trans,
.layui-trans a {
  transition: all .2s;
  -webkit-transition: all .2s
}

@-webkit-keyframes layui-rotate {
  0% {
    -webkit-transform: rotate(0)
  }

  to {
    -webkit-transform: rotate(360deg)
  }
}

@keyframes layui-rotate {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.layui-anim-rotate {
  -webkit-animation-name: layui-rotate;
  animation-name: layui-rotate;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear
}

@-webkit-keyframes layui-up {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    opacity: .3
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    opacity: 1
  }
}

@keyframes layui-up {
  0% {
    transform: translate3d(0, 100%, 0);
    opacity: .3
  }

  to {
    transform: translateZ(0);
    opacity: 1
  }
}

.layui-anim-up {
  -webkit-animation-name: layui-up;
  animation-name: layui-up
}

@-webkit-keyframes layui-upbit {
  0% {
    -webkit-transform: translate3d(0, 15px, 0);
    opacity: .3
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    opacity: 1
  }
}

@keyframes layui-upbit {
  0% {
    transform: translate3d(0, 15px, 0);
    opacity: .3
  }

  to {
    transform: translateZ(0);
    opacity: 1
  }
}

.layui-anim-upbit {
  -webkit-animation-name: layui-upbit;
  animation-name: layui-upbit
}

@keyframes layui-down {
  0% {
    opacity: .3;
    transform: translate3d(0, -100%, 0)
  }

  to {
    opacity: 1;
    transform: translateZ(0)
  }
}

.layui-anim-down {
  animation-name: layui-down
}

@keyframes layui-downbit {
  0% {
    opacity: .3;
    transform: translate3d(0, -5px, 0)
  }

  to {
    opacity: 1;
    transform: translateZ(0)
  }
}

.layui-anim-downbit {
  animation-name: layui-downbit
}

@-webkit-keyframes layui-scale {
  0% {
    opacity: .3;
    -webkit-transform: scale(.5)
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1)
  }
}

@keyframes layui-scale {
  0% {
    opacity: .3;
    -ms-transform: scale(.5);
    transform: scale(.5)
  }

  to {
    opacity: 1;
    -ms-transform: scale(1);
    transform: scale(1)
  }
}

.layui-anim-scale {
  -webkit-animation-name: layui-scale;
  animation-name: layui-scale
}

@-webkit-keyframes layui-scale-spring {
  0% {
    opacity: .5;
    -webkit-transform: scale(.5)
  }

  80% {
    opacity: .8;
    -webkit-transform: scale(1.1)
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1)
  }
}

@keyframes layui-scale-spring {
  0% {
    opacity: .5;
    transform: scale(.5)
  }

  80% {
    opacity: .8;
    transform: scale(1.1)
  }

  to {
    opacity: 1;
    transform: scale(1)
  }
}

.layui-anim-scaleSpring {
  -webkit-animation-name: layui-scale-spring;
  animation-name: layui-scale-spring
}

@keyframes layui-scalesmall {
  0% {
    opacity: .3;
    transform: scale(1.5)
  }

  to {
    opacity: 1;
    transform: scale(1)
  }
}

.layui-anim-scalesmall {
  animation-name: layui-scalesmall
}

@keyframes layui-scalesmall-spring {
  0% {
    opacity: .3;
    transform: scale(1.5)
  }

  80% {
    opacity: .8;
    transform: scale(.9)
  }

  to {
    opacity: 1;
    transform: scale(1)
  }
}

.layui-anim-scalesmall-spring {
  animation-name: layui-scalesmall-spring
}

@-webkit-keyframes layui-fadein {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes layui-fadein {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.layui-anim-fadein {
  -webkit-animation-name: layui-fadein;
  animation-name: layui-fadein
}

@-webkit-keyframes layui-fadeout {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes layui-fadeout {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

.layui-anim-fadeout {
  -webkit-animation-name: layui-fadeout;
  animation-name: layui-fadeout
}

html #layuicss-skincodecss {
  display: none;
  position: absolute;
  width: 1989px
}

.layui-code-wrap {
  font-size: 13px;
  font-family: Courier New, Consolas, Lucida Console, monospace
}

.layui-code-view {
  display: block;
  position: relative;
  padding: 0 !important;
  border: 1px solid #eee;
  border-left-width: 6px;
  background-color: #fff;
  color: #333
}

.layui-code-view pre {
  margin: 0 !important
}

.layui-code-header {
  position: relative;
  z-index: 3;
  padding: 0 11px;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #eee;
  background-color: #fafafa;
  font-size: 12px
}

.layui-code-header>.layui-code-header-about {
  position: absolute;
  right: 11px;
  top: 0;
  color: #b7b7b7
}

.layui-code-header-about>a {
  padding-left: 10px
}

.layui-code-wrap {
  position: relative;
  display: block;
  z-index: 1;
  margin: 0 !important;
  padding: 11px 0 !important;
  overflow-x: hidden;
  overflow-y: auto
}

.layui-code-line {
  position: relative;
  line-height: 19px;
  margin: 0 !important
}

.layui-code-line-number {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 8px;
  min-width: 45px;
  height: 100%;
  text-align: right;
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
  overflow: hidden
}

.layui-code-line-content {
  padding: 0 11px;
  word-wrap: break-word;
  white-space: pre-wrap
}

.layui-code-ln-mode>.layui-code-wrap>.layui-code-line {
  padding-left: 45px
}

.layui-code-ln-side {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
  width: 45px;
  border-right: 1px solid #eee;
  border-color: #7e7a7a26;
  background-color: #fafafa;
  pointer-events: none
}

.layui-code-nowrap>.layui-code-wrap {
  overflow: auto
}

.layui-code-nowrap>.layui-code-wrap>.layui-code-line>.layui-code-line-content {
  white-space: pre;
  word-wrap: normal
}

.layui-code-nowrap>.layui-code-ln-side {
  border-right-width: 0 !important;
  background: 0 0 !important
}

.layui-code-fixbar {
  position: absolute;
  top: 8px;
  right: 11px;
  padding-right: 45px;
  z-index: 5
}

.layui-code-fixbar>span {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0 8px;
  color: #777;
  transition: all .3s
}

.layui-code-fixbar>span:hover {
  color: #f08200
}

.layui-code-copy {
  display: none;
  cursor: pointer
}

.layui-code-preview>.layui-code-view>.layui-code-fixbar .layui-code-copy {
  display: none !important
}

.layui-code-view:hover>.layui-code-fixbar .layui-code-copy {
  display: block
}

.layui-code-view:hover>.layui-code-fixbar .layui-code-lang-marker {
  display: none
}

.layui-code-theme-dark,
.layui-code-theme-dark>.layui-code-header {
  border-color: #7e7a7a26;
  background-color: #1f1f1f
}

.layui-code-theme-dark {
  border-width: 1px;
  color: #ccc
}

.layui-code-theme-dark>.layui-code-ln-side {
  border-right-color: #2a2a2a;
  background: 0 0;
  color: #6e7681
}

.layui-code textarea {
  display: none
}

.layui-code-preview>.layui-code,
.layui-code-preview>.layui-code-view {
  margin: 0
}

.layui-code-preview>.layui-tab {
  position: relative;
  z-index: 1;
  margin-bottom: 0
}

.layui-code-preview .layui-code-item {
  display: none;
  border-top-width: 0
}

.layui-code-item-preview {
  position: relative;
  padding: 16px
}

.layui-code-item-preview>iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none
}

.layui-code-tools {
  position: absolute;
  right: 11px;
  top: 8px;
  line-height: normal
}

.layui-code-tools>i {
  display: inline-block;
  margin-left: 6px;
  padding: 3px;
  cursor: pointer
}

.layui-code-tools>i.layui-icon-file-b {
  color: #999
}

.layui-code-tools>i:hover {
  color: #f08200
}

.layui-code-full {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1111111;
  width: 100%;
  height: 100%;
  background-color: #fff
}

.layui-code-full .layui-code-item {
  width: 100% !important;
  border-width: 0 !important
}

.layui-code-full .layui-code-item,
.layui-code-full .layui-code-view,
.layui-code-full .layui-code-wrap {
  height: calc(100vh - 51px) !important;
  box-sizing: border-box
}

.layui-code-full .layui-code-item-preview {
  overflow: auto
}

.layui-code-view.layui-code-hl {
  line-height: 20px !important;
  border-left-width: 1px
}

.layui-code-view.layui-code-hl>.layui-code-ln-side {
  background-color: transparent
}

.layui-code-theme-dark.layui-code-hl,
.layui-code-theme-dark.layui-code-hl>.layui-code-ln-side {
  border-color: #7e7a7a26
}

html #layuicss-laydate {
  display: none;
  position: absolute;
  width: 1989px
}

.layui-laydate * {
  margin: 0;
  padding: 0
}

.layui-laydate,
.layui-laydate * {
  box-sizing: border-box
}

.layui-laydate {
  position: absolute;
  z-index: 99999999;
  margin: 5px 0;
  border-radius: 2px;
  font-size: 14px;
  line-height: normal;
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.layui-laydate-main {
  width: 272px
}

.layui-laydate-content td,
.layui-laydate-header *,
.layui-laydate-list li {
  transition-duration: .3s;
  -webkit-transition-duration: .3s
}

.layui-laydate-shade {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  pointer-events: auto
}

@keyframes laydate-downbit {
  0% {
    opacity: .3;
    transform: translate3d(0, -5px, 0)
  }

  to {
    opacity: 1;
    transform: translateZ(0)
  }
}

.layui-laydate {
  animation-name: laydate-downbit
}

.layui-laydate-static {
  position: relative;
  z-index: 0;
  display: inline-block;
  margin: 0;
  -webkit-animation: none;
  animation: none
}

.laydate-ym-show .laydate-next-m,
.laydate-ym-show .laydate-prev-m {
  display: none !important
}

.laydate-ym-show .laydate-next-y,
.laydate-ym-show .laydate-prev-y {
  display: inline-block !important
}

.laydate-ym-show .laydate-set-ym span[lay-type=month],
.laydate-time-show .laydate-set-ym span[lay-type=month],
.laydate-time-show .laydate-set-ym span[lay-type=year],
.laydate-time-show .layui-laydate-header .layui-icon {
  display: none !important
}

.layui-laydate-header {
  position: relative;
  line-height: 30px;
  padding: 10px 70px 5px
}

.layui-laydate-header * {
  display: inline-block;
  vertical-align: bottom
}

.layui-laydate-header i {
  position: absolute;
  top: 10px;
  padding: 0 5px;
  color: #999;
  font-size: 18px;
  cursor: pointer
}

.layui-laydate-header i.laydate-prev-y {
  left: 15px
}

.layui-laydate-header i.laydate-prev-m {
  left: 45px
}

.layui-laydate-header i.laydate-next-y {
  right: 15px
}

.layui-laydate-header i.laydate-next-m {
  right: 45px
}

.laydate-set-ym {
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap
}

.laydate-set-ym span {
  padding: 0 10px;
  cursor: pointer
}

.laydate-time-text {
  cursor: default !important
}

.layui-laydate-content {
  position: relative;
  padding: 10px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.layui-laydate-content table {
  border-collapse: collapse;
  border-spacing: 0
}

.layui-laydate-content td,
.layui-laydate-content th {
  width: 36px;
  height: 30px;
  padding: 0;
  text-align: center
}

.layui-laydate-content th {
  font-weight: 400
}

.layui-laydate-content td {
  position: relative;
  cursor: pointer
}

.laydate-day-mark {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  line-height: 30px;
  font-size: 12px;
  overflow: hidden
}

.laydate-day-mark:after {
  position: absolute;
  content: "";
  right: 2px;
  top: 2px;
  width: 5px;
  height: 5px;
  border-radius: 50%
}

.laydate-day-holidays:before {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 12px;
  transform: scale(.7)
}

.laydate-day-holidays:before {
  content: "休";
  color: #ff5722
}

.laydate-day-holidays[type=workdays]:before {
  content: "班";
  color: inherit
}

.layui-laydate .layui-this .laydate-day-holidays:before {
  color: #fff
}

.layui-laydate-footer {
  position: relative;
  height: 46px;
  line-height: 26px;
  padding: 10px
}

.layui-laydate-footer span {
  display: inline-block;
  vertical-align: top;
  height: 26px;
  line-height: 24px;
  padding: 0 10px;
  border: 1px solid #c9c9c9;
  border-radius: 2px;
  background-color: #fff;
  font-size: 12px;
  cursor: pointer;
  white-space: nowrap;
  transition: all .3s
}

.layui-laydate-footer span:hover {
  color: #f08200
}

.layui-laydate-footer span.layui-laydate-preview {
  cursor: default;
  border-color: transparent !important
}

.layui-laydate-footer span.layui-laydate-preview:hover {
  color: #777
}

.layui-laydate-footer span:first-child.layui-laydate-preview {
  padding-left: 0
}

.laydate-footer-btns {
  position: absolute;
  right: 10px;
  top: 10px
}

.laydate-footer-btns span {
  margin: 0 0 0 -1px;
  border-radius: 0
}

.laydate-footer-btns span:first-child {
  border-radius: 2px 0 0 2px
}

.laydate-footer-btns span:last-child {
  border-radius: 0 2px 2px 0
}

.layui-laydate-shortcut {
  width: 80px;
  padding: 6px 0;
  display: inline-block;
  vertical-align: top;
  overflow: auto;
  max-height: 276px;
  text-align: center
}

.layui-laydate-shortcut+.layui-laydate-main {
  display: inline-block;
  border-left: 1px solid #e2e2e2
}

.layui-laydate-shortcut>li {
  padding: 5px 8px;
  cursor: pointer;
  line-height: 18px
}

.layui-laydate .layui-laydate-list {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 10px;
  box-sizing: border-box;
  background-color: #fff
}

.layui-laydate .layui-laydate-list>li {
  position: relative;
  display: inline-block;
  width: 33.3%;
  height: 36px;
  line-height: 36px;
  margin: 3px 0;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  list-style: none
}

.layui-laydate .laydate-month-list>li {
  width: 25%;
  margin: 17px 0
}

.laydate-time-list {
  display: table
}

.layui-laydate .laydate-time-list>li {
  display: table-cell;
  height: 100%;
  margin: 0;
  line-height: normal;
  cursor: default
}

.layui-laydate .laydate-time-list p {
  position: relative;
  top: -4px;
  margin: 0;
  line-height: 29px
}

.layui-laydate .laydate-time-list ol {
  height: 181px;
  overflow: hidden
}

.layui-laydate .laydate-time-list>li:hover ol {
  overflow-y: auto
}

.layui-laydate .laydate-time-list ol li {
  width: 130%;
  padding-left: 33px;
  height: 30px;
  line-height: 30px;
  text-align: left;
  cursor: pointer
}

.layui-laydate .laydate-time-list-hide-1 ol li {
  padding-left: 53px
}

.layui-laydate .laydate-time-list-hide-2 ol li {
  padding-left: 117px
}

.layui-laydate-hint {
  position: absolute;
  top: 115px;
  left: 50%;
  width: 250px;
  margin-left: -125px;
  line-height: 20px;
  padding: 15px;
  text-align: center;
  font-size: 12px;
  color: #ff5722
}

.layui-laydate-range {
  width: 546px
}

.layui-laydate-range .layui-laydate-main {
  display: inline-block;
  vertical-align: middle;
  max-width: 50%
}

.layui-laydate-range .laydate-main-list-1 .layui-laydate-content,
.layui-laydate-range .laydate-main-list-1 .layui-laydate-header {
  border-left: 1px solid #e2e2e2
}

.layui-laydate-range.layui-laydate-linkage .laydate-main-list-0 .laydate-next-m,
.layui-laydate-range.layui-laydate-linkage .laydate-main-list-0 .laydate-next-y,
.layui-laydate-range.layui-laydate-linkage .laydate-main-list-1 .laydate-prev-m,
.layui-laydate-range.layui-laydate-linkage .laydate-main-list-1 .laydate-prev-y {
  display: none
}

.layui-laydate-range.layui-laydate-linkage .laydate-main-list-1 .layui-laydate-content,
.layui-laydate-range.layui-laydate-linkage .laydate-main-list-1 .layui-laydate-header {
  border-left-style: dashed
}

.layui-laydate,
.layui-laydate-hint {
  border: 1px solid #d2d2d2;
  box-shadow: 0 2px 4px #0000001f;
  background-color: #fff;
  color: #777
}

.layui-laydate-header {
  border-bottom: 1px solid #e2e2e2
}

.layui-laydate-header i:hover,
.layui-laydate-header span:hover {
  color: #f08200
}

.layui-laydate-content {
  border-top: none 0;
  border-bottom: none 0
}

.layui-laydate-content th {
  color: #333
}

.layui-laydate-content td {
  color: #777
}

.layui-laydate-content td.laydate-day-now {
  color: #f08200
}

.layui-laydate-content td.laydate-day-now:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 30px;
  left: 0;
  top: 0;
  border: 1px solid #F08200;
  box-sizing: border-box
}

.layui-laydate-linkage .layui-laydate-content td.laydate-selected>div {
  background-color: #cffae9;
  transition: all .3s
}

.layui-laydate-linkage .laydate-selected:hover>div {
  background-color: #cffae9 !important
}

.layui-laydate-content td.laydate-selected:after,
.layui-laydate-content td:hover:after {
  content: none
}

.layui-laydate-content td>div:hover,
.layui-laydate-list li:hover,
.layui-laydate-shortcut>li:hover {
  background-color: #eee;
  color: #333;
  transition: all .3s
}

.laydate-time-list li ol {
  margin: 0;
  padding: 0;
  border: 1px solid #e2e2e2;
  border-left-width: 0
}

.laydate-time-list li:first-child ol {
  border-left-width: 1px
}

.laydate-time-list>li:hover {
  background: 0 0
}

.layui-laydate-content .laydate-day-next,
.layui-laydate-content .laydate-day-prev {
  color: #d2d2d2
}

.layui-laydate-linkage .laydate-selected.laydate-day-next>div,
.layui-laydate-linkage .laydate-selected.laydate-day-prev>div {
  background: 0 0 !important
}

.layui-laydate-footer {
  border-top: 1px solid #e2e2e2
}

.layui-laydate-hint {
  color: #ff5722
}

.laydate-day-mark:after {
  background-color: #f08200
}

.layui-laydate-content td.layui-this .laydate-day-mark:after {
  display: none
}

.layui-laydate-footer span[lay-type=date] {
  color: #f08200
}

.layui-laydate .layui-this,
.layui-laydate .layui-this>div {
  background-color: #f08200 !important;
  color: #fff !important
}

.layui-laydate .laydate-disabled,
.layui-laydate .laydate-disabled:hover {
  background: 0 0 !important;
  color: #d2d2d2 !important;
  cursor: not-allowed !important;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.layui-laydate .layui-this.laydate-disabled,
.layui-laydate .layui-this.laydate-disabled>div {
  background-color: #eee !important
}

.layui-laydate-content td>div {
  padding: 7px 0;
  height: 100%
}

.laydate-theme-molv {
  border: none
}

.laydate-theme-molv.layui-laydate-range {
  width: 548px
}

.laydate-theme-molv .layui-laydate-main {
  width: 274px
}

.laydate-theme-molv .layui-laydate-header {
  border: none;
  background-color: #f08200
}

.laydate-theme-molv .layui-laydate-header i,
.laydate-theme-molv .layui-laydate-header span {
  color: #f6f6f6
}

.laydate-theme-molv .layui-laydate-header i:hover,
.laydate-theme-molv .layui-laydate-header span:hover {
  color: #fff
}

.laydate-theme-molv .layui-laydate-content {
  border: 1px solid #e2e2e2;
  border-top: none;
  border-bottom: none
}

.laydate-theme-molv .laydate-main-list-1 .layui-laydate-content {
  border-left: none
}

.laydate-theme-molv .layui-this,
.laydate-theme-molv .layui-this>div {
  background-color: #f08200 !important
}

.laydate-theme-molv .layui-laydate-footer {
  border: 1px solid #e2e2e2
}

.laydate-theme-grid .laydate-month-list>li,
.laydate-theme-grid .laydate-year-list>li,
.laydate-theme-grid .layui-laydate-content td,
.laydate-theme-grid .layui-laydate-content thead {
  border: 1px solid #e2e2e2
}

.layui-laydate-linkage.laydate-theme-grid .laydate-selected,
.layui-laydate-linkage.laydate-theme-grid .laydate-selected:hover {
  background-color: #f2f2f2 !important;
  color: #f08200 !important
}

.layui-laydate-linkage.laydate-theme-grid .laydate-selected.laydate-day-next,
.layui-laydate-linkage.laydate-theme-grid .laydate-selected.laydate-day-prev {
  color: #d2d2d2 !important
}

.laydate-theme-grid .laydate-month-list,
.laydate-theme-grid .laydate-year-list {
  margin: 1px 0 0 1px
}

.laydate-theme-grid .laydate-month-list>li,
.laydate-theme-grid .laydate-year-list>li {
  margin: 0 -1px -1px 0
}

.laydate-theme-grid .laydate-year-list>li {
  height: 43px;
  line-height: 43px
}

.laydate-theme-grid .laydate-month-list>li {
  height: 71px;
  line-height: 71px
}

.laydate-theme-grid .layui-laydate-content td>div {
  height: 29px;
  margin-top: -1px
}

.laydate-theme-circle .layui-laydate-content td.layui-this>div,
.laydate-theme-circle .layui-laydate-content td>div {
  width: 28px;
  height: 28px;
  line-height: 28px;
  border-radius: 14px;
  margin: 0 4px;
  padding: 0
}

.layui-laydate.laydate-theme-circle .layui-laydate-content table td.layui-this {
  background-color: transparent !important
}

.laydate-theme-grid.laydate-theme-circle .layui-laydate-content td>div {
  margin: 0 3.5px
}

.laydate-theme-fullpanel .layui-laydate-main {
  width: 526px
}

.laydate-theme-fullpanel .layui-laydate-list {
  width: 252px;
  left: 272px
}

.laydate-theme-fullpanel .laydate-set-ym span {
  display: none
}

.laydate-theme-fullpanel .laydate-time-show .laydate-set-ym span[lay-type=month],
.laydate-theme-fullpanel .laydate-time-show .laydate-set-ym span[lay-type=year],
.laydate-theme-fullpanel .laydate-time-show .layui-laydate-header .layui-icon {
  display: inline-block !important
}

.laydate-theme-fullpanel .laydate-btns-time {
  display: none
}

.laydate-theme-fullpanel .laydate-time-list-hide-1 ol li {
  padding-left: 49px
}

.laydate-theme-fullpanel .laydate-time-list-hide-2 ol li {
  padding-left: 107px
}

html #layuicss-layer {
  display: none;
  position: absolute;
  width: 1989px
}

.layui-layer,
.layui-layer-shade {
  position: fixed;
  _position: absolute;
  pointer-events: auto
}

.layui-layer-shade {
  opacity: 0;
  transition: opacity .35s cubic-bezier(.34, .69, .1, 1);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.layui-layer {
  -webkit-overflow-scrolling: touch
}

.layui-layer {
  top: 150px;
  left: 0;
  margin: 0;
  padding: 0;
  background-color: #fff;
  -webkit-background-clip: content;
  background-clip: content;
  border-radius: 2px;
  box-shadow: 1px 1px 50px #0000004d
}

.layui-layer-close {
  position: absolute
}

.layui-layer-content {
  position: relative
}

.layui-layer-border {
  border: 1px solid #b2b2b2;
  border: 1px solid rgba(0, 0, 0, .1);
  box-shadow: 1px 1px 5px #0003
}

.layui-layer-load {
  background: url(data:image/gif;base64,R0lGODlhJQAlAJECAL3L2AYrTv///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgACACwAAAAAJQAlAAACi5SPqcvtDyGYIFpF690i8xUw3qJBwUlSadmcLqYmGQu6KDIeM13beGzYWWy3DlB4IYaMk+Dso2RWkFCfLPcRvFbZxFLUDTt21BW56TyjRep1e20+i+eYMR145W2eefj+6VFmgTQi+ECVY8iGxcg35phGo/iDFwlTyXWphwlm1imGRdcnuqhHeop6UAAAIfkEBQoAAgAsEAACAAQACwAAAgWMj6nLXAAh+QQFCgACACwVAAUACgALAAACFZQvgRi92dyJcVJlLobUdi8x4bIhBQAh+QQFCgACACwXABEADAADAAACBYyPqcsFACH5BAUKAAIALBUAFQAKAAsAAAITlGKZwWoMHYxqtmplxlNT7ixGAQAh+QQFCgACACwQABgABAALAAACBYyPqctcACH5BAUKAAIALAUAFQAKAAsAAAIVlC+BGL3Z3IlxUmUuhtR2LzHhsiEFACH5BAUKAAIALAEAEQAMAAMAAAIFjI+pywUAIfkEBQoAAgAsBQAFAAoACwAAAhOUYJnAagwdjGq2amXGU1PuLEYBACH5BAUKAAIALBAAAgAEAAsAAAIFhI+py1wAIfkEBQoAAgAsFQAFAAoACwAAAhWUL4AIvdnciXFSZS6G1HYvMeGyIQUAIfkEBQoAAgAsFwARAAwAAwAAAgWEj6nLBQAh+QQFCgACACwVABUACgALAAACE5RgmcBqDB2MarZqZcZTU+4sRgEAIfkEBQoAAgAsEAAYAAQACwAAAgWEj6nLXAAh+QQFCgACACwFABUACgALAAACFZQvgAi92dyJcVJlLobUdi8x4bIhBQAh+QQFCgACACwBABEADAADAAACBYSPqcsFADs=) #fff center center no-repeat
}

.layui-layer-btn a,
.layui-layer-setwin span {
  display: inline-block;
  vertical-align: middle
}

.layui-layer-move {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: move;
  opacity: 0;
  filter: alpha(opacity=0);
  background-color: #fff;
  z-index: 2147483647
}

.layui-layer-resize {
  position: absolute;
  width: 15px;
  height: 15px;
  right: 0;
  bottom: 0;
  cursor: se-resize
}

.layer-anim {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: .3s;
  animation-duration: .3s
}

@-webkit-keyframes layer-bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5)
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes layer-bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5)
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
  }
}

.layer-anim-00 {
  -webkit-animation-name: layer-bounceIn;
  animation-name: layer-bounceIn
}

@-webkit-keyframes layer-zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
}

@keyframes layer-zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    -ms-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    -ms-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
}

.layer-anim-01 {
  -webkit-animation-name: layer-zoomInDown;
  animation-name: layer-zoomInDown
}

@-webkit-keyframes layer-fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px)
  }

  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes layer-fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px)
  }

  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
}

.layer-anim-02 {
  -webkit-animation-name: layer-fadeInUpBig;
  animation-name: layer-fadeInUpBig
}

@-webkit-keyframes layer-zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translate(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(48px);
    transform: scale(.475) translate(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
}

@keyframes layer-zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    -ms-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translate(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(48px);
    -ms-transform: scale(.475) translateX(48px);
    transform: scale(.475) translate(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
}

.layer-anim-03 {
  -webkit-animation-name: layer-zoomInLeft;
  animation-name: layer-zoomInLeft
}

@-webkit-keyframes layer-rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translate(-100%) rotate(-120deg)
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(0) rotate(0);
    transform: translate(0) rotate(0)
  }
}

@keyframes layer-rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translate(-100%) rotate(-120deg)
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(0) rotate(0);
    -ms-transform: translateX(0) rotate(0);
    transform: translate(0) rotate(0)
  }
}

.layer-anim-04 {
  -webkit-animation-name: layer-rollIn;
  animation-name: layer-rollIn
}

@-webkit-keyframes layer-fadeIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes layer-fadeIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.layer-anim-05 {
  -webkit-animation-name: layer-fadeIn;
  animation-name: layer-fadeIn
}

@-webkit-keyframes layer-shake {

  0%,
  to {
    -webkit-transform: translateX(0);
    transform: translate(0)
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
    transform: translate(-10px)
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
    transform: translate(10px)
  }
}

@keyframes layer-shake {

  0%,
  to {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0)
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translate(-10px)
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translate(10px)
  }
}

.layer-anim-06 {
  -webkit-animation-name: layer-shake;
  animation-name: layer-shake
}

@keyframes layer-slide-down {
  0% {
    transform: translate3d(0, -100%, 0)
  }

  to {
    transform: translateZ(0)
  }
}

@keyframes layer-slide-down-out {
  0% {
    transform: translateZ(0)
  }

  to {
    transform: translate3d(0, -100%, 0)
  }
}

.layer-anim-slide-down {
  animation-name: layer-slide-down
}

.layer-anim-slide-down-out {
  animation-name: layer-slide-down-out
}

@keyframes layer-slide-left {
  0% {
    transform: translate3d(100%, 0, 0)
  }

  to {
    transform: translateZ(0)
  }
}

@keyframes layer-slide-left-out {
  0% {
    transform: translateZ(0)
  }

  to {
    transform: translate3d(100%, 0, 0)
  }
}

.layer-anim-slide-left {
  animation-name: layer-slide-left
}

.layer-anim-slide-left-out {
  animation-name: layer-slide-left-out
}

@keyframes layer-slide-up {
  0% {
    transform: translate3d(0, 100%, 0)
  }

  to {
    transform: translateZ(0)
  }
}

@keyframes layer-slide-up-out {
  0% {
    transform: translateZ(0)
  }

  to {
    transform: translate3d(0, 100%, 0)
  }
}

.layer-anim-slide-up {
  animation-name: layer-slide-up
}

.layer-anim-slide-up-out {
  animation-name: layer-slide-up-out
}

@keyframes layer-slide-right {
  0% {
    transform: translate3d(-100%, 0, 0)
  }

  to {
    transform: translateZ(0)
  }
}

@keyframes layer-slide-right-out {
  0% {
    transform: translateZ(0)
  }

  to {
    transform: translate3d(-100%, 0, 0)
  }
}

.layer-anim-slide-right {
  animation-name: layer-slide-right
}

.layer-anim-slide-right-out {
  animation-name: layer-slide-right-out
}

.layui-layer-title {
  padding: 0 81px 0 16px;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #f0f0f0;
  font-size: 14px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 2px 2px 0 0
}

.layui-layer-setwin {
  position: absolute;
  right: 15px;
  top: 16px;
  font-size: 0;
  line-height: initial
}

.layui-layer-setwin span {
  position: relative;
  width: 16px;
  height: 16px;
  line-height: 18px;
  margin-left: 10px;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
  color: #000;
  _overflow: hidden;
  box-sizing: border-box
}

.layui-layer-setwin .layui-layer-min:before {
  content: "";
  position: absolute;
  width: 12px;
  border-bottom: 1px solid #2e2d3c;
  left: 50%;
  top: 50%;
  margin: -.5px 0 0 -6px;
  cursor: pointer;
  _overflow: hidden
}

.layui-layer-setwin .layui-layer-max:after,
.layui-layer-setwin .layui-layer-max:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 9px;
  height: 9px;
  margin: -5px 0 0 -5px;
  border: 1px solid #2e2d3c
}

.layui-layer-setwin .layui-layer-max:hover:after,
.layui-layer-setwin .layui-layer-max:hover:before {
  border-color: #2d93ca
}

.layui-layer-setwin .layui-layer-min:hover:before {
  background-color: #2d93ca
}

.layui-layer-setwin .layui-layer-maxmin:after,
.layui-layer-setwin .layui-layer-maxmin:before {
  width: 7px;
  height: 7px;
  margin: -3px 0 0 -3px;
  background-color: #fff
}

.layui-layer-setwin .layui-layer-maxmin:after {
  z-index: 0;
  margin: -5px 0 0 -1px
}

.layui-layer-setwin .layui-layer-close {
  cursor: pointer
}

.layui-layer-setwin .layui-layer-close:hover {
  opacity: .7
}

.layui-layer-setwin .layui-layer-close2 {
  position: absolute;
  right: -28px;
  top: -28px;
  color: #fff;
  background-color: #787878;
  padding: 3px;
  border: 3px solid;
  width: 28px;
  height: 28px;
  font-size: 16px;
  font-weight: bolder;
  border-radius: 50%;
  margin-left: 0
}

.layui-layer-setwin .layui-layer-close2:hover {
  opacity: unset;
  background-color: #3888f6
}

.layui-layer-btn {
  text-align: right;
  padding: 0 15px 12px;
  pointer-events: auto;
  user-select: none;
  -webkit-user-select: none
}

.layui-layer-btn a {
  height: 30px;
  line-height: 30px;
  margin: 5px 5px 0;
  padding: 0 16px;
  border: 1px solid #dedede;
  background-color: #fff;
  color: #333;
  border-radius: 2px;
  font-weight: 400;
  cursor: pointer;
  text-decoration: none;
  box-sizing: border-box
}

.layui-layer-btn a:hover {
  opacity: .9;
  text-decoration: none
}

.layui-layer-btn a:active {
  opacity: .8
}

.layui-layer-btn .layui-layer-btn0 {
  border-color: transparent;
  background-color: #1e9fff;
  color: #fff
}

.layui-layer-btn-l {
  text-align: left
}

.layui-layer-btn-c {
  text-align: center
}

.layui-layer-btn-is-loading {
  opacity: .5 !important;
  cursor: not-allowed !important;
  cursor: wait !important;
  overflow: hidden;
  white-space: nowrap;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.layui-layer-btn-is-loading .layui-layer-btn-loading-icon {
  margin-right: 8px;
  font-size: 14px
}

.layui-layer-dialog {
  min-width: 240px
}

.layui-layer-dialog .layui-layer-content {
  position: relative;
  padding: 16px;
  line-height: 24px;
  word-break: break-all;
  overflow: hidden;
  font-size: 14px;
  overflow-x: hidden;
  overflow-y: auto
}

.layui-layer-dialog .layui-layer-content .layui-layer-face {
  position: absolute;
  top: 18px;
  left: 16px;
  color: #959595;
  font-size: 32px;
  _left: -40px
}

.layui-layer-dialog .layui-layer-content .layui-icon-tips {
  color: #f39b12
}

.layui-layer-dialog .layui-layer-content .layui-icon-success {
  color: #f08200
}

.layui-layer-dialog .layui-layer-content .layui-icon-error {
  top: 19px;
  color: #ff5722
}

.layui-layer-dialog .layui-layer-content .layui-icon-question {
  color: #ffb800
}

.layui-layer-dialog .layui-layer-content .layui-icon-lock {
  color: #787878
}

.layui-layer-dialog .layui-layer-content .layui-icon-face-cry {
  color: #ff5722
}

.layui-layer-dialog .layui-layer-content .layui-icon-face-smile {
  color: #f08200
}

.layui-layer-rim {
  border: 6px solid #8d8d8d;
  border: 6px solid rgba(0, 0, 0, .3);
  border-radius: 5px;
  box-shadow: none
}

.layui-layer-msg {
  min-width: 180px;
  border: 1px solid #d3d4d3;
  box-shadow: none
}

.layui-layer-hui {
  min-width: 100px;
  background-color: #000;
  filter: alpha(opacity=60);
  background-color: #0009;
  color: #fff;
  border: none
}

.layui-layer-hui .layui-layer-close {
  color: #fff
}

.layui-layer-hui .layui-layer-content {
  padding: 11px 24px;
  text-align: center
}

.layui-layer-dialog .layui-layer-padding {
  padding: 18px 24px 18px 58px;
  text-align: left
}

.layui-layer-page .layui-layer-content {
  position: relative;
  overflow: auto
}

.layui-layer-iframe .layui-layer-btn,
.layui-layer-page .layui-layer-btn {
  padding-top: 10px
}

.layui-layer-nobg {
  background: 0 0
}

.layui-layer-iframe iframe {
  display: block;
  width: 100%
}

.layui-layer-loading {
  border-radius: 100%;
  background: 0 0;
  box-shadow: none;
  border: none
}

.layui-layer-loading .layui-layer-content {
  width: 76px;
  height: 38px;
  line-height: 38px;
  text-align: center
}

.layui-layer-loading-icon {
  font-size: 38px;
  color: #959595
}

.layui-layer-loading2 {
  text-align: center
}

.layui-layer-loading-2 {
  position: relative;
  height: 38px
}

.layui-layer-loading-2:after,
.layui-layer-loading-2:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 38px;
  height: 38px;
  margin: -19px 0 0 -19px;
  border-radius: 50%;
  border: 3px solid #d2d2d2;
  box-sizing: border-box
}

.layui-layer-loading-2:after {
  border-color: transparent;
  border-left-color: #1e9fff
}

.layui-layer-tips {
  background: 0 0;
  box-shadow: none;
  border: none
}

.layui-layer-tips .layui-layer-content {
  position: relative;
  line-height: 22px;
  min-width: 12px;
  padding: 8px 15px;
  font-size: 12px;
  _float: left;
  border-radius: 2px;
  box-shadow: 1px 1px 3px #0003;
  background-color: #000;
  color: #fff
}

.layui-layer-tips .layui-layer-close {
  right: -2px;
  top: -1px
}

.layui-layer-tips i.layui-layer-TipsG {
  position: absolute;
  width: 0;
  height: 0;
  border-width: 8px;
  border-color: transparent;
  border-style: dashed
}

.layui-layer-tips i.layui-layer-TipsB,
.layui-layer-tips i.layui-layer-TipsT {
  left: 5px;
  border-right-style: solid;
  border-right-color: #000
}

.layui-layer-tips i.layui-layer-TipsT {
  bottom: -8px
}

.layui-layer-tips i.layui-layer-TipsB {
  top: -8px
}

.layui-layer-tips i.layui-layer-TipsL,
.layui-layer-tips i.layui-layer-TipsR {
  top: 5px;
  border-bottom-style: solid;
  border-bottom-color: #000
}

.layui-layer-tips i.layui-layer-TipsR {
  left: -8px
}

.layui-layer-tips i.layui-layer-TipsL {
  right: -8px
}

.layui-layer-lan .layui-layer-title {
  background: #4476a7;
  color: #fff;
  border: none
}

.layui-layer-lan .layui-layer-btn {
  padding: 5px 10px 10px;
  border-top: 1px solid #e9e7e7
}

.layui-layer-lan .layui-layer-btn a {
  background: #fff;
  border-color: #e9e7e7;
  color: #333
}

.layui-layer-lan .layui-layer-btn .layui-layer-btn1 {
  background: #c9c5c5
}

.layui-layer-molv .layui-layer-title {
  background: #009f95;
  color: #fff;
  border: none
}

.layui-layer-molv .layui-layer-btn a {
  background: #009f95;
  border-color: #009f95
}

.layui-layer-molv .layui-layer-btn .layui-layer-btn1 {
  background: #92b8b1
}

.layui-layer-lan .layui-layer-setwin .layui-icon,
.layui-layer-molv .layui-layer-setwin .layui-icon {
  color: #fff
}

.layui-layer-win10 {
  border: 1px solid #aaa;
  box-shadow: 1px 1px 6px #0000004d;
  border-radius: none
}

.layui-layer-win10 .layui-layer-title {
  height: 32px;
  line-height: 32px;
  padding-left: 8px;
  border-bottom: none;
  font-size: 12px
}

.layui-layer-win10 .layui-layer-setwin {
  right: 0;
  top: 0
}

.layui-layer-win10 .layui-layer-setwin span {
  margin-left: 0;
  width: 32px;
  height: 32px;
  padding: 8px
}

.layui-layer-win10.layui-layer-page .layui-layer-setwin span {
  width: 38px
}

.layui-layer-win10 .layui-layer-setwin span:hover {
  background-color: #e5e5e5
}

.layui-layer-win10 .layui-layer-setwin span.layui-icon-close:hover {
  background-color: #e81123;
  color: #fff
}

.layui-layer-win10.layui-layer-dialog .layui-layer-content {
  padding: 8px 16px 32px;
  color: #0033bc
}

.layui-layer-win10.layui-layer-dialog .layui-layer-padding {
  padding-top: 18px;
  padding-left: 58px
}

.layui-layer-win10 .layui-layer-btn {
  padding: 5px 5px 10px;
  border-top: 1px solid #dfdfdf;
  background-color: #f0f0f0
}

.layui-layer-win10 .layui-layer-btn a {
  height: 20px;
  line-height: 18px;
  background-color: #e1e1e1;
  border-color: #adadad;
  color: #000;
  font-size: 12px;
  transition: all .3s
}

.layui-layer-win10 .layui-layer-btn a:hover {
  border-color: #2a8edd;
  background-color: #e5f1fb
}

.layui-layer-win10 .layui-layer-btn .layui-layer-btn0 {
  border-color: #0078d7
}

.layui-layer-prompt .layui-layer-input {
  display: block;
  width: 260px;
  height: 36px;
  margin: 0 auto;
  line-height: 30px;
  padding-left: 10px;
  border: 1px solid #e6e6e6;
  color: #333
}

.layui-layer-prompt textarea.layui-layer-input {
  width: 300px;
  height: 100px;
  line-height: 20px;
  padding: 6px 10px
}

.layui-layer-prompt .layui-layer-content {
  padding: 16px
}

.layui-layer-prompt .layui-layer-btn {
  padding-top: 0
}

.layui-layer-tab {
  box-shadow: 1px 1px 50px #0006
}

.layui-layer-tab .layui-layer-title {
  padding-left: 0;
  overflow: visible
}

.layui-layer-tab .layui-layer-title span {
  position: relative;
  display: inline-block;
  vertical-align: top;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  min-width: 80px;
  max-width: 300px;
  padding: 0 16px;
  text-align: center;
  cursor: default;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer
}

.layui-layer-tab .layui-layer-title span.layui-this {
  height: 51px;
  border-left-color: #eee;
  border-right-color: #eee;
  background-color: #fff;
  z-index: 10
}

.layui-layer-tab .layui-layer-title span:first-child {
  border-left-color: transparent
}

.layui-layer-tabmain {
  line-height: 24px;
  clear: both
}

.layui-layer-tabmain .layui-layer-tabli {
  display: none
}

.layui-layer-tabmain .layui-layer-tabli.layui-this {
  display: block
}

.layui-layer-photos {
  background: 0 0;
  box-shadow: none
}

.layui-layer-photos .layui-layer-content {
  overflow: visible;
  text-align: center
}

.layui-layer-photos .layer-layer-photos-main img {
  position: relative;
  width: 100%;
  display: inline-block;
  vertical-align: top
}

.layui-layer-photos-next,
.layui-layer-photos-prev {
  position: fixed;
  top: 50%;
  width: 52px;
  height: 52px;
  line-height: 52px;
  margin-top: -26px;
  cursor: pointer;
  font-size: 52px;
  color: #717171
}

.layui-layer-photos-prev {
  left: 32px
}

.layui-layer-photos-next {
  right: 32px
}

.layui-layer-photos-next:hover,
.layui-layer-photos-prev:hover {
  color: #959595
}

.layui-layer-photos-toolbar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 52px;
  line-height: 52px;
  background-color: #00000052;
  color: #fff;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 0
}

.layui-layer-photos-toolbar>* {
  display: inline-block;
  vertical-align: top;
  padding: 0 16px;
  font-size: 12px;
  color: #fff
}

.layui-layer-photos-toolbar * {
  font-size: 12px
}

.layui-layer-photos-header {
  top: 0;
  bottom: auto
}

.layui-layer-photos-header>span {
  cursor: pointer
}

.layui-layer-photos-header>span:hover {
  background-color: #33333352
}

.layui-layer-photos-header .layui-icon {
  font-size: 18px
}

.layui-layer-photos-footer>h3 {
  max-width: 65%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap
}

.layui-layer-photos-footer a:hover {
  text-decoration: underline
}

.layui-layer-photos-footer em {
  font-style: normal
}

@-webkit-keyframes layer-bounceOut {
  to {
    opacity: 0;
    -webkit-transform: scale(.7);
    transform: scale(.7)
  }

  30% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
  }

  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes layer-bounceOut {
  to {
    opacity: 0;
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7)
  }

  30% {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
  }

  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
  }
}

.layer-anim-close {
  -webkit-animation-name: layer-bounceOut;
  animation-name: layer-bounceOut;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: .2s;
  animation-duration: .2s
}


.w-1526 {
  padding: 1.354vw 13.229vw 6.041vw 7.291vw;
  display: flex;
  gap: 5.52vw;
}

.w-1526 video {
 height: 100%;
}

.w-1526 .l .swiper {
  display: inline-flex;
  width: 47.76vw;
  height: 36.614vw;
  /* padding: 8.164vw 0.841vw 8.161vw 1.256vw; */
  justify-content: flex-end;
  align-items: center;
  flex-shrink: 0;
  border: 0.928px solid #C9C9C9;
}

  .w-1526 .l .swiper .swiper-slide img,.w-1526 .l .swiper .swiper-slide video{
  width: 100%;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
}

.w-1526 .r {
  flex: 1;
  padding: 7.057vw 0 0 0;
}

.w-1526 .r h3 {
  color: #000;
  font-family: 'Inter';
  font-size: 1.666vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.w-1526 .r span {
  display: block;
  color: #000;
  padding: 1.875vw 0;
  font-size: 2.083vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.w-1526 .r p {
  max-height: 4.947vw;
  overflow-y: auto;
  display: block;
  color: #6C6C6C;
  font-size: 1.145vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 2.005vw;
}

.w-1526 .r .swiper {
  display: flex;
  flex-wrap: wrap;
  /* margin-bottom: 3.118vw; */
}

/* .w-1526 .r .swiper-wrapper {
  gap: 1.114vw;
} */
.w-1526 .r .swiper .icon {
  position: absolute;
  right: 4px;
  bottom: 4px;
}

.w-1526 .r .swiper .swiper-slide {
  /* flex: 1; */
  position: relative;
  height: 4.485vw;
  padding: 1.171vw 0.652vw 1.145vw 0.685vw;
  border: 0.549px solid #C9C9C9;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
}

.w-1526 .r .swiper .or {
  border: 0.549px solid #F08200;
}

.w-1526 .r .swiper .swiper-slide:hover {
  border: 0.549px solid #F08200;
}

.w-1526 .r .swiper {
  width: 100%;
  max-width: 27.197vw;
  overflow: hidden;
  
}

.w-1526 .r .ewm {
  width: 25.052vw;
  height: 7.812vw;
  flex-shrink: 0;
  aspect-ratio: 481/150;
}

/* 右侧轮播的 wrapper 样式（重置平移外的干扰样式） */
#thumbSwiper .swiper-wrapper {
  width: auto !important;
  overflow: visible !important;
}

#thumbSwiper .swiper-slide {
  box-sizing: border-box;
  text-align: center;
}

.w-1526 .r .ewm img {
  max-height: 80% !important;
}

.main {
  padding: 0 13.229vw 6.041vw 7.291vw;
}

.main span {
  color: #F08200;
  font-size: 0.937vw;
  font-style: normal;
  display: block;
  margin-bottom: 0.937vw;
  font-weight: 700;
  line-height: normal;
}

.main table {
  width: 100%;
}

.main table tr td {
  width: 25%;
  padding: 1.041vw 5.208vw 1.041vw 0.625vw;
  align-items: center;
  color: #000;
  font-family: "Noto Sans SC";
  font-size: 0.937vw;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border: 0.5px solid #BBB;
}

.main table tr td:nth-child(1),
.main table tr td:nth-child(3) {
  background: #ECECEC;
}

@media (max-width:769px) {

  .w-1526,
  .main {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
  }

  .w-1526 {
    flex-wrap: wrap;
    gap: 35px;
  }
  .w-1526 .l .swiper-slide img {
    height: auto;

  }
  .w-1526 .l {
    width: 100%;
  }

  .w-1526 .l .swiper {
    width: 100%;
    overflow: hidden;
    /* height: 200px; */
    height: auto;
    aspect-ratio: 9 / 7;
  }
  .w-1526 .r .swiper {
    max-width: 700px;
  }
  .w-1526 .l .swiper .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .w-1526 .r {
    padding: 0;
    position: relative;
    padding: 100px 0 0 0;
  }

  .w-1526 .r .swiper .swiper-wrapper {
    display: flex;
  }

  .w-1526 .r h3 {
    text-align: center;
    font-size: 24px;
  }

  .w-1526 .r span {
    text-align: center;
    font-size: 20px;
    padding: 17px 0;
  }

  .w-1526 video {
    right: 55px;
    width: 70%;
    top: -35px;
  }

  .w-1526 .r p {
    text-align: center;
    font-size: 15px;
    margin-bottom: 30px;
  }

  .w-1526 .r .swiper {
    width: 100%;
  }

  .w-1526 .r .swiper .swiper-slide {
    /* width: 50%!important; */
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    aspect-ratio: 109 / 86;
  }

  .w-1526 .r .swiper .swiper-slide img {
    max-width: 100%;
    max-height: 100%;
  }

  .w-1526 .r .ewm {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100px;
  }

  .w-1526 .r .ewm img {
    max-width: 100%;
    max-height: 100%;
  }

  .main span {
    font-size: 14px;
    margin-bottom: 10px;
  }

  .main table tr td {
    font-size: 14px;
  }

  .w-1526 .r .swiper {
    /* margin-bottom: 100px; */
    position: absolute;
    top: -15px;
  }
}