﻿
 
@font-face {
    font-family: HELVETICANEUELTPRO-THEX;
    font-weight: 400;
    font-style: normal;

    src: url(../fonts/60ebeb43983c45a6b9b26a1696afb0b0.ttf);
}
@font-face {
    font-family: GOTHAMRND-BOOK;
    font-weight: 400;
    font-style: normal;

    src: url(../fonts/3b9770d6681f4e23b78bb95d6567ee2c.ttf);
}
@font-face {
    font-family: AVGARDD;
    font-weight: 400;
    font-style: normal;

    src: url(../fonts/avgardd.ttf);
}
@font-face {
    font-family: HelveNueThin;
    font-weight: 400;
    font-style: normal;

    src: url(../fonts/helvenuethin.ttf);
}
@font-face {
    font-family: HELVETICANEUETHN;
    font-weight: 400;
    font-style: normal;

    src: url(../fonts/helveticaneuethn.ttf);
}
@font-face {
    font-family: LANEUP;
    font-weight: 400;
    font-style: normal;

    src: url(../fonts/laneup.ttf);
}
@font-face {
    font-family: GOTHAM-BLACKITALIC;
    font-weight: 400;
    font-style: normal;

    src: url(./fonts/GOTHAM-BLACKITALIC.OTF);
}
@font-face {
    font-family: GOTHAM-BLACK;
    font-weight: 400;
    font-style: normal;

    src: url(./fonts/GOTHAM-BLACK.OTF);
}
@font-face {
    font-family: GOTHAM-BOLD;
    font-weight: 400;
    font-style: normal;

    src: url(./fonts/GOTHAM-BOLD.OTF);
}

 


/*
* 需要和页面同步的样式
* --------------------------- style ---------------------------
*/
/* fake_table */
#layout .f_table {
  font-size: 100%;
  display: table;
  width: 100%;
  margin: 0;
  margin: 0 auto;
  padding: 0;
  border-spacing: 2px;
  border-spacing: 0;
  border-collapse: separate;
  border-collapse: collapse;
  border: 1px double #b3b3b3;
  outline: 0; }

#layout .f_tbody {
  font-size: 100%;
  display: table-row-group;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  border-color: inherit;
  outline: 0; }

#layout .f_tr {
  font-size: 100%;
  display: table-row;
  margin: 0;
  padding: 0;
  vertical-align: inherit;
  border-color: inherit;
  outline: 0; }

#layout .f_td {
  font-size: 100%;
  display: table-cell;
  min-width: 2em;
  margin: 0;
  padding: 0;
  padding: 0.4em;
  vertical-align: inherit;
  border: 1px solid transparent;
  border-color: #d9d9d9;
  outline: 0;
  overflow-wrap: break-word; }

#layout .f_th {
  font-size: 100%;
  font-weight: bold;
  font-weight: 700;
  display: table-cell;
  min-width: 2em;
  margin: 0;
  padding: 0;
  padding: 0.4em;
  text-align: -internal-center;
  vertical-align: inherit;
  border-color: #d9d9d9;
  outline: 0;
  outline-width: 0;
  outline-style: initial;
  outline-color: initial;
  background: #fafafa;
  background-color: transparent;
  overflow-wrap: break-word; }

#layout .f_thead {
  font-size: 100%;
  display: table-header-group;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  border-color: inherit;
  outline: 0; }

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.col-20 {
  width: 20%; }

.col-25 {
  width: 25%; }

.col-30 {
  width: 30%; }

.col-33 {
  width: 33.3333333%; }

.col-40 {
  width: 40%; }

.col-50 {
  width: 50%; }

.col-60 {
  width: 60%; }

.col-66 {
  width: 66.6666666%; }

.col-70 {
  width: 70%; }

.col-100 {
  width: 100%; }

.space-3 > * {
  margin-right: 3px; }
  .space-3 > *:last-child {
    margin: 0; }

.space-10 {
  margin-right: -10px; }

.space-10 > * {
  padding-right: 10px; }

.space-20 {
  margin-right: -20px; }

.space-20 > * {
  padding-right: 20px; }

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.flex-elastic {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }

.flex-yc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

