html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  /* font: inherit; */
  /* font-size: 100%; */
  vertical-align: baseline;
  font-weight: 400;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

img {max-width: 100%;vertical-align: top;}
html{
    /*隐藏滚动条，当IE下溢出，仍然可以滚动*/
    -ms-overflow-style:none;
    /*火狐下隐藏滚动条*/
    overflow:-moz-scrollbars-none;
}
i {font-style: normal;}

/* //谷歌适用 */
::-webkit-scrollbar{
    display:none;
}


.row {
  width: 100%;
  overflow: visible;
  direction: ltr;
  text-align: left;
  font-size: 0;
}

p, h1, h2, h3, h4, h5, h6 {
  line-height: 1.75;
}

span, p, h1, h2, h3, h4, h5, h6 {
  /* letter-spacing: 2px; */
}

html, body {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  font-size: 18px;
  scroll-behavior: smooth;
  text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  background-color: #000;
  color: #FFFFFF;
}



.col {
  position: relative;
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
}

.col-0 {
  width: 0%;
}

.offset-0 {
  margin-left: 0%;
}

.col-1 {
  width: 8.33333%;
}

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

.col-2 {
  width: 16.66667%;
}

.offset-2 {
  margin-left: 16.66667%;
}

.col-2_4 {
  width: 20%;
}

.offset-2_4 {
  margin-left: 20%;
}

.col-2_5 {
  width: 20.83333%;
}

.offset-2_5 {
  margin-left: 20.83333%;
}

.col-3 {
  width: 25%;
}

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

.col-4 {
  width: 33.33333%;
}

.offset-4 {
  margin-left: 33.33333%;
}

.col-4_5 {
  width: 37.5%;
}

.offset-4_5 {
  margin-left: 37.5%;
}

.col-4_8 {
  width: 40%;
}

.offset-4_8 {
  margin-left: 40%;
}

.col-5 {
  width: 41.66667%;
}

.offset-5 {
  margin-left: 41.66667%;
}

.col-5_2 {
  width: 43.33333%;
}

.offset-5_2 {
  margin-left: 43.33333%;
}

.col-6 {
  width: 50%;
}

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

.col-7 {
  width: 58.33333%;
}

.offset-7 {
  margin-left: 58.33333%;
}

.col-8 {
  width: 66.66667%;
}

.offset-8 {
  margin-left: 66.66667%;
}

.col-9 {
  width: 75%;
}

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

.col-10 {
  width: 83.33333%;
}

.offset-10 {
  margin-left: 83.33333%;
}

.col-11 {
  width: 91.66667%;
}

.offset-11 {
  margin-left: 91.66667%;
}

.col-12 {
  width: 100%;
}

.offset-12 {
  margin-left: 100%;
}