/* 改版 */
.ck-content .table {
  display: table;
  margin: 0; }

.ck-content .table table {
  border-spacing: 0;
  border-collapse: collapse;
  border: 1px double rgba(211, 211, 211, 0.4); }

.ck-content .table table td, .ck-content .table table th {
  min-width: 2em;
  padding: 0.4em;
  border-color: rgba(211, 211, 211, 0.4); }

.ck-content .table table th {
  font-weight: 700;
  background: #fafafa; }

.ck-content blockquote {
  font-style: italic;
  overflow: hidden;
  margin-left: 0;
  padding-right: 1.5em;
  padding-left: 1.5em;
  border-left: 5px solid #ccc; }

.ck-content .image.ck-appear {
  -webkit-animation: fadeIn 0.7s;
          animation: fadeIn 0.7s; }

.ck-content .image .ck-progress-bar {
  width: 0;
  height: 2px;
  -webkit-transition: width 0.1s;
  transition: width 0.1s;
  background: #6cb5f9; }

.ck-content .image-style-align-center, .ck-content .image-style-align-left, .ck-content .image-style-align-right, .ck-content .image-style-side {
  max-width: 50%; }

.ck-content .image-style-side {
  float: right;
  margin-left: 1.5em; }

.ck-content .image-style-align-left {
  float: left;
  margin-right: 1.5em; }

.ck-content .image-style-align-center {
  margin-right: auto;
  margin-left: auto; }

.ck-content .image-style-align-right {
  float: right;
  margin-left: 1.5em; }

.ck-content .image {
  clear: both;
  margin: 1em 0;
  text-align: center; }

.ck-content .image > img {
  display: block;
  max-width: 100%;
  margin: 0 auto; }

.ck-content .image {
  position: relative;
  overflow: hidden; }

.ck-content .image .ck-progress-bar {
  position: absolute;
  top: 0;
  left: 0; }

.ck-content .image > figcaption {
  font-size: 0.75em;
  display: none !important;
  padding: 0.6em;
  color: #333;
  outline-offset: -1px;
  background-color: #f7f7f7; }

.layout .row {
  border: 1px solid rgba(211, 211, 211, 0.4);
  border-top: 0; }
  .layout .row:last-child {
    border-bottom: none; }

.layout .col_space {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; }

.layout hr.blank_block {
  margin: 0;
  border: none; }

.layout .editor {
  width: 100%;
  padding: 0; }

#layout {
  font-size: 14px;
  line-height: 1.6;
  position: relative;
  overflow: hidden; }
  #layout tbody {
    vertical-align: top; }
  #layout .layout_bg_mo {
    display: none; }
  #layout .layout_header, #layout .layout_footer {
    display: none;
    min-height: 50px; }
  #layout .blank_block.small_blank {
    height: 20px; }
  #layout .blank_block.normal_blank {
    height: 50px; }
  #layout .blank_block.big_blank {
    height: 100px; }
  #layout .layout_bg {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%; }
  #layout[data-show_header="true"] .layout_header {
    display: block; }
  #layout[data-show_footer="true"] .layout_footer {
    display: block; }
  #layout .row .col {
    border: 1px solid rgba(211, 211, 211, 0.4); }
  #layout .row .col:first-child {
    margin-left: 0 !important; }
  #layout .row [class*="col-"] {
    padding: 0; }
  #layout h1 {
    font-size: 2em;
    font-weight: bold;
    display: block;
    -webkit-margin-before: 0.67em;
            margin-block-start: 0.67em;
    -webkit-margin-after: 0.67em;
            margin-block-end: 0.67em;
    -webkit-margin-start: 0;
            margin-inline-start: 0;
    -webkit-margin-end: 0;
            margin-inline-end: 0; }
  #layout h2 {
    font-size: 1.5em;
    font-weight: bold;
    display: block;
    -webkit-margin-before: 0.83em;
            margin-block-start: 0.83em;
    -webkit-margin-after: 0.83em;
            margin-block-end: 0.83em;
    -webkit-margin-start: 0;
            margin-inline-start: 0;
    -webkit-margin-end: 0;
            margin-inline-end: 0; }
  #layout h3 {
    font-size: 1.17em;
    font-weight: bold;
    display: block;
    -webkit-margin-before: 1em;
            margin-block-start: 1em;
    -webkit-margin-after: 1em;
            margin-block-end: 1em;
    -webkit-margin-start: 0;
            margin-inline-start: 0;
    -webkit-margin-end: 0;
            margin-inline-end: 0; }
  #layout .layout_container[data-align="center"] {
    margin: 0 auto; }
  #layout[data-window_width="true"] {
    width: 100vw !important;
    max-width: none;
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
  #layout[data-limit_width="true"] > .layout_limit_wrapper {
    max-width: 1200px;
    margin: 0 auto;
    border: 1px solid rgba(211, 211, 211, 0.4);
    border-top: none;
    border-bottom: none; }
  #layout[data-set_border="false"] {
    border: none; }
    #layout[data-set_border="false"] * {
      border: none; }
  #layout blockquote {
    font-style: italic;
    overflow: hidden;
    margin-top: 0.9em;
    margin-bottom: 0.9em;
    margin-left: 0;
    padding-right: 1.5em;
    padding-left: 1.5em;
    border-left: 5px solid #ccc; }
  #layout figure {
    position: relative;
    margin: 0; }
    #layout figure.table {
      margin: 0 auto; }
  #layout table {
    border-spacing: 0;
    border-collapse: collapse;
    border: 1px double rgba(211, 211, 211, 0.4); }
    #layout table td {
      border: 1px solid transparent; }
    #layout table td, #layout table th {
      min-width: 2em;
      padding: 0.4em;
      border-color: rgba(211, 211, 211, 0.4); }
  #layout[data-align_center="true"] > .layout_limit_wrapper > .layout_container > .row > .col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  #layout[data-bg_image_align="true"] .layout_bg {
    background-position: top center; }
  #layout .layout_bg {
    background-repeat: no-repeat; }
  #layout[data-bg_image_repeat="true"] .layout_bg {
    background-repeat: repeat; }
  #layout[data-bg_image_size="true"] .layout_bg {
    background-size: 100%; }
  #layout img {
    max-width: 100%; }
  #layout video, #layout iframe {
    vertical-align: top; }
  #layout .hide {
    display: none; }
  #layout figcaption {
    display: none !important; }
  #layout table {
    margin: 0 auto; }
  #layout .table table th {
    background-color: transparent; }
  #layout .hr {
    margin: 20px 0;
    border: none;
    border-top: 1px solid rgba(211, 211, 211, 0.4); }
  #layout .hr.dash {
    border-top: 1px dotted rgba(211, 211, 211, 0.4); }
  #layout table, #layout .f_table {
    table-layout: fixed; }
  #layout .f_table, #layout .table, #layout table {
    width: 100%; }
  #layout .table[data-border="true"] .f_table, #layout .table[data-border="true"] table {
    border: none; }
  #layout .table[data-border="true"] .f_th, #layout .table[data-border="true"] .f_td, #layout .table[data-border="true"] th, #layout .table[data-border="true"] td {
    border: none; }
  #layout a[data-layout="1"] {
    line-height: 48px;
    display: inline-block;
    overflow: hidden;
    min-width: 70px;
    height: 48px;
    padding: 0 35px;
    text-align: center;
    vertical-align: center;
    white-space: nowrap;
    text-decoration: none;
    text-overflow: ellipsis;
    color: #333;
    background: #f0f0f0; }
  #layout a[data-layout="2"] {
    line-height: 48px;
    display: inline-block;
    overflow: hidden;
    min-width: 70px;
    height: 48px;
    padding: 0 35px;
    text-align: center;
    vertical-align: center;
    white-space: nowrap;
    text-decoration: none;
    text-overflow: ellipsis;
    color: #333;
    border-radius: 5px;
    background: #f0f0f0; }
  #layout a[data-layout="3"] {
    line-height: 48px;
    display: inline-block;
    overflow: hidden;
    min-width: 70px;
    height: 48px;
    padding: 0 35px;
    text-align: center;
    vertical-align: center;
    white-space: nowrap;
    text-decoration: none;
    text-overflow: ellipsis;
    color: #333;
    border-radius: 24px;
    background: #f0f0f0; }
  #layout a[data-style="white"] {
    color: #333;
    background: #f0f0f0; }
  #layout a[data-style="black"] {
    color: #fff;
    background: #333; }

.layout_dom {
  margin: 0 auto;
  -webkit-transition: background 0.36s ease;
  transition: background 0.36s ease; }
  .layout_dom.theme_w {
    background-color: #fff; }
  .layout_dom.theme_b {
    color: #eee;
    background-color: #232323; }
  .layout_dom.agent_mo {
    max-width: 375px;
    border-radius: 10px; }
    .layout_dom.agent_mo .layout_dom_body {
      overflow: hidden;
      max-width: 100%;
      border: 1px solid #eaeaea;
      border-radius: 10px;
      -webkit-box-shadow: 0 0 10px #eaeaea;
              box-shadow: 0 0 10px #eaeaea; }
    .layout_dom.agent_mo #layout .layout_bg_mo {
      display: block; }
    .layout_dom.agent_mo #layout .layout_bg_pc {
      display: none; }
    .layout_dom.agent_mo #layout[data-limit_width="true"] > .layout_limit_wrapper {
      max-width: 98%; }
    .layout_dom.agent_mo #layout .blank_block.big_blank {
      height: 50px; }
    .layout_dom.agent_mo #layout .blank_block.normal_blank {
      height: 25px; }
    .layout_dom.agent_mo #layout .blank_block.small_blank {
      height: 10px; }
    .layout_dom.agent_mo #layout .text-40, .layout_dom.agent_mo #layout .text-60, .layout_dom.agent_mo #layout .text-72 {
      font-size: 38px !important; }
    .layout_dom.agent_mo #layout .row {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
    .layout_dom.agent_mo #layout[data-window_width="true"] {
      width: 375px !important; }
    .layout_dom.agent_mo #layout[data-col="50_50"] .col, .layout_dom.agent_mo #layout[data-col="70_30"] .col, .layout_dom.agent_mo #layout[data-col="30_70"] .col, .layout_dom.agent_mo #layout[data-col="25_50_25"] .col, .layout_dom.agent_mo #layout[data-col="33_33_33"] .col {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      width: 100%; }
    .layout_dom.agent_mo #layout[data-col="50_50"] .col_space, .layout_dom.agent_mo #layout[data-col="70_30"] .col_space, .layout_dom.agent_mo #layout[data-col="30_70"] .col_space, .layout_dom.agent_mo #layout[data-col="25_50_25"] .col_space, .layout_dom.agent_mo #layout[data-col="33_33_33"] .col_space {
      display: none; }
    .layout_dom.agent_mo #layout[data-col="50_25_25"] .col-50 {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      width: 100%; }
    .layout_dom.agent_mo #layout[data-col="50_25_25"] .col-25 {
      -webkit-box-flex: 1;
          -ms-flex: 1 0 auto;
              flex: 1 0 auto;
      width: 34%; }
      .layout_dom.agent_mo #layout[data-col="50_25_25"] .col-25 + .col_space {
        max-width: 32%; }
      .layout_dom.agent_mo #layout[data-col="50_25_25"] .col-25:nth-of-type(2n) + .col_space {
        display: none; }
    .layout_dom.agent_mo #layout[data-col="25_25_50"] .col-50 {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      width: 100%; }
    .layout_dom.agent_mo #layout[data-col="25_25_50"] .col-25 {
      -webkit-box-flex: 1;
          -ms-flex: 1 0 auto;
              flex: 1 0 auto;
      width: 34%; }
      .layout_dom.agent_mo #layout[data-col="25_25_50"] .col-25 + .col_space {
        max-width: 32%; }
      .layout_dom.agent_mo #layout[data-col="25_25_50"] .col-25:nth-of-type(2n) + .col_space {
        display: none; }
    .layout_dom.agent_mo #layout[data-col="25_25_25_25"] .col-25 {
      -webkit-box-flex: 1;
          -ms-flex: 1 0 auto;
              flex: 1 0 auto;
      width: 34%; }
      .layout_dom.agent_mo #layout[data-col="25_25_25_25"] .col-25 + .col_space {
        max-width: 32%; }
      .layout_dom.agent_mo #layout[data-col="25_25_25_25"] .col-25:nth-of-type(2n) + .col_space {
        display: none; }
    .layout_dom.agent_mo #layout[data-col="20_20_20_20_20"] .col-20 {
      -webkit-box-flex: 1;
          -ms-flex: 1 0 auto;
              flex: 1 0 auto;
      width: 34%; }
      .layout_dom.agent_mo #layout[data-col="20_20_20_20_20"] .col-20 + .col_space {
        max-width: 32%; }
      .layout_dom.agent_mo #layout[data-col="20_20_20_20_20"] .col-20:nth-of-type(2n) + .col_space {
        display: none; }
    .layout_dom.agent_mo #layout[data-col="20_20_20_20_20"] .col-20:nth-of-type(5n) {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      width: 100%; }
    .layout_dom.agent_mo #layout[data-col="20_20_20_20_20"] .col_space:last-child {
      width: 100%;
      height: 0; }
  .layout_dom.agent_pc {
    max-width: 100%; }