@media only screen and (max-width: 479px) {
  .visible-xs {
    display: none !important;
  }
}
@media only screen and (min-width: 480px) {
  html, body {
    font-size: 20px;
  }

  .fixed--width {
    width: 100%;
  }

  .row-xs-rtl {
    direction: rtl;
  }

  .row-xs-ltr {
    direction: ltr;
  }

  .row-xs-rtl .col, .row-xs-ltr .col {
    direction: ltr;
  }

  .col-xs-0 {
    width: 0%;
  }

  .col-xs-auto {
    width: auto;
  }

  .offset-xs-0 {
    margin-left: 0%;
  }

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

  .col-xs-auto {
    width: auto;
  }

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

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

  .col-xs-auto {
    width: auto;
  }

  .offset-xs-2 {
    margin-left: 16.66667%;
  }

  .col-xs-2_4 {
    width: 20%;
  }

  .col-xs-auto {
    width: auto;
  }

  .offset-xs-2_4 {
    margin-left: 20%;
  }

  .col-xs-2_5 {
    width: 20.83333%;
  }

  .col-xs-auto {
    width: auto;
  }

  .offset-xs-2_5 {
    margin-left: 20.83333%;
  }

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

  .col-xs-auto {
    width: auto;
  }

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

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

  .col-xs-auto {
    width: auto;
  }

  .offset-xs-4 {
    margin-left: 33.33333%;
  }

  .col-xs-4_5 {
    width: 37.5%;
  }

  .col-xs-auto {
    width: auto;
  }

  .offset-xs-4_5 {
    margin-left: 37.5%;
  }

  .col-xs-4_8 {
    width: 40%;
  }

  .col-xs-auto {
    width: auto;
  }

  .offset-xs-4_8 {
    margin-left: 40%;
  }

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

  .col-xs-auto {
    width: auto;
  }

  .offset-xs-5 {
    margin-left: 41.66667%;
  }

  .col-xs-5_2 {
    width: 43.33333%;
  }

  .col-xs-auto {
    width: auto;
  }

  .offset-xs-5_2 {
    margin-left: 43.33333%;
  }

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

  .col-xs-auto {
    width: auto;
  }

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

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

  .col-xs-auto {
    width: auto;
  }

  .offset-xs-7 {
    margin-left: 58.33333%;
  }

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

  .col-xs-auto {
    width: auto;
  }

  .offset-xs-8 {
    margin-left: 66.66667%;
  }

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

  .col-xs-auto {
    width: auto;
  }

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

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

  .col-xs-auto {
    width: auto;
  }

  .offset-xs-10 {
    margin-left: 83.33333%;
  }

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

  .col-xs-auto {
    width: auto;
  }

  .offset-xs-11 {
    margin-left: 91.66667%;
  }

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

  .col-xs-auto {
    width: auto;
  }

  .offset-xs-12 {
    margin-left: 100%;
  }

  .hidden-xs {
    display: none !important;
  }
}
@media only screen and (max-width: 639px) {
  .visible-sm {
    display: none !important;
  }
}
@media only screen and (min-width: 640px) {
  html, body {
    font-size: 20px;
  }

  /* .fixed--width {
    width: 640px;
  } */

  .row-sm-rtl {
    direction: rtl;
  }

  .row-sm-ltr {
    direction: ltr;
  }

  .row-sm-rtl .col, .row-sm-ltr .col {
    direction: ltr;
  }

  .col-sm-0 {
    width: 0%;
  }

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

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

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

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

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

  .col-sm-2 {
    width: 16.66667%;
  }

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

  .offset-sm-2 {
    margin-left: 16.66667%;
  }

  .col-sm-2_4 {
    width: 20%;
  }

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

  .offset-sm-2_4 {
    margin-left: 20%;
  }

  .col-sm-2_5 {
    width: 20.83333%;
  }

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

  .offset-sm-2_5 {
    margin-left: 20.83333%;
  }

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

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

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

  .col-sm-4 {
    width: 33.33333%;
  }

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

  .offset-sm-4 {
    margin-left: 33.33333%;
  }

  .col-sm-4_5 {
    width: 37.5%;
  }

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

  .offset-sm-4_5 {
    margin-left: 37.5%;
  }

  .col-sm-4_8 {
    width: 40%;
  }

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

  .offset-sm-4_8 {
    margin-left: 40%;
  }

  .col-sm-5 {
    width: 41.66667%;
  }

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

  .offset-sm-5 {
    margin-left: 41.66667%;
  }

  .col-sm-5_2 {
    width: 43.33333%;
  }

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

  .offset-sm-5_2 {
    margin-left: 43.33333%;
  }

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

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

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

  .col-sm-7 {
    width: 58.33333%;
  }

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

  .offset-sm-7 {
    margin-left: 58.33333%;
  }

  .col-sm-8 {
    width: 66.66667%;
  }

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

  .offset-sm-8 {
    margin-left: 66.66667%;
  }

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

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

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

  .col-sm-10 {
    width: 83.33333%;
  }

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

  .offset-sm-10 {
    margin-left: 83.33333%;
  }

  .col-sm-11 {
    width: 91.66667%;
  }

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

  .offset-sm-11 {
    margin-left: 91.66667%;
  }

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

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

  .offset-sm-12 {
    margin-left: 100%;
  }

  .hidden-sm {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  .visible-md {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) {
  html, body {
    font-size: 18px;
  }

  /* .fixed--width {
    width: 768px;
  } */

  .row-md-rtl {
    direction: rtl;
  }

  .row-md-ltr {
    direction: ltr;
  }

  .row-md-rtl .col, .row-md-ltr .col {
    direction: ltr;
  }

  .col-md-0 {
    width: 0%;
  }

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

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

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

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

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

  .col-md-2 {
    width: 16.66667%;
  }

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

  .offset-md-2 {
    margin-left: 16.66667%;
  }

  .col-md-2_4 {
    width: 20%;
  }

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

  .offset-md-2_4 {
    margin-left: 20%;
  }

  .col-md-2_5 {
    width: 20.83333%;
  }

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

  .offset-md-2_5 {
    margin-left: 20.83333%;
  }

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

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

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

  .col-md-4 {
    width: 33.33333%;
  }

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

  .offset-md-4 {
    margin-left: 33.33333%;
  }

  .col-md-4_5 {
    width: 37.5%;
  }

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

  .offset-md-4_5 {
    margin-left: 37.5%;
  }

  .col-md-4_8 {
    width: 40%;
  }

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

  .offset-md-4_8 {
    margin-left: 40%;
  }

  .col-md-5 {
    width: 41.66667%;
  }

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

  .offset-md-5 {
    margin-left: 41.66667%;
  }

  .col-md-5_2 {
    width: 43.33333%;
  }

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

  .offset-md-5_2 {
    margin-left: 43.33333%;
  }

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

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

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

  .col-md-7 {
    width: 58.33333%;
  }

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

  .offset-md-7 {
    margin-left: 58.33333%;
  }

  .col-md-8 {
    width: 66.66667%;
  }

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

  .offset-md-8 {
    margin-left: 66.66667%;
  }

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

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

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

  .col-md-10 {
    width: 83.33333%;
  }

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

  .offset-md-10 {
    margin-left: 83.33333%;
  }

  .col-md-11 {
    width: 91.66667%;
  }

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

  .offset-md-11 {
    margin-left: 91.66667%;
  }

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

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

  .offset-md-12 {
    margin-left: 100%;
  }

  .hidden-md {
    display: none !important;
  }
}
@media only screen and (max-width: 991px) {
  .visible-lg {
    display: none !important;
  }
}
@media only screen and (min-width: 992px) {
  /* html, body {
    font-size: 9.92px;
  } */

  /* .fixed--width {
    width: 992px;
  } */

  .row-lg-rtl {
    direction: rtl;
  }

  .row-lg-ltr {
    direction: ltr;
  }

  .row-lg-rtl .col, .row-lg-ltr .col {
    direction: ltr;
  }

  .col-lg-0 {
    width: 0%;
  }

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

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

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

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

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

  .col-lg-2 {
    width: 16.66667%;
  }

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

  .offset-lg-2 {
    margin-left: 16.66667%;
  }

  .col-lg-2_4 {
    width: 20%;
  }

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

  .offset-lg-2_4 {
    margin-left: 20%;
  }

  .col-lg-2_5 {
    width: 20.83333%;
  }

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

  .offset-lg-2_5 {
    margin-left: 20.83333%;
  }

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

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

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

  .col-lg-4 {
    width: 33.33333%;
  }

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

  .offset-lg-4 {
    margin-left: 33.33333%;
  }

  .col-lg-4_5 {
    width: 37.5%;
  }

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

  .offset-lg-4_5 {
    margin-left: 37.5%;
  }

  .col-lg-4_8 {
    width: 40%;
  }

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

  .offset-lg-4_8 {
    margin-left: 40%;
  }

  .col-lg-5 {
    width: 41.66667%;
  }

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

  .offset-lg-5 {
    margin-left: 41.66667%;
  }

  .col-lg-5_2 {
    width: 43.33333%;
  }

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

  .offset-lg-5_2 {
    margin-left: 43.33333%;
  }

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

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

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

  .col-lg-7 {
    width: 58.33333%;
  }

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

  .offset-lg-7 {
    margin-left: 58.33333%;
  }

  .col-lg-8 {
    width: 66.66667%;
  }

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

  .offset-lg-8 {
    margin-left: 66.66667%;
  }

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

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

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

  .col-lg-10 {
    width: 83.33333%;
  }

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

  .offset-lg-10 {
    margin-left: 83.33333%;
  }

  .col-lg-11 {
    width: 91.66667%;
  }

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

  .offset-lg-11 {
    margin-left: 91.66667%;
  }

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

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

  .offset-lg-12 {
    margin-left: 100%;
  }

  .hidden-lg {
    display: none !important;
  }
}
@media only screen and (max-width: 1279px) {
  .visible-xl {
    display: none !important;
  }
}
@media only screen and (min-width: 1280px) {
  html, body {
    font-size: 12.8px;
  }

  /* .fixed--width {
    width: 1280px;
  } */

  .row-xl-rtl {
    direction: rtl;
  }

  .row-xl-ltr {
    direction: ltr;
  }

  .row-xl-rtl .col, .row-xl-ltr .col {
    direction: ltr;
  }

  .col-xl-0 {
    width: 0%;
  }

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

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

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

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

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

  .col-xl-2 {
    width: 16.66667%;
  }

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

  .offset-xl-2 {
    margin-left: 16.66667%;
  }

  .col-xl-2_4 {
    width: 20%;
  }

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

  .offset-xl-2_4 {
    margin-left: 20%;
  }

  .col-xl-2_5 {
    width: 20.83333%;
  }

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

  .offset-xl-2_5 {
    margin-left: 20.83333%;
  }

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

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

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

  .col-xl-4 {
    width: 33.33333%;
  }

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

  .offset-xl-4 {
    margin-left: 33.33333%;
  }

  .col-xl-4_5 {
    width: 37.5%;
  }

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

  .offset-xl-4_5 {
    margin-left: 37.5%;
  }

  .col-xl-4_8 {
    width: 40%;
  }

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

  .offset-xl-4_8 {
    margin-left: 40%;
  }

  .col-xl-5 {
    width: 41.66667%;
  }

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

  .offset-xl-5 {
    margin-left: 41.66667%;
  }

  .col-xl-5_2 {
    width: 43.33333%;
  }

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

  .offset-xl-5_2 {
    margin-left: 43.33333%;
  }

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

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

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

  .col-xl-7 {
    width: 58.33333%;
  }

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

  .offset-xl-7 {
    margin-left: 58.33333%;
  }

  .col-xl-8 {
    width: 66.66667%;
  }

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

  .offset-xl-8 {
    margin-left: 66.66667%;
  }

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

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

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

  .col-xl-10 {
    width: 83.33333%;
  }

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

  .offset-xl-10 {
    margin-left: 83.33333%;
  }

  .col-xl-11 {
    width: 91.66667%;
  }

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

  .offset-xl-11 {
    margin-left: 91.66667%;
  }

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

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

  .offset-xl-12 {
    margin-left: 100%;
  }

  .hidden-xl {
    display: none !important;
  }
}
@media only screen and (max-width: 1365px) {}
@media only screen and (min-width: 1366px) {
	/* html, body {
	  font-size: 13.66px;
	} */
}
@media only screen and (max-width: 1439px) {
  .visible-xxl {
    display: none !important;
  }
}
@media only screen and (min-width: 1440px) {
  /* html, body {
    font-size: 14.4px;
  } */

  /* .fixed--width {
    width: 1440px;
  } */

  .row-xxl-rtl {
    direction: rtl;
  }

  .row-xxl-ltr {
    direction: ltr;
  }

  .row-xxl-rtl .col, .row-xxl-ltr .col {
    direction: ltr;
  }

  .col-xxl-0 {
    width: 0%;
  }

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

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

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

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

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

  .col-xxl-2 {
    width: 16.66667%;
  }

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

  .offset-xxl-2 {
    margin-left: 16.66667%;
  }

  .col-xxl-2_4 {
    width: 20%;
  }

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

  .offset-xxl-2_4 {
    margin-left: 20%;
  }

  .col-xxl-2_5 {
    width: 20.83333%;
  }

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

  .offset-xxl-2_5 {
    margin-left: 20.83333%;
  }

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

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

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

  .col-xxl-4 {
    width: 33.33333%;
  }

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

  .offset-xxl-4 {
    margin-left: 33.33333%;
  }

  .col-xxl-4_5 {
    width: 37.5%;
  }

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

  .offset-xxl-4_5 {
    margin-left: 37.5%;
  }

  .col-xxl-4_8 {
    width: 40%;
  }

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

  .offset-xxl-4_8 {
    margin-left: 40%;
  }

  .col-xxl-5 {
    width: 41.66667%;
  }

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

  .offset-xxl-5 {
    margin-left: 41.66667%;
  }

  .col-xxl-5_2 {
    width: 43.33333%;
  }

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

  .offset-xxl-5_2 {
    margin-left: 43.33333%;
  }

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

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

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

  .col-xxl-7 {
    width: 58.33333%;
  }

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

  .offset-xxl-7 {
    margin-left: 58.33333%;
  }

  .col-xxl-8 {
    width: 66.66667%;
  }

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

  .offset-xxl-8 {
    margin-left: 66.66667%;
  }

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

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

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

  .col-xxl-10 {
    width: 83.33333%;
  }

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

  .offset-xxl-10 {
    margin-left: 83.33333%;
  }

  .col-xxl-11 {
    width: 91.66667%;
  }

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

  .offset-xxl-11 {
    margin-left: 91.66667%;
  }

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

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

  .offset-xxl-12 {
    margin-left: 100%;
  }

  .hidden-xxl {
    display: none !important;
  }
}
@media only screen and (max-width: 1599px) {
  .visible-xxxl {
    display: none !important;
  }
}
@media only screen and (min-width: 1600px) {
  /* .fixed--width {
    width: 1600px;
  } */

  .row-xxxl-rtl {
    direction: rtl;
  }

  .row-xxxl-ltr {
    direction: ltr;
  }

  .row-xxxl-rtl .col, .row-xxxl-ltr .col {
    direction: ltr;
  }

  .col-xxxl-0 {
    width: 0%;
  }

  .col-xxxl-auto {
    width: auto;
  }

  .offset-xxxl-0 {
    margin-left: 0%;
  }

  .col-xxxl-1 {
    width: 8.33333%;
  }

  .col-xxxl-auto {
    width: auto;
  }

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

  .col-xxxl-2 {
    width: 16.66667%;
  }

  .col-xxxl-auto {
    width: auto;
  }

  .offset-xxxl-2 {
    margin-left: 16.66667%;
  }

  .col-xxxl-2_4 {
    width: 20%;
  }

  .col-xxxl-auto {
    width: auto;
  }

  .offset-xxxl-2_4 {
    margin-left: 20%;
  }

  .col-xxxl-2_5 {
    width: 20.83333%;
  }

  .col-xxxl-auto {
    width: auto;
  }

  .offset-xxxl-2_5 {
    margin-left: 20.83333%;
  }

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

  .col-xxxl-auto {
    width: auto;
  }

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

  .col-xxxl-4 {
    width: 33.33333%;
  }

  .col-xxxl-auto {
    width: auto;
  }

  .offset-xxxl-4 {
    margin-left: 33.33333%;
  }

  .col-xxxl-4_5 {
    width: 37.5%;
  }

  .col-xxxl-auto {
    width: auto;
  }

  .offset-xxxl-4_5 {
    margin-left: 37.5%;
  }

  .col-xxxl-4_8 {
    width: 40%;
  }

  .col-xxxl-auto {
    width: auto;
  }

  .offset-xxxl-4_8 {
    margin-left: 40%;
  }

  .col-xxxl-5 {
    width: 41.66667%;
  }

  .col-xxxl-auto {
    width: auto;
  }

  .offset-xxxl-5 {
    margin-left: 41.66667%;
  }

  .col-xxxl-5_2 {
    width: 43.33333%;
  }

  .col-xxxl-auto {
    width: auto;
  }

  .offset-xxxl-5_2 {
    margin-left: 43.33333%;
  }

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

  .col-xxxl-auto {
    width: auto;
  }

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

  .col-xxxl-7 {
    width: 58.33333%;
  }

  .col-xxxl-auto {
    width: auto;
  }

  .offset-xxxl-7 {
    margin-left: 58.33333%;
  }

  .col-xxxl-8 {
    width: 66.66667%;
  }

  .col-xxxl-auto {
    width: auto;
  }

  .offset-xxxl-8 {
    margin-left: 66.66667%;
  }

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

  .col-xxxl-auto {
    width: auto;
  }

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

  .col-xxxl-10 {
    width: 83.33333%;
  }

  .col-xxxl-auto {
    width: auto;
  }

  .offset-xxxl-10 {
    margin-left: 83.33333%;
  }

  .col-xxxl-11 {
    width: 91.66667%;
  }

  .col-xxxl-auto {
    width: auto;
  }

  .offset-xxxl-11 {
    margin-left: 91.66667%;
  }

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

  .col-xxxl-auto {
    width: auto;
  }

  .offset-xxxl-12 {
    margin-left: 100%;
  }

  .hidden-xxxl {
    display: none !important;
  }
}




.skrollable {
	/*
	 * First-level skrollables are positioned relative to window
	 */
	position:fixed;

	/*
	 * Skrollables by default have a z-index of 100 in order to make it easy to position elements in front/back without changing each skrollable
	 */
	z-index:100;
}

.skrollr-mobile .skrollable {
	/*
		May cause issues on Android default browser (see #331 on GitHub).
	*/
	position:absolute;
}

.skrollable .skrollable {
	/*
	 * Second-level skrollables are positioned relative their parent skrollable
	 */
	position:absolute;
}

.skrollable .skrollable .skrollable {
	/*
	 * Third-level (and below) skrollables are positioned static
	 */
	position:static;
}





.clearfix:after{
    content: '';
    display: block;
    clear: both;
	overflow: hidden;
	visibility: hidden;
}
.clearfix{
    zoom:1;
}



/* 备份 */
/* .external_slider_inner::before,
.external_slider_inner::after {content: '';display: block;position: absolute;}
.external_slider_inner::before {top: 0;left: 0;width: 0;height: 0;border-top: 2px solid #69DCFF;border-left: 2px solid #69DCFF;transition: 0.5s;}
.external_slider_inner::after {bottom: 0;right: 0;width: 0;height: 0;border-bottom: 2px solid #69DCFF;border-right: 2px solid #69DCFF;transition: 0.5s;}
.external_slider_item.current .external_slider_inner::before,
.external_slider_item.current .external_slider_inner::after {width: 100%;height: 100%;} */

/* .external_slider_inner::before,
.external_slider_inner::after {content: '';box-sizing: border-box;z-index: 2;display: block;position: absolute;width: 0;height: 0;border: 3px solid transparent;;transition: width 0.5s ease-out, height 0.5s ease-out 0.5s;}
.external_slider_inner::before {top: 0;left: 0;}
.external_slider_inner::after {bottom: 0;right: 0;}
.external_slider_item.current .external_slider_inner::before,
.external_slider_item.current .external_slider_inner::after {width: 100%;height: 100%;}
.external_slider_item.current .external_slider_inner::before {border-top-color: #69DCFF;border-right-color: #69DCFF;}
.external_slider_item.current .external_slider_inner::after {border-bottom-color: #69DCFF;border-left-color: #69DCFF;}
 */