#layout .layout_container {
  max-width: 100%; }

/*
* -------------------------------------------animate-------------------------------------------
*/
@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes fadeInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    opacity: 0; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes fadeInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    opacity: 0; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@-webkit-keyframes fadeInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    opacity: 0; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes fadeInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    opacity: 0; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@-webkit-keyframes zoomIn {
  from {
    -webkit-transform: scale3d(0.6, 0.6, 0.6);
            transform: scale3d(0.6, 0.6, 0.6);
    opacity: 0; }
  50% {
    opacity: 1; } }

@keyframes zoomIn {
  from {
    -webkit-transform: scale3d(0.6, 0.6, 0.6);
            transform: scale3d(0.6, 0.6, 0.6);
    opacity: 0; }
  50% {
    opacity: 1; } }

@-webkit-keyframes fadeInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    opacity: 0; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes fadeInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    opacity: 0; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.layout_dom.agent_mo .layout_limit_wrapper .row .col:nth-of-type(1) {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }

.layout_dom.agent_mo .layout_limit_wrapper .row .col:nth-of-type(2) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }

.layout_dom.agent_mo .layout_limit_wrapper .row .col:nth-of-type(3) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }

.layout_dom.agent_mo .layout_limit_wrapper .row .col:nth-of-type(4) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s; }

.layout_dom.agent_mo .layout_limit_wrapper .row .col:nth-of-type(5) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s; }

.layout_dom.agent_mo .layout_limit_wrapper .row .col:nth-of-type(6) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s; }

.layout_dom.agent_mo .layout_limit_wrapper .row .col:nth-of-type(7) {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s; }

.layout_dom.agent_mo .layout_limit_wrapper .row .col:nth-of-type(8) {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s; }

.layout_dom.agent_mo .layout_limit_wrapper .row .col:nth-of-type(9) {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s; }

.layout_dom.agent_mo .layout_limit_wrapper .row .col:nth-of-type(10) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s; }

.layout_dom.agent_mo .layout_limit_wrapper[data-animate="2"] .col {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight; }

.layout_limit_wrapper .layout_header.animated, .layout_limit_wrapper .layout_footer.animated, .layout_limit_wrapper .col.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }

.layout_limit_wrapper[data-animate] .layout_container .layout_header:not(.animated), .layout_limit_wrapper[data-animate] .layout_container .layout_footer:not(.animated) {
  -webkit-animation-name: none;
          animation-name: none; }

.layout_limit_wrapper[data-animate] .row .col:not(.animated) {
  -webkit-animation-name: none;
          animation-name: none; }

.layout_limit_wrapper[data-animate="1"] .row .col:nth-of-type(1), .layout_limit_wrapper[data-animate="3"] .row .col:nth-of-type(1), .layout_limit_wrapper[data-animate="4"] .row .col:nth-of-type(1) {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }

.layout_limit_wrapper[data-animate="1"] .row .col:nth-of-type(2), .layout_limit_wrapper[data-animate="3"] .row .col:nth-of-type(2), .layout_limit_wrapper[data-animate="4"] .row .col:nth-of-type(2) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }

.layout_limit_wrapper[data-animate="1"] .row .col:nth-of-type(3), .layout_limit_wrapper[data-animate="3"] .row .col:nth-of-type(3), .layout_limit_wrapper[data-animate="4"] .row .col:nth-of-type(3) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }

.layout_limit_wrapper[data-animate="1"] .row .col:nth-of-type(4), .layout_limit_wrapper[data-animate="3"] .row .col:nth-of-type(4), .layout_limit_wrapper[data-animate="4"] .row .col:nth-of-type(4) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s; }

.layout_limit_wrapper[data-animate="1"] .row .col:nth-of-type(5), .layout_limit_wrapper[data-animate="3"] .row .col:nth-of-type(5), .layout_limit_wrapper[data-animate="4"] .row .col:nth-of-type(5) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s; }

.layout_limit_wrapper[data-animate="1"] .row .col:nth-of-type(6), .layout_limit_wrapper[data-animate="3"] .row .col:nth-of-type(6), .layout_limit_wrapper[data-animate="4"] .row .col:nth-of-type(6) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s; }

.layout_limit_wrapper[data-animate="1"] .row .col:nth-of-type(7), .layout_limit_wrapper[data-animate="3"] .row .col:nth-of-type(7), .layout_limit_wrapper[data-animate="4"] .row .col:nth-of-type(7) {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s; }

.layout_limit_wrapper[data-animate="1"] .row .col:nth-of-type(8), .layout_limit_wrapper[data-animate="3"] .row .col:nth-of-type(8), .layout_limit_wrapper[data-animate="4"] .row .col:nth-of-type(8) {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s; }

.layout_limit_wrapper[data-animate="1"] .row .col:nth-of-type(9), .layout_limit_wrapper[data-animate="3"] .row .col:nth-of-type(9), .layout_limit_wrapper[data-animate="4"] .row .col:nth-of-type(9) {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s; }

.layout_limit_wrapper[data-animate="1"] .row .col:nth-of-type(10), .layout_limit_wrapper[data-animate="3"] .row .col:nth-of-type(10), .layout_limit_wrapper[data-animate="4"] .row .col:nth-of-type(10) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s; }

.layout_limit_wrapper[data-animate="4"] .layout_header, .layout_limit_wrapper[data-animate="4"] .layout_footer, .layout_limit_wrapper[data-animate="4"] .col {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn; }

.layout_limit_wrapper[data-animate="3"] .layout_header, .layout_limit_wrapper[data-animate="3"] .layout_footer, .layout_limit_wrapper[data-animate="3"] .col {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn; }

.layout_limit_wrapper[data-animate="2"] .layout_header, .layout_limit_wrapper[data-animate="2"] .layout_footer, .layout_limit_wrapper[data-animate="2"] .col {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight; }

.layout_limit_wrapper[data-animate="1"] .layout_header, .layout_limit_wrapper[data-animate="1"] .layout_footer, .layout_limit_wrapper[data-animate="1"] .col {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp; }

/*
* --------------------------------------- end style ---------------------------------------
*/
/* 预览样式 */
#layout[data-limit_width="true"]> .layout_limit_wrapper,
.layout .row,
#layout .row .col {
    border: none !important;
}

#layout .layout_bg img {
    width: 100%;
}

#layout .layout_bg {
    height: 200vh;
}
#layout .simpleParallax {
    overflow: hidden;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}


#layout .f_td {
    overflow-wrap: break-word;
}

.layout {
    
    user-select: text;
}



.layout_limit_wrapper[data-animate] .col,
.layout_limit_wrapper[data-animate] .layout_header,
.layout_limit_wrapper[data-animate] .layout_footer {
    visibility: hidden;
}
.layout_limit_wrapper[data-animate] .col.inview_show,
.layout_limit_wrapper[data-animate] .layout_header.inview_show,
.layout_limit_wrapper[data-animate] .layout_footer.inview_show {
    visibility: visible;
}



.post  .postbody {
    
    position: relative;
    z-index: 0;
}