@charset "UTF-8";
body,
ul,
ol,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
table,
td,
img,
div,
dl,
dt,
dd,
input {
  margin: 0;
  padding: 0;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}
body {
  height: 100%;
  font-size: 14px;
}
img {
  border: none;
}
li {
  list-style-type: none;
}
input,
select,
textarea {
  outline: none;
}
textarea {
  resize: none;
}
img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
a,
a:hover,
a:visited,
a:focus {
  text-decoration: none;
}
* {
  margin: 0;
  padding: 0;
  font-family: "-apple-system-font", "BlinkMacSystemFont", "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", "Arial", "sans-serif";
  -webkit-font-smoothing: antialiased;
}
input::-webkit-input-placeholder {
  color: #999;
}
[v-cloak] {
  visibility: hidden;
}
.icon-2x {
  zoom: 50%;
}
.k12-nav{position: absolute; top: 0; left: 0; z-index: 999999999;}
.flex-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.el-button.is-disabled,
.el-button.is-disabled:hover {
  color: #bfcbd9;
  cursor: not-allowed;
  background-image: none;
  background-color: #eef1f6;
  border-color: #d1dbe5;
}
#cnzz_stat_icon_1273198334 {
  display: none;
}
#MEIQIA-BTN-PICTURE {
  width: 160px !important;
}
.line2-overflow {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  -webkit-line-clamp: 2;
  word-break: break-all;
  word-wrap: break-word;
}
.g-copy-disabled {
  -webkit-touch-callout: none;
  /*系统默认菜单被禁用*/
  -webkit-user-select: none;
  /*webkit浏览器*/
  /*早期浏览器*/
  -moz-user-select: none;
  /*火狐*/
  -ms-user-select: none;
  /*IE10*/
  user-select: none;
}

.marking-wrapper[data-v-251121d8] {
  position: fixed;
  left: 30px;
  bottom: 40px;
  z-index: 100;
}
.marking-wrapper .avatar-btn[data-v-251121d8] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    cursor: pointer;
}
.marking-wrapper .panel[data-v-251121d8] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 480px;
    height: 160px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.07);
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.07);
    padding-left: 100px;
    padding-top: 20px;
    background: #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.marking-wrapper .panel .close[data-v-251121d8] {
      position: absolute;
      width: 16px;
      height: 16px;
      right: 20px;
      top: 20px;
      cursor: pointer;
}
.marking-wrapper .panel .avatar[data-v-251121d8] {
      position: absolute;
      top: 20px;
      left: 20px;
      width: 60px;
      height: 60px;
}
.marking-wrapper .panel .text[data-v-251121d8] {
      font-size: 18px;
      color: #333;
      margin-bottom: 18px;
      line-height: 1.7;
}

.wrapper[data-v-727bf0f0] {
  position: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 350px;
  height: 40px;
  border: #DBDBDB 1px solid;
  background: #fff;
}
.wrapper .input-wrapper[data-v-727bf0f0] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    width: 100%;
    height: 100%;
}
.wrapper .input-wrapper .input-field[data-v-727bf0f0] {
      height: 100%;
      padding-left: 10px;
      position: relative;
      border: transparent;
      color: #333;
      font-size: 16px;
}
.wrapper .input-wrapper .submit[data-v-727bf0f0] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      position: absolute;
      right: -1px;
      top: -1px;
      bottom: -1px;
      width: 120px;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      color: #fff;
      font-size: 16px;
      cursor: pointer;
}
.wrapper .input-wrapper .submit .btn-text[data-v-727bf0f0] {
        color: #0095FF;
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
}
.wrapper .input-wrapper .submit--disable[data-v-727bf0f0] {
      opacity: 0.7;
}
.wrapper-style-intro[data-v-727bf0f0] {
  opacity: 0.8;
  background: transparent;
  width: 440px;
  height: 50px;
}
.wrapper-style-intro .input-wrapper .input-field[data-v-727bf0f0] {
    font-size: 18px;
    background: transparent;
}
.wrapper-style-intro .input-wrapper [placeholderStyle=deep][data-v-727bf0f0] {
    color: #333;
}
.wrapper-style-intro .input-wrapper [placeholderStyle=light][data-v-727bf0f0] {
    color: #fff;
}
.wrapper-style-intro .input-wrapper [placeholderStyle=deep][data-v-727bf0f0]::-webkit-input-placeholder {
    color: #AAA;
    font-size: 18px;
}
.wrapper-style-intro .input-wrapper [placeholderStyle=light][data-v-727bf0f0]::-webkit-input-placeholder {
    color: #fff;
    font-size: 18px;
}
.wrapper-style-intro .input-wrapper .submit[data-v-727bf0f0] {
    width: 160px;
    background: #fff;
}
.wrapper-style-intro .input-wrapper .submit .btn-text[data-v-727bf0f0] {
      color: #0095FF;
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
}
.wrapper-style-intro .input-wrapper .submit--disable[data-v-727bf0f0] {
    opacity: 1;
}
.wrapper-style-intro--focus[data-v-727bf0f0] {
  opacity: 1;
}

.about-page {
  background: #fff;
}
.about-page .about-top {
    height: 520px;
    background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/about/bg.jpg");
    background-size: cover;
}
.about-page .about-top p {
      color: #fff;
      font-size: 38px;
      text-align: center;
      font-weight: 500;
}
.about-page .about-top p:nth-child(1) {
      margin-bottom: 20px;
      padding-top: 160px;
}
.about-page .about-top img {
      width: 200px;
      height: 41px;
}
.about-page .about-tip {
    display: inline-block;
}
.about-page .about-content h4 {
    font-size: 32px;
    color: #333;
    font-weight: 500;
    text-align: center;
}
.about-page .about-content p {
    color: #333;
    font-size: 16px;
    line-height: 28px;
    white-space: pre-wrap;
}
.about-page .about-content .about-us {
    width: 1200px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.06);
            box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.06);
    padding: 60px 0;
    margin: -100px auto 80px;
}
.about-page .about-content .about-us p {
      width: 1000px;
      margin: 0 auto;
}
.about-page .about-content .design-team {
    width: 100%;
    height: 740px;
    background: #fafafa;
    padding: 60px 0 0 0;
}
.about-page .about-content .design-team .team-img {
      width: 1200px;
      height: 600px;
      margin: 10px auto;
}
.about-page .about-content .about-line {
    width: 170px;
    height: 8px;
    margin: 24px auto 56px;
    background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/about/xina.png") no-repeat;
    background-size: 100% 100%;
}
.about-page .about-content .media-report {
    background: #fff;
    padding: 60px 0 30px;
}
.about-page .about-content .media-report .swiper .s-5 {
      padding: 0 50px;
}
.about-page .about-content .media-report .swiper .s-5 h4 {
        display: none;
}
.about-page .about-content .news-collection {
    width: 100%;
    background: #fafafa;
    padding: 60px 0 40px;
}
.about-page .about-content .news-collection .news-lists {
      width: 1200px;
      margin: 0 auto;
}
.about-page .about-content .news-collection .news-lists .s {
        line-height: 25px;
        padding: 40px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.about-page .about-content .news-collection .news-lists .s .news-item {
          width: 580px;
          height: 80px;
          background: #fff;
          margin-left: 15px;
          margin-bottom: 15px;
}
.about-page .about-content .news-collection .news-lists .s .news-item .news-item-a {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            position: relative;
            height: 100%;
            padding-left: 60px;
}
.about-page .about-content .news-collection .news-lists .s .news-item .news-item-title {
            color: #333;
            font-size: 14px;
            font-weight: 500;
}
.about-page .about-content .news-collection .news-lists .s .news-item .news-item-time {
            color: #999;
            font-size: 12px;
            font-weight: 400;
}
.about-page .about-content .news-collection .news-lists .s .news-item .circular {
            position: absolute;
            left: 40px;
            top: 26px;
            width: 5px;
            height: 5px;
            background: #cccccc;
            border-radius: 2.5px;
}
.about-page .about-content .news-collection .news-lists .s .news-item:hover {
            -webkit-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.08);
                    box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.08);
}
.about-page .about-content .news-collection .news-lists .s .news-item:hover .circular {
              background: #5793F1;
}
.roll-bg[data-v-7d568617] {
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      width: 1500px;
      height: 986px;
      background: no-repeat center;
      background-size: contain;
      -webkit-animation-name: up-roll-data-v-7d568617;
              animation-name: up-roll-data-v-7d568617;
      -webkit-animation-timing-function: linear;
              animation-timing-function: linear;
      -webkit-animation-iteration-count: infinite;
              animation-iteration-count: infinite;
      margin: 0 auto;
	z-index: -1;
}
.roll-bg.quick[data-v-7d568617] {
        -webkit-animation-duration: 26s;
                animation-duration: 26s;
        background-image: url("quick.png");
}
.roll-bg.slow[data-v-7d568617] {
        -webkit-animation-duration: 45s;
                animation-duration: 45s;
        background-image: url("slow.png");
}

.spokesman[data-v-2509c11a] {
  background: #f9fbff;
  padding-bottom: 80px;
  padding-top: 20px;
  font-weight: 400;
}
.spokesman .swiper[data-v-2509c11a] {
    width: 1200px;
    margin: 0 auto;
}
.spokesman .swiper .spokesman-swiper-pagination[data-v-2509c11a] {
      text-align: center;
      margin-top: 30px;
}
.spokesman .swiper .swiper-bullet[data-v-2509c11a] {
      width: 30px;
      height: 2px;
      border-radius: 0;
      opacity: 1;
}
.spokesman .swiper .swiper-pagination-bullet[data-v-2509c11a] {
      background: #dbdbdb;
}
.spokesman .swiper .swiper-pagination-bullet-active[data-v-2509c11a] {
      background: #0093FF;
}
.spokesman .swiper-item[data-v-2509c11a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 1120px;
    height: 400px;
    margin-left: 40px;
}
.spokesman .swiper-item .avatar[data-v-2509c11a] {
      position: absolute;
      left: 0;
      top: 0;
      width: 260px;
      height: 350px;
      z-index: 1;
}
.spokesman .content-wrapper[data-v-2509c11a] {
    position: relative;
    width: 1040px;
    height: 340px;
    margin: 60px 0 0 80px;
    font-size: 22px;
    -webkit-box-shadow: 0 0 24px 0 rgba(73, 73, 73, 0.06);
            box-shadow: 0 0 24px 0 rgba(73, 73, 73, 0.06);
    border-radius: 4px;
    background: #fff;
}
.spokesman .content-wrapper .icon[data-v-2509c11a] {
      position: absolute;
      left: 200px;
      top: 60px;
      width: 44px;
      height: 28px;
}
.spokesman .content-wrapper .brief[data-v-2509c11a] {
      margin: 90px 80px 0 280px;
      text-align: left;
      font-size: 22px;
      line-height: 2;
      color: #666;
}
.spokesman .content-wrapper .name-wrapper[data-v-2509c11a] {
      margin-top: 30px;
      margin-right: 50px;
      text-align: right;
}
.spokesman .content-wrapper .name-wrapper .name[data-v-2509c11a] {
        color: #333;
}
.spokesman .content-wrapper .name-wrapper .tag[data-v-2509c11a] {
        color: #999;
}
.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translateZ(0);transform:translateZ(0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(transparent));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),transparent);background-image:-o-linear-gradient(right,rgba(0,0,0,.5),transparent);background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(transparent));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),transparent);background-image:-o-linear-gradient(left,rgba(0,0,0,.5),transparent);background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(transparent));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),transparent);background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),transparent);background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(transparent));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),transparent);background-image:-o-linear-gradient(top,rgba(0,0,0,.5),transparent);background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:50%;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:opacity .3s;-o-transition:.3s opacity;transition:opacity .3s;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:top .2s,-webkit-transform .2s;transition:top .2s,-webkit-transform .2s;-o-transition:.2s transform,.2s top;transition:transform .2s,top .2s;transition:transform .2s,top .2s,-webkit-transform .2s}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:left .2s,-webkit-transform .2s;transition:left .2s,-webkit-transform .2s;-o-transition:.2s transform,.2s left;transition:transform .2s,left .2s;transition:transform .2s,left .2s,-webkit-transform .2s}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:right .2s,-webkit-transform .2s;transition:right .2s,-webkit-transform .2s;-o-transition:.2s transform,.2s right;transition:transform .2s,right .2s;transition:transform .2s,right .2s,-webkit-transform .2s}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:hsla(0,0%,100%,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12) infinite;animation:swiper-preloader-spin 1s steps(12) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")}@-webkit-keyframes swiper-preloader-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes swiper-preloader-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}
.s-5[data-v-4aaf68c4] {
  padding: 100px 0 50px;
}
.s-5 ~ .s-3[data-v-4aaf68c4] {
    background: #f9fbff;
}
.s-5 .btn[data-v-4aaf68c4] {
    width: 40px;
    height: 40px;
    background: #F7F7F7;
    position: absolute;
    border-radius: 50%;
    top: 50%;
    margin-top: -20px;
    z-index: 10;
    cursor: pointer;
}
.s-5 .btn[data-v-4aaf68c4]:hover {
      background: #eaeaea;
}
.s-5 .btn[data-v-4aaf68c4]:before {
      display: block;
      width: 1px;
      height: 1px;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-15%, -50%);
              transform: translate(-15%, -50%);
      content: "";
      border: 8px solid transparent;
      border-width: 6px 8px;
      border-color: transparent transparent transparent #999999;
}
.s-5 .btn.l[data-v-4aaf68c4] {
      left: -50px;
}
.s-5 .btn.l[data-v-4aaf68c4]:before {
        -webkit-transform: translate(-85%, -50%);
                transform: translate(-85%, -50%);
        border-color: transparent #999999 transparent transparent;
}
.s-5 .btn.r[data-v-4aaf68c4] {
      right: -50px;
}
.s-5 .item-list[data-v-4aaf68c4] {
    margin: 0 auto;
    width: 1080px;
    position: relative;
}
.s-5 .item[data-v-4aaf68c4] {
    display: block;
    width: 332px;
    height: 227px;
    margin: 40px auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 32px;
    text-align: left;
    border: 1px solid #f0f0f0;
    position: relative;
    border-radius: 4px;
    background: #fff;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.s-5 .item[data-v-4aaf68c4]:hover {
      -webkit-box-shadow: 0px 5px 20px rgba(26, 31, 39, 0.06);
              box-shadow: 0px 5px 20px rgba(26, 31, 39, 0.06);
}
.s-5 .item .m[data-v-4aaf68c4] {
      font-size: 16px;
      color: #333;
      line-height: 22px;
      max-height: 66px;
      font-weight: bold;
      overflow: hidden;
      word-wrap: break-word;
}
.s-5 .item .s[data-v-4aaf68c4] {
      font-size: 14px;
      color: #999;
      line-height: 21px;
      max-height: 63px;
      overflow: hidden;
      word-break: break-all;
      word-wrap: break-word;
      margin-top: 10px;
}
.s-5 .item .extend-bar[data-v-4aaf68c4] {
      overflow: hidden;
      height: 32px;
      line-height: 32px;
      position: absolute;
      bottom: 20px;
      left: 32px;
      right: 32px;
}
.s-5 .item .extend-bar .link[data-v-4aaf68c4] {
        float: left;
        color: #0095FF;
}
.s-5 .item .extend-bar img[data-v-4aaf68c4] {
        float: right;
        width: 50px;
        height: 32px;
        -o-object-fit: contain;
           object-fit: contain;
}

*[data-v-2820fa54] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
h1[data-v-2820fa54], h2[data-v-2820fa54], h3[data-v-2820fa54] {
  font-weight: bold;
}
.flexbox[data-v-2820fa54] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flexbox-center[data-v-2820fa54] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.middle-layout[data-v-2820fa54] {
  width: 1200px;
  margin: 0 auto;
}
.word[data-v-2820fa54] {
  font-weight: 300;
}
.agency-container[data-v-2820fa54] {
  color: #262626;
  line-height: 1;
}
.agency-container .layer-1[data-v-2820fa54] {
    color: #fff;
    height: 556px;
    text-align: center;
    padding: 204px 0 239px;
    background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/agency/b1.png") no-repeat center/cover;
}
.agency-container .layer-1 p[data-v-2820fa54] {
      font-size: 28px;
      padding-bottom: 32px;
}
.agency-container .layer-1 h2[data-v-2820fa54] {
      font-size: 48px;
}
.agency-container .head-title[data-v-2820fa54] {
    text-align: center;
}
.agency-container .head-title h2[data-v-2820fa54] {
      font-size: 32px;
}
.agency-container .head-title .line[data-v-2820fa54] {
      width: 60px;
      height: 3px;
      background: #0095ff;
      border-radius: 2px;
      margin: 40px auto 80px;
}
.agency-container .layer-2 .intro[data-v-2820fa54], .agency-container .layer-3 .intro[data-v-2820fa54] {
    padding: 120px 0;
}
.agency-container .layer-2 .intro[data-v-2820fa54]:nth-child(2), .agency-container .layer-3 .intro[data-v-2820fa54]:nth-child(2) {
      text-align: center;
}
.agency-container .layer-2 .item-list[data-v-2820fa54], .agency-container .layer-3 .item-list[data-v-2820fa54] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
}
.agency-container .layer-2 .item-list .tit[data-v-2820fa54], .agency-container .layer-3 .item-list .tit[data-v-2820fa54] {
      font-size: 20px;
      padding-bottom: 28px;
}
.agency-container .layer-2 .item-list .word[data-v-2820fa54], .agency-container .layer-3 .item-list .word[data-v-2820fa54] {
      font-size: 16px;
      line-height: 24px;
      margin-left: 20px;
      margin-bottom: 10px;
      width: 280px;
      list-style-type: circle;
}
.agency-container .layer-3[data-v-2820fa54] {
    background: #fcfcfc;
    padding-bottom: 80px;
}
.agency-container .layer-3 .item-list[data-v-2820fa54] {
      text-align: center;
}
.agency-container .layer-3 .item-list .item[data-v-2820fa54] {
        width: 360px;
        height: 420px;
        background: #fff;
        -webkit-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.02);
                box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.02);
        border-radius: 4px;
        padding-top: 78px;
        text-align: center;
        -webkit-transition: 400ms all;
        transition: 400ms all;
}
.agency-container .layer-3 .item-list .item[data-v-2820fa54]:hover {
          -webkit-transform: translateY(-12px);
                  transform: translateY(-12px);
}
.agency-container .layer-3 .item-list .word[data-v-2820fa54] {
        list-style-type: none;
        width: auto;
}
.agency-container .layer-3 .item-list .icon[data-v-2820fa54] {
        width: 72px;
        height: 72px;
}
.agency-container .layer-4[data-v-2820fa54] {
    height: 760px;
    padding: 102px 0 98px;
    background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/agency/di2.png") no-repeat center/cover;
    color: #fff;
    text-align: center;
}
.agency-container .layer-4 .head-title h2[data-v-2820fa54] {
      color: #fbfcfe;
}
.agency-container .layer-4 .head-title .line[data-v-2820fa54] {
      margin-bottom: 46px;
}
.agency-container .layer-4 .item-list[data-v-2820fa54] {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
}
.agency-container .layer-4 .item-list .icon[data-v-2820fa54] {
        width: 80px;
        height: 80px;
        margin-bottom: 36px;
}
.agency-container .layer-4 .item-list .item[data-v-2820fa54] {
        width: 280px;
        height: 440px;
        padding-top: 60px;
        background: rgba(255, 255, 255, 0.1);
}
.agency-container .layer-4 .item-list .tit[data-v-2820fa54] {
        font-size: 24px;
        margin-bottom: 30px;
}
.agency-container .layer-4 .item-list .word[data-v-2820fa54] {
        padding-bottom: 20px;
}
.agency-container .layer-5[data-v-2820fa54] {
    padding: 116px 0 126px;
}
.agency-container .layer-5 .tabs[data-v-2820fa54] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 60px 0;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
}
.agency-container .layer-5 .tabs .tab-item[data-v-2820fa54] {
        display: inline-block;
        width: 120px;
        height: 48px;
        color: #0095ff;
        font-size: 16px;
        line-height: 46px;
        text-align: center;
        border: 1px solid #0095ff;
        cursor: pointer;
}
.agency-container .layer-5 .tabs .tab-item[data-v-2820fa54]:first-child {
          border-radius: 4px 0 0 4px;
}
.agency-container .layer-5 .tabs .tab-item[data-v-2820fa54]:last-child {
          border-radius: 0 4px 4px 0;
}
.agency-container .layer-5 .tabs .tab-item[data-v-2820fa54]:hover {
          color: #fff;
          background: #0095ff;
}
.agency-container .layer-5 .tabs .tab-item.active[data-v-2820fa54] {
          color: #fff;
          font-size: 16px;
          background: #0095ff;
}
.agency-container .layer-5 .intro-list[data-v-2820fa54] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
}
.agency-container .layer-5 .intro-list.center[data-v-2820fa54] {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
}
.agency-container .layer-5 .intro-list.center .item[data-v-2820fa54] {
          margin: 0 13px;
}
.agency-container .layer-5 .intro-list .item[data-v-2820fa54] {
        width: 280px;
        height: 280px;
        border-radius: 4px;
        -webkit-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.03);
                box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.03);
}
.agency-container .layer-5 .intro-list .item:nth-child(even) .tit[data-v-2820fa54] {
          color: #4fc3f7;
          border-top: 4px solid #4fc3f7;
}
.agency-container .layer-5 .intro-list .item .tit[data-v-2820fa54] {
          color: #54d1c4;
          font-size: 20px;
          text-align: center;
          padding: 24px 0;
          border-top: 4px solid #54d1c4;
          border-bottom: 1px solid #f0f0f0;
}
.agency-container .layer-5 .intro-list .item .word[data-v-2820fa54] {
          font-size: 16px;
          padding: 40px;
          line-height: 28px;
}
.agency-container .layer-6[data-v-2820fa54] {
    background: #fcfcfc;
    padding: 116px 0 100px;
}
.agency-container .layer-6 .item-list[data-v-2820fa54] {
      padding-top: 60px;
}
.agency-container .layer-6 .item-list .item[data-v-2820fa54] {
        text-align: center;
}
.agency-container .layer-6 .item-list .item .circle[data-v-2820fa54] {
          width: 140px;
          height: 140px;
          padding-top: 38px;
          border-radius: 50%;
          background: #fff;
          margin: 0 40px 24px;
          -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.02);
                  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.02);
}
.agency-container .layer-6 .item-list .item[data-v-2820fa54]:not(:last-child):after {
          content: '';
          display: inline-block;
          width: 80px;
          height: 20px;
          margin-top: -34px;
          background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/agency/jiantou.png") no-repeat center/cover;
}
.agency-container .layer-6 .item-list .step[data-v-2820fa54] {
        font-size: 16px;
}
.agency-container .layer-6 .bottom[data-v-2820fa54] {
      text-align: center;
      margin-top: 80px;
}
.agency-container .layer-6 .bottom .join-btn[data-v-2820fa54] {
        display: block;
        width: 160px;
        height: 48px;
        color: #fff;
        font-size: 18px;
        line-height: 48px;
        text-align: center;
        margin: auto;
        border-radius: 4px;
        background: #0095ff;
        cursor: pointer;
}
.agency-container .layer-6 .bottom .join-btn[data-v-2820fa54]:hover {
          background: #5eb0ea;
}
.agency-container .layer-7[data-v-2820fa54] {
    padding: 100px 0;
}
.agency-container .layer-7 .line[data-v-2820fa54] {
      margin-bottom: 60px;
}
.agency-container .layer-7 .concat-wrap[data-v-2820fa54] {
      text-align: center;
}
.agency-container .layer-7 .concat-wrap .tit[data-v-2820fa54] {
        font-size: 18px;
        padding-bottom: 24px;
}
.agency-container .layer-7 .concat-wrap .phone[data-v-2820fa54] {
        font-size: 32px;
}
.agency-container .layer-7 .concat-wrap .qrcode[data-v-2820fa54] {
        width: 140px;
        margin-top: 28px;
}
.agency-container .layer-8[data-v-2820fa54] {
    background: #fcfcfc;
    padding: 126px 0 60px;
}
.agency-container .layer-8 .title[data-v-2820fa54] {
      font-size: 28px;
      padding-bottom: 40px;
      text-align: center;
}
.agency-container .layer-8 .search-form[data-v-2820fa54] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 600px;
      height: 54px;
      margin: auto;
}
.agency-container .layer-8 .search-form .agency-name[data-v-2820fa54] {
        width: 480px;
        height: 54px;
        -webkit-box-shadow: 7px 4px 16px 0px rgba(0, 0, 0, 0.04);
                box-shadow: 7px 4px 16px 0px rgba(0, 0, 0, 0.04);
        border-radius: 6px 0px 0px 6px;
        border: none;
        font-size: 16px;
        padding: 0 20px;
}
.agency-container .layer-8 .search-form .search-btn[data-v-2820fa54] {
        width: 120px;
        color: #fff;
        font-size: 16px;
        border-radius: 0 6px 6px 0;
        background: #0095ff;
        outline: none;
        cursor: pointer;
}
.agency-container .layer-8 .search-form .search-btn[data-v-2820fa54]:hover {
          background: #5eb0ea;
}
.agency-container .layer-8 .search-result[data-v-2820fa54] {
      width: 600px;
      margin: 25px auto 0;
      padding-left: 18px;
      height: 70px;
}
.agency-container .layer-8 .search-result.error p[data-v-2820fa54] {
        color: #999;
        font-size: 14px;
        margin-bottom: 10px;
}
.agency-container .icon[data-v-2820fa54] {
    display: inline-block;
    width: 64px;
    height: 64px;
    margin-bottom: 44px;
}
.agency-container .icon-jiaoyu[data-v-2820fa54] {
    background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/agency/jiaoyu.png") no-repeat center/cover;
}
.agency-container .icon-hexinjishu[data-v-2820fa54] {
    background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/agency/hexinjishu.png") no-repeat center/cover;
}
.agency-container .icon-zengzhangshichang[data-v-2820fa54] {
    background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/agency/zengzhangshichang.png") no-repeat center/cover;
}
.agency-container .icon-yinxiangli[data-v-2820fa54] {
    background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/agency/yinxiangli.png") no-repeat center/cover;
}
.agency-container .icon-gengyixiaoshou[data-v-2820fa54] {
    background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/agency/gengyixiaoshou.png") no-repeat center/cover;
}
.agency-container .icon-fanli[data-v-2820fa54] {
    background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/agency/fanli.png") no-repeat center/cover;
}
.agency-container .icon-chanpin[data-v-2820fa54] {
    background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/agency/chanpin.png") no-repeat center/cover;
}
.agency-container .icon-jishu[data-v-2820fa54] {
    background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/agency/jishu.png") no-repeat center/cover;
}
.agency-container .icon-shichang[data-v-2820fa54] {
    background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/agency/shichang.png") no-repeat center/cover;
}
.agency-container .icon-yingxiao[data-v-2820fa54] {
    background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/agency/yingxiao.png") no-repeat center/cover;
}
.agency-container .icon-shenqing[data-v-2820fa54] {
    background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/agency/shenqing.png") no-repeat center/cover;
}
.agency-container .icon-shenhe[data-v-2820fa54] {
    background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/agency/shenhe.png") no-repeat center/cover;
}
.agency-container .icon-qiatan[data-v-2820fa54] {
    background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/agency/qiatan.png") no-repeat center/cover;
}
.agency-container .icon-xieyi[data-v-2820fa54] {
    background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/agency/xieyi.png") no-repeat center/cover;
}
.apply-wrap[data-v-2820fa54] {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1000;
  overflow: auto;
}
.apply-wrap .inner[data-v-2820fa54] {
    position: absolute;
    left: 50%;
    top: 60px;
    width: 440px;
    background: #fff;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    border-radius: 4px;
    margin-bottom: 100px;
}
.apply-wrap .apply-form[data-v-2820fa54] {
    padding: 40px;
}
.apply-wrap .title[data-v-2820fa54] {
    color: #333;
    font-size: 20px;
    padding: 22px 0;
    text-align: center;
    border-bottom: 1px solid #e6e6e6;
}
.apply-wrap .input-item[data-v-2820fa54] {
    margin-bottom: 16px;
}
.apply-wrap .input-item.required .key[data-v-2820fa54]:after {
      content: '*';
      color: #f50000;
}
.apply-wrap .input-item .key[data-v-2820fa54] {
      color: #1a1a1a;
      font-size: 14px;
      padding-bottom: 8px;
}
.apply-wrap .input-item input[data-v-2820fa54] {
      width: 360px;
      height: 40px;
      font-size: 14px;
      padding: 8px;
      border: 1px solid #e6e6e6;
}
.apply-wrap .bottom[data-v-2820fa54] {
    text-align: center;
    padding-top: 16px;
}
.apply-wrap .bottom .submit-btn[data-v-2820fa54] {
      width: 200px;
      height: 44px;
      border: none;
      color: #fff;
      font-size: 16px;
      border-radius: 3px;
      background: #0095ff;
      cursor: pointer;
}
.apply-wrap .bottom .submit-btn[data-v-2820fa54]:hover {
        background: #5eb0ea;
}

.agreement-page[data-v-bcd55764] {
  background: #f7f7f7;
}
.agreement-page .header-wraper[data-v-bcd55764] {
    position: fixed;
    top: 0;
    width: 100%;
    height: 60px;
    background: white;
}
.protocol-content[data-v-bcd55764] {
  width: 1100px;
  margin: 100px auto 32px;
  padding: 28px 50px 65px;
  border: 0 !important;
  background: white;
}
.protocol-content h2[data-v-bcd55764] {
    padding-bottom: 15px;
    text-align: center;
    font-size: 24px;
    color: #4b5057;
    border-bottom: 1px solid #d8dee5;
}
.protocol-content h4[data-v-bcd55764] {
    margin-top: 22px;
    margin-bottom: 22px;
    font-size: 18px;
    color: #4b5057;
}
.protocol-content ul[data-v-bcd55764] {
    padding-bottom: 24px;
    border-bottom: 1px solid #d8dee5;
}
.protocol-content p[data-v-bcd55764] {
    line-height: 2;
    padding-left: 30px;
    text-indent: 2em;
    color: #7a7c80;
    font-size: 14px;
}
.protocol-content .protocol-box[data-v-bcd55764] {
    width: 90%;
    margin: 20px auto;
    padding: 15px 0;
    background: #f2f4f6;
}
.protocol-content .protocol-box p[data-v-bcd55764] {
      padding-left: 0;
}
.protocol-content .protocol-box .pad-l[data-v-bcd55764] {
      padding-left: 26px;
      text-indent: 1em;
}
.protocol-content .protocol-box .mar-t[data-v-bcd55764] {
      margin-top: 20px;
}
.protocol-content .agreement-box p[data-v-bcd55764] {
    padding-left: 26px;
    padding-right: 10px;
    text-indent: 1em;
}
.protocol-content .agreement-box .agree-l[data-v-bcd55764] {
    padding-left: 62px;
}
.protocol-content .protocol-footer[data-v-bcd55764] {
    padding-top: 24px;
    text-align: center;
}
.protocol-content .protocol-footer p[data-v-bcd55764] {
      text-align: left;
      color: #4b5057;
}
.protocol-content .el-checkbox[data-v-bcd55764] {
    margin: 34px 0 23px;
}
.protocol-content .el-checkbox .el-checkbox__inner[data-v-bcd55764] {
      width: 16px;
      height: 16px;
}
.protocol-content .el-checkbox .el-checkbox__inner[data-v-bcd55764]:after {
        left: 4px;
}
.protocol-content .el-checkbox .el-checkbox__label[data-v-bcd55764] {
      color: #5d6268;
}
.protocol-content .el-checkbox .el-checkbox__label span[data-v-bcd55764] {
        color: rgba(1, 149, 255, 0.8);
}
.protocol-content .el-button[data-v-bcd55764] {
    width: 100px;
    height: 36px;
    font-size: 16px;
    color: #fff;
    background: #7a7c80;
    border: 0;
    border-radius: 4px;
}
.protocol-content .el-button.is-disabled[data-v-bcd55764], .protocol-content .el-button.is-disabled[data-v-bcd55764]:focus, .protocol-content .el-button.is-disabled[data-v-bcd55764]:hover {
    background: #f8f8f8;
    border-color: #e6e6e6;
    color: #ccc;
}
.agree-content ul[data-v-bcd55764] {
  border-bottom: 0;
}

.center-div[data-v-533d9888] {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.p-1[data-v-533d9888] {
  position: relative;
  overflow: hidden;
  padding-bottom: 50px;
}
.p-1[data-v-533d9888]:before {
    content: '';
    display: block;
    position: absolute;
    top: -300px;
    left: 50%;
    border-radius: 45%;
    margin-left: -1100px;
    height: 600px;
    width: 2200px;
    background: #695cff;
}
.p-1 .t-m[data-v-533d9888] {
    color: #fff;
    font-size: 50px;
    line-height: 1em;
    font-weight: bold;
    text-align: center;
    margin-top: 90px;
}
.p-1 .t-s[data-v-533d9888] {
    color: #B8B1FF;
    font-size: 22px;
    line-height: 1em;
    text-align: center;
    margin-top: 15px;
}
.p-1 .banner-wrap[data-v-533d9888] {
    margin: 30px auto 0;
    width: 506px;
    height: 561px;
    position: relative;
    z-index: 1;
}
.p-1 .banner-wrap .img-wrap[data-v-533d9888] {
      width: 506px;
      height: 561px;
}
.p-1 .banner-wrap .img-wrap img[data-v-533d9888] {
        position: absolute;
        top: 0;
        left: 0;
        width: 506px;
        height: 561px;
        display: block;
        opacity: 0;
        -webkit-transition: all .3s;
        transition: all .3s;
}
.p-1 .banner-wrap .img-wrap img.active[data-v-533d9888] {
          opacity: 1;
}
.p-1 .banner-wrap .item[data-v-533d9888] {
      position: absolute;
      width: 324px;
      height: 100px;
      background: white;
      -webkit-box-shadow: 0px 4px 36px 0px rgba(150, 148, 175, 0.56);
              box-shadow: 0px 4px 36px 0px rgba(150, 148, 175, 0.56);
      border-radius: 10px;
      opacity: 0.9;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding-left: 107px;
      -webkit-transition: all .3s;
      transition: all .3s;
}
.p-1 .banner-wrap .item img[data-v-533d9888] {
        width: 185px;
        height: 100px;
        position: absolute;
        left: -26px;
        top: 0;
}
.p-1 .banner-wrap .item .m[data-v-533d9888] {
        line-height: 28px;
        font-size: 20px;
        color: #301c50;
        position: relative;
        z-index: 1;
}
.p-1 .banner-wrap .item .s[data-v-533d9888] {
        width: 312px;
        color: #737188;
        line-height: 20px;
        position: relative;
        z-index: 1;
}
.p-1 .banner-wrap .item.i-0[data-v-533d9888] {
        top: 127px;
        left: -246px;
}
.p-1 .banner-wrap .item.i-1[data-v-533d9888] {
        top: 190px;
        left: 353px;
}
.p-1 .banner-wrap .item.i-2[data-v-533d9888] {
        top: 314px;
        left: -246px;
        -webkit-transition-delay: 0.1s;
                transition-delay: 0.1s;
}
.p-1 .banner-wrap .item.i-3[data-v-533d9888] {
        top: 385px;
        left: 353px;
        -webkit-transition-delay: 0.1s;
                transition-delay: 0.1s;
}
.p-1 .banner-wrap .item .img-nor[data-v-533d9888] {
        display: block;
}
.p-1 .banner-wrap .item .img-active[data-v-533d9888] {
        display: none;
}
.p-1 .banner-wrap .item.active .img-nor[data-v-533d9888] {
        display: none;
}
.p-1 .banner-wrap .item.active .img-active[data-v-533d9888] {
        display: block;
}
.p-1 .banner-wrap.active .item[data-v-533d9888] {
      opacity: 0;
}
.p-1 .banner-wrap.active .i-0[data-v-533d9888] {
      -webkit-transform: translateX(-30px);
              transform: translateX(-30px);
}
.p-1 .banner-wrap.active .i-1[data-v-533d9888] {
      -webkit-transform: translateX(30px);
              transform: translateX(30px);
}
.p-1 .banner-wrap.active .i-2[data-v-533d9888] {
      -webkit-transform: translateX(-30px);
              transform: translateX(-30px);
}
.p-1 .banner-wrap.active .i-3[data-v-533d9888] {
      -webkit-transform: translateX(30px);
              transform: translateX(30px);
}
.p-1 .btn-group[data-v-533d9888] {
    text-align: center;
    margin-top: 38px;
}
.p-1 .btn-group a[data-v-533d9888] {
      width: 120px;
      height: 40px;
      line-height: 40px;
      background: #695cff;
      border-radius: 20px;
      text-align: center;
      color: #fff;
      font-size: 14px;
      display: inline-block;
      -webkit-transition: all .3s;
      transition: all .3s;
}
.p-1 .btn-group a[data-v-533d9888]:hover {
        -webkit-transform: scale(1.1);
                transform: scale(1.1);
}
.p-2[data-v-533d9888] {
  position: relative;
  overflow: hidden;
}
.p-2 .bg[data-v-533d9888] {
    background: #f3f2ff;
    position: relative;
    z-index: 1;
    margin: 70px 0;
    padding: 10px 0;
}
.p-2[data-v-533d9888]:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    border-radius: 45%;
    margin-left: -1100px;
    height: 430px;
    width: 2200px;
    background: #f3f2ff;
}
.p-2[data-v-533d9888]:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    border-radius: 45%;
    margin-left: -1100px;
    height: 430px;
    width: 2200px;
    background: #f3f2ff;
}
.p-2 h2[data-v-533d9888] {
    text-align: center;
    font-size: 34px;
    color: #301c50;
    line-height: 48px;
}
.p-2 .main-ctn[data-v-533d9888] {
    width: 1100px;
    margin: 50px auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.p-2 .ctn-l[data-v-533d9888] {
    width: 380px;
}
.p-2 .ctn-l .item[data-v-533d9888] {
      position: relative;
      padding-left: 42px;
      margin-bottom: 32px;
}
.p-2 .ctn-l .item img[data-v-533d9888] {
        position: absolute;
        left: 0;
        top: 0;
        width: 32px;
        height: 32px;
        display: block;
        -o-object-fit: contain;
           object-fit: contain;
}
.p-2 .ctn-l .item .m[data-v-533d9888] {
        font-size: 20px;
        color: #301c50;
        line-height: 28px;
}
.p-2 .ctn-l .item .s[data-v-533d9888] {
        font-size: 14px;
        color: #737188;
        line-height: 20px;
}
.p-2 .ctn-r[data-v-533d9888] {
    width: 663px;
}
.p-2 .ctn-r .img-wrap[data-v-533d9888] {
      width: 663px;
      height: 423px;
      position: relative;
      background-size: contain;
}
.p-2 .ctn-r .img-wrap img[data-v-533d9888] {
        position: absolute;
        -webkit-animation: robot1ImgBoxAnimation-data-v-533d9888 2s ease-in-out 0s infinite alternate;
                animation: robot1ImgBoxAnimation-data-v-533d9888 2s ease-in-out 0s infinite alternate;
}
@-webkit-keyframes robot1ImgBoxAnimation-data-v-533d9888 {
0% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
}
100% {
    -webkit-transform: translate(0px, -15px);
            transform: translate(0px, -15px);
}
}
@keyframes robot1ImgBoxAnimation-data-v-533d9888 {
0% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
}
100% {
    -webkit-transform: translate(0px, -15px);
            transform: translate(0px, -15px);
}
}
@-webkit-keyframes robot1ImgBoxAnimation2-data-v-533d9888 {
0% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
}
100% {
    -webkit-transform: translate(0px, -10px);
            transform: translate(0px, -10px);
}
}
@keyframes robot1ImgBoxAnimation2-data-v-533d9888 {
0% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
}
100% {
    -webkit-transform: translate(0px, -10px);
            transform: translate(0px, -10px);
}
}
.p-2 .ctn-r .img-wrap .img-1[data-v-533d9888] {
        width: 233px;
        top: 10px;
        left: 64px;
        -webkit-animation: robot1ImgBoxAnimation-data-v-533d9888 2s ease-in-out 0s infinite alternate;
                animation: robot1ImgBoxAnimation-data-v-533d9888 2s ease-in-out 0s infinite alternate;
}
.p-2 .ctn-r .img-wrap .img-2[data-v-533d9888] {
        width: 270px;
        top: -26px;
        left: 302px;
        -webkit-animation: robot1ImgBoxAnimation2-data-v-533d9888 3s ease-in-out 0s infinite alternate;
                animation: robot1ImgBoxAnimation2-data-v-533d9888 3s ease-in-out 0s infinite alternate;
}
.p-2 .ctn-r .img-wrap .img-3[data-v-533d9888] {
        width: 234px;
        top: 147px;
        left: 65px;
        -webkit-animation: robot1ImgBoxAnimation-data-v-533d9888 2.3s ease-in-out 0s infinite alternate;
                animation: robot1ImgBoxAnimation-data-v-533d9888 2.3s ease-in-out 0s infinite alternate;
}
.p-2 .ctn-r .img-wrap .img-4[data-v-533d9888] {
        width: 231px;
        top: 140px;
        left: 303px;
        -webkit-animation: robot1ImgBoxAnimation2-data-v-533d9888 1.8s ease-in-out 0s infinite alternate;
                animation: robot1ImgBoxAnimation2-data-v-533d9888 1.8s ease-in-out 0s infinite alternate;
}

.intro-mod {
  text-align: center;
  color: #333;
}
.intro-mod .intro-section {
    overflow: hidden;
}
.intro-mod .intro-section h4 {
      font-size: 34px;
      line-height: 1em;
      font-weight: normal;
}

.s-1[data-v-67b9c990] {
  padding: 100px 0 100px;
}
.s-1 h2[data-v-67b9c990] {
    font-size: 34px;
    line-height: 1em;
    font-weight: normal;
}
.s-1 .num-group[data-v-67b9c990] {
    margin-top: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.s-1 .num-item[data-v-67b9c990] {
    width: 300px;
    font-size: 18px;
}
.s-1 .num[data-v-67b9c990] {
    font-size: 42px;
}
.s-1 .num small[data-v-67b9c990] {
      margin-left: -8px;
      font-size: .8em;
}

.s-2[data-v-62d33ad4] {
  background: #f9fbff;
  padding: 100px 0 60px;
}
.s-2 .logo-wall[data-v-62d33ad4] {
    width: 1200px;
    margin: 60px auto 0;
    background: #fff;
    border-radius: 8px;
}
.s-2 .logo-wall img[data-v-62d33ad4] {
      -o-object-fit: contain;
         object-fit: contain;
}
.s-2 .logo-wall .item[data-v-62d33ad4] {
      float: left;
      width: 14.28571%;
      position: relative;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border-right: 1px solid #f5f5f5;
      border-bottom: 1px solid #f5f5f5;
}
.s-2 .logo-wall .item[data-v-62d33ad4]:nth-child(7n) {
        border-right: none;
}
.s-2 .logo-wall .item[data-v-62d33ad4]:nth-last-child(1), .s-2 .logo-wall .item[data-v-62d33ad4]:nth-last-child(2), .s-2 .logo-wall .item[data-v-62d33ad4]:nth-last-child(3), .s-2 .logo-wall .item[data-v-62d33ad4]:nth-last-child(4), .s-2 .logo-wall .item[data-v-62d33ad4]:nth-last-child(7), .s-2 .logo-wall .item[data-v-62d33ad4]:nth-last-child(5), .s-2 .logo-wall .item[data-v-62d33ad4]:nth-last-child(6) {
        border-bottom: none;
}
.s-2 .logo-wall .item div[data-v-62d33ad4] {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
}
.s-2 .logo-wall .item .info[data-v-62d33ad4] {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        height: 100%;
        width: 100%;
}
.s-2 .logo-wall .item .info img[data-v-62d33ad4] {
          width: 70px;
          height: 70px;
          margin: 44px auto 0 auto;
          display: block;
}
.s-2 .logo-wall .item .info p[data-v-62d33ad4] {
          white-space: pre;
          font-size: 14px;
          margin-top: 20px;
}
.s-2 .logo-wall .item .qrcode[data-v-62d33ad4] {
        background: #fff;
        width: 110%;
        height: 110%;
        -webkit-box-shadow: 4px 0px 36px rgba(32, 33, 39, 0.08);
                box-shadow: 4px 0px 36px rgba(32, 33, 39, 0.08);
        opacity: 0;
        -webkit-transition: all .3s;
        transition: all .3s;
        z-index: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
}
.s-2 .logo-wall .item .qrcode .qrcode-title[data-v-62d33ad4] {
          position: initial;
          white-space: pre;
          margin-bottom: 10px;
}
.s-2 .logo-wall .item .qrcode .qrcode-wrap[data-v-62d33ad4] {
          position: initial;
          -webkit-transform: initial;
                  transform: initial;
          width: 100px;
          height: 100px;
}
.s-2 .logo-wall .item .qrcode .qrcode-wrap div[data-v-62d33ad4] {
            position: initial;
            -webkit-transform: initial;
                    transform: initial;
}
.s-2 .logo-wall .item .qrcode .qrcode-wrap .duanshu-logo[data-v-62d33ad4] {
            position: absolute;
            z-index: 1;
            top: 57%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
            width: 20px;
            height: 20px;
            max-width: none;
            max-height: none;
            background: #fff;
            -o-object-fit: contain;
               object-fit: contain;
            border: 3px solid #fff;
}
.s-2 .logo-wall .item:hover .qrcode[data-v-62d33ad4] {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%) scale(1);
                transform: translate(-50%, -50%) scale(1);
}
.s-2 .logo-wall .item[data-v-62d33ad4]:before {
        content: "";
        display: block;
        padding-bottom: 100%;
}
.s-2 .logo-wall[data-v-62d33ad4]:after {
      content: "";
      display: block;
      clear: both;
}

.s-6[data-v-6f630e33] {
  position: relative;
}
.s-6[data-v-6f630e33]:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    border-radius: 45%;
    margin-left: -1100px;
    height: 600px;
    width: 2200px;
    background: #F9FBFF;
}
.s-6 h2[data-v-6f630e33] {
    height: 48px;
    font-size: 34px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #1f2664;
    line-height: 48px;
    margin: 78px auto 13px;
    position: relative;
    z-index: 1;
}
.s-6 .s[data-v-6f630e33] {
    text-align: center;
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #727f9c;
    line-height: 22px;
    margin-bottom: 60px;
    position: relative;
    z-index: 1;
}
.s-6 .bg-wrap[data-v-6f630e33] {
    background: #F9FBFF;
    padding-bottom: 1px;
}
.s-6 .logo-wall[data-v-6f630e33] {
    width: 1138px;
    height: 805px;
    position: relative;
    margin: 0 auto 90px;
}
.s-6 .logo-wall.before .item[data-v-6f630e33] {
      opacity: 0;
}
.s-6 .logo-wall.before .item-1[data-v-6f630e33] {
      -webkit-transform: translate(498px, 168px);
              transform: translate(498px, 168px);
}
.s-6 .logo-wall.before .item-2[data-v-6f630e33] {
      -webkit-transform: translate(332px, 240px);
              transform: translate(332px, 240px);
}
.s-6 .logo-wall.before .item-3[data-v-6f630e33] {
      -webkit-transform: translate(166px, 283px);
              transform: translate(166px, 283px);
}
.s-6 .logo-wall.before .item-4[data-v-6f630e33] {
      -webkit-transform: translate(0px, 334px);
              transform: translate(0px, 334px);
}
.s-6 .logo-wall.before .item-5[data-v-6f630e33] {
      -webkit-transform: translate(-166px, 250px);
              transform: translate(-166px, 250px);
}
.s-6 .logo-wall.before .item-6[data-v-6f630e33] {
      -webkit-transform: translate(-332px, 309px);
              transform: translate(-332px, 309px);
}
.s-6 .logo-wall.before .item-7[data-v-6f630e33] {
      -webkit-transform: translate(-498px, 186px);
              transform: translate(-498px, 186px);
}
.s-6 .logo-wall.before .item-8[data-v-6f630e33] {
      -webkit-transform: translate(498px, 0px);
              transform: translate(498px, 0px);
}
.s-6 .logo-wall.before .item-9[data-v-6f630e33] {
      -webkit-transform: translate(332px, 74px);
              transform: translate(332px, 74px);
}
.s-6 .logo-wall.before .item-10[data-v-6f630e33] {
      -webkit-transform: translate(166px, 116px);
              transform: translate(166px, 116px);
}
.s-6 .logo-wall.before .item-11[data-v-6f630e33] {
      -webkit-transform: translate(0px, 167px);
              transform: translate(0px, 167px);
}
.s-6 .logo-wall.before .item-12[data-v-6f630e33] {
      -webkit-transform: translate(-166px, 83px);
              transform: translate(-166px, 83px);
}
.s-6 .logo-wall.before .item-13[data-v-6f630e33] {
      -webkit-transform: translate(-332px, 141px);
              transform: translate(-332px, 141px);
}
.s-6 .logo-wall.before .item-14[data-v-6f630e33] {
      -webkit-transform: translate(-498px, 19px);
              transform: translate(-498px, 19px);
}
.s-6 .logo-wall.before .item-15[data-v-6f630e33] {
      -webkit-transform: translate(498px, -166px);
              transform: translate(498px, -166px);
}
.s-6 .logo-wall.before .item-16[data-v-6f630e33] {
      -webkit-transform: translate(332px, -94px);
              transform: translate(332px, -94px);
}
.s-6 .logo-wall.before .item-17[data-v-6f630e33] {
      -webkit-transform: translate(166px, -51px);
              transform: translate(166px, -51px);
}
.s-6 .logo-wall.before .item-18[data-v-6f630e33] {
      -webkit-transform: translate(0px, 0px);
              transform: translate(0px, 0px);
}
.s-6 .logo-wall.before .item-19[data-v-6f630e33] {
      -webkit-transform: translate(-166px, -84px);
              transform: translate(-166px, -84px);
}
.s-6 .logo-wall.before .item-20[data-v-6f630e33] {
      -webkit-transform: translate(-332px, -23px);
              transform: translate(-332px, -23px);
}
.s-6 .logo-wall.before .item-21[data-v-6f630e33] {
      -webkit-transform: translate(-500px, -150px);
              transform: translate(-500px, -150px);
}
.s-6 .logo-wall.before .item-22[data-v-6f630e33] {
      -webkit-transform: translate(-2px, -331px);
              transform: translate(-2px, -331px);
}
.s-6 .logo-wall.before .item-23[data-v-6f630e33] {
      -webkit-transform: translate(332px, -260px);
              transform: translate(332px, -260px);
}
.s-6 .logo-wall.before .item-24[data-v-6f630e33] {
      -webkit-transform: translate(166px, -218px);
              transform: translate(166px, -218px);
}
.s-6 .logo-wall.before .item-25[data-v-6f630e33] {
      -webkit-transform: translate(-2px, -170px);
              transform: translate(-2px, -170px);
}
.s-6 .logo-wall.before .item-26[data-v-6f630e33] {
      -webkit-transform: translate(-167px, -253px);
              transform: translate(-167px, -253px);
}
.s-6 .logo-wall.before .item-27[data-v-6f630e33] {
      -webkit-transform: translate(-333px, -192px);
              transform: translate(-333px, -192px);
}
.s-6 .item[data-v-6f630e33] {
    position: absolute;
    width: 134px;
    height: 134px;
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 22px rgba(152, 149, 170, 0.23);
            box-shadow: 0 0 22px rgba(152, 149, 170, 0.23);
    overflow: hidden;
    -webkit-transition: all .8s;
    transition: all .8s;
}
.s-6 .item .qr-code[data-v-6f630e33] {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 110px;
      -webkit-transform: translate(-50%, -50%) scale(0.95);
              transform: translate(-50%, -50%) scale(0.95);
      opacity: 0;
      -webkit-transition: all .3s;
      transition: all .3s;
      z-index: 1;
}
.s-6 .item .item-logo[data-v-6f630e33] {
      width: 66px;
      height: 66px;
      margin: 24px auto 10px;
      position: relative;
}
.s-6 .item .item-logo img[data-v-6f630e33] {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
}
.s-6 .item p[data-v-6f630e33] {
      height: 18px;
      text-align: center;
      font-size: 12px;
      font-weight: 400;
      color: #666666;
}
.s-6 .item[data-v-6f630e33]:hover {
      background: #fff;
      -webkit-transform: scale(1.1);
              transform: scale(1.1);
}
.s-6 .item:hover .qr-code[data-v-6f630e33] {
        -webkit-transform: translate(-50%, -50%) scale(1);
                transform: translate(-50%, -50%) scale(1);
        opacity: 1;
}
.s-6 .item-1[data-v-6f630e33] {
    top: 166px;
    left: 0;
}
.s-6 .item-2[data-v-6f630e33] {
    top: 94px;
    left: 166px;
}
.s-6 .item-3[data-v-6f630e33] {
    top: 51px;
    left: 332px;
}
.s-6 .item-4[data-v-6f630e33] {
    top: 0;
    left: 498px;
}
.s-6 .item-5[data-v-6f630e33] {
    top: 84px;
    left: 664px;
}
.s-6 .item-6[data-v-6f630e33] {
    top: 25px;
    left: 830px;
}
.s-6 .item-7[data-v-6f630e33] {
    top: 148px;
    left: 996px;
}
.s-6 .item-8[data-v-6f630e33] {
    top: 333px;
    left: 0;
}
.s-6 .item-9[data-v-6f630e33] {
    top: 261px;
    left: 166px;
}
.s-6 .item-10[data-v-6f630e33] {
    top: 218px;
    left: 332px;
}
.s-6 .item-11[data-v-6f630e33] {
    top: 167px;
    left: 498px;
}
.s-6 .item-12[data-v-6f630e33] {
    top: 251px;
    left: 664px;
}
.s-6 .item-13[data-v-6f630e33] {
    top: 192px;
    left: 830px;
}
.s-6 .item-14[data-v-6f630e33] {
    top: 315px;
    left: 996px;
}
.s-6 .item-15[data-v-6f630e33] {
    top: 500px;
    left: 0;
}
.s-6 .item-16[data-v-6f630e33] {
    top: 428px;
    left: 166px;
}
.s-6 .item-17[data-v-6f630e33] {
    top: 385px;
    left: 332px;
}
.s-6 .item-18[data-v-6f630e33] {
    top: 334px;
    left: 498px;
    background: #695bff;
    z-index: 10;
}
.s-6 .item-18 p[data-v-6f630e33] {
      color: #fff;
}
.s-6 .item-19[data-v-6f630e33] {
    top: 418px;
    left: 664px;
}
.s-6 .item-20[data-v-6f630e33] {
    top: 359px;
    left: 830px;
}
.s-6 .item-21[data-v-6f630e33] {
    top: 482px;
    left: 996px;
}
.s-6 .item-22[data-v-6f630e33] {
    top: 667px;
    left: 498px;
}
.s-6 .item-23[data-v-6f630e33] {
    top: 595px;
    left: 166px;
}
.s-6 .item-24[data-v-6f630e33] {
    top: 552px;
    left: 332px;
}
.s-6 .item-25[data-v-6f630e33] {
    top: 501px;
    left: 498px;
}
.s-6 .item-26[data-v-6f630e33] {
    top: 585px;
    left: 664px;
}
.s-6 .item-27[data-v-6f630e33] {
    top: 526px;
    left: 830px;
}
.s-6 .item-28[data-v-6f630e33] {
    top: 649px;
    left: 996px;
}

@charset "UTF-8";
.s-3[data-v-68102d18] {
  padding: 100px 0 100px;
}
.s-3 p[data-v-68102d18] {
    width: 900px;
    margin: 56px auto;
    position: relative;
    font-size: 16px;
}
.s-3 p[data-v-68102d18]:after, .s-3 p[data-v-68102d18]:before {
      display: block;
      font-size: 72px;
      position: absolute;
      color: #ccc;
      line-height: .3em;
      font-family: 'Helvetica Neue';
}
.s-3 p[data-v-68102d18]:before {
      content: "\201C";
      left: -40px;
      top: -5px;
}
.s-3 p[data-v-68102d18]:after {
      content: "\201D";
      right: -40px;
      bottom: -20px;
}
.s-3 .logo-links a[data-v-68102d18] {
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px;
}
.s-3 .logo-links a img[data-v-68102d18] {
      display: block;
      width: auto;
      height: 48px;
      max-width: none;
      max-height: none;
}

.s-4[data-v-d68c11a6] {
  border-top: 1px solid #F0F0F0;
  position: relative;
  background: #0095ff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 270px;
  overflow: hidden;
}
.s-4 img[data-v-d68c11a6] {
    position: absolute;
    width: 100%;
    top: 0;
    height: 100%;
    max-width: none;
    max-height: none;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
.s-4 .bg[data-v-d68c11a6] {
    background: #EC6E6E;
}
.s-4 .center-wrap[data-v-d68c11a6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    z-index: 1;
}
.s-4 .center-wrap .form[data-v-d68c11a6] {
      margin-top: 34px;
}
.s-4 h4[data-v-d68c11a6] {
    margin-top: 85px;
    font-size: 32px;
    font-weight: bold;
    color: #fff;
}
.s-4 .btn-group[data-v-d68c11a6] {
    margin-top: 36px;
}
.s-4 .intro-btn[data-v-d68c11a6] {
    display: inline-block;
    margin: 0 10px;
    color: #0095ff;
    background: #fff;
    text-align: center;
    line-height: 38px;
    height: 38px;
    border-radius: 4px;
    width: 140px;
    font-size: 14px;
    border: 1px solid transparent;
    font-weight: bold;
}
.s-4 .intro-btn.border[data-v-d68c11a6] {
      background: transparent;
      border-color: #fff;
      color: #fff;
}
.s-4 .intro-btn[data-v-d68c11a6]:hover {
      color: #0095ff;
      background: #f9f9f9;
}

.intro-wrap[data-v-453f7b70] {
  padding: 94px 0 0;
}
.intro-wrap h2[data-v-453f7b70] {
    font-size: 34px;
    color: #333333;
    line-height: 48px;
    text-align: center;
}
.intro-wrap .card-wall[data-v-453f7b70] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 1110px;
    margin: 55px auto 0;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.intro-wrap .card-wall .item[data-v-453f7b70] {
      width: 320px;
      margin-bottom: 70px;
      background: white;
      -webkit-box-shadow: 0px 7px 30px 0px rgba(231, 236, 249, 0.5);
              box-shadow: 0px 7px 30px 0px rgba(231, 236, 249, 0.5);
      border-radius: 8px;
      -webkit-transition: all .3s;
      transition: all .3s;
      overflow: hidden;
}
.intro-wrap .card-wall .item img[data-v-453f7b70] {
        display: block;
        width: 320px;
        height: 198px;
}
.intro-wrap .card-wall .item[data-v-453f7b70]:hover {
        -webkit-box-shadow: 0px 7px 50px 0px rgba(183, 195, 232, 0.5);
                box-shadow: 0px 7px 50px 0px rgba(183, 195, 232, 0.5);
}
.intro-wrap .card-wall .item:hover .s[data-v-453f7b70] {
          height: 17px;
          opacity: 1;
}
.intro-wrap .card-wall .info-bar[data-v-453f7b70] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      height: 72px;
}
.intro-wrap .card-wall .m[data-v-453f7b70] {
      text-align: center;
      line-height: 1em;
      text-align: center;
      font-size: 18px;
      color: #071940;
}
.intro-wrap .card-wall .s[data-v-453f7b70] {
      text-align: center;
      margin-top: 5px;
      font-size: 12px;
      height: 0;
      -webkit-transition: all .3s;
      transition: all .3s;
      opacity: 0;
}
.intro-wrap .card-wall .s a[data-v-453f7b70] {
        color: #3D78FF;
}

.intro-wrap[data-v-a321421c] {
  padding: 94px 0 0;
}
.intro-wrap h2[data-v-a321421c] {
    font-size: 34px;
    color: #333333;
    line-height: 48px;
    text-align: center;
}
.intro-wrap .card-list[data-v-a321421c] {
    margin: 37px auto 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 1220px;
}
.intro-wrap .card-list .item[data-v-a321421c] {
      width: 300px;
      height: 215px;
      border: 1px solid #F3F3F3;
      margin-top: -1px;
      -webkit-transition: all .3s;
      transition: all .3s;
      background: #fff;
}
.intro-wrap .card-list .item[data-v-a321421c]:nth-child(4n - 3), .intro-wrap .card-list .item[data-v-a321421c]:nth-child(4n - 2), .intro-wrap .card-list .item[data-v-a321421c]:nth-child(4n - 1) {
        margin-right: -1px;
}
.intro-wrap .card-list .item[data-v-a321421c]:nth-child(1), .intro-wrap .card-list .item[data-v-a321421c]:nth-child(2), .intro-wrap .card-list .item[data-v-a321421c]:nth-child(3), .intro-wrap .card-list .item[data-v-a321421c]:nth-child(4) {
        margin-top: 0;
}
.intro-wrap .card-list .item[data-v-a321421c]:hover {
        -webkit-box-shadow: 0px 7px 50px 0px rgba(183, 195, 232, 0.5);
                box-shadow: 0px 7px 50px 0px rgba(183, 195, 232, 0.5);
        position: relative;
        z-index: 1;
        /*transform:scale(1.1);*/
}
.intro-wrap .card-list .item img[data-v-a321421c] {
        width: 78px;
        height: 78px;
        margin: 12px auto 8px;
        display: block;
}
.intro-wrap .card-list .item .m[data-v-a321421c] {
        font-size: 18px;
        line-height: 1em;
        color: #071940;
        text-align: center;
        padding-top: 8px;
}
.intro-wrap .card-list .item .s[data-v-a321421c] {
        font-size: 14px;
        text-align: center;
        color: #727f9c;
        line-height: 20px;
        margin: 12px 20px 0;
}

.article-page {
  background: #FAFAFA;
}
.art-l {
  background: #fff;
  float: left;
  width: 790px;
  padding: 20px 20px 20px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  margin-bottom: 30px;
}
.html {
  font-size: 16px;
}
.html .a-info {
    color: #999999;
    font-size: 12px;
    margin-bottom: 15px;
}
.html .a-info.sp {
      font-size: 14px;
      margin-top: 15px;
      margin-bottom: 50px;
      position: relative;
}
.html .a-info.sp:before {
        position: absolute;
        width: 160px;
        height: 4px;
        background: #F0F0F0;
        content: '';
        display: block;
        left: 0;
        bottom: -20px;
}
.html h2 {
    font-size: 28px;
    color: #333;
    font-weight: bold;
}
.html h3 {
    font-size: 18px;
    color: #333;
    font-weight: bold;
    margin: 30px 0;
}
.html ol {
    margin: 30px 0 30px 20px;
}
.html ol li {
      font-size: 16px;
      color: #595959;
      line-height: 28px;
      list-style-type: inherit;
}
.html p {
    font-size: 16px;
    color: #595959;
    line-height: 28px;
    margin: 30px 0;
}
.html a {
    color: #4073FF;
}
.html img {
    display: block;
    margin: 0 auto;
}

.article[data-v-4e19450a] {
  width: 1140px;
  margin: 0 auto;
}
.article .art-hd[data-v-4e19450a] {
    color: #666;
    font-size: 14px;
    line-height: 70px;
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    white-space: pre;
}
.article .art-hd .menu-link[data-v-4e19450a] {
      max-width: 500px;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
}
.article .art-hd a[data-v-4e19450a] {
      color: #666;
}
.article .art-hd a[data-v-4e19450a]:hover {
        color: #0085ff;
}
.article .art-bd[data-v-4e19450a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.article .art-bd .art-r[data-v-4e19450a] {
      float: right;
      width: 320px;
}
.if-like[data-v-4e19450a] {
  margin-top: 40px;
}
.if-like .il-hd[data-v-4e19450a] {
    font-size: 16px;
    color: #333;
    line-height: 1em;
    margin-bottom: 20px;
    position: relative;
    padding-left: 13px;
}
.if-like .il-hd[data-v-4e19450a]:before {
      content: "";
      display: block;
      width: 3px;
      background: #3CA7FF;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
}
.if-like .il-bd[data-v-4e19450a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.if-like .il-bd li[data-v-4e19450a] {
      width: 236px;
}
.if-like .il-bd a[data-v-4e19450a] {
      display: block;
}
.if-like .il-bd a:hover p[data-v-4e19450a] {
        color: #0095ff;
}
.if-like .il-bd .img-wrap[data-v-4e19450a] {
      width: 236px;
}
.if-like .il-bd .img-wrap img[data-v-4e19450a] {
        width: 100%;
        height: 133px;
        display: block;
}
.if-like .il-bd p[data-v-4e19450a] {
      display: -webkit-box;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      word-break: break-all;
      color: #333;
      margin-top: 8px;
}
.keyword[data-v-4e19450a] {
  overflow: hidden;
  border-bottom: 1px solid #F0F0F0;
  padding: 30px 0 23px;
}
.keyword a[data-v-4e19450a] {
    float: left;
    line-height: 28px;
    padding: 0 12px;
    color: #666;
    background: #f1f1f1;
    font-size: 12px;
    margin: 0 10px 0 0;
    border-radius: 4px;
}
.keyword a[data-v-4e19450a]:hover {
      color: #0095ff;
}
.about-it[data-v-4e19450a] {
  color: #999;
  font-size: 12px;
  padding: 30px 0 23px;
  line-height: 21px;
  border-bottom: 1px solid #F0F0F0;
}
.about-it span[data-v-4e19450a] {
    color: #666;
}
.block[data-v-4e19450a] {
  background: white;
  overflow: hidden;
  border-radius: 4px;
  padding: 0 24px;
  margin-bottom: 18px;
}
.block .block-hd[data-v-4e19450a] {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    line-height: 57px;
    height: 57px;
    font-weight: bold;
    border-bottom: 1px dashed #F0F0F0;
}
.block .block-bd[data-v-4e19450a] {
    padding-bottom: 30px;
}
.link-wall[data-v-4e19450a] {
  counter-reset: section;
}
.link-wall li[data-v-4e19450a] {
    margin: 20px 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-left: 30px;
    position: relative;
    counter-increment: section;
}
.link-wall li .icon[data-v-4e19450a] {
      position: absolute;
      content: "";
      display: block;
      width: 0px;
      height: 16px;
      position: absolute;
      top: 50%;
      left: 4px;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      border-width: 2px 8px;
      border-color: #f0f0f0 #f0f0f0 #fff #f0f0f0;
      border-style: solid;
}
.link-wall li[data-v-4e19450a]:after {
      content: counter(section);
      position: absolute;
      display: block;
      width: 0px;
      height: 18px;
      position: absolute;
      top: 50%;
      left: 9px;
      font-size: 12px;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      color: #666;
}
.link-wall li[data-v-4e19450a]:nth-child(1):after, .link-wall li[data-v-4e19450a]:nth-child(2):after {
      color: #fff;
}
.link-wall li:nth-child(1) .icon[data-v-4e19450a] {
      border-color: #f44344 #f44344 #fff #f44344;
}
.link-wall li:nth-child(2) .icon[data-v-4e19450a] {
      border-color: #f68f35 #f68f35 #fff #f68f35;

}
.link-wall li:nth-child(3) .icon[data-v-4e19450a] {
      border-color: #F6CF35 #F6CF35 #fff #F6CF35;
}
.link-wall a[data-v-4e19450a] {
    font-size: 14px;
    color: #333;
}
.link-wall a[data-v-4e19450a]:hover {
      color: #0095ff;
}
.page-wall a[data-v-4e19450a] {
  border: 1px solid #f0f0f0;
  position: relative;
  padding-left: 76px;
  display: block;
  height: 80px;
  margin: 20px 0;
  overflow: hidden;
  border-radius: 4px;
}
.page-wall a img[data-v-4e19450a] {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 24px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
.page-wall a .m[data-v-4e19450a] {
    color: #333;
    font-size: 14px;
    margin-top: 22px;
    line-height: 1em;
}
.page-wall a .s[data-v-4e19450a] {
    color: #999;
    font-size: 12px;
    line-height: 1em;
    margin-top: 10px;
}
.page-wall a[data-v-4e19450a]:hover {
    background: #f7f7f7;
}
.key-wall[data-v-4e19450a] {
  overflow: hidden;
  padding: 20px 6px;
}
.key-wall a[data-v-4e19450a] {
    float: left;
    line-height: 28px;
    border: 1px solid #f0f0f0;
    padding: 0 12px;
    color: #333;
    font-size: 12px;
    margin: 0 10px 10px 0;
}
.key-wall a[data-v-4e19450a]:hover {
      border-color: #0095ff;
      color: #0095ff;
}
.hint-wrapper[data-v-4e19450a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 0;
  padding: 10px;
  background: #FAFAFA;
  font-size: 12px;
  color: #333333;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.hint-wrapper .icon[data-v-4e19450a] {
    height: 12px;
    -o-object-fit: contain;
       object-fit: contain;
}
.hint-wrapper .qrcode[data-v-4e19450a] {
    margin-left: 4px;
    width: 70px;
    height: 70px;
}

.page .spokesman[data-v-e023a2c2] {
  width: 100%;
  height: 520px;
  background: #262420;
}
.page .spokesman .swiper[data-v-e023a2c2] {
    width: 1150px;
    height: 100%;
    position: relative;
}
.page .spokesman .swiper .swiper-item[data-v-e023a2c2] {
      height: 100%;
      width: 1150px;
}
.page .spokesman .swiper .swiper-item .tag[data-v-e023a2c2] {
        color: #ffffff;
        opacity: 0.5;
        margin-left: 5px;
}
.page .spokesman .swiper .swiper-item .name[data-v-e023a2c2] {
        line-height: 80px;
        margin-left: 340px;
        font-size: 20px;
        color: #ffffff;
}
.page .spokesman .swiper .swiper-item .brief[data-v-e023a2c2] {
        width: 515px;
        font-size: 16px;
        line-height: 30px;
        color: #ffffff;
        margin-left: 35px;
        margin-top: 15px;
}
.page .spokesman .swiper .swiper-item .icon[data-v-e023a2c2] {
        width: 42px;
        height: 27px;
        margin-top: 150px;
}
.page .spokesman .swiper .swiper-item .avatar[data-v-e023a2c2] {
        width: 360px;
        height: 500px;
        position: absolute;
        right: 20px;
        bottom: 0;
}
.page .cases[data-v-e023a2c2] {
  width: 1230px;
  margin: 80px auto 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.page .cases .item[data-v-e023a2c2] {
    width: 280px;
    height: 380px;
    border: 1px solid #dbdbdb;
    margin-bottom: 25px;
    margin-right: 25px;
}
.page .cases .item .info .logo-img[data-v-e023a2c2] {
      width: 100px;
      height: 100px;
      margin: 44px auto 0;
      display: block;
}
.page .cases .item .info .name[data-v-e023a2c2] {
      font-size: 18px;
      font-weight: 600;
      color: #333333;
      line-height: 30px;
      text-align: center;
      margin-top: 15px;
}
.page .cases .item .info .brief[data-v-e023a2c2] {
      width: 224px;
      height: 102px;
      font-size: 14px;
      color: #666666;
      line-height: 22px;
      margin: 30px auto 0;
}
.page .cases .item .qrcode[data-v-e023a2c2] {
      width: 280px;
      height: 378px;
      -webkit-box-shadow: 4px 0px 36px rgba(32, 33, 39, 0.08);
              box-shadow: 4px 0px 36px rgba(32, 33, 39, 0.08);
      opacity: 0;
      background: #ffffff;
      -webkit-transition: all .3s;
      transition: all .3s;
      margin-top: -320px;
      overflow: hidden;
}
.page .cases .item .qrcode .qrcode-wrap[data-v-e023a2c2] {
        width: 180px;
        height: 180px;
        margin-top: 80px;
        margin-left: 50px;
}
.page .cases .item .qrcode .qrcode-wrap .duanshu-logo[data-v-e023a2c2] {
          width: 40px;
          height: 40px;
          background: #ffffff;
          border: 3px solid #ffffff;
          position: absolute;
          margin-top: -115px;
          margin-left: 65px;
}
.page .cases .item .qrcode .show-code[data-v-e023a2c2] {
        font-size: 14px;
        color: #666666;
        text-align: center;
        margin-top: 18px;
}
.page .cases .item .qrcode .case-analyse[data-v-e023a2c2] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 280px;
        height: 40px;
        background: #f2f7ff;
        text-align: center;
        margin-top: 40px;
}
.page .cases .item .qrcode .case-analyse a[data-v-e023a2c2] {
          width: 100%;
          height: 100%;
          font-size: 14px;
          font-weight: 400;
          color: #5793f1;
          line-height: 40px;
}
.page .cases .item:hover .qrcode[data-v-e023a2c2] {
      opacity: 1;
}
.page .cases .item:hover .info[data-v-e023a2c2] {
      opacity: 0;
}

*[data-v-7d568617] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.flexbox[data-v-7d568617] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.middle-wrap[data-v-7d568617] {
  min-width: 1024px;
  width: 1200px;
  margin: auto;
}
.hide[data-v-7d568617] {
  display: none;
}
.page[data-v-7d568617] {
  min-width: 1024px;
}
section[data-v-7d568617] {
  background: #fff;
}
section h2[data-v-7d568617] {
    text-align: center;
    font-size: 34px;
}
section.s1[data-v-7d568617] {
    position: relative;
    background: url("top.png") no-repeat center top;
    background-size: 1920px 418px;
    padding-bottom: 40px;
    background-color: #fff;
    overflow: hidden;
}
section.s1 .intro[data-v-7d568617] {
      color: #fff;
      text-align: center;
      padding-top: 56px;
}
section.s1 .intro h2[data-v-7d568617] {
        font-size: 50px;
}
section.s1 .intro p[data-v-7d568617] {
        color: #a7fff3;
        font-size: 22px;
        margin-top: 6px;
}
section.s1 .intro .reg-btn[data-v-7d568617] {
        display: inline-block;
        position: relative;
        color: #3fdeac;
        font-size: 14px;
        background: #fff;
        width: 120px;
        height: 40px;
        line-height: 40px;
        border-radius: 100px;
        margin-top: 20px;
        -webkit-transition: all 400ms;
        transition: all 400ms;
        z-index: 100;
}
section.s1 .intro .reg-btn[data-v-7d568617]:hover {
          -webkit-transform: scale(1.2);
                  transform: scale(1.2);
}
section.s1 .center-wrap[data-v-7d568617] {
      background: url("phone-bg.png") no-repeat center 268px;
      background-size: 537px 300px;
}
section.s1 .center-wrap .phone-wrap[data-v-7d568617] {
        position: relative;
        width: 375px;
        margin: auto;
        opacity: 0;
        -webkit-transition: all 1000ms 2000ms;
        transition: all 1000ms 2000ms;
        z-index: 100;
}
section.s1 .center-wrap .card[data-v-7d568617] {
        position: absolute;
        left: 42px;
        bottom: 70px;
        width: 203px;
        height: 353px;
        background: url("card.png") no-repeat center;
        background-size: cover;
        -webkit-transition: -webkit-transform 500ms;
        transition: -webkit-transform 500ms;
        transition: transform 500ms;
        transition: transform 500ms, -webkit-transform 500ms;
        -webkit-transform-origin: 16% 92%;
                transform-origin: 16% 92%;
        -webkit-transform: rotate(0);
                transform: rotate(0);
}
section.s1 .center-wrap .card.active[data-v-7d568617] {
          -webkit-transform: rotate(-30deg);
                  transform: rotate(-30deg);
          -webkit-animation: card-rotate-data-v-7d568617 2000ms 1 2000ms;
                  animation: card-rotate-data-v-7d568617 2000ms 1 2000ms;
}
section.s1 .center-wrap .phone[data-v-7d568617] {
        position: relative;
        width: 375px;
        height: 692px;
        background: url("phone.png") no-repeat center;
        background-size: cover;
}
section.s1 .center-wrap .ov[data-v-7d568617] {
        position: absolute;
        left: 50%;
        top: 62px;
        width: 250px;
        height: 568px;
        overflow: hidden;
        border-radius: 16px;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
}
section.s1 .center-wrap .inner[data-v-7d568617] {
        -webkit-transition: all 400ms;
        transition: all 400ms;
        position: relative;
        -webkit-transform: translateY(0);
                transform: translateY(0);
        -webkit-animation: auto-roll-data-v-7d568617 10000ms ease-in infinite 3000ms alternate;
                animation: auto-roll-data-v-7d568617 10000ms ease-in infinite 3000ms alternate;
}
section.s1 .center-wrap .slide-pic[data-v-7d568617] {
        width: 100%;
}
section.s1 .visible[data-v-7d568617] {
      opacity: 1 !important;
      visibility: visible !important;
}
section.s1 .roll-bg[data-v-7d568617] {
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      width: 1500px;
      height: 986px;
      background: no-repeat center;
      background-size: contain;
      -webkit-animation-name: up-roll-data-v-7d568617;
              animation-name: up-roll-data-v-7d568617;
      -webkit-animation-timing-function: linear;
              animation-timing-function: linear;
      -webkit-animation-iteration-count: infinite;
              animation-iteration-count: infinite;
      margin: 0 auto;
}
section.s1 .roll-bg.quick[data-v-7d568617] {
        -webkit-animation-duration: 26s;
                animation-duration: 26s;
        background-image: url("quick.png");
}
section.s1 .roll-bg.slow[data-v-7d568617] {
        -webkit-animation-duration: 45s;
                animation-duration: 45s;
        background-image: url("slow.png");
}
section.s2 h2[data-v-7d568617] {
    color: #3a4341;
    margin-bottom: 40px;
}
section.s2 .slide-wrap[data-v-7d568617] {
    position: relative;
}
section.s2 .slide-wrap .phone-slide[data-v-7d568617] {
      width: 894px;
      height: 600px;
      position: relative;
      padding-bottom: 95px;
}
section.s2 .slide-wrap .phone-slide[data-v-7d568617]:before {
        content: '';
        position: absolute;
        right: 42px;
        top: -14px;
        width: 361px;
        height: 567px;
        background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/community/2/phone-bg.png") no-repeat right top;
        background-size: contain;
}
section.s2 .slide-wrap .slide-inner[data-v-7d568617] {
      position: absolute;
      right: 50px;
      top: 0;
      width: 894px;
      height: 600px;
      overflow: hidden;
}
section.s2 .slide-wrap .pic-list[data-v-7d568617] {
      position: relative;
      z-index: 20;
}
section.s2 .slide-wrap .pic-list .inner[data-v-7d568617] {
        position: absolute;
        right: 0;
        width: 9999px;
        padding-top: 52px;
        overflow: hidden;
}
section.s2 .slide-wrap .pic-list .inner[data-v-7d568617]:not(.no-transition) {
          -webkit-transition: all 800ms;
          transition: all 800ms;
}
section.s2 .slide-wrap .pic-list .pic-item[data-v-7d568617] {
        float: right;
        padding-left: 20px;
        opacity: .6;
}
section.s2 .slide-wrap .pic-list .pic-item[data-v-7d568617]:not(.no-transition) {
          -webkit-transition: all 800ms;
          transition: all 800ms;
}
section.s2 .slide-wrap .pic-list .pic-item.active[data-v-7d568617] {
          opacity: 1;
          margin: 0 58px 0 40px;
}
section.s2 .slide-wrap .pic-list .pic-item img[data-v-7d568617] {
          width: 224px;
}
section.s2 .slide-wrap .phone-bg[data-v-7d568617] {
      position: absolute;
      top: -20px;
      right: 48px;
      width: 346px;
      height: 602px;
      border-radius: 50px;
      background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/community/2/phone.png") no-repeat center;
      background-size: contain;
      z-index: 10;
}
section.s2 .slide-wrap .paginations[data-v-7d568617] {
      padding: 80px 0 0 148px;
}
section.s2 .slide-wrap .paginations .item[data-v-7d568617] {
        cursor: pointer;
}
section.s2 .slide-wrap .paginations .item[data-v-7d568617]:not(:last-child) {
          margin-bottom: 70px;
}
section.s2 .slide-wrap .paginations .item .icon[data-v-7d568617] {
          width: 66px;
          height: 66px;
          border-radius: 4px;
          margin-right: 10px;
          background: no-repeat center;
          background-size: cover;
}
section.s2 .slide-wrap .paginations .item.active .icon-edu[data-v-7d568617] {
          background-image: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/community/2/icon-1-a.png");
}
section.s2 .slide-wrap .paginations .item.active .icon-paper[data-v-7d568617] {
          background-image: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/community/2/icon-2-a.png");
}
section.s2 .slide-wrap .paginations .item.active .icon-robot[data-v-7d568617] {
          background-image: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/community/2/icon-3-a.png");
}
section.s2 .slide-wrap .paginations .item .icon-edu[data-v-7d568617] {
          background-image: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/community/2/icon-1.png");
}
section.s2 .slide-wrap .paginations .item .icon-paper[data-v-7d568617] {
          background-image: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/community/2/icon-2.png");
}
section.s2 .slide-wrap .paginations .item .icon-robot[data-v-7d568617] {
          background-image: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/community/2/icon-3.png");
}
section.s2 .slide-wrap .paginations .intro[data-v-7d568617] {
        width: 380px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-flow: column wrap;
                flex-flow: column wrap;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
}
section.s2 .slide-wrap .paginations .intro .title[data-v-7d568617] {
          color: #3a4341;
          font-size: 20px;
          padding-bottom: 5px;
}
section.s2 .slide-wrap .paginations .intro .desc[data-v-7d568617] {
          width: 355px;
          color: #afb5b3;
          font-size: 14px;
          line-height: 18px;
          white-space: pre-wrap;
}
section.s3[data-v-7d568617] {
    color: #3a4341;
    padding: 60px 0 66px;
}
section.s3 .center[data-v-7d568617] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding-top: 20px;
}
section.s3 .center .intro-items[data-v-7d568617] {
        padding-right: 123px;
}
section.s3 .center .intro-items .item[data-v-7d568617] {
          width: 340px;
          margin-bottom: 26px;
}
section.s3 .center .intro-items .item h3[data-v-7d568617] {
            font-size: 20px;
            margin-bottom: 8px;
            font-weight: bold;
}
section.s3 .center .intro-items .item p[data-v-7d568617] {
            color: #afb5b3;
            font-size: 14px;
}
section.s3 .center .right-banner img[data-v-7d568617] {
        width: 612px;
}
section.s4[data-v-7d568617] {
    background: #f7fbfa;
    padding: 66px 92px;
}
section.s4 h2[data-v-7d568617] {
      color: #333;
      line-height: 45px;
}
section.s4 .h-items[data-v-7d568617] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding-top: 62px;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
}
section.s4 .h-items .t[data-v-7d568617] {
        width: 260px;
        height: 326px;
        padding: 20px;
        border-radius: 16px;
        -webkit-transition: all 500ms;
        transition: all 500ms;
        background: #6ae6bf;
}
section.s4 .h-items .t[data-v-7d568617]:hover {
          -webkit-transform: scale(1.1);
                  transform: scale(1.1);
}
section.s4 .h-items .t .icon[data-v-7d568617] {
          display: inline-block;
          width: 51px;
          height: 47px;
          background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/community/4/y.png") no-repeat center;
          background-size: cover;
}
section.s4 .h-items .t .content[data-v-7d568617] {
          padding: 40px 4px;
}
section.s4 .h-items .t .content h3[data-v-7d568617] {
            color: #fff;
            font-size: 20px;
            font-weight: bold;
}
section.s4 .h-items .t .content p[data-v-7d568617] {
            color: #e4fff7;
            font-size: 14px;
            margin-top: 8px;
            line-height: 20px;
            padding-right: 20px;
}
section.s6[data-v-7d568617] {
    padding: 90px 0 30px;
}
section.s6 h2[data-v-7d568617] {
      color: #301c50;
}
section.s6 .s-items[data-v-7d568617] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding-top: 32px;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
}
section.s6 .s-items .t[data-v-7d568617] {
        width: 200px;
        height: 244px;
        margin: 0 12px;
        background: #fff;
        border-radius: 8px;
        text-align: center;
        padding: 56px 0;
        background: no-repeat center;
        background-size: cover;
        -webkit-transition: all 500ms;
        transition: all 500ms;
}
section.s6 .s-items .t[data-v-7d568617]:hover {
          -webkit-transform: scale(1.1);
                  transform: scale(1.1);
}
section.s6 .s-items .t .icon[data-v-7d568617] {
          width: 70px;
}
section.s6 .s-items .t p[data-v-7d568617] {
          color: #fff;
}
@-webkit-keyframes auto-roll-data-v-7d568617 {
0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
20% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
30% {
    -webkit-transform: translateY(-222px);
            transform: translateY(-222px);
}
60% {
    -webkit-transform: translateY(-222px);
            transform: translateY(-222px);
}
70% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}
@keyframes auto-roll-data-v-7d568617 {
0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
20% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
30% {
    -webkit-transform: translateY(-222px);
            transform: translateY(-222px);
}
60% {
    -webkit-transform: translateY(-222px);
            transform: translateY(-222px);
}
70% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}
@-webkit-keyframes card-rotate-data-v-7d568617 {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg);
}
}
@keyframes card-rotate-data-v-7d568617 {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg);
}
}
@-webkit-keyframes up-roll-data-v-7d568617 {
from {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
}
to {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
}
}
@keyframes up-roll-data-v-7d568617 {
from {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
}
to {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
}
}

.company-page {
  display: block !important;
  min-width: 1200px;
  font-weight: normal;
}
.company-page .page-banner {
    height: 556px;
    background: #47D2C7;
    position: relative;
    overflow: hidden;
}
.company-page .page-banner .bg {
      position: absolute;
      left: 50%;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
}
.company-page .page-banner .item {
      width: 720px;
      position: absolute;
      top: 60%;
      left: 71%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      z-index: 1;
}
.company-page .page-banner .info-wrap {
      color: #fff;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      margin-left: -375px;
}
.company-page .page-banner .info-wrap h2 {
        font-size: 40px;
        line-height: 50px;
        font-weight: 400;
}
.company-page .page-banner .info-wrap h3 {
        font-size: 20px;
        line-height: 1em;
        margin-top: 18px;
}
.company-page .page-banner .info-wrap .page-banner-btn {
        display: block;
        text-align: center;
        font-size: 16px;
        width: 140px;
        height: 40px;
        line-height: 40px;
        margin-top: 40px;
        color: #46D2C9;
        background: #fff;
        border-radius: 4px;
        cursor: pointer;
}
.company-page .page-intro .step {
    height: 334px;
    text-align: center;
    padding: 80px 0;
    overflow: visible;
    white-space: nowrap;
}
.company-page .page-intro .step img,
    .company-page .page-intro .step .info-wrap {
      display: inline-block;
      margin: 0 50px;
      vertical-align: middle;
}
.company-page .page-intro .step img {
      width: 460px;
      height: auto;
      max-height: none;
      max-width: none;
}
.company-page .page-intro .step .info-wrap {
      text-align: left;
      color: #3C4E5A;
      white-space: normal;
      position: relative;
      top: -45px;
}
.company-page .page-intro .step .info-wrap h2 {
        font-weight: normal;
        font-size: 36px;
        line-height: 48px;
}
.company-page .page-intro .step .info-wrap ul {
        margin-top: 25px;
        width: 550px;
        color: #7F878C;
        font-size: 16px;
        line-height: 26px;
}
.company-page .page-intro .step .info-wrap li {
        position: relative;
}
.company-page + .intro-mod .s-1 {
    background: #f7fafa;
}

*[data-v-0aa12cc5] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.flexbox[data-v-0aa12cc5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.middle-wrap[data-v-0aa12cc5] {
  min-width: 1024px;
  width: 1200px;
  margin: auto;
}
.hide[data-v-0aa12cc5] {
  display: none;
}
.page[data-v-0aa12cc5] {
  min-width: 1024px;
}
.reg-link[data-v-0aa12cc5] {
  color: #3d78ff;
  font-size: 12px;
}
.reg-link i[data-v-0aa12cc5] {
    display: inline-block;
    width: 15px;
    height: 9px;
    margin-left: 2px;
    background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/consult/5/more.png") no-repeat center;
    background-size: cover;
}
section[data-v-0aa12cc5] {
  background: #fff;
}
section h2[data-v-0aa12cc5] {
    color: #3A4341;
    text-align: center;
    font-size: 34px;
}
section.s1[data-v-0aa12cc5] {
    position: relative;
    background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/consult/1/banner.png") no-repeat center top;
    background-size: 1920px 418px;
    padding-bottom: 40px;
    background-color: #fff;
    overflow: hidden;
}
section.s1 .intro[data-v-0aa12cc5] {
      color: #fff;
      text-align: center;
      padding-top: 88px;
}
section.s1 .intro h2[data-v-0aa12cc5] {
        color: #fff;
        font-size: 50px;
}
section.s1 .intro .reg-btn[data-v-0aa12cc5] {
        display: inline-block;
        color: #52c270;
        font-size: 14px;
        background: #fff;
        width: 120px;
        height: 40px;
        line-height: 40px;
        border-radius: 100px;
        margin-top: 30px;
        -webkit-transition: all 400ms;
        transition: all 400ms;
}
section.s1 .intro .reg-btn[data-v-0aa12cc5]:hover {
          -webkit-transform: scale(1.2);
                  transform: scale(1.2);
}
section.s1 .tag-items[data-v-0aa12cc5] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: relative;
      padding-top: 70px;
}
section.s1 .tag-items .inner[data-v-0aa12cc5] {
        position: relative;
        white-space: nowrap;
}
section.s1 .tag-items .inner .item[data-v-0aa12cc5] {
          display: inline-block;
          width: 244px;
          height: 284px;
          padding: 24px 0;
          text-align: center;
          background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/consult/1/bg.png") no-repeat center;
          background-size: cover;
}
section.s1 .tag-items .inner .item img[data-v-0aa12cc5] {
            width: 156px;
            height: 164px;
}
section.s1 .tag-items .inner .item p[data-v-0aa12cc5] {
            color: #071940;
}
section.s2[data-v-0aa12cc5] {
    padding: 25px 0 61px;
}
section.s2 .intro[data-v-0aa12cc5] {
      text-align: center;
}
section.s2 .intro p[data-v-0aa12cc5] {
        color: #afb5b3;
        font-size: 14px;
        margin-top: 12px;
}
section.s2 .center[data-v-0aa12cc5] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding-top: 5px;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
}
section.s2 .center .pic-wrap[data-v-0aa12cc5] {
        padding-right: 100px;
}
section.s2 .center .pic-wrap .pic[data-v-0aa12cc5] {
          width: 384px;
          height: 518px;
}
section.s2 .center .tab-items[data-v-0aa12cc5] {
        padding: 120px 0 0 100px;
}
section.s2 .center .tab-items .tab[data-v-0aa12cc5] {
          position: relative;
}
section.s2 .center .tab-items .tab[data-v-0aa12cc5]:before {
            content: '';
            position: absolute;
            top: 6px;
            left: -33px;
            width: 20px;
            height: 20px;
            background: #eaefeb;
            border-radius: 50%;
}
section.s2 .center .tab-items .tab[data-v-0aa12cc5]:after {
            content: '';
            position: absolute;
            top: 12px;
            left: -27px;
            width: 8px;
            height: 8px;
            background: #fff;
            border-radius: 50%;
}
section.s2 .center .tab-items .tab[data-v-0aa12cc5]:not(:last-child) {
            margin-bottom: 70px;
}
section.s2 .center .tab-items .tab.active[data-v-0aa12cc5]:before {
            background: #cdf7d9;
}
section.s2 .center .tab-items .tab.active[data-v-0aa12cc5]:after {
            background: #52c270;
}
section.s2 .center .tab-items .tab h3[data-v-0aa12cc5] {
            color: #3a4341;
            font-size: 20px;
            font-weight: bold;
}
section.s2 .center .tab-items .tab p[data-v-0aa12cc5] {
            color: #afb5b3;
            font-size: 14px;
            padding-top: 8px;
}
section.s3[data-v-0aa12cc5] {
    background: #f9fffa;
    padding: 74px 0 70px;
}
section.s3 .center[data-v-0aa12cc5] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding-top: 48px;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
}
section.s3 .left-items[data-v-0aa12cc5] {
      padding: 50px 0 0 114px;
}
section.s3 .left-items .item[data-v-0aa12cc5] {
        margin-bottom: 70px;
}
section.s3 .left-items .item h3[data-v-0aa12cc5] {
          color: #333;
          font-size: 20px;
          font-weight: 600;
}
section.s3 .left-items .item p[data-v-0aa12cc5] {
          color: #999;
          font-size: 14px;
          margin-top: 5px;
}
section.s3 .right-wrap[data-v-0aa12cc5] {
      position: relative;
      margin-left: 48px;
      width: 744px;
      height: 461px;
      background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/consult/3/bg.png") no-repeat center;
      background-size: cover;
}
section.s3 .right-wrap .float-pic[data-v-0aa12cc5] {
        position: absolute;
}
section.s3 .right-wrap .pic-1[data-v-0aa12cc5] {
        width: 300px;
        left: 12px;
        top: -28px;
        -webkit-animation: float-up-down-data-v-0aa12cc5 5000ms linear infinite alternate;
                animation: float-up-down-data-v-0aa12cc5 5000ms linear infinite alternate;
}
section.s3 .right-wrap .pic-2[data-v-0aa12cc5] {
        width: 290px;
        left: 313px;
        top: 36px;
        -webkit-animation: float-left-right-data-v-0aa12cc5 6000ms linear infinite alternate;
                animation: float-left-right-data-v-0aa12cc5 6000ms linear infinite alternate;
}
section.s3 .right-wrap .pic-3[data-v-0aa12cc5] {
        width: 298px;
        left: 368px;
        bottom: -7px;
        animation: float-left-right-data-v-0aa12cc5 8000ms linear infinite alternate-reverse;
}
section.s4[data-v-0aa12cc5] {
    padding: 82px 0;
}
section.s4 .center .float-items[data-v-0aa12cc5] {
      position: relative;
      height: 460px;
}
section.s4 .center .float-items[data-v-0aa12cc5]:after {
        content: '';
        position: absolute;
        left: 50%;
        top: 0;
        width: 30px;
        height: 460px;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/consult/4/middle.png") no-repeat center;
        background-size: cover;
}
section.s4 .center .float-items .item[data-v-0aa12cc5] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        width: 480px;
        height: 120px;
        background: #fff;
        -webkit-box-shadow: 0px 0px 16px 0px rgba(203, 203, 203, 0.29);
                box-shadow: 0px 0px 16px 0px rgba(203, 203, 203, 0.29);
        border-radius: 8px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 36px 40px;
}
section.s4 .center .float-items .item.item-0[data-v-0aa12cc5] {
          left: 62px;
          top: 54px;
          -webkit-animation: float-up-down-data-v-0aa12cc5 5000ms linear infinite alternate;
                  animation: float-up-down-data-v-0aa12cc5 5000ms linear infinite alternate;
}
section.s4 .center .float-items .item.item-1[data-v-0aa12cc5] {
          right: 58px;
          top: 102px;
          -webkit-animation: float-left-right-data-v-0aa12cc5 6000ms linear infinite alternate;
                  animation: float-left-right-data-v-0aa12cc5 6000ms linear infinite alternate;
}
section.s4 .center .float-items .item.item-2[data-v-0aa12cc5] {
          left: 36px;
          top: 228px;
          -webkit-animation: float-left-right-data-v-0aa12cc5 7000ms linear infinite alternate;
                  animation: float-left-right-data-v-0aa12cc5 7000ms linear infinite alternate;
}
section.s4 .center .float-items .item.item-3[data-v-0aa12cc5] {
          right: 44px;
          top: 274px;
          animation: float-up-down-data-v-0aa12cc5 8000ms linear infinite alternate-reverse;
}
section.s4 .center .float-items .item .icon[data-v-0aa12cc5] {
          width: 48px;
}
section.s4 .center .float-items .item .info[data-v-0aa12cc5] {
          padding-left: 16px;
}
section.s4 .center .float-items .item .info h3[data-v-0aa12cc5] {
            color: #3a4341;
            font-size: 20px;
}
section.s4 .center .float-items .item .info p[data-v-0aa12cc5] {
            color: #AFB5B3;
            font-size: 14px;
            white-space: nowrap;
            margin-top: 4px;
}
section.s4 .center .big img[data-v-0aa12cc5] {
      display: block;
      width: 1013px;
      margin: -20px auto 0;
}
section.s5[data-v-0aa12cc5] {
    background: #f9fffa;
    padding-top: 65px;
}
section.s5 .center[data-v-0aa12cc5] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
}
section.s5 .center .info[data-v-0aa12cc5] {
        padding: 0 100px;
}
section.s5 .center .info h2[data-v-0aa12cc5] {
          width: 366px;
          text-align: left;
          line-height: 48px;
}
section.s5 .center .info p[data-v-0aa12cc5] {
          color: #999;
          font-size: 14px;
          padding: 10px 0 28px;
          width: 410px;
          line-height: 24px;
}
section.s5 .center .img-wrap[data-v-0aa12cc5] {
        padding: 0 100px;
}
section.s5 .center .img-wrap img[data-v-0aa12cc5] {
          width: 412px;
          margin-bottom: -50px;
}
section.s6[data-v-0aa12cc5] {
    height: 810px;
    background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/consult/6/bg.png") no-repeat center top;
    background-size: 1920px 810px;
}
section.s6 .left-wrap[data-v-0aa12cc5] {
      position: relative;
      width: 50%;
}
section.s6 .a-items[data-v-0aa12cc5] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: absolute;
      left: 132px;
      top: 138px;
}
section.s6 .a-items .list[data-v-0aa12cc5] {
        margin-right: 36px;
}
section.s6 .a-items .list[data-v-0aa12cc5]:nth-child(2) {
          padding-top: 42px;
}
section.s6 .a-items .list .item[data-v-0aa12cc5] {
          width: 166px;
          height: 158px;
          padding: 30px 0;
          text-align: center;
          background: #fff;
          margin-bottom: 32px;
          border-radius: 8px;
          -webkit-box-shadow: 0px 2px 10px 0px rgba(226, 243, 223, 0.71);
                  box-shadow: 0px 2px 10px 0px rgba(226, 243, 223, 0.71);
}
section.s6 .a-items .list .item .icon[data-v-0aa12cc5] {
            width: 60px;
            height: 60px;
            margin-bottom: 8px;
}
section.s6 .a-items .list .item .name[data-v-0aa12cc5] {
            color: #3a4341;
            font-size: 16px;
}
section.s6 .right-wrap[data-v-0aa12cc5] {
      position: relative;
      width: 50%;
}
section.s6 .intro[data-v-0aa12cc5] {
      position: absolute;
      left: 95px;
      top: 350px;
}
section.s6 .intro h2[data-v-0aa12cc5] {
        text-align: left;
        line-height: 48px;
}
section.s6 .intro p[data-v-0aa12cc5] {
        color: #afb5b3;
        font-size: 14px;
        margin: 10px 0 30px;
}
@-webkit-keyframes float-up-down-data-v-0aa12cc5 {
from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
to {
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
}
}
@keyframes float-up-down-data-v-0aa12cc5 {
from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
to {
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
}
}
@-webkit-keyframes float-left-right-data-v-0aa12cc5 {
from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
}
to {
    -webkit-transform: translateX(15px);
            transform: translateX(15px);
}
}
@keyframes float-left-right-data-v-0aa12cc5 {
from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
}
to {
    -webkit-transform: translateX(15px);
            transform: translateX(15px);
}
}

#page {
  min-width: 1200px;
}
.home {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.home .page-banner {
    width: 100%;
    background: #31aefd;
}
.home .page-banner .el-carousel__indicators {
      bottom: 20px;
      z-index: 998;
}
.home .page-banner .el-carousel__arrow {
      background: rgba(0, 0, 0, 0.3);
      border-radius: 0;
      -webkit-transform: scale(2);
              transform: scale(2);
      width: 25px;
}
.home .page-banner .el-carousel__item .page-banner-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      height: 100%;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
}
.home .page-banner .el-carousel__item .page-banner-image {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
}
.home .page-banner .el-carousel__item .page-banner-wraper {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 100%;
      z-index: 20;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
}
.home .page-banner .el-carousel__item .page-banner-wraper .html-wrapper {
        z-index: 1;
        width: 1100px;
}
.home .page-banner .el-carousel__item .page-banner-wraper .content-wrapper {
        z-index: 1;
        width: 1100px;
}
.home .page-banner .el-carousel__item .page-banner-wraper .page-banner-title {
        margin-top: 170px;
        font-size: 44px;
        color: white;
        font-weight: bold;
        margin-bottom: 16px;
        white-space: pre-line;
}
.home .page-banner .el-carousel__item .page-banner-wraper .page-banner-sub-title {
        font-size: 24px;
        color: #eeeeee;
        margin-bottom: 54px;
        white-space: pre;
        line-height: 0.7;
        white-space: pre-line;
}
.home .page-banner .el-carousel__item .page-banner-wraper .page-banner-btn-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
}
.home .page-banner .el-carousel__item .page-banner-wraper .page-banner-btn {
        font-weight: 500;
        font-size: 16px;
        width: 200px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        color: white;
        border-radius: 24px;
        cursor: pointer;
        margin-right: 10px;
        border: 1px solid white;
}
.home .p {
    width: 1200px;
}
.home .p-title {
    color: #333;
    font-size: 34px;
    margin-bottom: 50px;
    text-align: center;
}
.home .p-line {
    width: 100%;
    height: 1px;
    background: #f0f0f0;
}
.home .p2 {
    margin: 100px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.home .p2 .p2-item-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      width: 96%;
}
.home .p2 .p2-item-wrapper .p2-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: 200px;
}
.home .p2 .p2-item-wrapper .p2-item .p2-item-pic {
          width: 200px;
          height: 160px;
          -o-object-fit: contain;
             object-fit: contain;
          margin-bottom: 5px;
}
.home .p2 .p2-item-wrapper .p2-item .p2-item-title {
          margin-bottom: 22px;
          font-size: 16px;
          color: #333;
          font-weight: bold;
}
.home .p2 .p2-item-wrapper .p2-item .p2-item-brief {
          width: 100%;
          font-size: 14px;
          color: #999;
}
.home .p2 .p2-form {
      margin-top: 80px;
}
.home .p3 {
    width: 100%;
    margin: 100px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.home .p3 .p {
      margin: auto;
}
.home .p3 .p3-item {
      position: relative;
      padding: 50px 0;
      border-bottom: 1px solid #F0F0F0;
      height: 340px;
}
.home .p3 .p3-item .item-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 540px;
        height: 320px;
        padding: 20px 0;
}
.home .p3 .p3-item .item-content .p3-item-title {
          color: #333;
          font-size: 28px;
          line-height: 1;
          margin-bottom: 14px;
          font-weight: bold;
}
.home .p3 .p3-item .item-content .p3-item-subtitle {
          color: #666;
          font-size: 20px;
          line-height: 1;
          margin-bottom: 40px;
}
.home .p3 .p3-item .item-content .p3-item-brief {
          color: #666;
          font-size: 14px;
          line-height: 2;
          white-space: pre;
}
.home .p3 .p3-item .item-content .btn-wrapper {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          margin-top: auto;
}
.home .p3 .p3-item .item-content .btn-wrapper .btn1 {
            width: 120px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            background: #0095FF;
            color: white;
            border: 1px solid #0095FF;
            border-radius: 2px;
            margin-right: 20px;
            cursor: pointer;
}
.home .p3 .p3-item .item-content .btn-wrapper .btn2 {
            width: 120px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            color: #0095FF;
            border: 1px solid #0095FF;
            border-radius: 2px;
            cursor: pointer;
}
.home .p3 .p3-item .p3-item-pic-wrapper {
        width: 580px;
        position: absolute;
        right: 0;
        top: 50px;
        cursor: pointer;
}
.home .p3 .p3-item .p3-item-pic-wrapper .p3-item-pic {
          width: 100%;
          height: 100%;
          -o-object-fit: fill;
             object-fit: fill;
          margin-top: -20px;
}
.home .p3 .p3-tab-inter {
      width: 100%;
      height: 48px;
}
.home .p3 .p3-tabs {
      border-bottom: 1px solid #f0f0f0;
}
.home .p3 .p3-tabs.fixed {
        position: fixed;
        left: 0;
        top: 64px;
        width: 100%;
        padding-top: 24px;
        background: #fff;
        z-index: 999;
        -webkit-box-shadow: 0px 4px 20px rgba(32, 33, 39, 0.06);
                box-shadow: 0px 4px 20px rgba(32, 33, 39, 0.06);
}
.home .p3 .p3-tabs .tabs-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: auto;
        position: relative;
}
.home .p3 .p3-tabs .tabs-inner .tab-item {
          width: 100%;
          color: #333;
          font-size: 18px;
          text-align: center;
          cursor: pointer;
}
.home .p3 .p3-tabs .tabs-inner .tab-item span {
            position: relative;
            display: inline-block;
            padding-bottom: 22px;
            -webkit-transition: color 300ms linear;
            transition: color 300ms linear;
}
.home .p3 .p3-tabs .tabs-inner .tab-item span.active {
              color: #0095ff;
}
.home .p3 .p3-tabs .tabs-inner .tab-item .new {
            position: absolute;
            top: 3px;
            right: -26px;
            width: 24px;
            height: 12px;
            animation: float 1000ms linear infinite alternate-reverse;
            background: url("/static/image/global/new_icon.png") no-repeat center/cover;
}
@-webkit-keyframes float {
to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
from {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
}
}
@keyframes float {
to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
from {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
}
}
.home .p3 .p3-tabs .active-bar {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 0;
        height: 2px;
        background: #0095ff;
        -webkit-transition: left 200ms linear;
        transition: left 200ms linear;
}
.home .p3 .p3-last-item {
      border-bottom: inherit;
      padding: 50px 0 0 0;
}
.home .p3 .p3-item-style2 .item-content {
      position: absolute;
      right: 0;
      top: 50px;
}
.home .p3 .p3-item-style2 .p3-item-pic-wrapper {
      position: inherit;
      left: inherit;
      top: inherit;
}
.home .p4 {
    padding: 100px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.home .p4 .p4-item-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: stretch;
          -ms-flex-pack: stretch;
              justify-content: stretch;
      width: 100%;
      margin-bottom: 32px;
}
.home .p4 .p4-item-content .p4-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 60px 0;
        border: 1px solid #E6E6E6;
        width: 1666.66667%;
        margin-right: -1px;
        background: white;
        -webkit-transform: inherit;
                transform: inherit;
        -webkit-transition: all linear .2s;
        transition: all linear .2s;
}
.home .p4 .p4-item-content .p4-item .p4-item-icon {
          width: 32px;
          height: 32px;
          -o-object-fit: contain;
             object-fit: contain;
          margin-bottom: 34px;
}
.home .p4 .p4-item-content .p4-item .p4-item-title {
          color: #333;
          font-size: 16px;
}
.home .p4 .p4-item-content .p4-item .p4-item-line {
          width: 24px;
          height: 2px;
          background: #F0F0F4;
          margin: 14px 0;
}
.home .p4 .p4-item-content .p4-item .p4-item-brief {
          color: #999;
          font-size: 14px;
          white-space: pre;
          text-align: center;
}
.home .p4 .p4-item-content .p4-item:hover {
        -webkit-transform: scale(1.05, 1.05);
                transform: scale(1.05, 1.05);
        -webkit-box-shadow: 0px 4px 20px rgba(32, 33, 39, 0.06);
                box-shadow: 0px 4px 20px rgba(32, 33, 39, 0.06);
}
.home .p4 .p4-btn {
      width: 120px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      color: #0095FF;
      border: 1px solid #0095FF;
      border-radius: 4px;
      cursor: pointer;
}

*[data-v-7d6c9854] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.middle-wrap[data-v-7d6c9854] {
  min-width: 1024px;
  width: 1200px;
  margin: auto;
}
.page[data-v-7d6c9854] {
  min-width: 1024px;
}
section[data-v-7d6c9854] {
  background: #fff;
}
section.s1[data-v-7d6c9854] {
    background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/enterprise-wechat/banner/banner.png") no-repeat center top;
    background-size: 1920px 694px;
    padding-bottom: 40px;
    background-color: #fff;
}
section.s1 .intro[data-v-7d6c9854] {
      color: #fff;
      text-align: center;
      padding-top: 56px;
}
section.s1 .intro h2[data-v-7d6c9854] {
        font-size: 50px;
}
section.s1 .intro p[data-v-7d6c9854] {
        color: #e5eaf6;
        font-size: 22px;
        margin-top: 6px;
}
section.s1 .intro .reg-btn[data-v-7d6c9854] {
        display: inline-block;
        color: #3fa3ff;
        font-size: 14px;
        background: #fff;
        width: 120px;
        height: 40px;
        line-height: 40px;
        border-radius: 100px;
        margin-top: 20px;
        -webkit-transition: all 400ms;
        transition: all 400ms;
}
section.s1 .intro .reg-btn[data-v-7d6c9854]:hover {
          -webkit-transform: scale(1.2);
                  transform: scale(1.2);
}
section.s1 .center-wrap[data-v-7d6c9854] {
      position: relative;
      text-align: center;
      padding-top: 32px;
      visibility: hidden;
}
section.s1 .center-wrap.visible[data-v-7d6c9854] {
        visibility: visible;
}
section.s1 .center-wrap .middle img[data-v-7d6c9854] {
        width: 234px;
}
section.s1 .center-wrap .middle img[data-v-7d6c9854]:first-child {
        opacity: 0;
        -webkit-transition: all 1000ms;
        transition: all 1000ms;
        -webkit-transition-delay: 1000ms;
                transition-delay: 1000ms;
}
section.s1 .center-wrap .middle img[data-v-7d6c9854]:last-child {
        opacity: 0;
        -webkit-transition: all 1500ms;
        transition: all 1500ms;
        -webkit-transition-delay: 1500ms;
                transition-delay: 1500ms;
}
section.s1 .center-wrap .float-imgs .float[data-v-7d6c9854] {
        opacity: 0;
        -webkit-transition-property: all;
        transition-property: all;
        -webkit-transition-duration: 1200ms;
                transition-duration: 1200ms;
}
section.s1 .center-wrap .float[data-v-7d6c9854] {
        position: absolute;
}
section.s1 .center-wrap .float-1[data-v-7d6c9854] {
        width: 147px;
        left: 264px;
        top: 162px;
        -webkit-transition-delay: 2000ms;
                transition-delay: 2000ms;
        -webkit-animation: pic-float-1-data-v-7d6c9854 6s ease-in-out 0s infinite alternate;
                animation: pic-float-1-data-v-7d6c9854 6s ease-in-out 0s infinite alternate;
}
section.s1 .center-wrap .float-2[data-v-7d6c9854] {
        width: 191px;
        left: 220px;
        top: 350px;
        -webkit-transition-delay: 2200ms;
                transition-delay: 2200ms;
        -webkit-animation: pic-float-2-data-v-7d6c9854 6.5s ease-in-out 0s infinite alternate;
                animation: pic-float-2-data-v-7d6c9854 6.5s ease-in-out 0s infinite alternate;
}
section.s1 .center-wrap .float-3[data-v-7d6c9854] {
        width: 176px;
        right: 254px;
        top: 216px;
        -webkit-transition-delay: 2400ms;
                transition-delay: 2400ms;
        -webkit-animation: pic-float-3-data-v-7d6c9854 7s ease-in-out 0s infinite alternate;
                animation: pic-float-3-data-v-7d6c9854 7s ease-in-out 0s infinite alternate;
}
section.s1 .center-wrap .fadeIn[data-v-7d6c9854] {
        opacity: 1 !important;
}
section.s2[data-v-7d6c9854] {
    padding: 40px 0 84px;
}
section.s2 .intro[data-v-7d6c9854] {
      text-align: center;
}
section.s2 .intro h2[data-v-7d6c9854] {
        color: #333;
        font-size: 34px;
}
section.s2 .intro p[data-v-7d6c9854] {
        color: #999;
        font-size: 14px;
        margin-top: 14px;
}
section.s2 .wechat-intro[data-v-7d6c9854] {
      width: 812px;
      margin: auto;
      text-align: center;
      padding-top: 36px;
}
section.s2 .wechat-intro .head[data-v-7d6c9854] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 10px 0;
}
section.s2 .wechat-intro .head .w[data-v-7d6c9854] {
          color: #071940;
          width: 350px;
          font-size: 20px;
}
section.s2 .wechat-intro .head .w img[data-v-7d6c9854] {
            vertical-align: middle;
            margin-right: 10px;
}
section.s2 .wechat-intro .head .m[data-v-7d6c9854] {
          width: 112px;
}
section.s2 .wechat-intro .head .m img[data-v-7d6c9854] {
            margin-top: 7px;
}
section.s2 .wechat-intro .items .item[data-v-7d6c9854] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 60px;
        line-height: 60px;
}
section.s2 .wechat-intro .items .item:nth-child(2n) .w[data-v-7d6c9854] {
          background: #f4fff6;
}
section.s2 .wechat-intro .items .item:nth-child(2n) .m[data-v-7d6c9854] {
          background: #f5f5f5;
}
section.s2 .wechat-intro .items .item:nth-child(2n) .q[data-v-7d6c9854] {
          background: #f6fbff;
}
section.s2 .wechat-intro .items .item:first-child .m[data-v-7d6c9854] {
          border-radius: 5px 5px 0 0;
}
section.s2 .wechat-intro .items .item:last-child .m[data-v-7d6c9854] {
          border-radius: 0 0 5px 5px;
}
section.s2 .wechat-intro .items .item .w[data-v-7d6c9854] {
          width: 350px;
          font-size: 14px;
          color: #5b8d65;
          background: #e2fee8;
}
section.s2 .wechat-intro .items .item .m[data-v-7d6c9854] {
          width: 112px;
          color: #727f9c;
          background: #e6e6e6;
}
section.s2 .wechat-intro .items .item .q[data-v-7d6c9854] {
          color: #3f77a6;
          background: #eaf5ff;
}
section.s3[data-v-7d6c9854] {
    background: #fbfcff;
    padding: 88px 0;
}
section.s3 .intro[data-v-7d6c9854] {
      text-align: center;
}
section.s3 .intro h2[data-v-7d6c9854] {
        color: #333;
        font-size: 34px;
}
section.s3 .tree-wrap[data-v-7d6c9854] {
      padding-top: 78px;
}
section.s3 .tree-wrap .item[data-v-7d6c9854] {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
}
section.s3 .tree-wrap .item[data-v-7d6c9854]:after {
          content: '';
          position: absolute;
          top: 6px;
          left: 50%;
          width: 6px;
          height: 6px;
          background: #fff;
          border: 2px solid #0082ef;
          border-radius: 50%;
          -webkit-transform: translateX(-50%);
                  transform: translateX(-50%);
}
section.s3 .tree-wrap .item[data-v-7d6c9854]:not(:last-child) {
          padding-bottom: 100px;
}
section.s3 .tree-wrap .item[data-v-7d6c9854]:not(:last-child):before {
            content: '';
            position: absolute;
            left: 50%;
            top: 0;
            width: 3px;
            height: 100%;
            margin-top: 12px;
            background: #e2e9ff;
            -webkit-transform: translateX(-50%);
                    transform: translateX(-50%);
}
section.s3 .tree-wrap .item[data-v-7d6c9854]:nth-child(2n) {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: reverse;
              -ms-flex-direction: row-reverse;
                  flex-direction: row-reverse;
}
section.s3 .tree-wrap .item:nth-child(2n) .infos[data-v-7d6c9854] {
            text-align: left;
}
section.s3 .tree-wrap .item:nth-child(2n) .img-wrap[data-v-7d6c9854] {
            text-align: right;
}
section.s3 .tree-wrap .item .infos[data-v-7d6c9854] {
          width: 450px;
          text-align: right;
          padding: 0 52px;
          position: relative;
}
section.s3 .tree-wrap .item .infos h3[data-v-7d6c9854] {
            color: #071940;
            font-size: 20px;
            margin-bottom: 4px;
}
section.s3 .tree-wrap .item .infos .ws[data-v-7d6c9854] {
            padding-top: 10px;
}
section.s3 .tree-wrap .item .infos .ws p[data-v-7d6c9854] {
              color: #727f9c;
              font-size: 14px;
              margin-bottom: 10px;
}
section.s3 .tree-wrap .item .img-wrap[data-v-7d6c9854] {
          width: 450px;
          padding: 0 52px;
}
section.s3 .tree-wrap .item .img-wrap.img-wrap-0[data-v-7d6c9854] {
            margin-top: -35px;
}
section.s3 .tree-wrap .item .img-wrap.img-wrap-0 .pic[data-v-7d6c9854] {
              width: 240px;
}
section.s3 .tree-wrap .item .img-wrap.img-wrap-1[data-v-7d6c9854] {
            margin-top: -30px;
}
section.s3 .tree-wrap .item .img-wrap.img-wrap-1 .pic[data-v-7d6c9854] {
              width: 248px;
}
section.s3 .tree-wrap .item .img-wrap.img-wrap-2[data-v-7d6c9854] {
            margin-top: -45px;
}
section.s3 .tree-wrap .item .img-wrap.img-wrap-2 .pic[data-v-7d6c9854] {
              width: 240px;
}
section.s3 .tree-wrap .item .img-wrap.img-wrap-3[data-v-7d6c9854] {
            margin-top: -41px;
}
section.s3 .tree-wrap .item .img-wrap.img-wrap-3 .pic[data-v-7d6c9854] {
              width: 293px;
}
section.s3 .tree-wrap .item .img-wrap.img-wrap-4[data-v-7d6c9854] {
            margin-top: -57px;
}
section.s3 .tree-wrap .item .img-wrap.img-wrap-4 .pic[data-v-7d6c9854] {
              width: 291px;
}
@-webkit-keyframes pic-float-1-data-v-7d6c9854 {
0% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
}
100% {
    -webkit-transform: translate(-15px, -15px);
            transform: translate(-15px, -15px);
}
}
@keyframes pic-float-1-data-v-7d6c9854 {
0% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
}
100% {
    -webkit-transform: translate(-15px, -15px);
            transform: translate(-15px, -15px);
}
}
@-webkit-keyframes pic-float-2-data-v-7d6c9854 {
0% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
}
100% {
    -webkit-transform: translate(20px, 0);
            transform: translate(20px, 0);
}
}
@keyframes pic-float-2-data-v-7d6c9854 {
0% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
}
100% {
    -webkit-transform: translate(20px, 0);
            transform: translate(20px, 0);
}
}
@-webkit-keyframes pic-float-3-data-v-7d6c9854 {
0% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
}
100% {
    -webkit-transform: translate(15px, 15px);
            transform: translate(15px, 15px);
}
}
@keyframes pic-float-3-data-v-7d6c9854 {
0% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
}
100% {
    -webkit-transform: translate(15px, 15px);
            transform: translate(15px, 15px);
}
}

@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */
@-webkit-keyframes bounce {
from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
}
70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
}
90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
}
}
@keyframes bounce {
from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
}
70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
}
90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
}
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes flash {
from,
  50%,
  to {
    opacity: 1;
}
25%,
  75% {
    opacity: 0;
}
}
@keyframes flash {
from,
  50%,
  to {
    opacity: 1;
}
25%,
  75% {
    opacity: 0;
}
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
}
to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
}
to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
}
40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
}
50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
}
65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
}
75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
}
to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
}
40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
}
50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
}
65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
}
75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
}
to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shake {
from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
}
20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
}
20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
}
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes headShake {
0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
}
31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
}
50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
}
@keyframes headShake {
0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
}
31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
}
50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
}
.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}
@-webkit-keyframes swing {
20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
}
40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
}
60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
}
80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
}
to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
}
40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
}
60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
}
80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
}
to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes wobble {
from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes jello {
from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes heartBeat {
0% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
28% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
70% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
}
@keyframes heartBeat {
0% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
28% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
70% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
}
.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes bounceIn {
from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
}
20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}
40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
}
60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
}
80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
}
to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
}
20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}
40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
}
60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
}
80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
}
to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
}
.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
}
60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
}
75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
}
90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInDown {
from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
}
60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
}
75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
}
90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
}
60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
}
75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
}
90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInLeft {
from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
}
60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
}
75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
}
90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
}
60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
}
75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
}
90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInRight {
from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
}
60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
}
75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
}
90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
}
60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
}
75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
}
90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
}
60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
}
75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
}
90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
}
50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}
to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes bounceOut {
20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
}
50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}
to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
}
}
.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
}
40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
}
to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
}
40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
}
to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
}
to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
}
to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
}
to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
}
to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
}
40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
}
to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
}
40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
}
to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes fadeIn {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDown {
from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDownBig {
from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeft {
from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeftBig {
from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRight {
from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRightBig {
from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUp {
from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUpBig {
from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
    opacity: 1;
}
to {
    opacity: 0;
}
}
@keyframes fadeOut {
from {
    opacity: 1;
}
to {
    opacity: 0;
}
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
    opacity: 1;
}
to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
    opacity: 1;
}
to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
    opacity: 1;
}
to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
    opacity: 1;
}
to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
    opacity: 1;
}
to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
    opacity: 1;
}
to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
    opacity: 1;
}
to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
    opacity: 1;
}
to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
    opacity: 1;
}
to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
    opacity: 1;
}
to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
    opacity: 1;
}
to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
    opacity: 1;
}
to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
    opacity: 1;
}
to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
    opacity: 1;
}
to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
    opacity: 1;
}
to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
    opacity: 1;
}
to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
}
40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
}
80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
}
}
@keyframes flipInX {
from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
}
40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
}
80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
}
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
}
40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
}
80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
}
}
@keyframes flipInY {
from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
}
40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
}
80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
}
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
}
30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
}
to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
}
}
@keyframes flipOutX {
from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
}
30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
}
to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
}
}
.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
}
30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
}
to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
}
}
@keyframes flipOutY {
from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
}
30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
}
to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
}
}
.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
}
60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
}
80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes lightSpeedIn {
from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
}
60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
}
80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
    opacity: 1;
}
to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
    opacity: 1;
}
to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
}
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
}
to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
}
@keyframes rotateIn {
from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
}
to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
}
to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
}
to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
}
to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
}
to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
}
to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
}
to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
}
to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
}
to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
}
to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
}
}
@keyframes rotateOut {
from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
}
to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
}
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
}
to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
}
to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
}
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
}
to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
}
to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
}
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
}
to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
}
to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
}
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
}
to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
}
to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
}
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
}
to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
}
}
@keyframes hinge {
0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
}
to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
}
}
.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}
@-webkit-keyframes jackInTheBox {
from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}
50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
}
70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
}
to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
}
@keyframes jackInTheBox {
from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}
50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
}
70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
}
to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
}
.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes rollIn {
from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
from {
    opacity: 1;
}
to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
    opacity: 1;
}
to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
}
50% {
    opacity: 1;
}
}
@keyframes zoomIn {
from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
}
50% {
    opacity: 1;
}
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInDown {
from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInLeft {
from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInRight {
from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInUp {
from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
    opacity: 1;
}
50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
}
to {
    opacity: 0;
}
}
@keyframes zoomOut {
from {
    opacity: 1;
}
50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
}
to {
    opacity: 0;
}
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutDown {
40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
}
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
}
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutUp {
40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}
.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}
.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}
.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}
.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}
.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}
@media (prefers-reduced-motion) {
.animated {
    -webkit-animation: unset !important;
    animation: unset !important;
    -webkit-transition: none !important;
    transition: none !important;
}
}
.edu-page .fadeindown-enter-active {
  -webkit-transition: all .8s ease;
  transition: all .8s ease;
}
.edu-page .fadeindown-enter, .edu-page .fadeindown-leave-to {
  -webkit-transform: translateY(100px);
          transform: translateY(100px);
  opacity: 0;
}
.edu-page .center-div {
  width: 1200px;
  margin: 0 auto;
}
.edu-page .p-1 {
  position: relative;
  height: 723px;
  z-index: 5;
}
.edu-page .p-1 .study-banner-img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.edu-page .p-1 .center-div {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 50px;
}
.edu-page .p-1 .title {
    font-size: 50px;
    color: #fff;
    font-weight: 500;
}
.edu-page .p-1 .brief {
    font-size: 22px;
    color: #A8C8E0;
    margin-top: 10px;
}
.edu-page .p-1 .btn-bar {
    margin-top: 20px;
}
.edu-page .p-1 .btn-bar a {
      height: 40px;
      line-height: 40px;
      background: #fff;
      border-radius: 24px;
      display: inline-block;
      color: #3D78FF;
      font-size: 14px;
      padding: 0 28px;
      -webkit-transition: all .3s;
      transition: all .3s;
}
.edu-page .p-1 .btn-bar a:hover {
        -webkit-transform: scale(1.05);
                transform: scale(1.05);
}
.edu-page .p-2 {
  position: relative;
  height: 999px;
  top: -120px;
  z-index: 1;
}
.edu-page .p-2 .center-div {
    position: relative;
    height: 100%;
}
.edu-page .p-2 .center-div .system-bg-img {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 1;
}
.edu-page .p-2 .center-div .system-bg-img img {
        width: 100%;
        height: 100%;
}
.edu-page .p-2 .center-div .content-bg {
      position: absolute;
      top: 200px;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
}
.edu-page .p-2 .center-div .content-bg .p2-title {
        font-size: 34px;
        color: #071940;
        font-weight: 400;
}
.edu-page .p-2 .center-div .content-bg .content-box {
        z-index: 10;
        width: 96%;
        position: absolute;
        top: 116px;
        left: 2%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
}
.edu-page .p-2 .center-div .content-bg .content-box .box-left {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
}
.edu-page .p-2 .center-div .content-bg .content-box .box-left .item-box {
            width: 316px;
            height: 153px;
            background: white;
            -webkit-box-shadow: 0px 0px 40px 6px rgba(207, 220, 229, 0.5);
                    box-shadow: 0px 0px 40px 6px rgba(207, 220, 229, 0.5);
            border-radius: 8px;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            position: relative;
}
.edu-page .p-2 .center-div .content-bg .content-box .box-left .item-box .title {
              position: absolute;
              font-size: 20px;
              color: #071940;
              font-weight: bold;
              z-index: 5;
              top: 27px;
              left: 30px;
}
.edu-page .p-2 .center-div .content-bg .content-box .box-left .item-box .title-active {
              color: #fff;
}
.edu-page .p-2 .center-div .content-bg .content-box .box-left .item-box .brief {
              position: absolute;
              top: 60px;
              font-size: 14px;
              color: #727F9C;
              font-weight: 400;
              z-index: 5;
              top: 65px;
              right: 30px;
              left: 30px;
}
.edu-page .p-2 .center-div .content-bg .content-box .box-left .item-box .brief-1-active {
              color: #B5F6FF;
}
.edu-page .p-2 .center-div .content-bg .content-box .box-left .item-box .brief-3-active {
              color: #B2E0FF;
}
.edu-page .p-2 .center-div .content-bg .content-box .box-left .item-box .item-active {
              -webkit-box-shadow: 0px 0px 16px 0px rgba(121, 147, 176, 0.24);
                      box-shadow: 0px 0px 16px 0px rgba(121, 147, 176, 0.24);
              position: absolute;
              right: -6px;
              top: 65px;
              width: 12px;
              height: 12px;
              background: #32C5D9;
              -webkit-transform: rotate(135deg);
                      transform: rotate(135deg);
}
.edu-page .p-2 .center-div .content-bg .content-box .box-left .item-box .item-num {
              position: absolute;
              top: 40px;
              right: 10px;
              width: 65px;
              height: 68px;
              z-index: 1;
}
.edu-page .p-2 .center-div .content-bg .content-box .box-left .student-item {
            margin: 6px 0 0 0;
}
.edu-page .p-2 .center-div .content-bg .content-box .box-left .education-item {
            height: 155px;
            margin: 133px 0 0 37px;
}
.edu-page .p-2 .center-div .content-bg .content-box .box-left .bg-1-active {
            background: #32C5D9;
}
.edu-page .p-2 .center-div .content-bg .content-box .box-left .bg-3-active {
            background: #3DB0FF;
}
.edu-page .p-2 .center-div .content-bg .content-box .box-right {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
}
.edu-page .p-2 .center-div .content-bg .content-box .box-right .item-box {
            width: 316px;
            height: 140px;
            background: white;
            -webkit-box-shadow: 0px 0px 40px 6px rgba(207, 220, 229, 0.5);
                    box-shadow: 0px 0px 40px 6px rgba(207, 220, 229, 0.5);
            border-radius: 8px;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            position: relative;
}
.edu-page .p-2 .center-div .content-bg .content-box .box-right .item-box .title {
              position: absolute;
              font-size: 20px;
              color: #071940;
              font-weight: bold;
              z-index: 5;
              top: 27px;
              left: 30px;
}
.edu-page .p-2 .center-div .content-bg .content-box .box-right .item-box .title-active {
              color: #fff;
              right: 20px;
}
.edu-page .p-2 .center-div .content-bg .content-box .box-right .item-box .brief {
              position: absolute;
              font-size: 14px;
              color: #727F9C;
              font-weight: 400;
              z-index: 5;
              top: 65px;
              right: 30px;
              left: 30px;
}
.edu-page .p-2 .center-div .content-bg .content-box .box-right .item-box .brief-2-active {
              color: #9AB6F8;
}
.edu-page .p-2 .center-div .content-bg .content-box .box-right .item-box .brief-4-active {
              color: #B9B3FB;
}
.edu-page .p-2 .center-div .content-bg .content-box .box-right .item-box .item-active {
              -webkit-box-shadow: 0px 0px 16px 0px rgba(121, 147, 176, 0.24);
                      box-shadow: 0px 0px 16px 0px rgba(121, 147, 176, 0.24);
              position: absolute;
              left: -6px;
              top: 65px;
              width: 12px;
              height: 12px;
              background: #32C5D9;
              -webkit-transform: rotate(135deg);
                      transform: rotate(135deg);
}
.edu-page .p-2 .center-div .content-bg .content-box .box-right .item-box .item-num {
              position: absolute;
              top: 40px;
              right: 10px;
              width: 65px;
              height: 68px;
              z-index: 1;
}
.edu-page .p-2 .center-div .content-bg .content-box .box-right .online-item {
            margin-top: -15px;
}
.edu-page .p-2 .center-div .content-bg .content-box .box-right .company-item {
            height: 157px;
            margin: 128px 0 0 0px;
}
.edu-page .p-2 .center-div .content-bg .content-box .box-right .bg-2-active {
            background: #3D78FF;
}
.edu-page .p-2 .center-div .content-bg .content-box .box-right .bg-4-active {
            background: #6552EE;
}
.edu-page .p-3 {
  position: relative;
  height: 740px;
  top: -240px;
  z-index: 5;
}
.edu-page .p-3 .bg-img {
    position: relative;
    width: 100%;
    height: 90px;
}
.edu-page .p-3 .btn-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: #F6F9FF;
}
.edu-page .p-3 .btn-bar a {
      height: 40px;
      line-height: 40px;
      background: #3D78FF;
      border-radius: 24px;
      display: inline-block;
      color: #fff;
      font-size: 14px;
      padding: 0 28px;
      border: 1px solid transparent;
      -webkit-transition: all .3s;
      transition: all .3s;
}
.edu-page .p-3 .btn-bar a:hover {
        -webkit-transform: scale(1.05);
                transform: scale(1.05);
}
.edu-page .p-3 .center-box {
    width: 100%;
    background: #F6F9FF;
}
.edu-page .p-3 .center-box .center-div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding-top: 40px;
      padding-bottom: 44px;
      position: relative;
      margin-top: -10px;
}
.edu-page .p-3 .center-box .center-div .p3-title {
        font-size: 34px;
        color: #071940;
        font-weight: 400;
}
.edu-page .p-3 .center-box .center-div .p3-brief {
        font-size: 16px;
        color: #727F9C;
        font-weight: 400;
        margin-top: 11px;
}
.edu-page .p-3 .center-box .center-div .content-img {
        margin-top: 24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
}
.edu-page .p-3 .center-box .center-div .content-img .left-img {
          width: 380px;
          height: 472px;
          -ms-flex-negative: 0;
              flex-shrink: 0;
          margin-right: 139px;
}
.edu-page .p-3 .center-box .center-div .content-img .right-img {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
}
.edu-page .p-3 .center-box .center-div .content-img .right-img .item-box {
            width: 450px;
            height: 120px;
            background: #fff;
            -webkit-box-shadow: 0px 0px 17px 4px rgba(196, 206, 231, 0.52);
                    box-shadow: 0px 0px 17px 4px rgba(196, 206, 231, 0.52);
            border-radius: 8px;
            position: relative;
}
.edu-page .p-3 .center-box .center-div .content-img .right-img .item-box .title {
              position: absolute;
              font-size: 20px;
              color: #071940;
              font-weight: bold;
              z-index: 5;
              top: 23px;
              left: 34px;
}
.edu-page .p-3 .center-box .center-div .content-img .right-img .item-box .title-active {
              color: #fff;
}
.edu-page .p-3 .center-box .center-div .content-img .right-img .item-box .brief {
              position: absolute;
              top: 60px;
              font-size: 14px;
              color: #727F9C;
              font-weight: 400;
              z-index: 5;
              top: 55px;
              left: 34px;
              right: 22px;
}
.edu-page .p-3 .center-box .center-div .content-img .right-img .item-box .brief-1-active {
              color: #97F2FF;
}
.edu-page .p-3 .center-box .center-div .content-img .right-img .item-box .brief-2-active {
              color: #9AB6F8;
}
.edu-page .p-3 .center-box .center-div .content-img .right-img .item-box .brief-3-active {
              color: #B9B3FB;
}
.edu-page .p-3 .center-box .center-div .content-img .right-img .item-box .item-active {
              -webkit-box-shadow: 0px 0px 16px 0px rgba(121, 147, 176, 0.24);
                      box-shadow: 0px 0px 16px 0px rgba(121, 147, 176, 0.24);
              position: absolute;
              left: -6px;
              top: 57px;
              width: 12px;
              height: 12px;
              background: #32C5D9;
              -webkit-transform: rotate(135deg);
                      transform: rotate(135deg);
}
.edu-page .p-3 .center-box .center-div .content-img .right-img .item-box .item-num {
              position: absolute;
              top: 30px;
              right: 0;
              width: 65px;
              height: 68px;
              z-index: 1;
}
.edu-page .p-3 .center-box .center-div .content-img .right-img .item-one, .edu-page .p-3 .center-box .center-div .content-img .right-img .item-two {
            margin-bottom: 20px;
}
.edu-page .p-3 .center-box .center-div .content-img .right-img .bg-1-active {
            background: #32C5D9;
}
.edu-page .p-3 .center-box .center-div .content-img .right-img .bg-2-active {
            background: #3D78FF;
}
.edu-page .p-3 .center-box .center-div .content-img .right-img .bg-3-active {
            background: #6552EE;
}
.p-4 .center-div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 44px;
  position: relative;
	width: 1400px;
	margin: 50px auto 0;
}
.p-4 .center-div .p4-title {
    font-size: 34px;
    color: #071940;
    font-weight: 400;
}
.p-4 .center-div .p4-brief {
    font-size: 16px;
    color: #727F9C;
    font-weight: 400;
    margin-top: 11px;
}
.p-4 .center-div .phone-bg-img {
    margin: 0 auto;
    height: 608px;
    width: 608px;
    margin-top: 120px;
}
.p-4 .center-div .content-box {
    z-index: 10;
    height: 884px;
    position: absolute;
    top: 154px;
    left: 8%;
    right: 8%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.p-4 .center-div .content-box .item-box {
      width: 320px;
      height: 209px;
      position: relative;
}
.p-4 .center-div .content-box .box-left {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin-top: 14px;
}
.p-4 .center-div .content-box .box-left .teach-box {
        background-image: url("1-1@2x.png");
        background-size: 100% 100%;
}
.p-4 .center-div .content-box .box-left .teach-box .teach-text-decoration {
          color: #32C5D9;
}
.p-4 .center-div .content-box .box-left .teach-box .teach-text-decoration-active {
          background-image: url("1-dot-2@2x.png");
}
.p-4 .center-div .content-box .box-left .bg-1-active {
        background-image: url("1-2@2x.png");
}
.p-4 .center-div .content-box .box-left .practice-box {
        background-image: url("3-1@2x.png");
        background-size: 100% 100%;
        margin-top: 112px;
}
.p-4 .center-div .content-box .box-left .practice-box .practice-text-decoration {
          color: #3DB0FF;
}
.p-4 .center-div .content-box .box-left .practice-box .practice-text-decoration-active {
          background-image: url("3-dot-2@2x.png");
}
.p-4 .center-div .content-box .box-left .bg-3-active {
        background-image: url("3-2@2x.png");
}
.p-4 .center-div .content-box .box-right {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
}
.p-4 .center-div .content-box .box-right .learn-box {
        background-image: url("2-1@2x.png");
        background-size: 100% 100%;
}
.p-4 .center-div .content-box .box-right .learn-box .learn-text-decoration {
          color: #3D78FF;
}
.p-4 .center-div .content-box .box-right .learn-box .learn-text-decoration-active {
          background-image: url("2-dot-2@2x.png");
}
.p-4 .center-div .content-box .box-right .bg-2-active {
        background-image: url("2-2@2x.png");
}
.p-4 .center-div .content-box .box-right .test-box {
        background-image: url("4-1@2x.png");
        background-size: 100% 100%;
        margin-top: 112px;
}
.p-4 .center-div .content-box .box-right .test-box .test-text-decoration {
          color: #6552EE;
}
.p-4 .center-div .content-box .box-right .test-box .test-text-decoration-active {
          background-image: url("4-dot-2@2x.png");
}
.p-4 .center-div .content-box .box-right .bg-4-active {
        background-image: url("4-2@2x.png");
}
.p-4 .center-div .content-box .content-dot {
      position: absolute;
      z-index: -1;
}
.p-4 .center-div .content-box .text-decoration {
      height: 75px;
      width: 63px;
      position: absolute;
      z-index: 11;
      left: 207px;
      top: -25px;
      line-height: 65px;
      text-align: center;
      font-size: 25px;
      font-weight: 500;
      background-image: url("dot-1@2x.png");
      background-size: 100%;
}
.p-4 .center-div .content-box .box-detail {
      width: 243px;
      margin: 58px 40px;
}
.p-4 .center-div .content-box .box-detail .title {
        color: #071940;
        font-size: 20px;
        font-weight: bold;
        line-height: 30px;
        padding-bottom: 5px;
}
.p-4 .center-div .content-box .box-detail .brief {
        color: #727F9C;
        font-size: 14px;
        margin-bottom: 20px;
}
.p-4 .center-div .content-box .box-detail .more-btn {
        color: #fff;
        font-size: 12px;
        margin-top: 23px;
}
.p-4 .center-div .btn-bar {
    z-index: 11;
}
.p-4 .center-div .btn-bar a {
      height: 40px;
      line-height: 40px;
      background: #3D78FF;
      border-radius: 24px;
      display: inline-block;
      color: #fff;
      font-size: 14px;
      padding: 0 28px;
      border: 1px solid transparent;
      -webkit-transition: all .3s;
      transition: all .3s;
}
.p-4 .center-div .btn-bar a:hover {
        -webkit-transform: scale(1.05);
                transform: scale(1.05);
}
.edu-page .p-5 {
  position: relative;
  margin-top: 20px;
}
.edu-page .p-5 .bg-img {
    position: relative;
    width: 100%;
    height: 100px;
}
.edu-page .p-5 .wrap {
    overflow: hidden;
    background: #3D78FF;
    margin-top: -10px;
}
.edu-page .p-5 .center-div {
    padding: 50px 0 0;
    height: 1000px;
}
.edu-page .p-5 .center-div:after {
      content: "";
      display: block;
      clear: both;
}
.edu-page .p-5 .l-wrap {
    float: left;
    margin-right: 108px;
    position: relative;
    width: 530px;
}
.edu-page .p-5 .l-wrap .absolute-wrap {
      position: absolute;
      left: 0;
      right: 0;
      -webkit-transition: all .3s;
      transition: all .3s;
}
.edu-page .p-5 .l-wrap .absolute-wrap .title {
        font-size: 34px;
        color: #fff;
        margin-top: 40px;
}
.edu-page .p-5 .l-wrap .absolute-wrap .brief {
        font-size: 28px;
        color: #fff;
        margin-top: 10px;
}
.edu-page .p-5 .l-wrap .desc-font {
      font-size: 110px;
      font-weight: bold;
      color: #6daef6;
      line-height: 48px;
      margin-bottom: -20px;
      text-indent: 10px;
      position: absolute;
}
.edu-page .p-5 .l-wrap h2 {
      position: relative;
      z-index: 1;
      font-size: 40px;
      font-weight: bold;
      color: white;
      line-height: 48px;
}
.edu-page .p-5 .l-wrap ul li {
      margin: 28px 0;
      font-size: 16px;
      font-weight: 400;
      color: white;
      line-height: 22px;
}
.edu-page .p-5 .l-wrap ul .el-icon-check {
      font-weight: bold;
      margin-right: 10px;
      color: #41f87f;
}
.edu-page .p-5 .l-wrap .btn-bar {
      margin-top: 35px;
}
.edu-page .p-5 .l-wrap .btn-bar a {
        margin: 0 20px;
        height: 38px;
        line-height: 38px;
        background: white;
        border-radius: 24px;
        display: inline-block;
        color: #65aaf5;
        font-size: 16px;
        padding: 0 20px;
        border: 1px solid transparent;
        -webkit-transition: all .3s;
        transition: all .3s;
}
.edu-page .p-5 .l-wrap .btn-bar a:nth-child(2) {
          border: 1px solid #fff;
          background: transparent;
          color: #fff;
}
.edu-page .p-5 .l-wrap .btn-bar a:hover {
          -webkit-transform: scale(1.05);
                  transform: scale(1.05);
}
.edu-page .p-5 .r-wrap {
    position: relative;
    z-index: 1;
    width: 610px;
    float: right;
}
.edu-page .p-5 .r-wrap .img-1 {
      float: left;
      width: 280px;
      position: relative;
      z-index: 1;
}
.edu-page .p-5 .r-wrap .img-2 {
      float: left;
      width: 280px;
      position: relative;
      z-index: 1;
}
.edu-page .p-5 .r-wrap .img-3 {
      max-width: none;
      max-height: none;
      margin-top: 53px;
      width: 539px;
      float: right;
      position: relative;
      top: 0;
      right: 60px;
      z-index: 1;
}
.edu-page .p-6 {
  position: relative;
  margin: 80px auto 0;
  height: 528px;
}
.edu-page .p-6 .center-div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.edu-page .p-6 .center-div .p6-title {
      font-size: 34px;
      color: #071940;
      font-weight: 400;
}
.edu-page .p-6 .center-div .p6-brief {
      font-size: 16px;
      color: #727F9C;
      font-weight: 400;
      margin-top: 11px;
}
.edu-page .p-6 .center-div .content-box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-top: 55px;
}
.edu-page .p-6 .center-div .content-box .item-box {
        width: 210px;
        height: 280px;
        background: #fff;
        -webkit-box-shadow: 0px 0px 10px 2px rgba(208, 225, 238, 0.5);
                box-shadow: 0px 0px 10px 2px rgba(208, 225, 238, 0.5);
        border-radius: 8px;
        position: relative;
        margin-left: 20px;
}
.edu-page .p-6 .center-div .content-box .item-box .inner {
          position: absolute;
          top: 0;
          right: 0;
          left: 0;
          bottom: 0;
          z-index: 5;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: flex-start;
          padding: 35px 20px;
}
.edu-page .p-6 .center-div .content-box .item-box .inner .dot-bg {
            width: 50px;
            height: 50px;
}
.edu-page .p-6 .center-div .content-box .item-box .inner .title {
            font-size: 20px;
            color: #071940;
            font-weight: 500;
            margin-top: 20px;
}
.edu-page .p-6 .center-div .content-box .item-box .inner .brief {
            font-size: 14px;
            color: #727F9C;
            font-weight: 400;
            margin-top: 10px;
}
.edu-page .p-6 .center-div .content-box .item-box .bg {
          position: absolute;
          right: 0;
          bottom: 0;
          width: 139px;
          height: 200px;
          z-index: 1;
}
.edu-page .p-7 {
  height: 1054px;
}
.edu-page .p-7 .bg-img {
    position: relative;
    width: 100%;
    height: 90px;
}
.edu-page .p-7 .center-box {
    width: 100%;
    background: #F6F9FF;
}
.edu-page .p-7 .center-box .center-div {
      height: 486px;
      margin-top: -10px;
}
.edu-page .p-7 .center-box h2 {
      font-size: 40px;
      font-family: PingFangSC-Regular;
      font-weight: 500;
      color: #3c4e5a;
      line-height: 48px;
      text-align: center;
}
.edu-page .p-7 .center-box .brief {
      font-size: 16px;
      color: #727F9C;
      font-weight: 400;
      margin-top: 15px;
      text-align: center;
}
.edu-page .p-7 .center-box .desc-wall {
      overflow: hidden;
      margin: 50px auto 0;
      width: 1000px;
}
.edu-page .p-7 .center-box .desc-wall li {
        width: 50%;
        float: left;
        margin: 17px 0;
        font-size: 16px;
        font-weight: 400;
        color: #7f878c;
        line-height: 22px;
}
.edu-page .p-7 .center-box .desc-wall .el-icon-check {
        font-weight: bold;
        margin-right: 10px;
        color: #92ca92;
}
.edu-page .p-7 .center-box .icon-wall {
      overflow: hidden;
      margin-top: 50px;
}
.edu-page .p-7 .center-box .icon-wall li {
        width: 12.5%;
        float: left;
        text-align: center;
        margin-bottom: 33px;
}
.edu-page .p-7 .center-box .icon-wall li .img-box {
          width: 90px;
          height: 90px;
          margin: 0 auto;
          border-radius: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
}
.edu-page .p-7 .center-box .icon-wall img {
        width: 90px;
        height: 90px;
        text-align: center;
        display: block;
        -o-object-fit: contain;
           object-fit: contain;
}
.edu-page .p-7 .center-box .icon-wall p {
        font-size: 18px;
        font-family: PingFangSC-Regular;
        font-weight: 400;
        color: #3c4e5a;
        margin-top: 10px;
}
.edu-page .p-7 .center-box .img-wall-hidden {
      width: 100%;
      overflow: hidden;
      padding-bottom: 10px;
      background: #F6F9FF;
}
.edu-page .p-7 .center-box .img-wall-wrap {
      width: 2900px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-animation: slide 15s linear 0s infinite;
              animation: slide 15s linear 0s infinite;
}
@-webkit-keyframes slide {
from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
}
to {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
}
@keyframes slide {
from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
}
to {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
}
.edu-page .p-7 .center-box .img-wall {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      -ms-flex-pack: distribute;
          justify-content: space-around;
      width: 1800px;
}
.edu-page .p-7 .center-box .img-wall img {
        -webkit-box-shadow: 0 0 22px rgba(0, 0, 0, 0.1);
                box-shadow: 0 0 22px rgba(0, 0, 0, 0.1);
}
.edu-page .p-7 .center-box .img-wall .img-1 {
        width: 284px;
        height: 336px;
}
.edu-page .p-7 .center-box .img-wall .img-2 {
        width: 254px;
        height: 217px;
}
.edu-page .p-7 .center-box .img-wall .img-3 {
        width: 284px;
        height: 296px;
}
.edu-page .p-7 .center-box .img-wall .img-4 {
        width: 220px;
        height: 218px;
}
.edu-page .p-7 .center-box .img-wall .img-5 {
        width: 284px;
        height: 296px;
}

.error {
  position: relative;
  width: 100%;
  height: 100vh;
  text-align: center;
  background: #f7f7f7;
}
.not-found {
  /*
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 600px;
  text-align: center;
  background: #f7f7f7;
*/
}
.not-found .main-header {
    position: fixed;
    width: 100%;
    height: 64px;
    line-height: 64px;
    border-bottom: 1px solid #f0f0f0;
    background: #fff;
    z-index: 1;
}
.not-found .main-header .header-logo {
      float: left;
      padding-left: 149px;
      cursor: pointer;
}
.not-found .main-header .logo-name {
      width: 80px;
      height: 32px;
      vertical-align: middle;
}
.not-found .error-main {
    position: absolute;
    width: 500px;
    height: 360px;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}
.not-found .error-main img {
      max-width: 100%;
}
.not-found p {
    margin-top: 35px;
    font-size: 16px;
    color: #666;
}
.not-found .timer {
    margin-left: 2px;
    margin-right: 12px;
    color: #0095ff;
}
.not-found .back {
    margin-left: 18px;
    cursor: pointer;
}
.not-found .back i {
      font-size: 13px;
      color: #999;
      vertical-align: middle;
}

.knowledge-container {
  color: #333;
}
.knowledge-container * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-weight: normal;
}
.knowledge-container h2 {
    color: #333;
    font-size: 36px;
}
.knowledge-container .flexbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.knowledge-container .flexbox-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.knowledge-container .header {
    background: #fff;
}
.knowledge-container .header .header-main-menu .price-btn a {
      color: #333;
      font-size: 14px;
      vertical-align: middle;
}
.knowledge-container .header.header-scroll {
      background-color: rgba(255, 255, 255, 0.95);
      -webkit-transition: background-color 0.5s;
      transition: background-color 0.5s;
      -webkit-box-shadow: 0 0 20px -10px #000;
              box-shadow: 0 0 20px -10px #000;
}
.knowledge-container .header .info .info-name {
      color: #333;
}
.knowledge-container .layer {
    position: relative;
    overflow-x: hidden;
    min-width: 1200px;
    line-height: 1;
    text-align: center;
}
.knowledge-container .layer .middle-layout {
      width: 1200px;
      margin: 0 auto;
}
.knowledge-container .layer > h3 {
      color: #666;
      font-size: 18px;
}
.knowledge-container .layer > p {
      color: #666;
      font-size: 18px;
}
.knowledge-container .layer-1 {
    position: relative;
    height: 556px;
    background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/knowledge/bn.jpg") center no-repeat/1920px 100%;
    padding-top: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.knowledge-container .layer-1 .layer-wrapper {
      position: relative;
      text-align: center;
      z-index: 2;
}
.knowledge-container .layer-1 img {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
}
.knowledge-container .layer-1 h2 {
      font-size: 42px;
      padding-bottom: 24px;
}
.knowledge-container .layer-1 h3 {
      font-size: 28px;
      padding-bottom: 70px;
      color: #666;
}
.knowledge-container .layer-1 .reg-btn {
      display: inline-block;
      width: 200px;
      height: 48px;
      line-height: 48px;
      text-align: center;
      color: #fff;
      font-size: 16px;
      border-radius: 4px;
      background: #0095ff;
}
.knowledge-container .layer-1 .reg-btn:hover {
        background: #5eb0ea;
}
.knowledge-container .layer-2 {
    padding-top: 112px;
    height: 712px;
    background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/knowledge/layer-2/bottom.png") center bottom no-repeat;
    background-size: 1906.5px 205px;
}
.knowledge-container .layer-2 h2 {
      padding-bottom: 23px;
}
.knowledge-container .layer-2 > h3 {
      padding-bottom: 103px;
}
.knowledge-container .layer-2 .block-list {
      position: relative;
      margin: auto;
}
.knowledge-container .layer-2 .block-list .block {
        position: absolute;
        width: 205px;
        height: 289.5px;
        padding-top: 48px;
        background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/knowledge/layer-2/block.png") no-repeat center/cover;
        -webkit-transition: all 600ms;
        transition: all 600ms;
        cursor: pointer;
}
.knowledge-container .layer-2 .block-list .block:hover {
          -webkit-transform: translateY(-16px);
                  transform: translateY(-16px);
}
.knowledge-container .layer-2 .block-list .block img {
          height: 28px;
}
.knowledge-container .layer-2 .block-list .block h4 {
          font-size: 16px;
          padding-top: 16px;
}
.knowledge-container .layer-2 .block-list .block h4:after {
            content: '';
            display: block;
            width: 24px;
            height: 2px;
            margin: 16px auto 18px;
            background: #f0f0f4;
}
.knowledge-container .layer-2 .block-list .block p {
          color: #666;
          font-size: 12px;
          margin-bottom: 12px;
}
.knowledge-container .layer-2 .block-list .block:first-child {
          left: -12px;
          top: 35px;
}
.knowledge-container .layer-2 .block-list .block:nth-child(2) {
          left: 187px;
          top: -31px;
}
.knowledge-container .layer-2 .block-list .block:nth-child(3) {
          left: 400px;
          top: 60px;
}
.knowledge-container .layer-2 .block-list .block:nth-child(4) {
          left: 590px;
          top: -55px;
}
.knowledge-container .layer-2 .block-list .block:nth-child(5) {
          left: 787px;
          top: 91px;
}
.knowledge-container .layer-2 .block-list .block:nth-child(6) {
          left: 991px;
          top: -20px;
}
.knowledge-container .layer-3,
  .knowledge-container .layer-4 {
    padding-top: 100px;
    height: 780px;
    background: #f9fbff;
    overflow: hidden;
}
.knowledge-container .layer-3 h2,
    .knowledge-container .layer-4 h2 {
      padding-bottom: 23px;
}
.knowledge-container .layer-3 .slide-wrap .slide-content,
    .knowledge-container .layer-4 .slide-wrap .slide-content {
      width: 320px;
      height: 541px;
      overflow: hidden;
      position: absolute;
      left: 50%;
      bottom: 0;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      -webkit-transition: top 300ms;
      transition: top 300ms;
      border-radius: 20px 20px 0 0;
      -webkit-box-shadow: 0 -8px 26px rgba(27, 26, 37, 0.06);
              box-shadow: 0 -8px 26px rgba(27, 26, 37, 0.06);
      background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/knowledge/layer-3/block.png") no-repeat left top/cover;
}
.knowledge-container .layer-3 .slide-wrap .slide-content:before, .knowledge-container .layer-3 .slide-wrap .slide-content:after,
      .knowledge-container .layer-4 .slide-wrap .slide-content:before,
      .knowledge-container .layer-4 .slide-wrap .slide-content:after {
        content: '';
        height: 100%;
        width: 11px;
        position: absolute;
        left: 0;
        top: 10px;
        background: #fff;
        z-index: 99;
}
.knowledge-container .layer-3 .slide-wrap .slide-content:after,
      .knowledge-container .layer-4 .slide-wrap .slide-content:after {
        left: auto;
        right: 0;
}
.knowledge-container .layer-3 .slide-wrap .slide-content .slide-inner,
      .knowledge-container .layer-4 .slide-wrap .slide-content .slide-inner {
        position: relative;
        width: 9999px;
        height: 541px;
        -webkit-transition: left 500ms;
        transition: left 500ms;
}
.knowledge-container .layer-3 .slide-wrap .slide-content img,
      .knowledge-container .layer-4 .slide-wrap .slide-content img {
        float: left;
        width: 300px;
        height: 532px;
        -o-object-fit: fill;
           object-fit: fill;
        margin-top: 10px;
}
.knowledge-container .layer-3 .slide-wrap .slide-pagins,
    .knowledge-container .layer-4 .slide-wrap .slide-pagins {
      position: relative;
}
.knowledge-container .layer-3 .slide-wrap .slide-pagins .item,
      .knowledge-container .layer-4 .slide-wrap .slide-pagins .item {
        position: absolute;
        width: 255px;
        text-align: center;
        cursor: pointer;
}
.knowledge-container .layer-3 .slide-wrap .slide-pagins .item.active .bubble, .knowledge-container .layer-3 .slide-wrap .slide-pagins .item:hover .bubble,
        .knowledge-container .layer-4 .slide-wrap .slide-pagins .item.active .bubble,
        .knowledge-container .layer-4 .slide-wrap .slide-pagins .item:hover .bubble {
          display: block;
}
.knowledge-container .layer-3 .slide-wrap .slide-pagins .item.active p, .knowledge-container .layer-3 .slide-wrap .slide-pagins .item:hover p,
        .knowledge-container .layer-4 .slide-wrap .slide-pagins .item.active p,
        .knowledge-container .layer-4 .slide-wrap .slide-pagins .item:hover p {
          color: #666;
}
.knowledge-container .layer-3 .slide-wrap .slide-pagins .item.item-1,
        .knowledge-container .layer-4 .slide-wrap .slide-pagins .item.item-1 {
          left: 50px;
          top: 96px;
}
.knowledge-container .layer-3 .slide-wrap .slide-pagins .item.item-2,
        .knowledge-container .layer-4 .slide-wrap .slide-pagins .item.item-2 {
          left: 50px;
          top: 338px;
}
.knowledge-container .layer-3 .slide-wrap .slide-pagins .item.item-3,
        .knowledge-container .layer-4 .slide-wrap .slide-pagins .item.item-3 {
          right: 50px;
          top: 96px;
}
.knowledge-container .layer-3 .slide-wrap .slide-pagins .item.item-4,
        .knowledge-container .layer-4 .slide-wrap .slide-pagins .item.item-4 {
          right: 50px;
          top: 338px;
}
.knowledge-container .layer-3 .slide-wrap .slide-pagins .item h4,
        .knowledge-container .layer-4 .slide-wrap .slide-pagins .item h4 {
          font-size: 18px;
          padding-bottom: 10px;
}
.knowledge-container .layer-3 .slide-wrap .slide-pagins .item p,
        .knowledge-container .layer-4 .slide-wrap .slide-pagins .item p {
          color: #999;
          font-size: 14px;
          line-height: 20px;
}
.knowledge-container .layer-4 {
    background: #fff;
}
.knowledge-container .layer-4 h2 {
      padding-bottom: 20.5px;
}
.knowledge-container .layer-4 .slide-wrap .slide-pagins .item {
      width: 290px;
}
.knowledge-container .layer-4 .slide-wrap .slide-pagins .item.item-1 {
        left: 37px;
}
.knowledge-container .layer-4 .slide-wrap .slide-pagins .item.item-2 {
        left: 37px;
}
.knowledge-container .layer-4 .slide-wrap .slide-pagins .item.item-3 {
        right: 37px;
}
.knowledge-container .layer-4 .slide-wrap .slide-pagins .item.item-4 {
        right: 37px;
}
.knowledge-container .layer-5 {
    height: 903.5px;
    background: #f9fbff;
}
.knowledge-container .layer-5 h2 {
      padding: 100px 0 50px;
}
.knowledge-container .layer-5 .tap-item-list {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
}
.knowledge-container .layer-5 .tap-item-list > div p {
        font-size: 16px;
        margin-top: 18px;
}
.knowledge-container .layer-5 .tap-item-list .tap-item {
        margin: 0 41px;
        -webkit-box-shadow: 0 8px 20px rgba(165, 166, 169, 0.08);
                box-shadow: 0 8px 20px rgba(165, 166, 169, 0.08);
}
.knowledge-container .layer-5 .slide-wrap .slide-inner {
      position: absolute;
      bottom: 102.5px;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      width: 1230px;
}
.knowledge-container .layer-5 .slide-wrap .slide-inner .slide-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        position: absolute;
        bottom: -48px;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        width: 260px;
        height: 490px;
        background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/knowledge/layer-5/block.png") no-repeat center/cover;
        z-index: 8;
}
.knowledge-container .layer-5 .slide-wrap .slide-inner .hollow {
        z-index: 150;
        background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/knowledge/layer-5/block-k.png") no-repeat center/cover;
}
.knowledge-container .layer-5 .slide-wrap .slide-inner .slide-item-list {
        overflow-x: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        width: 1230px;
        height: 452px;
        overflow-x: hidden;
}
.knowledge-container .layer-5 .slide-wrap .slide-inner .slide-item-list .roll-inner {
          left: 0;
          position: relative;
          -webkit-transition: all 600ms ease-in-out;
          transition: all 600ms ease-in-out;
}
.knowledge-container .layer-5 .slide-wrap .slide-inner .slide-item {
        position: relative;
        width: 220px;
        height: 389px;
        z-index: 10;
        margin: 0 13px;
}
.knowledge-container .layer-5 .slide-wrap .slide-inner .slide-item:not(.active) {
          opacity: .5;
}
.knowledge-container .layer-5 .slide-wrap .slide-inner .slide-item.active {
          width: 300;
          height: 420px;
          padding-top: 8px;
}
.knowledge-container .layer-5 .slide-wrap .slide-inner .slide-item.active img {
            margin-top: 12px;
}
.knowledge-container .layer-5 .slide-wrap .slide-inner .slide-item img {
          width: 280px;
          height: inherit;
          -webkit-transition: all 1000ms;
          transition: all 1000ms;
          margin-top: 12px;
}
.knowledge-container .tap-item {
    position: relative;
    width: 88px;
    height: 88px;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
    margin: 0 auto 30px;
    -webkit-box-shadow: 0 8px 20px rgba(33, 38, 46, 0.08);
            box-shadow: 0 8px 20px rgba(33, 38, 46, 0.08);
    z-index: 10;
}
.knowledge-container .tap-item .icon {
      height: 32px;
}
.knowledge-container .tap-item + .bubble {
      display: none;
      position: absolute;
      top: -15px;
      left: 0;
      right: 0;
      margin: 0 auto;
      width: 120px;
      height: 120px;
      -webkit-animation: zoom 400ms;
              animation: zoom 400ms;
      z-index: 8;
      background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/knowledge/layer-3/zs.png") no-repeat center/contain;
}
@-webkit-keyframes zoom {
from {
    -webkit-transform: scale(0);
            transform: scale(0);
}
to {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
@keyframes zoom {
from {
    -webkit-transform: scale(0);
            transform: scale(0);
}
to {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}

.series-page[data-v-0d8a8632] {
  line-height: 1;
  background: -webkit-gradient(linear, left top, left bottom, from(#0c0859), to(#250ab9));
  background: linear-gradient(to bottom, #0c0859 0%, #250ab9 100%);
}
.middle[data-v-0d8a8632] {
  position: relative;
  width: 1080px;
  margin: auto;
  z-index: 10;
}
.middle .page-img[data-v-0d8a8632] {
    display: block;
    width: 100%;
}
.bg-2[data-v-0d8a8632] {
  position: absolute;
  left: 0;
  top: 64px;
  width: 100%;
  min-width: 1200px;
  height: 1315px;
  background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/liveseries/bg2.png") no-repeat left top;
  background-size: 100% 100%;
}
.bg-3[data-v-0d8a8632] {
  position: absolute;
  left: 0;
  top: 270px;
  width: 100%;
  min-width: 1200px;
  height: 1800px;
  background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/liveseries/bg3.png") no-repeat right top;
}
.qrcode-view[data-v-0d8a8632] {
  width: 260px;
  margin: auto;
  text-align: center;
}
.qrcode-view:hover .code[data-v-0d8a8632] {
    display: block;
}
.qrcode-view .btn[data-v-0d8a8632] {
    display: inline-block;
    width: 260px;
    height: 50px;
    background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/liveseries/code-btn.png") no-repeat center;
    background-size: cover;
    cursor: pointer;
}
.qrcode-view .code[data-v-0d8a8632] {
    display: none;
    position: absolute;
    left: 50%;
    bottom: 68px;
    width: 284px;
    min-height: 306px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
.qrcode-view .showCode[data-v-0d8a8632] {
    display: block;
}
.t-icon[data-v-0d8a8632] {
  display: inline-block;
  width: 93px;
  height: 25px;
  vertical-align: middle;
  background: no-repeat center;
  background-size: cover;
}
.t-icon.left[data-v-0d8a8632] {
    margin-right: 20px;
    background-image: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/liveseries/left.png");
}
.t-icon.right[data-v-0d8a8632] {
    margin-left: 20px;
    background-image: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/liveseries/right.png");
}
.section[data-v-0d8a8632] {
  position: relative;
  min-width: 1200px;
}
.section.s1[data-v-0d8a8632] {
    color: #fff;
    background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/liveseries/bg1.png") no-repeat left top;
    background-size: contain;
    padding-bottom: 50px;
    z-index: 100;
}
.section.s1 h3[data-v-0d8a8632] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      font-size: 50px;
      padding-top: 90px;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
}
.section.s1 h2[data-v-0d8a8632] {
      font-size: 76px;
      padding-top: 25px;
      font-weight: bold;
}
.section.s1 .tingke[data-v-0d8a8632] {
      position: absolute;
      right: -56px;
      top: 0;
}
.section.s1 .intro[data-v-0d8a8632] {
      color: #fff;
      width: 805px;
      height: 60px;
      line-height: 60px;
      text-align: center;
      font-size: 26px;
      border-radius: 100px;
      margin: 34px auto 0;
      background: linear-gradient(-36deg, #0036ff 0%, #e41f1a 100%);
}
.section.s1 .brief[data-v-0d8a8632] {
      padding: 100px 0;
      text-align: center;
}
.section.s1 .brief .title[data-v-0d8a8632] {
        width: 580px;
        height: 62px;
        line-height: 91px;
        font-size: 36px;
        background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/liveseries/title.png") no-repeat center;
        background-size: cover;
        margin: auto;
}
.section.s1 .brief .content[data-v-0d8a8632] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        color: #bfbce4;
        font-size: 18px;
        width: 100%;
        padding: 25px 30px;
        border-radius: 10px;
        background: #20148b;
        margin-top: 20px;
        text-align: left;
        line-height: 28px;
        margin-top: 32px;
}
.section.s1 .tabs[data-v-0d8a8632] {
      width: 100%;
      min-width: 1080px;
      min-height: 50px;
      padding-top: 130px;
      text-align: center;
}
.section.s1 .tabs .fixed[data-v-0d8a8632] {
        position: fixed;
        left: 0;
        top: 64px;
        background: #fff;
        width: 100%;
        height: 75px;
        padding-top: 25px;
        z-index: 1000;
}
.section.s1 .tabs .fixed .t-item[data-v-0d8a8632]:not(.active) {
          color: #333;
          border: 1px solid #c3c3c3;
}
.section.s1 .tabs .t-item[data-v-0d8a8632] {
        position: relative;
        display: inline-block;
        width: 166px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        color: #fff;
        margin: 0 8px;
        font-size: 16px;
        border-radius: 50px;
        border: 1px solid #fff;
        cursor: pointer;
        -webkit-transition: all 300ms;
        transition: all 300ms;
}
.section.s1 .tabs .t-item.active[data-v-0d8a8632] {
          border-width: 0;
          background: linear-gradient(-36deg, #0036ff 0%, #e41f1a 100%);
}
.section.s1 .tabs .t-item .hot[data-v-0d8a8632] {
          position: absolute;
          right: 44px;
          top: -7px;
          width: 29px;
          height: 20px;
          background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/liveseries/hot.png") no-repeat center;
          background-size: cover;
}
.section.s2[data-v-0d8a8632] {
    padding: 50px 0;
}
.section.s2 .page-img[data-v-0d8a8632] {
      margin-bottom: 60px;
}
.section.s3[data-v-0d8a8632] {
    padding: 50px 0;
}
.section.s3 .page-img[data-v-0d8a8632] {
      margin-bottom: 58px;
}
.section.s4[data-v-0d8a8632] {
    padding: 50px 0 80px;
}
.section .zhihu[data-v-0d8a8632] {
    width: 100%;
    height: 1303px;
    margin-top: 60px;
    text-align: center;
    background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/liveseries/zhihu.png") no-repeat center;
    background-size: cover;
}
.section .zhihu .bottom[data-v-0d8a8632] {
      position: absolute;
      bottom: 60px;
      left: 50%;
      width: 300px;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
}
.section .zhihu .qrcode-view img[data-v-0d8a8632] {
      bottom: 98px;
}
.section .zhihu .link[data-v-0d8a8632] {
      margin-top: 15px;
}
.section .zhihu .link a[data-v-0d8a8632] {
        color: #fff;
        font-size: 14px;
        text-decoration: underline;
}

.about-h5 {
  background: #fff;
}
.about-h5 .mask {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .4;
    z-index: 5;
}
.about-h5 .header-menu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: .24rem .3rem .26rem .22rem;
    z-index: 10;
}
.about-h5 .header-menu-bg {
    background: white;
    -webkit-box-shadow: 0 0.02rem 0.09rem 0 rgba(161, 171, 181, 0.63);
            box-shadow: 0 0.02rem 0.09rem 0 rgba(161, 171, 181, 0.63);
}
.about-h5 .about-top {
    height: 6rem;
    background: url("/static/image/mobile/about/about.jpg");
    background-size: cover;
}
.about-h5 .about-top p {
      color: #fff;
      font-size: 0.4rem;
      text-align: center;
}
.about-h5 .about-top p:nth-child(1) {
        margin-bottom: 0.2rem;
        padding-top: 2.1rem;
}
.about-h5 .about-top p:nth-child(2) {
        font-family: PingFangSC-Light;
}
.about-h5 .about-top img {
      width: 2rem;
      height: 0.41rem;
}
.about-h5 .about-tip {
    display: inline-block;
}
.about-h5 .about-content {
    margin: 1.2rem 0.4rem 0;
    padding-bottom: 0.82rem;
}
.about-h5 .about-content h4 {
      margin-top: 1.2rem;
      font-size: 0.42rem;
      font-weight: normal;
      text-align: center;
}
.about-h5 .about-content h6 {
      font-size: 0.32rem;
      font-weight: normal;
}
.about-h5 .about-content p {
      line-height: 0.48rem;
      margin-bottom: 0.2rem;
      color: #666;
      font-size: 0.28rem;
}
.about-h5 .about-content .about-line {
      width: 1.7rem;
      height: 0.08rem;
      margin: 0.36rem auto 0.65rem;
      background: url("/static/image/mobile/about/xina.png") no-repeat;
      background-size: 100% 100%;
}
.about-h5 .about-content .about-text {
      white-space: pre-line;
}
.about-h5 .about-content .about-box {
      position: relative;
      margin-top: 1.2rem;
      padding: 1.08rem 0.6rem 0.44rem;
      border: 0.01rem solid #ebebeb;
      cursor: pointer;
      text-align: center;
}
.about-h5 .about-content .about-box .img-wrap {
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        top: 0;
        width: 1.2rem;
        height: 1.2rem;
        background: #fff;
        border: 1px solid #ebebeb;
        border-radius: 50%;
}
.about-h5 .about-content .about-box .img-wrap img {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
}
.about-h5 .about-content .about-box p {
        line-height: 0.36rem;
        margin-top: 0.4rem;
        margin-bottom: 0.7rem;
        font-size: 0.24rem;
}
.about-h5 .about-content .about-box a {
        color: #0195FF;
        font-size: 0.24rem;
}
.about-h5 .about-content .about-box span {
        position: absolute;
        top: -0.6rem;
        width: 1.2rem;
        height: 1.2rem;
        line-height: 1.2rem;
        margin-left: -0.6rem;
        border: 0.01rem solid #ebebeb;
        border-radius: 50%;
        background: #fff;
}
.about-h5 .about-content .about-box .sohu {
        display: inline-block;
        width: 0.72rem;
        height: 0.38rem;
        -o-object-fit: contain;
           object-fit: contain;
        vertical-align: sub;
}
.about-h5 .about-content .about-box .feixiang {
        display: inline-block;
        width: 0.88rem;
        height: 0.3rem;
        -o-object-fit: contain;
           object-fit: contain;
}

.m-header[data-v-43203ee7] {
  height: 1rem;
}
.m-header .dslogo[data-v-43203ee7] {
    width: 50px;
    height: 24px;
    -o-object-fit: contain;
       object-fit: contain;
}
.m-header .btn-group[data-v-43203ee7] {
    width: 90px;
    height: 27px;
    border: 1px solid #5793f1;
    border-radius: 4px;
    margin-left: 130px;
}
.m-header .btn-group a[data-v-43203ee7] {
      font-size: 14px;
      font-weight: 400;
      color: #5793f1;
      line-height: 25px;
      margin-left: 18px;
}
.m-header .menu-icon[data-v-43203ee7], .m-header .close-btn[data-v-43203ee7] {
    width: 24px;
    height: 24px;
    -o-object-fit: contain;
       object-fit: contain;
}
.header-menu[data-v-43203ee7] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: .24rem .3rem .26rem .22rem;
  background: white;
  -webkit-box-shadow: 0 0.02rem 0.04rem 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0.02rem 0.04rem 0 rgba(0, 0, 0, 0.1);
}
.header-menu .dsh1[data-v-43203ee7] {
    display: none;
}
.mask[data-v-43203ee7] {
  position: fixed;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  z-index: 5;
}
.title-dialog[data-v-43203ee7] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 15;
  background: white;
}
.title-dialog .title-header[data-v-43203ee7] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: .24rem .3rem .26rem .22rem;
}
.title-dialog .title-header .close-btn[data-v-43203ee7] {
      zoom: 80%;
}
.title-dialog .title-logo[data-v-43203ee7] {
    width: 0.99rem;
}
.title-dialog .menu-wraper[data-v-43203ee7] {
    padding: .4rem .6rem;
    border-top: 1px solid #f5f5f5;
}
.title-dialog .menu-m > li[data-v-43203ee7] {
    padding: .25rem 0;
}
.title-dialog .menu-m > li a[data-v-43203ee7] {
      font-size: .32rem;
      font-weight: bold;
      color: #333;
}
.title-dialog .menu-m > li[data-v-43203ee7]:first-child {
      padding-top: 0;
}
.title-dialog .menu-s > li[data-v-43203ee7] {
    padding: .4rem 0 .1rem .4rem;
}
.title-dialog .menu-s > li p[data-v-43203ee7] {
      color: #999;
      margin-bottom: .25rem;
}
.title-dialog .menu-s > li a[data-v-43203ee7] {
      display: inline-block;
      font-weight: normal;
      font-size: .28rem;
      color: #333;
}
.title-dialog .menu-s > li a[data-v-43203ee7]:not(:nth-child(3n)) {
        margin-right: 1rem;
}
.title-dialog .menu-s > li a[data-v-43203ee7]:nth-child(n+4) {
        margin-top: .42rem;
}
.title-dialog .btn-wrapper[data-v-43203ee7] {
    margin-top: 0.45rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.title-dialog .btn-wrapper .login-btn[data-v-43203ee7], .title-dialog .btn-wrapper .register-btn[data-v-43203ee7] {
      color: #666;
      padding: .20rem 0;
      font-size: .28rem;
      border: solid #DBDBDB 1px;
      text-align: center;
      border-radius: 4px;
      width: 46%;
}
.guide-mask[data-v-43203ee7] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 200;
}
.guide-mask .guide-wrapper[data-v-43203ee7] {
    background: white;
    font-size: .28rem;
    width: 5.8rem;
    height: 6.5rem;
    margin: auto;
    padding: .6rem .8rem;
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 4px;
}
.guide-mask .guide-wrapper .guide-img[data-v-43203ee7] {
      width: 60%;
}
.guide-mask .guide-wrapper .guide-text[data-v-43203ee7] {
      margin-top: 0.3rem;
      color: #666;
}
.guide-mask .guide-wrapper .guide-link[data-v-43203ee7] {
      margin-top: 0.3rem;
      color: #5193F7;
}
.guide-mask .guide-wrapper .guide-btn[data-v-43203ee7] {
      margin-top: 0.4rem;
      padding: 0.2rem 0;
      background: #5193F7;
      color: white;
      border-radius: 4px;
}

.page[data-v-664e6659] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
  background-image: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/activity/union_operation/m/bg.png");
  background-position: top;
  background-size: cover;
}
.page .coupon[data-v-664e6659] {
    margin-top: 2.4rem;
    width: 90%;
}
.page .text[data-v-664e6659] {
    font-size: .32rem;
    margin-top: .35rem;
    color: white;
    font-weight: bold;
}
.page .mobile[data-v-664e6659] {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-top: .3rem;
    width: 80%;
    padding: 15px;
    background: #ffefe2;
    border-radius: 8px;
    border-width: 0;
}
.page input[data-v-664e6659] {
    font-size: .28rem;
    color: #E1551E;
}
.page input[data-v-664e6659]::-webkit-input-placeholder {
    color: #E9A990;
}
.page .code-wrapper[data-v-664e6659] {
    position: relative;
    margin-top: .3rem;
    width: 80%;
}
.page .code-wrapper .code[data-v-664e6659] {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: 100%;
      padding: 15px;
      background: #ffefe2;
      border-radius: 8px;
      border-width: 0;
}
.page .code-wrapper .code-btn[data-v-664e6659] {
      position: absolute;
      top: .1rem;
      bottom: .1rem;
      right: 0;
      width: 2rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border-left: 1px solid #FFAD83;
      color: #E1551E;
}
.page .get-btn[data-v-664e6659] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: .32rem;
    margin-top: .4rem;
    color: white;
    font-weight: bold;
    width: 6rem;
    height: 1.2rem;
    background-image: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/activity/union_operation/m/bt.png");
    background-position: center;
    background-size: cover;
    padding-bottom: 0.1rem;
    margin-bottom: 1.5rem;
}
.page .mask[data-v-664e6659] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
}
.page .mask .img-code-wrapper[data-v-664e6659] {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      width: 5rem;
      height: 3rem;
      background: white;
      border-radius: 8px;
      padding: .3rem;
}
.page .mask .img-code-wrapper .img-title[data-v-664e6659] {
        color: #333;
        font-size: .32rem;
        text-align: center;
}
.page .mask .img-code-wrapper .input-code-wrapper[data-v-664e6659] {
        position: relative;
        margin-top: .3rem;
        border: 1px solid #e6e6e6;
        border-radius: 4px;
}
.page .mask .img-code-wrapper .input-code-wrapper input[data-v-664e6659] {
          color: #333;
}
.page .mask .img-code-wrapper .input-code-wrapper input[data-v-664e6659]::-webkit-input-placeholder {
          color: #999;
}
.page .mask .img-code-wrapper .input-code-wrapper .input-code[data-v-664e6659] {
          padding: 12px 6px;
          font-size: .32rem;
          border-width: 0;
}
.page .mask .img-code-wrapper .input-code-wrapper .code-img[data-v-664e6659] {
          position: absolute;
          right: .1rem;
          top: 0;
          bottom: 0;
          margin: auto;
}
.page .mask .img-code-wrapper .input-code-btn[data-v-664e6659] {
        margin-top: .3rem;
        color: white;
        width: 100%;
        height: .8rem;
        font-size: .28rem;
        line-height: .8rem;
        text-align: center;
        background: #F66435;
        border-radius: 4px;
}

.page[data-v-f0ce0e12] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
  background-image: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/activity/union_operation/m/success/bg.png");
  background-position: top;
  background-size: cover;
}
.page .content[data-v-f0ce0e12] {
    background: white;
    border-radius: 8px;
    padding: .4rem;
    margin: 2.2rem .3rem 4rem .3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.page .content .text[data-v-f0ce0e12] {
      width: 100%;
      color: #FF8B58;
}
.page .content .text .hl[data-v-f0ce0e12] {
        color: #E1551E;
}
.page .content .text1[data-v-f0ce0e12] {
      font-size: .24rem;
}
.page .content .text2[data-v-f0ce0e12] {
      margin-top: .2rem;
      font-size: .26rem;
      font-weight: bold;
}
.page .content .qrcode[data-v-f0ce0e12] {
      margin: .3rem 0;
}
.page .content .gift[data-v-f0ce0e12] {
      -o-object-fit: contain;
         object-fit: contain;
}

input[data-v-f4e071e8] {
  font-size: 0.3rem;
  color: #333;
}
[data-v-f4e071e8]::-webkit-input-placeholder {
  font-size: 0.3rem;
  color: #999;
}
.page[data-v-f4e071e8] {
  padding-bottom: 1rem;
}
.page .giftbag[data-v-f4e071e8] {
    position: fixed;
    height: 1.7rem;
    width: 2.4rem;
    right: 0;
    top: 1.25rem;
    -o-object-fit: contain;
       object-fit: contain;
}
.page .s1 .down[data-v-f4e071e8] {
    width: 0.4rem;
    height: 0.4rem;
    margin: -0.6rem auto 0.6rem;
}
.page .s4[data-v-f4e071e8] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.page .s4 img[data-v-f4e071e8] {
      width: 100%;
      height: 100%;
}

.nc-container[data-v-51212e22] {
  width: 6.6rem;
}
.nc-hint[data-v-51212e22] {
  color: #666;
  text-align: left;
  margin: 18px 0 10px 15px;
  font-size: 16px;
}
.component .register-frame-normal[data-v-51212e22] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  text-align: center;
}
.component .register-frame-normal .register-title[data-v-51212e22] {
    width: 80%;
}
.component .register-frame-normal .register-title .title[data-v-51212e22] {
      font-size: 23px;
      font-weight: 500;
      color: #333333;
      line-height: 44px;
      margin-top: 70px;
}
.component .register-frame-normal .register-title .tag[data-v-51212e22] {
      font-size: 17px;
      font-weight: 400;
      color: #666666;
      line-height: 44px;
      margin-bottom: -25px;
}
.component .register-frame-normal .register-wrapper[data-v-51212e22] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.component .register-frame-normal .register-wrapper .tel-num[data-v-51212e22] {
      margin-top: 1rem;
}
.component .register-frame-normal .register-wrapper .get-now[data-v-51212e22] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-top: 0.3rem;
      color: #4797F3;
      font-size: 0.3rem;
      border: 1px solid #e6e6e6;
      border-radius: 0.5rem;
      padding: 0.1rem 0.2rem;
      height: 1rem;
      width: 6rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      -webkit-box-shadow: 0 0.02rem 0.5rem 0 rgba(0, 0, 0, 0.1);
              box-shadow: 0 0.02rem 0.5rem 0 rgba(0, 0, 0, 0.1);
}
.component .register-frame-normal .register-wrapper .tel-code[data-v-51212e22] {
      position: relative;
      width: 5.6rem;
      margin: 1.3rem auto 0;
}
.component .register-frame-normal .register-wrapper .tel-code .input-code[data-v-51212e22] {
        width: 100%;
        height: 1rem;
        position: absolute;
        left: 0;
        top: 0;
        color: transparent;
        opacity: 0;
        caret-color: transparent;
}
.component .register-frame-normal .register-wrapper .tel-code .code-ul[data-v-51212e22] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: space-evenly;
            -ms-flex-pack: space-evenly;
                justify-content: space-evenly;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        height: 0.9rem;
}
.component .register-frame-normal .register-wrapper .tel-code .code-ul .code-li[data-v-51212e22] {
          width: 0.8rem;
          margin-right: 0.5rem;
          border: none #fff;
          border-bottom: 0.03rem solid #CCCCCC;
          font-size: 0.48rem;
          font-weight: 500;
          color: black;
          line-height: 1rem;
}
.component .register-frame-normal .register-wrapper .tel-code .code-ul .code-li[data-v-51212e22]:last-child {
            margin-right: 0;
}
.component .register-frame-normal .register-wrapper .tel-code .code-ul .li--show[data-v-51212e22] {
          border: none #fff;
          border-bottom: 0.03rem solid #4797F3;
}
.component .register-frame-normal .register-wrapper .tel-code .code-ul .li--active[data-v-51212e22] {
          -webkit-animation: shine-data-v-51212e22 1350ms infinite normal;
                  animation: shine-data-v-51212e22 1350ms infinite normal;
}
@-webkit-keyframes shine-data-v-51212e22 {
0% {
    border-bottom: 0.03rem solid #fff;
}
30% {
    border-bottom: 0.03rem solid #4797F3;
}
80% {
    border-bottom: 0.03rem solid #4797F3;
}
100% {
    border: none #fff;
    border-bottom: 0.03rem solid #fff;
}
}
@keyframes shine-data-v-51212e22 {
0% {
    border-bottom: 0.03rem solid #fff;
}
30% {
    border-bottom: 0.03rem solid #4797F3;
}
80% {
    border-bottom: 0.03rem solid #4797F3;
}
100% {
    border: none #fff;
    border-bottom: 0.03rem solid #fff;
}
}
.component .register-frame-normal .register-wrapper .tel-code span[data-v-51212e22] {
        float: left;
        font-size: 0.28rem;
        font-weight: 400;
        color: #999999;
        line-height: 1.2rem;
}
.component .register-frame-normal .register-wrapper .tel-code .resend[data-v-51212e22] {
        float: right;
        color: #4797F3;
}
.component .register-frame-normal .register-wrapper .tel-code .resend--disabled[data-v-51212e22] {
        color: #999999;
}
.component .register-frame-normal .register-wrapper .tel-num[data-v-51212e22] {
      font-size: 0.3rem;
      padding: 0.1rem 0.2rem;
      height: 1rem;
      width: 6rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border: 0.02rem solid #ddd;
      outline: none;
      border-radius: 4px;
      margin-bottom: 0.3rem;
}
.component .register-frame-normal .register-wrapper .btn-wrapper[data-v-51212e22] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: distribute;
          justify-content: space-around;
      margin-top: 3rem;
      width: 6rem;
}
.component .register-frame-normal .register-wrapper .btn-wrapper .online-btn[data-v-51212e22] {
        color: #4797F3;
        font-size: 0.24rem;
}
.component .register-frame-normal .register-wrapper .btn-wrapper .mobile-btn[data-v-51212e22] {
        color: #4ABC8A;
        font-size: 0.24rem;
}
.component .register-frame-normal .register-wrapper .btn-wrapper .consult-btn[data-v-51212e22] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: 2.4rem;
        height: 0.7rem;
        border: solid 1px #DBDBDB;
        border-radius: 0.35rem;
}
.component .register-frame-normal .register-wrapper .btn-wrapper .consult-btn .consult-icon[data-v-51212e22] {
          width: 0.34rem;
          height: 0.34rem;
}
.component .register-frame-normal .register-wrapper .btn-wrapper .consult-btn .btn-title[data-v-51212e22] {
          margin-left: 0.2rem;
}
.component .register-frame-normal .register-wrapper .connect-hint[data-v-51212e22] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-top: 0.68rem;
      margin-bottom: 1.28rem;
      font-size: 0.28rem;
}
.component .register-frame-normal .register-wrapper .connect-hint .connect-wechat[data-v-51212e22] {
        color: #666;
}
.component .register-frame-normal .register-wrapper .connect-hint .connect-mobile[data-v-51212e22] {
        margin-left: 0.22rem;
        color: #4797F3;
}
.component .register-frame-normal .register-wrapper .connect-hint .copy-img[data-v-51212e22] {
        margin-left: 0.2rem;
        height: 0.28rem;
        width: 0.28rem;
}

.free-show[data-v-1032edcc] {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  font-size: 0.3rem;
  z-index: 10;
}
.free-show .btn-wrapper[data-v-1032edcc] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    width: 100%;
    height: 100%;
}
.free-show .btn-wrapper .btn[data-v-1032edcc] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 100%;
      height: 100%;
}
.free-show .btn-wrapper .free-show-btn[data-v-1032edcc] {
      background: #4797F3;
}
.free-show .btn-wrapper .customer-service[data-v-1032edcc] {
      background: #006AFF;
}

.agreement-h5[data-v-16716ee0] {
  background: #f7f7f7;
  padding: .2rem;
}
.protocol-content[data-v-16716ee0] {
  padding: .2rem .2rem .2rem;
  border: 0 !important;
  background: white;
  /*width: 90%;*/
  /*.el-checkbox {
    margin: 34px 0 23px;

    .el-checkbox__inner {
      width: 16px;
      height: 16px;

      &:after {
        left: 4px;
      }
    }

    .el-checkbox__label {
      color: #5d6268;

      span {
        color: rgba(1, 149, 255, 0.8);
      }
    }
  }

  .el-button {
    width: 100px;
    height: 36px;
    font-size: 16px;
    color: #fff;
    background: #7a7c80;
    border: 0;
    border-radius: 4px;
  }

  .el-button.is-disabled, .el-button.is-disabled:focus, .el-button.is-disabled:hover {
    background: #f8f8f8;
    border-color: #e6e6e6;
    color: #ccc;
  }*/
}
.protocol-content h2[data-v-16716ee0] {
    padding-bottom: .1rem;
    padding-top: .2rem;
    text-align: center;
    font-size: .4rem;
    color: #4b5057;
}
.protocol-content h4[data-v-16716ee0] {
    margin-top: .4rem;
    margin-bottom: .2rem;
    padding-left: .2rem;
    font-size: .3rem;
    color: #4b5057;
}
.protocol-content ul[data-v-16716ee0] {
    font-size: .2rem;
    padding-bottom: .2rem;
    border-bottom: 1px solid #d8dee5;
}
.protocol-content p[data-v-16716ee0] {
    line-height: 2;
    padding-left: .2rem;
    text-indent: 2em;
    color: #7a7c80;
    font-size: .25rem;
}
.protocol-content .protocol-box[data-v-16716ee0] {
    width: 90%;
    margin: .1rem auto;
    padding: .1rem 0;
    background: #f2f4f6;
}
.protocol-content .protocol-box p[data-v-16716ee0] {
      padding-left: 0;
}
.protocol-content .protocol-box .pad-l[data-v-16716ee0] {
      padding-left: 0.2rem;
      text-indent: 1em;
}
.protocol-content .protocol-box .mar-t[data-v-16716ee0] {
      margin-top: 0.1rem;
}
.protocol-content .agreement-box p[data-v-16716ee0] {
    padding-left: .2rem;
    padding-right: .1rem;
    text-indent: 1em;
}
.protocol-content .agreement-box .agree-l[data-v-16716ee0] {
    padding-left: 1rem;
}
.protocol-content .protocol-footer[data-v-16716ee0] {
    padding-top: 0.3rem;
    text-align: center;
}
.protocol-content .protocol-footer p[data-v-16716ee0] {
      text-align: left;
      color: #4b5057;
}
.agree-content ul[data-v-16716ee0] {
  border-bottom: 0;
}

.bg-cur[data-v-466e229c] {
  display: block;
}
.p-cls[data-v-466e229c] {
  padding: 1px .3rem;
  position: relative;
}
.p-title[data-v-466e229c] {
  font-size: .36rem;
  text-align: center;
  color: #333;
  font-weight: bold;
}
.ph[data-v-466e229c] {
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: cover;
  height: 6.6rem;
}
.ph .p-title-s[data-v-466e229c] {
    color: #fff;
    margin-top: .6rem;
    font-size: .32rem;
    text-align: center;
}
.ph .p-title[data-v-466e229c] {
    font-weight: bold;
    color: #fff;
    font-size: .44rem;
    text-align: center;
}
.ph .p-desc[data-v-466e229c] {
    color: #fff;
    opacity: .5;
    width: 5.4rem;
    font-size: .28rem;
    text-align: center;
    margin: .1rem auto 0;
}
.ph .bg-cur[data-v-466e229c] {
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
}
.p1[data-v-466e229c] {
  padding-left: 0;
  padding-right: 0;
}
.p1 .p-title[data-v-466e229c] {
    margin-top: .8rem;
}
.p1 ul[data-v-466e229c] {
    margin-top: .33rem;
}
.p1 ul li[data-v-466e229c] {
      text-align: center;
      margin-bottom: 1.4rem;
      white-space: nowrap;
}
.p1 ul li:nth-child(2) .desc[data-v-466e229c] {
        margin-left: 0;
        margin-right: .3rem;
}
.p1 ul li[data-v-466e229c]:last-child {
        margin-bottom: .6rem;
}
.p1 ul img[data-v-466e229c] {
      display: block;
}
.p1 ul .desc[data-v-466e229c] {
      white-space: normal;
      vertical-align: middle;
      display: inline-block;
      background: #fcfcfc;
      border: 1px dashed #d3d3d3;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: 4rem;
      position: relative;
      font-size: .26rem;
      text-align: center;
      border-radius: .06rem;
      padding: .5rem .3rem .38rem;
      margin-left: .3rem;
}
.p1 ul .desc img[data-v-466e229c] {
        width: .98rem;
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
}
.p1 ul .img-wrap[data-v-466e229c] {
      vertical-align: middle;
      display: inline-block;
      position: relative;
      background: #fff;
      width: 2.62rem;
      height: 4.64rem;
      -o-object-fit: contain;
         object-fit: contain;
}
.p1 .line[data-v-466e229c] {
    position: absolute;
}
.p1 .line-1[data-v-466e229c] {
    height: 2.1rem;
    border-right: 1px dashed #d3d3d3;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
}
.p1 .line-2[data-v-466e229c] {
    width: 3rem;
    border-bottom: 1px dashed #d3d3d3;
    bottom: -2.1rem;
    left: 50%;
    -webkit-transform: translate(-100%, 100%);
            transform: translate(-100%, 100%);
}
.p1 .line-3[data-v-466e229c] {
    height: 2.1rem;
    border-right: 1px dashed #d3d3d3;
    bottom: -2.1rem;
    left: 50%;
    -webkit-transform: translate(-3rem, 100%);
            transform: translate(-3rem, 100%);
}
.p1 .line-4[data-v-466e229c] {
    height: 2.1rem;
    border-right: 1px dashed #d3d3d3;
    bottom: 0;
    right: 50%;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
}
.p1 .line-5[data-v-466e229c] {
    width: 3rem;
    border-bottom: 1px dashed #d3d3d3;
    bottom: -2.1rem;
    right: 50%;
    -webkit-transform: translate(100%, 100%);
            transform: translate(100%, 100%);
}
.p1 .line-6[data-v-466e229c] {
    height: 3.2rem;
    border-right: 1px dashed #d3d3d3;
    bottom: -2.1rem;
    right: 50%;
    -webkit-transform: translate(3rem, 100%);
            transform: translate(3rem, 100%);
}
.p2[data-v-466e229c] {
  background: #fcfbff;
  padding-left: 0;
  padding-right: 0;
}
.p2 .p-title[data-v-466e229c] {
    margin-top: .6rem;
    position: relative;
    z-index: 1;
}
.p2 .list-wrap[data-v-466e229c] {
    margin-top: .6rem;
    padding: 0 .3rem;
}
.p2 .list-wrap .item[data-v-466e229c] {
      height: 1.6rem;
      -webkit-box-shadow: 0 0 0.2rem 0px rgba(21, 21, 34, 0.08);
              box-shadow: 0 0 0.2rem 0px rgba(21, 21, 34, 0.08);
      border-radius: .16rem;
      padding: 0 .2rem 0 1.3rem;
      position: relative;
      overflow: hidden;
      margin-bottom: .3rem;
}
.p2 .list-wrap .item:nth-child(2) img[data-v-466e229c] {
        width: .65rem;
}
.p2 .list-wrap .m[data-v-466e229c] {
      font-size: .32rem;
      margin-top: .24rem;
      font-weight: bold;
      color: #333;
}
.p2 .list-wrap .s[data-v-466e229c] {
      margin-top: .1rem;
      font-size: .24rem;
      color: #999;
}
.p2 .list-wrap img[data-v-466e229c] {
      position: absolute;
      top: 50%;
      left: .27rem;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      width: .62rem;
}
.p3[data-v-466e229c] {
  padding-bottom: .8rem;
  padding-left: 0;
  padding-right: 0;
}
.p3 .p-title[data-v-466e229c] {
    margin-top: .76rem;
}
.p3 .p-carousel[data-v-466e229c] {
    text-align: center;
    width: 6rem;
    margin: .72rem auto 0;
    overflow: visible;
}
.p3 .p-carousel img[data-v-466e229c] {
      display: block;
      width: 100%;
      height: 100%;
}
.p3 .p-carousel .m[data-v-466e229c] {
      position: absolute;
      z-index: 1;
      bottom: 0;
      left: 0;
      right: 0;
      color: #fff;
      font-size: .32rem;
      line-height: 2.5em;
      background: -webkit-gradient(linear, left bottom, left top, from(black), to(rgba(0, 0, 0, 0)));
      background: linear-gradient(360deg, black, rgba(0, 0, 0, 0));
      margin: 0 auto;
}
.p3 .p-carousel .img-wrap[data-v-466e229c] {
      border-radius: .06rem;
      overflow: hidden;
      position: relative;
      display: block;
}
.p3 .p-carousel[data-v-466e229c] .mint-swipe-indicators {
      bottom: -.4rem;
}
.p3 .p-carousel[data-v-466e229c] .mint-swipe-indicator {
      opacity: 1;
      background: #e6e6e6;
}
.p3 .p-carousel[data-v-466e229c] .mint-swipe-indicator.is-active {
      background: #8E97E9;
}
.p3 .carousel-wrap[data-v-466e229c] {
    position: relative;
}
.p3 .carousel-wrap .arr[data-v-466e229c] {
      position: absolute;
      top: 1.4rem;
      width: .8rem;
      height: .8rem;
      color: #7e819b;
}
.p3 .carousel-wrap .arr i[data-v-466e229c] {
        font-size: .32rem;
        font-weight: bold;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
}
.p3 .carousel-wrap .arr-left[data-v-466e229c] {
      left: 0;
}
.p3 .carousel-wrap .arr-right[data-v-466e229c] {
      right: 0;
}
.flexbox[data-v-466e229c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flexbox-center[data-v-466e229c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.slide-wrap[data-v-466e229c] {
  position: relative;
  margin: .8rem 0;
}
.slide-wrap .slide-inner[data-v-466e229c] {
    position: relative;
    overflow: hidden;
    height: 6.8rem;
    margin-bottom: .3rem;
}
.slide-wrap .slide-inner .slide-block[data-v-466e229c] {
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: -1.83rem;
      width: 3.6rem;
      height: 6.8rem;
      z-index: 1;
      background-size: cover;
}
.slide-wrap .slide-inner .slide-item-list[data-v-466e229c] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: relative;
      height: 5.7rem;
      top: .40rem;
      margin-left: 2rem;
}
.slide-wrap .slide-inner .slide-item-list .roll-inner[data-v-466e229c] {
        left: 0;
        position: relative;
        -webkit-transition: all 600ms ease-in-out;
        transition: all 600ms ease-in-out;
}
.slide-wrap .slide-inner .slide-item[data-v-466e229c] {
      position: relative;
      width: 3.2rem;
      height: 5.7rem;
      border-radius: 4px;
      overflow: hidden;
      z-index: 2;
      margin: 0 .2rem;
      -webkit-transition: all .3s;
      transition: all .3s;
}
.slide-wrap .slide-inner .slide-item[data-v-466e229c]:not(.active) {
        opacity: .3;
}
.slide-wrap .slide-inner .slide-item.active[data-v-466e229c] {
        opacity: 1;
}
.slide-wrap .slide-inner .slide-item img[data-v-466e229c] {
        width: 100%;
        height: 100%;
        -webkit-transition: all 1000ms;
        transition: all 1000ms;
}
.slide-wrap .el-carousel__indicators--outside button[data-v-466e229c] {
    width: 20px;
}
.slide-wrap .el-carousel__indicator.is-active button[data-v-466e229c] {
    background: #3595ff;
}

.m-intro .p-title[data-v-63740890] {
  font-size: .42rem;
  text-align: center;
  color: #333;
  margin: 1.03rem 0 .62rem;
  font-weight: bold;
}
.m-intro .p-cls[data-v-63740890] {
  overflow: hidden;
}
.m-intro .p1 .p1-list[data-v-63740890] {
  overflow: hidden;
  padding: 0 .2rem;
}
.m-intro .p1 .p1-list .item[data-v-63740890] {
    width: 50%;
    text-align: center;
    float: left;
    margin-bottom: 1rem;
    font-weight: bold;
}
.m-intro .p1 .m[data-v-63740890] {
  color: #333;
  font-size: .42rem;
}
.m-intro .p1 .s[data-v-63740890] {
  font-size: .24rem;
  margin-top: .1rem;
  color: #666;
}
.m-intro .p2[data-v-63740890] {
  background: #f9fbff;
  padding-bottom: 1.2rem;
}
.m-intro .p2 .p-title[data-v-63740890] {
    margin-bottom: 0;
}
.m-intro .p2 .cases-wrapper[data-v-63740890] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    background: #fff;
    -webkit-box-shadow: 0 0 0.3rem 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 0.3rem 0 rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    margin: 1rem .36rem 0 .36rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.m-intro .p2 .cases-wrapper .case-border-right[data-v-63740890] {
      border-right: solid 1px #EBEBEB;
}
.m-intro .p2 .cases-wrapper .case-border-bottom[data-v-63740890] {
      border-bottom: solid 1px #EBEBEB;
}
.m-intro .p2 .cases-wrapper .case-item[data-v-63740890] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      width: 50%;
      padding-bottom: 0;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 3.2rem;
      height: 3.2rem;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
}
.m-intro .p2 .cases-wrapper .case-item .case-img[data-v-63740890] {
        width: 1rem;
        width: 1rem;
}
.m-intro .p2 .cases-wrapper .case-item .case-title[data-v-63740890] {
        margin-top: 0.2rem;
        font-size: 0.24rem;
        color: #333;
}
.m-intro .p2.applet[data-v-63740890] {
    background: #fff;
}
.m-intro .p2.applet img[data-v-63740890] {
      margin-top: .2rem;
}
.m-intro .p3[data-v-63740890] {
  background: #359bfd url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/global/intro/s4_bg.jpg") center center;
  background-size: auto 100%;
  text-align: center;
  padding: .7rem 0;
}
.m-intro .p3 h4[data-v-63740890] {
    color: #fff;
    font-size: .32rem;
}
.m-intro .p3 .btn-group[data-v-63740890] {
    margin-top: .38rem;
}
.m-intro .p3 .btn-group a[data-v-63740890] {
      display: inline-block;
      background: #fff;
      border-radius: 4px;
      width: 2.8rem;
      color: #359bfd;
      height: .72rem;
      line-height: .72rem;
      text-align: center;
}

.m-footer[data-v-78498ccc] {
  background: #2f313e;
  color: #fff;
  padding-bottom: 1rem;
}
.spokesman[data-v-78498ccc] {
  position: relative;
  background: #F9FBFF;
  padding-bottom: 1rem;
}
.spokesman .swiper[data-v-78498ccc] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0.22rem;
    font-weight: 400;
    padding-bottom: 0.2rem;
}
.spokesman .swiper .avatar[data-v-78498ccc] {
      position: absolute;
      left: 0.2rem;
      top: 0;
      widows: 1.8rem;
      height: 2.4rem;
      z-index: 1;
}
.spokesman .swiper .swiper-item .content-wrapper[data-v-78498ccc] {
      position: relative;
      margin: 0.4rem 0.2rem 0.5rem 0.9rem;
      padding: 0.4rem 0.36rem 0.5rem 1.4rem;
      -webkit-box-shadow: 0px 0px 10px rgba(32, 33, 39, 0.08);
              box-shadow: 0px 0px 10px rgba(32, 33, 39, 0.08);
      background: #fff;
}
.spokesman .swiper .swiper-item .content-wrapper .tag[data-v-78498ccc] {
        margin-left: 0.2rem;
        color: #999;
}
.spokesman .swiper .swiper-item .content-wrapper .name[data-v-78498ccc] {
        color: #333;
}
.spokesman .swiper .swiper-item .content-wrapper .brief[data-v-78498ccc] {
        margin-top: 0.2rem;
        color: #666;
        line-height: 1.8;
}
.spokesman .swiper .swiper-item .content-wrapper .icon[data-v-78498ccc] {
        width: 0.72rem;
        height: 0.46rem;
        position: absolute;
        right: 0.38rem;
        bottom: 0.32rem;
}

.desc[data-v-0ab1b1d2] {
  overflow: hidden;
  padding-top: .5rem;
  font-size: .23rem;
  text-align: center;
  padding-bottom: .5rem;
  background: #2f313e;
  color: #fff;
}
.desc p[data-v-0ab1b1d2] {
    color: rgba(255, 255, 255, 0.6);
    margin: 0 0 .2rem;
}
.desc img[data-v-0ab1b1d2] {
    zoom: .5;
    margin: 0 5px;
}

.list-wrap[data-v-5a86ae1a] {
  background: #2f313e;
  color: #fff;
  position: relative;
}
.list-wrap[data-v-5a86ae1a]:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #474C53;
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
    bottom: 0;
    left: 0;
}
.list-wrap dt[data-v-5a86ae1a] {
    line-height: .96rem;
    padding: 0 .3rem;
    position: relative;
    position: relative;
    position: relative;
}
.list-wrap dt[data-v-5a86ae1a]:after {
      content: "";
      position: absolute;
      display: block;
      width: 100%;
      height: 1px;
      border-top: 1px solid #474C53;
      -webkit-transform-origin: 0 0;
              transform-origin: 0 0;
      -webkit-transform: scaleY(0.5);
              transform: scaleY(0.5);
      top: 0;
      left: 0;
}
.list-wrap dt[data-v-5a86ae1a]:before {
      content: "";
      position: absolute;
      display: block;
      width: 100%;
      height: 1px;
      border-bottom: 1px solid #474C53;
      -webkit-transform-origin: 0 100%;
              transform-origin: 0 100%;
      -webkit-transform: scaleY(0.5);
              transform: scaleY(0.5);
      bottom: 0;
      left: 0;
}
.list-wrap dt i[data-v-5a86ae1a] {
      position: absolute;
      right: .3rem;
      top: 50%;
      margin-top: -.15rem;
}
.list-wrap dt.active i[data-v-5a86ae1a] {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
}
.list-wrap dt.active + dd[data-v-5a86ae1a] {
      display: block;
}
.list-wrap dd[data-v-5a86ae1a] {
    padding: .1rem .3rem;
    display: none;
}
.list-wrap .t[data-v-5a86ae1a] {
    margin: .2rem 0;
}
.list-wrap .s[data-v-5a86ae1a] {
    color: rgba(255, 255, 255, 0.6);
    font-size: .23rem;
    margin: .2rem 0;
    line-height: 1.6em;
}
.list-wrap a[data-v-5a86ae1a] {
    display: block;
    color: rgba(255, 255, 255, 0.6);
    font-size: .24rem;
    margin: .32rem 0;
}
.mint-swipe,.mint-swipe-items-wrap{overflow:hidden;position:relative;height:100%}.mint-swipe-items-wrap{-webkit-transform:translateZ(0);transform:translateZ(0)}.mint-swipe-items-wrap>div{position:absolute;-webkit-transform:translateX(-100%);transform:translateX(-100%);width:100%;height:100%;display:none}.mint-swipe-items-wrap>div.is-active{display:block;-webkit-transform:none;transform:none}.mint-swipe-indicators{position:absolute;bottom:10px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.mint-swipe-indicator{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2;margin:0 3px}.mint-swipe-indicator.is-active{background:#fff}
.a-content-box {
  margin: .48rem 0;
  color: #333333;
}
.a-content-box .spacer {
    background-color: #f7f7f7;
    height: .16rem;
    width: 100%;
}
.a-content-box .a-title {
    font-size: .4rem;
    font-weight: bold;
    margin-left: .28rem;
    margin-right: .58rem;
}
.a-content-box .art-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    white-space: pre-line;
    color: #51557b;
    font-size: .24rem;
    line-height: .3rem;
    margin: .28rem .28rem 0;
}
.a-content-box .art-nav a {
      color: #51557b;
}
.a-content-box .art-nav a:hover {
        color: #0085ff;
}
.a-content-box .art-nav .nav-tag {
      white-space: pre-wrap;
}
.a-content-box .art-nav .nav-last {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      -ms-flex-negative: 2000;
          flex-shrink: 2000;
}
.a-content-box .art-nav .a-info {
      color: #999999;
}
.a-content-box .a-intro {
    background-color: #f8f8f8;
    border-radius: 2px;
    padding: .3rem .2rem .3rem .28rem;
    font-size: .28rem;
    line-height: .44rem;
    margin: .4rem .28rem 0;
}
.a-content-box .html {
    font-size: .28rem;
    position: relative;
    margin: 0 .28rem;
}
.a-content-box .html .html-content-box {
      overflow: hidden;
}
.a-content-box .html .more-bg {
      text-align: center;
}
.a-content-box .html .show-all {
      max-height: none;
      height: auto !important;
}
.a-content-box .html .more-mask {
      width: 100%;
      height: .4rem;
      padding-top: 1.6rem;
      position: absolute;
      bottom: 0;
      left: .06rem;
      right: .06rem;
      text-align: center;
      background: -webkit-gradient(linear, left bottom, left top, from(white), to(rgba(255, 255, 255, 0)));
      background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 100%);
}
.a-content-box .html .icon {
      border: solid #0095ff;
      border-width: 0 1px 1px 0;
      display: inline-block;
      padding: .06rem;
      display: inline-block;
      margin-bottom: 2px;
}
.a-content-box .html .down {
      transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
}
.a-content-box .html .up {
      transform: rotate(-135deg);
      -webkit-transform: rotate(-135deg);
}
.a-content-box .html .more-btn-text {
      padding-left: .01rem;
      font-size: .28rem;
      color: #0095ff;
}
.a-content-box .html h2 {
      font-size: .56rem;
      color: #333;
      font-weight: bold;
}
.a-content-box .html h3 {
      font-size: .32rem;
      color: #333;
      font-weight: bold;
      margin: .3rem 0;
}
.a-content-box .html ol {
      margin: .3rem 0 .3rem .2rem;
}
.a-content-box .html ol li {
        font-size: .28rem;
        color: #595959;
        line-height: .52rem;
        list-style-type: inherit;
}
.a-content-box .html p {
      font-size: .28rem;
      color: #595959;
      line-height: .52rem;
      margin: .3rem 0;
}
.a-content-box .html a {
      color: #4073ff;
}
.a-content-box .html img {
      display: block;
      margin: 0 auto;
}
.a-content-box .tags,
  .a-content-box .keyword {
    margin: 0 .28rem;
}
.a-content-box .tags a,
    .a-content-box .keyword a {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      height: .56rem;
      line-height: .56rem;
      padding: 0 .3rem;
      color: #333333;
      background: #f7f7f7;
      font-size: .24rem;
      margin: .2rem .2rem 0 0;
      border-radius: .28rem;
}
.a-content-box .tags a:hover,
      .a-content-box .keyword a:hover {
        color: #0095ff;
}
.a-content-box .tags {
    padding: 0 0 .4rem;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: .6rem;
}
.a-content-box .about-it {
    margin: 0 .28rem .5rem;
    color: #999;
    font-size: .24rem;
    padding: .2rem .3rem;
    line-height: .42rem;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
}
.a-content-box .about-it span {
      color: #333333;
}
.a-content-box .keyword {
    padding: .4rem .28rem .4rem 0;
}
.a-content-box .keyword .words-con {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.a-content-box .news-container {
    margin: 0 .28rem;
    padding: .44rem 0 .28rem;
}
.a-content-box .news-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: .3rem;
    position: relative;
}
.a-content-box .news-item:nth-of-type(n + 2) {
      padding: .3rem 0;
      border-top: 1px solid #f0f0f0;
}
.a-content-box .news-item img {
      width: 2.4rem;
      height: 1.36rem;
}
.a-content-box .news-item .news-title {
      margin-left: .2rem;
      font-size: .32rem;
      line-height: .42rem;
}
.a-content-box .news-item .link {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}
.a-content-box .plan-con {
    margin: 0 .28rem;
    padding: .44rem 0 .28rem;
}
.a-content-box .title {
    font-size: .36rem;
    color: #333;
    font-weight: bold;
    margin-bottom: .28rem;
}
.a-content-box .page-wall a {
    border: 1px solid #f0f0f0;
    position: relative;
    padding-left: 1.32rem;
    display: block;
    height: 1.6rem;
    margin: .32rem 0;
    overflow: hidden;
    border-radius: 4px;
}
.a-content-box .page-wall a img {
      display: block;
      width: .48rem;
      height: .48rem;
      position: absolute;
      top: 50%;
      left: .46rem;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
}
.a-content-box .page-wall a .m {
      color: #333;
      font-size: .32rem;
      margin-top: .44rem;
      line-height: 1em;
}
.a-content-box .page-wall a .s {
      color: #999;
      font-size: .28rem;
      line-height: 1em;
      margin-top: .2rem;
}
.a-content-box .page-wall a:hover {
      background: #f7f7f7;
}

.page .spokesman[data-v-2395e784] {
  width: 100%;
  height: 5.7rem;
  background: #262420;
  position: relative;
}
.page .spokesman .swiper[data-v-2395e784] {
    width: 7.5rem;
}
.page .spokesman .swiper .swiper-item[data-v-2395e784] {
      height: 5.7rem;
}
.page .spokesman .swiper .swiper-item .content-wrapper .icon[data-v-2395e784] {
        width: 0.42rem;
        height: 0.27rem;
        margin-left: 0.5rem;
        margin-top: 0.8rem;
}
.page .spokesman .swiper .swiper-item .content-wrapper .brief[data-v-2395e784] {
        width: 3.4rem;
        font-size: 0.24rem;
        color: white;
        line-height: 0.48rem;
        margin-left: 0.5rem;
        margin-top: 0.25rem;
}
.page .spokesman .swiper .swiper-item .content-wrapper .name[data-v-2395e784] {
        font-size: 0.28rem;
        font-weight: 600;
        color: white;
        line-height: 1.2rem;
        margin-left: 0.3rem;
}
.page .spokesman .swiper .swiper-item .content-wrapper .tag[data-v-2395e784] {
        font-size: 0.24rem;
        color: white;
        line-height: 0.3rem;
        opacity: 0.5;
}
.page .spokesman .swiper .swiper-item .avatar[data-v-2395e784] {
        position: absolute;
        width: 4rem;
        height: 5.6rem;
        right: 0.05rem;
        top: 0.05rem;
        z-index: -1;
}
.page .cases[data-v-2395e784] {
  margin-left: 0.4rem;
  margin-top: 0.5rem;
}
.page .cases .item[data-v-2395e784] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 6.7rem;
    height: 3.3rem;
    border: 1px solid #ebebeb;
    margin-bottom: 0.5rem;
}
.page .cases .item .info[data-v-2395e784] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
}
.page .cases .item .info .logo-img[data-v-2395e784] {
        width: 1.13rem;
        height: 0.92rem;
        padding: 0.3rem;
}
.page .cases .item .info .msg[data-v-2395e784] {
        width: 4.6rem;
        height: 3rem;
        margin: 0.15rem 0.2rem 0.15rem 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -ms-flex-pack: distribute;
            justify-content: space-around;
}
.page .cases .item .info .msg .name[data-v-2395e784] {
          font-size: 0.26rem;
          font-weight: 800;
          color: #333333;
          line-height: 0.4rem;
}
.page .cases .item .info .msg .brief[data-v-2395e784] {
          font-size: 0.24rem;
          color: #666666;
          line-height: 0.34rem;
}
.page .cases .item .info .msg .show-store[data-v-2395e784] {
          width: 2rem;
          height: 0.48rem;
          border: 1px solid #5793f1;
          border-radius: 0.1rem;
}
.page .cases .item .info .msg .show-store .show-code[data-v-2395e784] {
            font-size: 0.22rem;
            color: #5793f1;
            line-height: 0.48rem;
            margin-left: 0.5rem;
}
.page .cases .item .qrcode[data-v-2395e784] {
      position: relative;
      width: 100%;
      height: 100%;
      display: none;
}
.page .cases .item .qrcode .scan-img[data-v-2395e784] {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
}
.page .cases .item .qrcode .qrcode-box[data-v-2395e784] {
        position: relative;
        width: 1.8rem;
        height: 1.8rem;
        margin: 0.3rem auto 0;
}
.page .cases .item .qrcode .small-logo[data-v-2395e784] {
        position: absolute;
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 0.4rem;
        height: 0.4rem;
        background: #fff;
}
.page .cases .item .qrcode .scan-code[data-v-2395e784] {
        font-size: 0.26rem;
        color: #999999;
        line-height: 0.7rem;
        text-align: center;
}
.page .cases .item .qrcode .case-analyse[data-v-2395e784] {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 2.9rem;
        height: 0.5rem;
        background: #f2f7ff;
        border-radius: 0.3rem 0 0 0;
}
.page .cases .item .qrcode .case-analyse a[data-v-2395e784] {
          font-size: 0.22rem;
          color: #5793f1;
          line-height: 0.54rem;
          margin-left: 0.5rem;
}
.page .cases .item--active .info[data-v-2395e784] {
    display: none;
}
.page .cases .item--active .qrcode[data-v-2395e784] {
    display: block;
}

*[data-v-2e72dc46] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.flexbox[data-v-2e72dc46] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.middle-wrap[data-v-2e72dc46] {
  /* min-width: 1024px;
  width: 1200px; */
  margin: auto;
}
.hide[data-v-2e72dc46] {
  display: none;
}
section[data-v-2e72dc46] {
  background: #fff;
}
section h2[data-v-2e72dc46] {
    margin: 0 0.68rem;
    font-size: 0.5rem;
    text-align: center;
    font-weight: 500;
    line-height: 0.7rem;
}
section.s1[data-v-2e72dc46] {
    position: relative;
    height: 4.7rem;
    /* background: url($path1 + 'top.png'); */
    background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/community-mobile/1-bg@2x.png");
    background-size: cover;
    background-position: center 100%;
    background-color: #fff;
}
section.s1 .intro[data-v-2e72dc46] {
      color: #fff;
      text-align: center;
      padding-top: 0.58rem;
}
section.s1 .intro h2[data-v-2e72dc46] {
        margin: 0 0.6rem;
        font-size: 0.6rem;
        font-weight: 500;
        line-height: 0.7rem;
}
section.s1 .intro p[data-v-2e72dc46] {
        color: #a7fff3;
        font-size: 0.28rem;
        margin-top: 0.1rem;
}
section.s1 .intro .reg-btn[data-v-2e72dc46] {
        display: inline-block;
        color: #3fdeac;
        font-size: 0.26rem;
        background: #fff;
        width: 2rem;
        height: 0.6rem;
        line-height: 0.6rem;
        border-radius: 0.4rem;
        margin-top: 0.4rem;
        -webkit-transition: all 400ms;
        transition: all 400ms;
}
section.s1 .intro .reg-btn[data-v-2e72dc46]:hover {
          -webkit-transform: scale(1.2);
                  transform: scale(1.2);
}
section.s1 .center-wrap[data-v-2e72dc46] {
      /* background: url($path1+'phone-bg.png') no-repeat; */
      margin: 0 auto;
      width: 5.17rem;
      height: 6.92rem;
      background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/community-mobile/1-image@2x.png");
      background-size: cover;
}
section.s2[data-v-2e72dc46] {
    margin-top: 6.54rem;
}
section.s2 h2[data-v-2e72dc46] {
      color: #3a4341;
      margin-bottom: 0.52rem;
}
section.s2 .slide-wrap[data-v-2e72dc46] {
      position: relative;
      padding-bottom: 0.88rem;
}
section.s2 .slide-wrap .pic-list .pic-item[data-v-2e72dc46] {
        width: 100%;
        text-align: center;
}
section.s2 .slide-wrap .pic-list .pic-item img[data-v-2e72dc46] {
          display: block;
          margin: 0 auto 0.31rem;
          width: 3.48rem;
          height: 5.33rem;
}
section.s2 .slide-wrap .pic-list .pic-item h3[data-v-2e72dc46] {
          margin-bottom: 0.15rem;
          font-size: 0.36rem;
          font-weight: 500;
          color: #3a4341;
          line-height: 0.5rem;
}
section.s2 .slide-wrap .pic-list .pic-item p[data-v-2e72dc46] {
          margin-bottom: 0.88rem;
          font-size: 0.26rem;
          color: #afb5b3;
          line-height: 0.36rem;
}
section.s3[data-v-2e72dc46] {
    color: #3a4341;
}
section.s3 h2[data-v-2e72dc46] {
      margin: 0 0.34rem 0.6rem;
}
section.s3 .center[data-v-2e72dc46] {
      padding: 0 0.75rem;
}
section.s3 .center .intro-items .item[data-v-2e72dc46] {
        margin-bottom: 0.5rem;
}
section.s3 .center .intro-items .item h3[data-v-2e72dc46] {
          font-size: 0.36rem;
          font-weight: 500;
          color: #3a4341;
          line-height: 0.5rem;
}
section.s3 .center .intro-items .item p[data-v-2e72dc46] {
          font-size: 0.26rem;
          color: #afb5b3;
          line-height: 0.37rem;
}
section.s3 .center .right-banner img[data-v-2e72dc46] {
        margin-bottom: 0.55rem;
        width: 100%;
}
section.s4[data-v-2e72dc46] {
    padding: 0.85rem 0 0.75rem;
    background: #f7fbfa;
}
section.s4 h2[data-v-2e72dc46] {
      color: #333;
      margin: 0 0.45rem 0.5rem;
      line-height: 0.7rem;
}
section.s4 .h-items .t[data-v-2e72dc46] {
      padding: 0 0.4rem 0.5rem 0.75rem;
}
section.s4 .h-items .t .content h3[data-v-2e72dc46] {
        font-size: 0.36rem;
        font-weight: 500;
        color: #3a4341;
        line-height: 0.5rem;
}
section.s4 .h-items .t .content p[data-v-2e72dc46] {
        font-size: 0.26rem;
        color: #afb5b3;
        line-height: 0.37rem;
}
section.s4 .reg-btn[data-v-2e72dc46] {
      display: block;
      margin: 0 auto;
      color: #fff;
      font-size: 0.26rem;
      text-align: center;
      width: 2rem;
      height: 0.6rem;
      background: #20da9f;
      border-radius: 0.4rem;
      line-height: 0.6rem;
      border-radius: 0.4rem;
}
section.s5[data-v-2e72dc46] {
    padding: 1rem 0;
}
section.s5 h2[data-v-2e72dc46] {
      margin: 0 0.45rem 0.5rem;
}
section.s5 .card-list[data-v-2e72dc46] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
section.s5 .card-list .item[data-v-2e72dc46] {
        width: 33.33%;
        height: 2.1rem;
        border: 1px solid #F3F3F3;
        margin-top: -1px;
        background: #fff;
}
section.s5 .card-list .item[data-v-2e72dc46]:nth-child(3n - 3), section.s5 .card-list .item[data-v-2e72dc46]:nth-child(3n - 2), section.s5 .card-list .item[data-v-2e72dc46]:nth-child(3n - 1) {
          margin-right: -1px;
}
section.s5 .card-list .item[data-v-2e72dc46]:nth-child(1), section.s5 .card-list .item[data-v-2e72dc46]:nth-child(2), section.s5 .card-list .item[data-v-2e72dc46]:nth-child(3) {
          margin-top: 0;
}
section.s5 .card-list .item img[data-v-2e72dc46] {
          width: 1rem;
          height: 1rem;
          margin: 0.20rem auto 0.1rem;
          display: block;
          /* box-shadow:0rem 0rem 0.1rem 0.01rem rgba(226,226,226,0.26); */
          border-radius: 50%;
}
section.s5 .card-list .item .m[data-v-2e72dc46] {
          text-align: center;
          font-size: 0.3rem;
          color: #3a4341;
          line-height: 0.42rem;
}
section.s6 h2[data-v-2e72dc46] {
    margin-bottom: 0.5rem;
    color: #02190A;
}
section.s6 .s-items[data-v-2e72dc46] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0 0.3rem;
}
section.s6 .s-items .t[data-v-2e72dc46] {
      width: 3.2rem;
      height: 2.43rem;
      margin-bottom: 0.5rem;
      border-radius: 0.08rem;
      text-align: center;
      padding: 0.7rem 0 0;
      background: no-repeat center;
      background-size: cover;
}
section.s6 .s-items .t[data-v-2e72dc46]:nth-child(odd) {
        margin-right: 0.5rem;
}
section.s6 .s-items .t .icon[data-v-2e72dc46] {
        width: 0.52rem;
}
section.s6 .s-items .t p[data-v-2e72dc46] {
        font-size: 0.36rem;
        font-weight: 500;
        color: white;
        line-height: 0.5rem;
}

.bg-cur[data-v-f30088c8] {
  display: block;
}
.p-cls[data-v-f30088c8] {
  padding: 1px .3rem;
  position: relative;
}
.p-title[data-v-f30088c8] {
  font-size: .44rem;
  color: #333;
  text-align: center;
  font-weight: bold;
}
.p-desc[data-v-f30088c8] {
  color: #ACB5BA;
  width: 5.4rem;
  font-size: .26rem;
  text-align: center;
  margin: .1rem auto 0;
  line-height: 1.7;
}
.ph[data-v-f30088c8] {
  background-color: #42cec9;
  background-size: cover;
}
.ph .p-title[data-v-f30088c8] {
    color: #fff;
    font-size: .5rem;
    margin-top: .72rem;
    text-align: center;
}
.ph .p-desc[data-v-f30088c8] {
    color: #D7FFFC;
    width: 5.4rem;
    font-size: .28rem;
    text-align: center;
    margin: .1rem auto 0;
}
.ph .img-1[data-v-f30088c8] {
    width: 6.3rem;
    height: 3.84rem;
    margin: 0.55rem auto .1rem;
    display: block;
}
.p1 .p-title[data-v-f30088c8] {
  margin-top: .67rem;
}
.p1 img[data-v-f30088c8] {
  display: block;
  zoom: .5;
  margin: .3rem auto 1rem;
  min-height: 3rem;
}

.m-education .bg-cur[data-v-2db3c3ec] {
  display: block;
}
.m-education .p-cls[data-v-2db3c3ec] {
  padding: .02rem .3rem;
  position: relative;
}
.m-education .p-title[data-v-2db3c3ec] {
  font-size: .5rem;
  font-weight: 500;
  color: #071940;
}
.m-education .ph[data-v-2db3c3ec] {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 6.8rem;
}
.m-education .ph .p-title[data-v-2db3c3ec] {
    color: #fff;
    margin-top: .6rem;
    font-size: .56rem;
    text-align: center;
}
.m-education .ph .p-brief[data-v-2db3c3ec] {
    color: #A8C8E0;
    margin-top: .1rem;
    font-size: .28rem;
    text-align: center;
}
.m-education .ph .btn-bar[data-v-2db3c3ec] {
    display: block;
    margin: .26rem auto 0;
    width: 2rem;
    height: .48rem;
    line-height: .48rem;
    border-radius: .24rem;
    background: #fff;
    font-size: .2rem;
    color: #65AAF5;
    text-align: center;
}
.m-education .m-p1[data-v-2db3c3ec] {
  padding: 1.1rem .44rem 1rem .44rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.m-education .m-p1 .title[data-v-2db3c3ec] {
    font-size: .5rem;
    font-weight: 500;
    color: #071940;
    text-align: center;
}
.m-education .m-p1 .content-box[data-v-2db3c3ec] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: .48rem;
}
.m-education .m-p1 .content-box .list[data-v-2db3c3ec] {
      background: #fff;
      -webkit-box-shadow: 0rem 0rem 0.4rem 0.04rem rgba(214, 225, 232, 0.5);
              box-shadow: 0rem 0rem 0.4rem 0.04rem rgba(214, 225, 232, 0.5);
      border-radius: .16rem;
      padding: .45rem .22rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
}
.m-education .m-p1 .content-box .list .left-one[data-v-2db3c3ec] {
        width: .48rem;
        height: .74rem;
        -ms-flex-negative: 0;
            flex-shrink: 0;
}
.m-education .m-p1 .content-box .list .left-two[data-v-2db3c3ec] {
        width: .66rem;
        height: .7rem;
        -ms-flex-negative: 0;
            flex-shrink: 0;
}
.m-education .m-p1 .content-box .list .left-three[data-v-2db3c3ec] {
        width: .62rem;
        height: .74rem;
        -ms-flex-negative: 0;
            flex-shrink: 0;
}
.m-education .m-p1 .content-box .list .left-four[data-v-2db3c3ec] {
        width: .66rem;
        height: .78rem;
        -ms-flex-negative: 0;
            flex-shrink: 0;
}
.m-education .m-p1 .content-box .list .right-box[data-v-2db3c3ec] {
        margin-left: .36rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
}
.m-education .m-p1 .content-box .list .right-box .title[data-v-2db3c3ec] {
          font-size: .36rem;
          color: #071940;
          font-weight: bold;
}
.m-education .m-p1 .content-box .list .right-box .brief[data-v-2db3c3ec] {
          font-size: .26rem;
          color: #B0AFB9;
          margin-top: .06rem;
}
.m-education .m-p1 .content-box .m-b-15[data-v-2db3c3ec] {
      margin-bottom: .3rem;
}
.m-education .m-p2[data-v-2db3c3ec] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.m-education .m-p2 .bg-img[data-v-2db3c3ec] {
    position: relative;
    width: 100%;
    height: .6rem;
}
.m-education .m-p2 .center-div[data-v-2db3c3ec] {
    background: #F6F9FF;
    padding: .4rem .5rem;
}
.m-education .m-p2 .center-div .title[data-v-2db3c3ec] {
      font-size: .5rem;
      font-weight: 500;
      color: #071940;
      text-align: center;
}
.m-education .m-p2 .center-div .center-box[data-v-2db3c3ec] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-top: .36rem;
}
.m-education .m-p2 .center-div .center-box .one[data-v-2db3c3ec] {
        width: 3.78rem;
        height: 4.72rem;
}
.m-education .m-p2 .center-div .center-box .two[data-v-2db3c3ec] {
        margin-top: .46rem;
}
.m-education .m-p2 .center-div .center-box .two .title[data-v-2db3c3ec] {
          font-size: .36rem;
          color: #071940;
          font-weight: bold;
          text-align: center;
}
.m-education .m-p2 .center-div .center-box .two .brief[data-v-2db3c3ec] {
          font-size: .26rem;
          color: #B0AFB9;
          text-align: center;
          margin-top: .1rem;
}
.m-education .m-p2 .center-div .center-box .three[data-v-2db3c3ec] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-top: .5rem;
}
.m-education .m-p2 .center-div .center-box .three .point[data-v-2db3c3ec] {
          width: .14rem;
          height: .14rem;
          border-radius: 50%;
          background: #A7BEF4;
          margin-right: .3rem;
}
.m-education .m-p3[data-v-2db3c3ec] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: .7rem 0 1.1rem 0;
}
.m-education .m-p3 .title[data-v-2db3c3ec] {
    font-size: .5rem;
    font-weight: 500;
    color: #071940;
    text-align: center;
    margin: 0.5rem .6rem 0 .6rem;
}
.m-education .m-p3 .center-box[data-v-2db3c3ec] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    margin-top: .6rem;
}
.m-education .m-p3 .center-box .item-box[data-v-2db3c3ec] {
      width: 2.6rem;
      height: 1.34rem;
      position: relative;
      background-size: 100% 100%;
      padding: .64rem .28rem .24rem .28rem;
}
.m-education .m-p3 .center-box .item-box .p-title[data-v-2db3c3ec] {
        font-size: .3rem;
        color: #071940;
        font-weight: 500;
}
.m-education .m-p3 .center-box .item-box .p-brief[data-v-2db3c3ec] {
        font-size: .2rem;
        color: #B0AFB9;
        margin-top: .1rem;
}
.m-education .m-p3 .center-box .item-box .icon-1-active[data-v-2db3c3ec] {
        background-image: url("/static/image/mobile/education/3/1-dot-2@2x.png");
}
.m-education .m-p3 .center-box .item-box .icon-2-active[data-v-2db3c3ec] {
        background-image: url("/static/image/mobile/education/3/2-dot-2@2x.png");
}
.m-education .m-p3 .center-box .item-box .icon-3-active[data-v-2db3c3ec] {
        background-image: url("/static/image/mobile/education/3/3-dot-2@2x.png");
}
.m-education .m-p3 .center-box .item-box .icon-4-active[data-v-2db3c3ec] {
        background-image: url("/static/image/mobile/education/3/4-dot-2@2x.png");
}
.m-education .m-p3 .center-box .teach-box[data-v-2db3c3ec] {
      background: white;
      -webkit-box-shadow: 0px 0px 0.4rem 0.04rem rgba(214, 225, 232, 0.5);
              box-shadow: 0px 0px 0.4rem 0.04rem rgba(214, 225, 232, 0.5);
      border-radius: .2rem;
      margin-left: .3rem;
}
.m-education .m-p3 .center-box .bg-1-active[data-v-2db3c3ec] {
      background-image: url("/static/image/mobile/education/3/1-2@2x.png");
}
.m-education .m-p3 .center-box .learn-box[data-v-2db3c3ec] {
      background: white;
      -webkit-box-shadow: 0px 0px 0.4rem 0.04rem rgba(214, 225, 232, 0.5);
              box-shadow: 0px 0px 0.4rem 0.04rem rgba(214, 225, 232, 0.5);
      border-radius: .2rem;
      margin-right: .3rem;
}
.m-education .m-p3 .center-box .bg-2-active[data-v-2db3c3ec] {
      background-image: url("/static/image/mobile/education/3/2-2@2x.png");
}
.m-education .m-p3 .center-box .practice-box[data-v-2db3c3ec] {
      background: white;
      -webkit-box-shadow: 0px 0px 0.4rem 0.04rem rgba(214, 225, 232, 0.5);
              box-shadow: 0px 0px 0.4rem 0.04rem rgba(214, 225, 232, 0.5);
      border-radius: .2rem;
      margin-top: .6rem;
      margin-left: .3rem;
      height: 1.7rem;
}
.m-education .m-p3 .center-box .bg-3-active[data-v-2db3c3ec] {
      background-image: url("/static/image/mobile/education/3/3-2@2x.png");
}
.m-education .m-p3 .center-box .test-box[data-v-2db3c3ec] {
      background: white;
      -webkit-box-shadow: 0px 0px 0.4rem 0.04rem rgba(214, 225, 232, 0.5);
              box-shadow: 0px 0px 0.4rem 0.04rem rgba(214, 225, 232, 0.5);
      border-radius: .2rem;
      margin-top: .6rem;
      margin-right: .3rem;
      height: 1.7rem;
}
.m-education .m-p3 .center-box .bg-4-active[data-v-2db3c3ec] {
      background-image: url("/static/image/mobile/education/3/4-2@2x.png");
}
.m-education .m-p3 .center-box .icon-box[data-v-2db3c3ec] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      position: absolute;
      right: .4rem;
      top: -.32rem;
      height: 1rem;
      width: .82rem;
      background-image: url("/static/image/mobile/education/3/dot-1@2x.png");
      background-size: 100%;
      z-index: 11;
}
.m-education .m-p3 .center-box .icon-box .text[data-v-2db3c3ec] {
        font-size: .34rem;
        color: #32C5D9;
        line-height: .34rem;
        margin-bottom: .08rem;
}
.m-education .m-p3 .center-box .icon-box .teach-text[data-v-2db3c3ec] {
        color: #32C5D9;
}
.m-education .m-p3 .center-box .icon-box .learn-text[data-v-2db3c3ec] {
        color: #3D78FF;
}
.m-education .m-p3 .center-box .icon-box .practice-text[data-v-2db3c3ec] {
        color: #3DB0FF;
}
.m-education .m-p3 .center-box .icon-box .test-text[data-v-2db3c3ec] {
        color: #6552EE;
}
.m-education .m-p3 .phone-box[data-v-2db3c3ec] {
    width: 6.08rem;
    height: 6.24rem;
    margin-top: .4rem;
}
.m-education .m-p3 .bottom-box[data-v-2db3c3ec] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: .3rem;
}
.m-education .m-p3 .bottom-box .point[data-v-2db3c3ec] {
      width: .08rem;
      height: .08rem;
      border-radius: 50%;
      background: #A7BEF4;
      margin-right: .14rem;
}
.m-education .m-p4[data-v-2db3c3ec] {
  background: #3D78FF;
  overflow: visible;
  margin-top: 0.6rem;
  padding-left: .44rem;
  padding-right: .44rem;
}
.m-education .m-p4 .p-title[data-v-2db3c3ec] {
    font-size: .5rem;
    font-weight: 500;
    color: #fff;
    margin: .4rem .6rem;
    text-align: center;
}
.m-education .m-p4 .list-wrap[data-v-2db3c3ec] {
    color: #E4F1FF;
    font-size: .27rem;
}
.m-education .m-p4 .list-wrap .list[data-v-2db3c3ec] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-bottom: .58rem;
}
.m-education .m-p4 .list-wrap .list .el-icon-check[data-v-2db3c3ec] {
        color: #43f585;
        font-weight: bold;
        margin-right: .1rem;
}
.m-education .m-p4 .list-wrap .list .list-r[data-v-2db3c3ec] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
}
.m-education .m-p4 .list-wrap .list .list-r .p4-title[data-v-2db3c3ec] {
          font-size: .36rem;
          color: #fff;
          font-weight: 500;
}
.m-education .m-p4 .list-wrap .list .list-r .p4-brief[data-v-2db3c3ec] {
          font-size: .26rem;
          color: #CDDDFF;
}
.m-education .m-p4 .img-wrap[data-v-2db3c3ec] {
    margin: .5rem -.3rem 0.1rem;
    padding-left: .6rem;
    overflow: hidden;
    position: relative;
}
.m-education .m-p4 .img-1[data-v-2db3c3ec] {
    width: 3rem;
    margin-right: .2rem;
    position: relative;
    z-index: 1;
}
.m-education .m-p4 .img-2[data-v-2db3c3ec] {
    width: 3rem;
    position: relative;
    z-index: 1;
}
.m-education .m-p4 .img-3[data-v-2db3c3ec] {
    margin-top: .5rem;
    width: 6.1rem;
    max-width: none;
    position: relative;
    z-index: 1;
}
.m-education .m-p4 .btn-group[data-v-2db3c3ec] {
    margin-top: .5rem;
    padding-left: .34rem;
}
.m-education .m-p4 .btn-group a[data-v-2db3c3ec] {
      display: inline-block;
      font-size: .23rem;
      font-weight: bold;
      color: #3D78FF;
      width: 1.8rem;
      height: .7rem;
      line-height: .7rem;
      text-align: center;
      background: #fff;
      border-radius: .4rem;
      -webkit-transition: all .3s;
      transition: all .3s;
      margin-right: .5rem;
      border: 1px solid #fff;
      -webkit-box-shadow: 0 0 0.56rem rgba(0, 0, 0, 0.1);
              box-shadow: 0 0 0.56rem rgba(0, 0, 0, 0.1);
}
.m-education .m-p4 .btn-group a[data-v-2db3c3ec]:nth-child(2) {
        border: .02rem solid #9EBBFF;
        color: #fff;
        background: #3D78FF;
        width: 2rem;
}
.m-education .m-p4 .bg-cur[data-v-2db3c3ec] {
    position: absolute;
    left: 0;
    right: 0;
    height: .6rem;
}
.m-education .m-p4 .bg-cur[data-v-2db3c3ec]:first-child {
      top: 0;
      -webkit-transform: translateY(-100%);
              transform: translateY(-100%);
}
.m-education .m-p5[data-v-2db3c3ec] {
  margin-top: 1.6rem;
  padding: 0 .3rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.m-education .m-p5 .p5-title[data-v-2db3c3ec] {
    font-size: .5rem;
    font-weight: 500;
    color: #071940;
    text-align: center;
    position: relative;
}
.m-education .m-p5 .content-box[data-v-2db3c3ec] {
    margin-top: .6rem;
}
.m-education .m-p5 .content-box .list[data-v-2db3c3ec] {
      padding: .45rem .36rem;
      background: white;
      -webkit-box-shadow: 0rem 0rem 0.2rem 0.04rem rgba(208, 225, 238, 0.5);
              box-shadow: 0rem 0rem 0.2rem 0.04rem rgba(208, 225, 238, 0.5);
      border-radius: .16rem;
}
.m-education .m-p5 .content-box .list .top[data-v-2db3c3ec] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-top: .06rem;
}
.m-education .m-p5 .content-box .list .top .p5-icon-1[data-v-2db3c3ec] {
          width: .36rem;
          height: .36rem;
}
.m-education .m-p5 .content-box .list .top .p5-icon-2[data-v-2db3c3ec] {
          width: .32rem;
          height: .36rem;
}
.m-education .m-p5 .content-box .list .top .p5-icon-3[data-v-2db3c3ec] {
          width: .36rem;
          height: .36rem;
}
.m-education .m-p5 .content-box .list .top .p5-icon-4[data-v-2db3c3ec] {
          width: .36rem;
          height: .34rem;
}
.m-education .m-p5 .content-box .list .top .p5-icon-5[data-v-2db3c3ec] {
          width: .38rem;
          height: .3rem;
}
.m-education .m-p5 .content-box .list .top .p5-name[data-v-2db3c3ec] {
          font-size: .36rem;
          color: #071940;
          font-weight: bold;
          margin-left: .2rem;
}
.m-education .m-p5 .content-box .list .p5-brief[data-v-2db3c3ec] {
        font-size: .26rem;
        color: #B0AFB9;
        margin-top: .06rem;
}
.m-education .m-p5 .content-box .m-b-15[data-v-2db3c3ec] {
      margin-bottom: .3rem;
}
.m-education .m-p6[data-v-2db3c3ec] {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.m-education .m-p6 .p-title[data-v-2db3c3ec] {
    margin-top: 1.1rem;
    text-align: center;
}
.m-education .m-p6 .type-wall[data-v-2db3c3ec] {
    overflow: hidden;
    text-align: center;
    margin-left: -.3rem;
    margin-right: -.3rem;
}
.m-education .m-p6 .type-wall .item[data-v-2db3c3ec] {
      float: left;
      width: 25%;
      color: #70777b;
      margin: .3rem 0;
      font-size: .28rem;
}
.m-education .m-p6 .type-wall .item .img-wrap[data-v-2db3c3ec] {
        background: #fff;
        border-radius: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin: 0 auto .2rem;
}
.m-education .m-p6 .type-wall .item .img-wrap img[data-v-2db3c3ec] {
          display: block;
          width: 1rem;
          height: 1rem;
          -o-object-fit: contain;
             object-fit: contain;
}
.m-education .m-p6 .img-wall-hidden[data-v-2db3c3ec] {
    overflow: hidden;
    padding-bottom: .1rem;
    margin-left: -.3rem;
    margin-right: -.3rem;
}
.m-education .m-p6 .img-wall-wrap[data-v-2db3c3ec] {
    width: 36rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: slide-data-v-2db3c3ec 20s linear 0s infinite;
            animation: slide-data-v-2db3c3ec 20s linear 0s infinite;
}
@-webkit-keyframes slide-data-v-2db3c3ec {
from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
}
to {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
}
@keyframes slide-data-v-2db3c3ec {
from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
}
to {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
}
.m-education .m-p6 .img-wall[data-v-2db3c3ec] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    width: 18rem;
    margin-top: -.2rem;
    padding-top: .4rem;
}
.m-education .m-p6 .img-wall img[data-v-2db3c3ec] {
      -webkit-box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.1);
              box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.1);
}
.m-education .m-p6 .img-wall .img-1[data-v-2db3c3ec] {
      width: 2.03rem;
      border-radius: .06rem;
}
.m-education .m-p6 .img-wall .img-2[data-v-2db3c3ec] {
      width: 3.13rem;
      border-radius: .06rem;
}
.m-education .m-p6 .img-wall .img-3[data-v-2db3c3ec] {
      width: 2.97rem;
      border-radius: .06rem;
}
.m-education .m-p6 .img-wall .img-4[data-v-2db3c3ec] {
      width: 2.87rem;
      border-radius: .06rem;
}
.m-education .m-p6 .img-wall .img-5[data-v-2db3c3ec] {
      width: 2.94rem;
      border-radius: .06rem;
}

.p-cls[data-v-1f7ceeda] {
  overflow: hidden;
}
.p-title[data-v-1f7ceeda] {
  font-size: .42rem;
  color: #333;
  margin: 1.22rem auto 0;
  text-align: center;
  width: 5.5rem;
  font-weight: bold;
}
.p-desc[data-v-1f7ceeda] {
  width: 5.4rem;
  font-size: .28rem;
  color: #666;
  text-align: center;
  margin: .1rem auto 0;
}
.ph .banner-2[data-v-1f7ceeda] {
  width: 7.5rem;
  height: 6.8rem;
}
.ph .banner-2 .img-wrap[data-v-1f7ceeda] {
    color: #fff;
    text-align: center;
    padding-top: 1px;
    background-size: cover;
    background-position: center center;
    white-space: pre-line;
}
.ph .banner-2 .img-wrap .m[data-v-1f7ceeda] {
      position: relative;
      z-index: 1;
      font-size: .44rem;
      font-weight: bold;
      line-height: 1em;
      margin-top: 2rem;
}
.ph .banner-2 .img-wrap .s[data-v-1f7ceeda] {
      position: relative;
      z-index: 1;
      margin-top: .28rem;
      font-size: .28rem;
      line-height: 1.5em;
}
.ph .banner-2 .img-wrap .btn-group[data-v-1f7ceeda] {
      position: relative;
      z-index: 1;
      margin-top: 1.16rem;
}
.ph .banner-2 .img-wrap .btn-group a[data-v-1f7ceeda] {
        display: block;
        margin: 0 auto;
        background: #fff;
        border-radius: 4px;
        font-size: .28rem;
        width: 2.8rem;
        color: #0095FF;
        height: .8rem;
        line-height: .8rem;
        text-align: center;
}
.ph .banner-2 img[data-v-1f7ceeda] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}
.ph .banner-2[data-v-1f7ceeda] .mint-swipe-indicators {
    bottom: .3rem;
}
.ph .banner-2[data-v-1f7ceeda] .mint-swipe-indicator {
    width: .36rem;
    height: .04rem;
    opacity: .6;
    background: #fff;
    border-radius: 0;
    margin: 0 .08rem;
}
.ph .banner-2[data-v-1f7ceeda] .mint-swipe-indicator.is-active {
    background: #fff;
    opacity: 1;
}
.p1[data-v-1f7ceeda] {
  text-align: center;
}
.p1 img[data-v-1f7ceeda] {
    display: block;
    width: 3.8rem;
    height: 3.2rem;
    margin: 1rem auto 0;
    -o-object-fit: contain;
       object-fit: contain;
}
.p1 .m[data-v-1f7ceeda] {
    font-size: .32rem;
    width: 4.27rem;
    margin: 0 auto;
}
.p1 .s[data-v-1f7ceeda] {
    font-size: .24rem;
    width: 4.57rem;
    margin: .3rem auto 0;
    line-height: 1.8em;
    color: #999;
}
.p2 .list-wrap[data-v-1f7ceeda] {
  background: #f9fbff;
  margin-top: .8rem;
}
.p2 .list-wrap .item[data-v-1f7ceeda] {
    padding: 1.2rem .28rem;
    background: #f9fbff;
}
.p2 .list-wrap .item[data-v-1f7ceeda]:nth-child(2n) {
      background: #fff;
}
.p2 .list-wrap .item img[data-v-1f7ceeda] {
      width: 6.94rem;
      height: 4.11rem;
}
.p2 .list-wrap .item p[data-v-1f7ceeda] {
      padding: 0 .1rem;
}
.p2 .list-wrap .item .m[data-v-1f7ceeda] {
      font-size: .42rem;
      line-height: 1em;
      margin-top: .5rem;
      color: #333;
}
.p2 .list-wrap .item .s[data-v-1f7ceeda] {
      font-size: .28rem;
      color: #666;
      margin-top: .25rem;
}
.p2 .list-wrap .item .s-s[data-v-1f7ceeda] {
      margin-top: .3rem;
      font-size: .28rem;
      line-height: 1.5em;
      color: #999;
}
.p2 .list-wrap .item .btn-group[data-v-1f7ceeda] {
      position: relative;
      z-index: 1;
      margin-top: .8rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
}
.p2 .list-wrap .item .btn-group a[data-v-1f7ceeda] {
        width: 3.26rem;
        display: block;
        margin: 0 auto;
        background: #fff;
        border-radius: 4px;
        border: 1px solid #0095FF;
        font-size: .28rem;
        color: #0095FF;
        height: .8rem;
        line-height: .8rem;
        text-align: center;
}
.p2 .list-wrap .item .btn-group a[data-v-1f7ceeda]:nth-child(1) {
          background: #0095FF;
          color: #fff;
}
.p3[data-v-1f7ceeda] {
  padding-bottom: 1rem;
}
.p3 .list-wrap[data-v-1f7ceeda] {
    padding: 0 .3rem;
    margin-top: .8rem;
}
.p3 .list-wrap .item[data-v-1f7ceeda] {
      height: 2rem;
      -webkit-box-shadow: 0px 0.04rem 0.2rem 0px rgba(21, 21, 34, 0.04);
              box-shadow: 0px 0.04rem 0.2rem 0px rgba(21, 21, 34, 0.04);
      border-radius: .16rem;
      padding: 0 .5rem 0 1.73rem;
      position: relative;
      overflow: hidden;
      margin-bottom: .3rem;
}
.p3 .list-wrap .m[data-v-1f7ceeda] {
      font-size: .32rem;
      margin-top: .4rem;
}
.p3 .list-wrap .s[data-v-1f7ceeda] {
      margin-top: .1rem;
      font-size: .24rem;
      color: #666;
}
.p3 .list-wrap img[data-v-1f7ceeda] {
      position: absolute;
      top: 50%;
      left: .6rem;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      width: .6rem;
}
.p3 .btn-group[data-v-1f7ceeda] {
    position: relative;
    z-index: 1;
    margin-top: .8rem;
}
.p3 .btn-group a[data-v-1f7ceeda] {
      display: block;
      margin: 0 auto;
      background: #fff;
      border-radius: 4px;
      border: 1px solid #0095FF;
      font-size: .28rem;
      width: 2.8rem;
      color: #0095FF;
      height: .8rem;
      line-height: .8rem;
      text-align: center;
}

.p-cls[data-v-0d4209cb] {
  overflow: hidden;
}
.p-title[data-v-0d4209cb] {
  font-size: .42rem;
  color: #333;
  margin: 1.22rem auto 0;
  text-align: center;
  width: 5.5rem;
  font-weight: bold;
}
.p-desc[data-v-0d4209cb] {
  width: 5.4rem;
  font-size: .28rem;
  color: #666;
  text-align: center;
  margin: .1rem auto 0;
}
.p-carousel[data-v-0d4209cb] {
  margin-top: .72rem;
  text-align: center;
}
.p-carousel img[data-v-0d4209cb] {
    display: block;
    width: 3.6rem;
    height: 6.1rem;
    margin: 0 auto .72rem;
    /*box-shadow:0px 4px 20px 0px rgba(27,26,37,0.06);*/
    /*border-radius:.28rem;*/
    /*border:.25rem solid #fff;*/
}
.p-carousel .m[data-v-0d4209cb] {
    font-size: .32rem;
    width: 4.27rem;
    margin: 0 auto;
}
.p-carousel .s[data-v-0d4209cb] {
    font-size: .24rem;
    width: 4.57rem;
    margin: .1rem auto 0;
    color: #999;
}
.p-carousel[data-v-0d4209cb] .mint-swipe-indicator {
    width: .36rem;
    height: .04rem;
    opacity: 1;
    background: #ebeef3;
    border-radius: 0;
    margin: 0 .08rem;
}
.p-carousel[data-v-0d4209cb] .mint-swipe-indicator.is-active {
    background: #3595ff;
}
.ph[data-v-0d4209cb] {
  height: 6.8rem;
  background-position: center;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.ph .p-title[data-v-0d4209cb] {
    margin-top: 2rem;
}
.ph .btn-group[data-v-0d4209cb] {
    margin-top: 1.16rem;
}
.ph .btn-group a[data-v-0d4209cb] {
      display: block;
      margin: 0 auto;
      background: #359bfd;
      border-radius: 4px;
      width: 2.8rem;
      color: #fff;
      height: .72rem;
      line-height: .72rem;
      text-align: center;
}
.p1[data-v-0d4209cb] {
  padding-bottom: 1rem;
}
.p1 .list-wrap[data-v-0d4209cb] {
    padding: 0 .3rem;
    margin-top: .8rem;
}
.p1 .list-wrap .item[data-v-0d4209cb] {
      height: 2rem;
      -webkit-box-shadow: 0px 0.04rem 0.2rem 0px rgba(21, 21, 34, 0.04);
              box-shadow: 0px 0.04rem 0.2rem 0px rgba(21, 21, 34, 0.04);
      border-radius: .16rem;
      padding: 0 .5rem 0 1.73rem;
      position: relative;
      overflow: hidden;
      margin-bottom: .3rem;
}
.p1 .list-wrap .m[data-v-0d4209cb] {
      font-size: .32rem;
      margin-top: .4rem;
}
.p1 .list-wrap .s[data-v-0d4209cb] {
      margin-top: .1rem;
      font-size: .24rem;
      color: #666;
}
.p1 .list-wrap img[data-v-0d4209cb] {
      position: absolute;
      top: 50%;
      left: .6rem;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      width: .6rem;
}
.p2[data-v-0d4209cb] {
  background: #f9fbff;
  padding-bottom: 1.1rem;
}
.p3[data-v-0d4209cb] {
  padding-bottom: 1.1rem;
}
.p4[data-v-0d4209cb] {
  padding-bottom: 1.1rem;
  background: #f9fbff;
}
.p4 .list-wrap[data-v-0d4209cb] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 .2rem;
    margin-top: .8rem;
}
.p4 .list-wrap .item[data-v-0d4209cb] {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
}
.p4 .list-wrap .item .img-wrap[data-v-0d4209cb] {
        width: .8rem;
        height: .8rem;
        margin: 0 auto;
        background: #fff;
        border-radius: 50%;
        -webkit-box-shadow: 0px 4px 20px 0px rgba(38, 50, 67, 0.04);
                box-shadow: 0px 4px 20px 0px rgba(38, 50, 67, 0.04);
        position: relative;
}
.p4 .list-wrap .item img[data-v-0d4209cb] {
        width: .32rem;
        height: .32rem;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        display: block;
        -o-object-fit: contain;
           object-fit: contain;
}
.p4 .list-wrap .item p[data-v-0d4209cb] {
        font-size: .2rem;
        margin-top: .16rem;
        color: #333;
        text-align: center;
}
.flexbox[data-v-0d4209cb] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flexbox-center[data-v-0d4209cb] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.slide-wrap[data-v-0d4209cb] {
  position: relative;
  margin-top: .8rem;
}
.slide-wrap .slide-inner[data-v-0d4209cb] {
    position: relative;
    overflow: hidden;
    height: 6.8rem;
    margin-bottom: .3rem;
}
.slide-wrap .slide-inner .slide-block[data-v-0d4209cb] {
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: -1.83rem;
      width: 3.6rem;
      height: 6.8rem;
      z-index: 1;
      background-size: cover;
}
.slide-wrap .slide-inner .slide-item-list[data-v-0d4209cb] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: relative;
      height: 5.7rem;
      top: .40rem;
      margin-left: 2rem;
}
.slide-wrap .slide-inner .slide-item-list .roll-inner[data-v-0d4209cb] {
        left: 0;
        position: relative;
        -webkit-transition: all 600ms ease-in-out;
        transition: all 600ms ease-in-out;
}
.slide-wrap .slide-inner .slide-item[data-v-0d4209cb] {
      position: relative;
      width: 3.2rem;
      height: 5.7rem;
      border-radius: 4px;
      overflow: hidden;
      z-index: 2;
      margin: 0 .2rem;
      -webkit-transition: all .3s;
      transition: all .3s;
}
.slide-wrap .slide-inner .slide-item[data-v-0d4209cb]:not(.active) {
        opacity: .6;
}
.slide-wrap .slide-inner .slide-item.active[data-v-0d4209cb] {
        opacity: 1;
}
.slide-wrap .slide-inner .slide-item img[data-v-0d4209cb] {
        width: 100%;
        height: 100%;
        -webkit-transition: all 1000ms;
        transition: all 1000ms;
}
.slide-wrap .el-carousel__indicators--outside button[data-v-0d4209cb] {
    width: .36rem;
    height: .04rem;
    opacity: 1;
    background: #ebeef3;
    border-radius: 0;
    margin: 0 .08rem;
}
.slide-wrap .el-carousel__indicator.is-active button[data-v-0d4209cb] {
    background: #3595ff;
}

.m-series-page[data-v-b6cbafe2] {
  background: -webkit-gradient(linear, left top, left bottom, from(#0c0859), to(#250ab9));
  background: linear-gradient(to bottom, #0c0859 0%, #250ab9 100%);
}
.m-series-page .section[data-v-b6cbafe2] {
    color: #fff;
    line-height: 1;
    position: relative;
}
.m-series-page .section .top-content[data-v-b6cbafe2] {
      position: absolute;
      left: 0;
      top: .65rem;
      width: 100%;
      padding: 0 .44rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
}
.m-series-page .section .top-content p[data-v-b6cbafe2] {
        font-size: .4rem;
        margin-bottom: .3rem;
}
.m-series-page .section .top-content h2[data-v-b6cbafe2] {
        font-size: .74rem;
        font-weight: bold;
        line-height: 1.2;
        margin-bottom: .32rem;
}
.m-series-page .section .top-content .intro[data-v-b6cbafe2] {
        width: 84%;
        font-size: .3rem;
        line-height: .4rem;
        padding: .2rem;
        border-radius: .1rem;
        background: linear-gradient(-36deg, #0036ff 0%, #e41f1a 100%);
}
.m-series-page .page-img[data-v-b6cbafe2] {
    display: block;
    width: 100%;
}
.m-series-page .bottom-btn[data-v-b6cbafe2] {
    width: 100%;
    height: 1rem;
}
.m-series-page .bottom-btn .inner[data-v-b6cbafe2] {
      position: fixed;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 1rem;
      color: #fff;
      text-align: center;
      line-height: 1rem;
      font-size: .28rem;
      background: #362BE9;
}
.m-series-page .code-dialog[data-v-b6cbafe2] {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}
.m-series-page .code-dialog .mask[data-v-b6cbafe2] {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
}
.m-series-page .code-dialog .content[data-v-b6cbafe2] {
      position: relative;
      width: 6.2rem;
      margin: 2rem auto;
}
.m-series-page .code-dialog .content .btn[data-v-b6cbafe2] {
        position: absolute;
        left: 50%;
        bottom: 1.8rem;
        width: 4.2rem;
        height: .8rem;
        line-height: .8rem;
        text-align: center;
        color: #fff;
        background: #362BE9;
        border-radius: 4px;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
}
.m-series-page .code-dialog .content .close[data-v-b6cbafe2] {
        position: absolute;
        width: 100%;
        height: 1rem;
        bottom: 0;
}

.m-news-content[data-v-e04e6684] {
  line-height: 1;
}
.m-news-content .news-main[data-v-e04e6684] {
    padding: 0 .28rem .92rem;
}
.m-news-content .head-title[data-v-e04e6684] {
    color: #333;
    font-size: .36rem;
    padding-top: .4rem;
    font-weight: bold;
}
.m-news-content .news-list[data-v-e04e6684] {
    margin-bottom: .4rem;
}
.m-news-content .news-list .news-item[data-v-e04e6684] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: .32rem 0;
      border-bottom: .02rem solid #f0f0f0;
}
.m-news-content .news-list .news-item .img-wrap[data-v-e04e6684] {
        min-width: 2.4rem;
        max-width: 2.4rem;
        height: 1.56rem;
        margin-right: .2rem;
}
.m-news-content .news-list .news-item .news-img[data-v-e04e6684] {
        width: 100%;
        height: inherit;
}
.m-news-content .news-list .news-item .detail[data-v-e04e6684] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
}
.m-news-content .news-list .news-item .detail .title[data-v-e04e6684] {
          color: #333;
          font-size: .32rem;
          line-height: .4rem;
}
.m-news-content .news-list .news-item .detail .info[data-v-e04e6684] {
          color: #999;
          font-size: .22rem;
          line-height: .28rem;
}
.m-news-content .load-btn[data-v-e04e6684] {
    text-align: center;
}
.m-news-content .load-btn span[data-v-e04e6684] {
      display: inline-block;
      width: 1.8rem;
      height: .6rem;
      line-height: .6rem;
      color: #474747;
      font-size: .24rem;
      border-radius: 2rem;
      border-bottom: .02rem solid #ebebeb;
}

@charset "UTF-8";
.m-register-page {
  padding: 0;
  background: white;
}
.m-register-page .register-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: .3rem .36rem;
    /*z-index: 3;*/
}
.m-register-page .register-header .logo-h5 {
      display: block;
      width: 1.4rem;
      padding: 0.4rem 0 0 0.28rem;
}
.m-register-page .login-form {
    width: 100%;
    height: 100%;
    min-height: inherit;
    padding: 0;
    background: white;
}
.m-register-page .login-logo {
    margin-top: 1rem;
    margin-bottom: 0.6rem;
    font-size: 0.46rem;
    font-weight: 500;
    text-align: center;
}
.m-register-page .register-form {
    text-align: left;
}
.m-register-page .register-form .accept {
      color: #333;
}
.m-register-page .register-form .agreement {
      color: #0095ff;
}
.m-register-page .register-form label {
      display: block;
      min-width: 1.8rem;
      max-width: 1.8rem;
      padding-right: 0;
      line-height: .6rem;
      white-space: nowrap;
}
.m-register-page .el-form-item__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 0.6rem;
    line-height: 0.6rem;
    padding-bottom: 5px;
}
.m-register-page .el-form-item {
    margin: 0 0.54rem 0.4rem;
    border-bottom: 1px solid #ececec;
}
.m-register-page .el-form-item.check-item {
      border-bottom: none;
}
.m-register-page .register-login,
  .m-register-page .register-copy {
    display: none;
}
.m-register-page .el-form-item__label {
    display: inline-block;
    color: #333;
    font-size: 0.28rem;
    z-index: 1;
}
.m-register-page .el-form-item__label:before {
      display: none;
}
.m-register-page .el-input input {
    border: none;
    padding: 0;
}
.m-register-page .el-input__inner {
    width: 100%;
    height: 0.6rem;
    line-height: 0.6rem;
    font-size: 0.28rem;
    color: #333;
    background: transparent;
}
.m-register-page input::-webkit-input-placeholder {
    font-size: 0.3rem !important;
}
.m-register-page input {
    /*-webkit-appearance: none;*/
    color: #333;
}
.m-register-page .el-form-item__error {
    padding-top: 6px;
    font-size: 0.24rem;
}
.m-register-page .code {
    width: auto;
}
.m-register-page .code .el-input__inner,
    .m-register-page .code .el-input {
      width: 100%;
}
.m-register-page .code .el-input__inner {
      padding-right: 1.8rem;
}
.m-register-page .code-btn-h5 {
    display: inline-block;
    position: absolute;
    top: 0.05rem;
    right: 0;
    width: auto;
    height: auto;
    line-height: initial;
    margin-left: 0;
    /*background: #fff;*/
    color: #0095FF;
    border: 0;
    font-size: 0.3rem;
}
.m-register-page .code-btn-h5:hover, .m-register-page .code-btn-h5:focus, .m-register-page .code-btn-h5:before, .m-register-page .code-btn-h5:after {
      background: #fff;
      color: #0095FF;
}
.m-register-page .code-btn-h5.disabled {
      color: #c7c7c7;
}
.m-register-page .code-btn {
    display: none;
}
.m-register-page .check-item .el-checkbox {
    color: #333;
}
.m-register-page .check-item .el-checkbox a {
      color: #0095FF;
}
.m-register-page .check-item .el-checkbox__inner {
    border-radius: 2px;
}
.m-register-page .check-item .el-checkbox__label {
    font-size: 0.26rem;
}
.m-register-page .h5-btn {
    margin-bottom: 0.44rem;
    border-bottom: none;
}
.m-register-page .h5-btn .el-form-item__content {
      height: auto;
}
.m-register-page .btn-full {
    width: 100%;
    height: 0.8rem;
    font-size: 0.3rem;
    font-weight: bold;
    background-color: #0095ff;
    border-radius: 2px;
}
.m-register-page .bottom-h5 {
    line-height: 0.42rem;
    margin: 0;
    padding: 0 0.54rem 0.44rem;
    color: #999;
    border-bottom: none;
}
.m-register-page .bottom-h5 .el-form-item__content {
      height: auto;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-flow: column wrap;
              flex-flow: column wrap;
}
.m-register-page .bottom-h5 .line {
      height: 0.01rem;
      background: #ebebeb;
}
.m-register-page .bottom-h5 p {
      line-height: 0.48rem;
      text-align: left;
      font-size: 0.3rem;
}
.m-register-page .bottom-h5 .line-content {
      margin-bottom: 0.1rem;
      text-align: center;
}
.m-register-page .bottom-h5 .middle-line:before {
      content: '';
      display: block;
      height: 0.02rem;
      width: 100%;
      background-color: #ebebeb;
      /*颜色需与主题大背景色一致*/
      position: relative;
      top: 0.32rem;
      /*调节线高*/
      left: 0;
}
.m-register-page .bottom-h5 .line-text {
      display: inline-block;
      background: #fff;
      padding: 0 0.26rem 0 0.26rem;
      position: relative;
      font-size: 0.3rem;
      font-weight: 500;
      color: #333;
}
.m-register-page .img-code {
    position: relative;
    bottom: .04rem;
    height: .64rem;
}
.el-dialog__body {
  padding: 0.3rem 0 0.8rem 0;
}
.finish-dialog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.finish-dialog .success-title {
    line-height: 1;
    margin-top: .25rem;
    font-size: .4rem;
    color: #333;
    font-weight: bold;
}
.finish-dialog .success-hit {
    line-height: 1.5;
    margin-top: .25rem;
    font-size: .3rem;
    color: #666;
    text-align: center;
}
.reg-wait {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 100;
  line-height: 1;
}
.reg-wait .inner {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 5rem;
    height: 5.6rem;
    background: #fff;
    text-align: center;
    padding: 1.3rem 0 1.46rem;
    border-radius: .08rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.reg-wait .icon {
    width: 1.84rem;
}
.reg-wait p {
    color: #666;
    font-size: .32rem;
    padding-top: .66rem;
}
.nc-container {
  width: 100%;
}
.nc-container ._nc {
    height: 36px;
}
.nc-container ._nc .stage1 {
      padding: 0;
}
.nc-container ._nc .stage1 .slider {
        width: 100%;
        left: 0;
        right: 0;
        height: 36px;
}
.nc-container ._nc .stage1 .slider .label {
          line-height: 36px;
}
.nc-container ._nc .stage1 .slider .button {
          height: 36px;
}
.nc-container ._nc .stage1 .slider .track .bg-green {
          line-height: 36px;
          height: 36px;
}
.nc-hint {
  color: #666;
  text-align: left;
  margin: 18px 0 10px 15px;
  font-size: 16px;
}

.p-title[data-v-add36424] {
  font-size: .48rem;
  font-weight: bold;
  color: #333;
  line-height: 1.2em;
  text-align: center;
}
.p-desc[data-v-add36424] {
  color: #666;
  font-size: .28rem;
  text-align: center;
  width: 5.5rem;
  line-height: 1.8em;
  margin: .3rem auto 0;
}
.p-cls[data-v-add36424] {
  overflow: hidden;
}
.ph[data-v-add36424] {
  height: 7rem;
  background-size: 100% auto;
  background-position: center bottom;
  background-repeat: no-repeat;
}
.ph .p-title[data-v-add36424] {
    margin-top: 1.98rem;
}
.ph .btn-group[data-v-add36424] {
    margin-top: 1.18rem;
}
.ph .btn-group a[data-v-add36424] {
      display: block;
      width: 2.8rem;
      height: .8rem;
      line-height: .8rem;
      background: #df335f;
      border-radius: 40px;
      color: #fff;
      font-size: .28rem;
      text-align: center;
      margin: 0 auto;
}
.p1 .p-title[data-v-add36424] {
  margin-top: 1.2rem;
}
.p1 img[data-v-add36424] {
  width: 6.67rem;
  height: 2.71rem;
  display: block;
  margin: 1rem auto;
}
.p2[data-v-add36424] {
  background: #f9fbff;
}
.p2 .title-bg[data-v-add36424] {
    height: 4.20rem;
    background: linear-gradient(45deg, #7b31f0, #ff8cc6);
}
.p2 .title-wrap[data-v-add36424] {
    background: #df3360;
    color: #fff;
    padding: .6rem .4rem;
    width: 6.7rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    position: relative;
    top: .67rem;
}
.p2 .title-wrap .m[data-v-add36424] {
      width: 3.42rem;
      height: 1.01rem;
      font-size: .42rem;
      font-weight: bold;
      color: #fff;
      line-height: .6rem;
}
.p2 .title-wrap .line[data-v-add36424] {
      width: .6rem;
      height: .06rem;
      background: #fff;
      margin: .6rem 0 .4rem;
}
.p2 .title-wrap .s[data-v-add36424] {
      color: #fff;
      opacity: .6;
      font-size: .28rem;
      line-height: .42rem;
}
.p2 .list-wrap[data-v-add36424] {
    margin: 1.72rem .65rem 0;
}
.p2 .list-wrap .item[data-v-add36424] {
      margin-bottom: .83rem;
      position: relative;
      padding-left: 1.2rem;
}
.p2 .list-wrap .item img[data-v-add36424] {
        position: absolute;
        width: .64rem;
        height: .64rem;
        top: 0;
        left: 0;
}
.p2 .list-wrap .item .m[data-v-add36424] {
        color: #333;
        font-size: .32rem;
        line-height: 1.1em;
}
.p2 .list-wrap .item .s[data-v-add36424] {
        color: #999;
        font-size: .24rem;
        margin-top: .21rem;
        text-align: justify;
        line-height: 1.8em;
}
.p3 .img-1[data-v-add36424] {
  display: block;
  width: 6.7rem;
  height: 4.22rem;
  margin: 1.26rem auto 1rem;
}
.p3 .btn-group[data-v-add36424] {
  margin-top: 1.18rem;
}
.p3 .btn-group a[data-v-add36424] {
    display: block;
    width: 2.8rem;
    height: .8rem;
    line-height: .8rem;
    background: #fff;
    border-radius: 40px;
    color: #df335f;
    font-size: .28rem;
    text-align: center;
    margin: 0 auto;
    border: 1px solid #df335f;
}
.p4[data-v-add36424] {
  padding-bottom: 1rem;
}
.p4 .img-1[data-v-add36424] {
    display: block;
    width: 6.71rem;
    height: 7.52rem;
    margin: 1.26rem auto 1rem;
}
.p4 .btn-group[data-v-add36424] {
    margin-top: .5rem;
}
.p4 .btn-group a[data-v-add36424] {
      display: block;
      width: 2.8rem;
      height: .8rem;
      line-height: .8rem;
      background: #fff;
      border-radius: 40px;
      color: #df335f;
      font-size: .28rem;
      text-align: center;
      margin: 0 auto;
      border: 1px solid #df335f;
}
.p5[data-v-add36424] {
  background: #f9fbff;
}
.p5 .p-title[data-v-add36424] {
    margin-top: 1.2rem;
}
.p5 img[data-v-add36424] {
    width: 7.5rem;
    display: block;
    margin: .6rem 0 1.2rem;
}
.p6[data-v-add36424] {
  background-size: 100% auto;
  background-position: center bottom;
  background-repeat: no-repeat;
}
.p6 .p-title[data-v-add36424] {
    margin-top: 1.5rem;
}
.p6 .intro[data-v-add36424] {
    color: #666;
    font-size: .28rem;
    height: 1.8rem;
    margin-top: .5rem;
    text-align: center;
}
.p6 .intro[data-v-add36424] p {
      -webkit-animation: fadeInUp-data-v-add36424 400ms;
              animation: fadeInUp-data-v-add36424 400ms;
      line-height: 2.5em;
}
.p6 .intro[data-v-add36424] span {
      color: #7c34ee;
      margin: 0 .1rem;
}
.p6 .intro[data-v-add36424] span /deep/ b {
        font-size: .4rem;
}
@-webkit-keyframes fadeInUp-data-v-add36424 {
from {
    opacity: 0;
    -webkit-transform: translateY(16px);
            transform: translateY(16px);
}
to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}
@keyframes fadeInUp-data-v-add36424 {
from {
    opacity: 0;
    -webkit-transform: translateY(16px);
            transform: translateY(16px);
}
to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}
.p6 .roll-wrap[data-v-add36424] {
    padding-top: 72px;
}
.p6 .roll-wrap .img-list[data-v-add36424] {
      position: relative;
      height: 2rem;
      width: 6.4rem;
      margin: 0 auto;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
}
.p6 .roll-wrap .img-list > span[data-v-add36424] {
        position: absolute;
        -webkit-transition: all 1s;
        transition: all 1s;
        z-index: 1;
}
.p6 .roll-wrap .img-list > span.position-1[data-v-add36424] {
          left: 0;
}
.p6 .roll-wrap .img-list > span.position-2[data-v-add36424] {
          left: 2.48rem;
}
.p6 .roll-wrap .img-list > span.position-3[data-v-add36424] {
          left: 4.96rem;
}
.p6 .roll-wrap .img-list > span.active[data-v-add36424] {
          z-index: 2;
}
.p6 .roll-wrap .img-list .member-img[data-v-add36424] {
        width: 1.4rem;
        height: 1.4rem;
        border-radius: 50%;
        -webkit-transition: all 1s;
        transition: all 1s;
}
.p6 .roll-wrap .img-list .member-img.active[data-v-add36424] {
          -webkit-transform: scale(1.57);
                  transform: scale(1.57);
}
.p6 .roll-wrap .title-list[data-v-add36424] {
      color: #333;
      font-size: 16px;
      text-align: center;
      margin-top: .1rem;
}
.p6 .roll-wrap .paginations-list[data-v-add36424] {
      margin-top: .48rem;
      text-align: center;
}
.p6 .roll-wrap .paginations-list .pagination[data-v-add36424] {
        width: .2rem;
        height: .2rem;
        border-radius: 50%;
        background: #e0e8e8;
        margin: 0 .12rem;
        cursor: pointer;
        display: inline-block;
}
.p6 .roll-wrap .paginations-list .pagination.active[data-v-add36424] {
          background: #da3862;
}
.p6 .bottom-text[data-v-add36424] {
    margin-top: 4rem;
}
.p6 .bottom-text .m[data-v-add36424] {
      text-align: center;
      color: #fff;
      font-size: .32rem;
      font-weight: bold;
}
.p6 .btn-group[data-v-add36424] {
    margin: .5rem 0 .8rem;
}
.p6 .btn-group a[data-v-add36424] {
      display: block;
      width: 2.8rem;
      height: .8rem;
      line-height: .8rem;
      background: #fff;
      border-radius: 40px;
      color: #df335f;
      font-size: .28rem;
      text-align: center;
      margin: 0 auto;
}

.bg-cur[data-v-f845a2d6] {
  display: block;
}
.p-cls[data-v-f845a2d6] {
  padding: 1px .3rem;
  position: relative;
}
.p-title[data-v-f845a2d6] {
  font-size: .44rem;
  font-weight: bold;
  color: #3C4E5A;
}
.ph[data-v-f845a2d6] {
  background-color: #65acf5;
  background-repeat: no-repeat;
  background-size: cover;
  height: 6.6rem;
}
.ph .img-1[data-v-f845a2d6] {
    width: 1.48rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 2;
    margin-top: 1.4rem;
    margin-left: -2.2rem;
}
.ph .img-2[data-v-f845a2d6] {
    width: 5.66rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    margin-top: .8rem;
    margin-left: .3rem;
    z-index: 1;
}
.ph .img-3[data-v-f845a2d6] {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    zoom: .5;
}
.ph .p-title[data-v-f845a2d6] {
    color: #fff;
    margin-top: .72rem;
    font-size: .5rem;
    text-align: center;
}
.ph .p-desc[data-v-f845a2d6] {
    color: #C6E1FF;
    width: 5.4rem;
    font-size: .28rem;
    text-align: center;
    margin: .1rem auto 0;
}
.ph .bg-cur[data-v-f845a2d6] {
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
}
.p1 .img-1[data-v-f845a2d6] {
  zoom: .5;
  position: absolute;
  top: .5rem;
  left: 0;
}
.p1 .p-title[data-v-f845a2d6] {
  margin-top: 1.7rem;
}
.p1 .list-wrap[data-v-f845a2d6] {
  margin: .5rem 0 2rem;
  position: relative;
  z-index: 1;
}
.p1 .list-wrap .item[data-v-f845a2d6] {
    margin-bottom: .6rem;
    background: #fff;
    height: 1.3rem;

    border-radius: 1.3rem;
    -webkit-box-shadow: 0 0 28px rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 28px rgba(0, 0, 0, 0.1);
    position: relative;
    padding-left: 1.4rem;
    overflow: hidden;
}
.p1 .list-wrap .item img[data-v-f845a2d6] {
      width: .6rem;
      max-height: .6rem;
      position: absolute;
      top: 50%;
      left: .55rem;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      -o-object-fit: contain;
         object-fit: contain;
}
.p1 .list-wrap .item .m[data-v-f845a2d6] {
      margin-top: .26rem;
      font-size: .3rem;
      font-weight: bold;
      color: #3C4E5A;
}
.p1 .list-wrap .item .s[data-v-f845a2d6] {
      font-size: .26rem;
      margin-top: .04rem;
      color: #A8B3B9;
}
.p2[data-v-f845a2d6] {
  background: #65acf5;
  overflow: visible;
}
.p2 .p-title[data-v-f845a2d6] {
    margin-top: .85rem;
    color: #fff;
    position: relative;
    z-index: 1;
}
.p2 .p-title-s[data-v-f845a2d6] {
    position: absolute;
    top: .37rem;
    left: .3rem;
    color: #73b2f9;
    font-size: 1.1rem;
    font-weight: bold;
}
.p2 .list-wrap[data-v-f845a2d6] {
    color: #E4F1FF;
    font-size: .27rem;
}
.p2 .list-wrap li[data-v-f845a2d6] {
      margin: .3rem 0;
      position: relative;
      padding-left: .34rem;
}
.p2 .list-wrap i[data-v-f845a2d6] {
      color: #43f585;
      font-weight: bold;
      margin-right: .1rem;
      position: absolute;
      left: 0;
      top: .08rem;
}
.p2 .img-wrap[data-v-f845a2d6] {
    margin: .5rem -.3rem 1rem;
    padding-left: .6rem;
    overflow: hidden;
    position: relative;
}
.p2 .img-dot[data-v-f845a2d6] {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    zoom: .5;
}
.p2 .img-dot-s[data-v-f845a2d6] {
    top: 5.5rem;
}
.p2 .img-1[data-v-f845a2d6] {
    width: 3rem;
    margin-right: .2rem;
    position: relative;
    z-index: 1;
}
.p2 .img-2[data-v-f845a2d6] {
    width: 3rem;
    position: relative;
    z-index: 1;
}
.p2 .img-3[data-v-f845a2d6] {
    margin-top: .5rem;
    width: 7.3rem;
    max-width: none;
    position: relative;
    z-index: 1;
    left: -.5rem;
}
.p2 .btn-group[data-v-f845a2d6] {
    margin-top: .5rem;
    padding-left: .34rem;
}
.p2 .btn-group a[data-v-f845a2d6] {
      display: inline-block;
      font-size: .22rem;
      font-weight: bold;
      color: #65aaf5;
      width: 1.7rem;
      height: .6rem;
      line-height: .6rem;
      text-align: center;
      background: #fff;
      border-radius: 20px;
      -webkit-transition: all .3s;
      transition: all .3s;
      margin-right: .7rem;
      border: 1px solid #fff;
      -webkit-box-shadow: 0 0 28px rgba(0, 0, 0, 0.1);
              box-shadow: 0 0 28px rgba(0, 0, 0, 0.1);
}
.p2 .btn-group a[data-v-f845a2d6]:nth-child(2) {
        border: 1px solid #fff;
        color: #fff;
        background: #65aaf5;
        width: 1.9rem;
}
.p2 .bg-cur[data-v-f845a2d6] {
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
}
.p2 .bg-cur[data-v-f845a2d6]:first-child {
      bottom: auto;
      top: 0;
      -webkit-transform: translateY(-100%);
              transform: translateY(-100%);
}
.p3[data-v-f845a2d6] {
  padding-bottom: .8rem;
}
.p3 .p-title[data-v-f845a2d6] {
    margin-top: 1.85rem;
}
.p3 .list-wrap[data-v-f845a2d6] {
    color: #70777b;
    font-size: .27rem;
}
.p3 .list-wrap li[data-v-f845a2d6] {
      margin: .3rem 0;
      position: relative;
      padding-left: .34rem;
}
.p3 .list-wrap i[data-v-f845a2d6] {
      color: #85c487;
      font-weight: bold;
      margin-right: .1rem;
      position: absolute;
      left: 0;
      top: .08rem;
}
.p3 .type-wall[data-v-f845a2d6] {
    overflow: hidden;
    text-align: center;
    margin-left: -.3rem;
    margin-right: -.3rem;
}
.p3 .type-wall .item[data-v-f845a2d6] {
      float: left;
      width: 33.33%;
      color: #70777b;
      margin: .4rem 0;
      font-size: .27rem;
}
.p3 .type-wall .item .img-wrap[data-v-f845a2d6] {
        width: .4rem;
        height: .4rem;
        margin: 0 auto .2rem;
}
.p3 .type-wall .item .img-wrap img[data-v-f845a2d6] {
          display: block;
          width: 100%;
          height: 100%;
          -o-object-fit: contain;
             object-fit: contain;
}
.p3 .img-wall-hidden[data-v-f845a2d6] {
    overflow: hidden;
    padding-bottom: .1rem;
    margin-left: -.3rem;
    margin-right: -.3rem;
}
.p3 .img-wall-wrap[data-v-f845a2d6] {
    width: 36rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: slide-data-v-f845a2d6 20s linear 0s infinite;
            animation: slide-data-v-f845a2d6 20s linear 0s infinite;
}
@-webkit-keyframes slide-data-v-f845a2d6 {
from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
}
to {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
}
@keyframes slide-data-v-f845a2d6 {
from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
}
to {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
}
.p3 .img-wall[data-v-f845a2d6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    width: 18rem;
    margin-top: -.2rem;
}
.p3 .img-wall img[data-v-f845a2d6] {
      -webkit-box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.1);
              box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.1);
}
.p3 .img-wall .img-1[data-v-f845a2d6] {
      width: 2.03rem;
}
.p3 .img-wall .img-2[data-v-f845a2d6] {
      width: 3.13rem;
}
.p3 .img-wall .img-3[data-v-f845a2d6] {
      width: 2.97rem;
}
.p3 .img-wall .img-4[data-v-f845a2d6] {
      width: 3.80rem;
}
.p3 .img-wall .img-5[data-v-f845a2d6] {
      width: 2.94rem;
}
.p4[data-v-f845a2d6] {
  background: #f9fbff;
  padding-bottom: 2rem;
}
.p4 .p-title[data-v-f845a2d6] {
    margin-top: .78rem;
}
.p4 .list-wrap[data-v-f845a2d6] {
    color: #70777b;
    font-size: .27rem;
}
.p4 .list-wrap li[data-v-f845a2d6] {
      margin: .3rem 0;
      position: relative;
      padding-left: .34rem;
}
.p4 .list-wrap i[data-v-f845a2d6] {
      color: #85c487;
      font-weight: bold;
      margin-right: .1rem;
      position: absolute;
      left: 0;
      top: .08rem;
}
.p4 .img-list[data-v-f845a2d6] {
    margin-top: .5rem;
    margin-left: .28rem;
}
.p4 .img-1[data-v-f845a2d6] {
    width: 3rem;
    margin-right: .2rem;
}
.p4 .img-2[data-v-f845a2d6] {
    width: 3rem;
}
.p5[data-v-f845a2d6] {
  background: #65acf5;
  padding-bottom: 1.7rem;
}
.p5 .p-title[data-v-f845a2d6] {
    margin-top: .78rem;
    color: #fff;
}
.p5 .list-wrap[data-v-f845a2d6] {
    color: #E4F1FF;
    font-size: .25rem;
}
.p5 .list-wrap li[data-v-f845a2d6] {
      margin: .3rem 0;
      padding-left: .36rem;
      position: relative;
}
.p5 .list-wrap img[data-v-f845a2d6] {
      width: .25rem;
      height: .25rem;
      margin-right: .1rem;
      -o-object-fit: contain;
         object-fit: contain;
      position: absolute;
      left: 0;
      top: .04rem;
}
.p5 .img-1[data-v-f845a2d6] {
    position: absolute;
    bottom: -.54rem;
    left: 0;
    right: 0;
}
.p5 .bg-cur[data-v-f845a2d6] {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
}

#reg-success-page {
  padding: .3rem .3rem 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#reg-success-page * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
#reg-success-page h2 {
    color: #333;
    font-size: .32rem;
    font-weight: normal;
}
#reg-success-page p {
    color: #999;
    font-size: .28rem;
}
#reg-success-page .register-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: .1rem .06rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
#reg-success-page .register-header .help-link {
      color: #999;
      font-size: .26rem;
}
#reg-success-page .success-guide {
    margin-top: .55rem;
}
#reg-success-page .success-guide .guide-pc {
      margin: auto;
      text-align: center;
      padding: 1.2rem 0;
      -webkit-box-shadow: 0 0 .3rem #eee;
              box-shadow: 0 0 .3rem #eee;
}
#reg-success-page .success-guide .guide-pc .icon-success {
        width: .95rem;
}
#reg-success-page .success-guide .guide-pc .success-tip {
        color: #333;
        font-size: .6rem;
        padding: .3rem 0 .46rem;
}
#reg-success-page .success-guide .guide-pc p {
        padding-top: .1rem;
        color: #5193F7;
}
#reg-success-page .success-guide .text-roll-wrap {
      height: 1.4rem;
      overflow: hidden;
      text-align: center;
      line-height: 1;
      margin: 1.05rem 0 .55rem;
}
#reg-success-page .success-guide .text-roll-wrap .transition {
        -webkit-transition: all 500ms;
        transition: all 500ms;
}
#reg-success-page .success-guide .text-roll-wrap .roll-inner {
        position: relative;
}
#reg-success-page .success-guide .text-roll-wrap p {
        color: #999;
        font-size: .24rem;
        padding-bottom: .26rem;
}
#reg-success-page .success-guide .text-roll-wrap p.active {
          color: #333;
          font-size: .32rem;
}
#reg-success-page .success-guide .seller-wechat-wrap {
      text-align: center;
      border-bottom: 1px solid #f2f2f2;
      padding-bottom: 1rem;
      margin: 1rem 0.4rem 0 0.4rem;
}
#reg-success-page .success-guide .seller-wechat-wrap .btn {
        display: inline-block;
        width: 2.6rem;
        height: .72rem;
        line-height: .72rem;
        color: #5193ff;
        font-size: .26rem;
        border: .01rem solid #5193ff;
        border-radius: 1rem;
}
#reg-success-page .success-guide .seller-wechat-wrap p {
        color: #999;
        font-size: .22rem;
        margin-top: .12rem;
}
#reg-success-page .success-guide .get-welfare {
      opacity: 0;
      margin-top: 0.6rem;
      font-size: 0.32rem;
      -webkit-box-shadow: 0 0 0.3rem #eee;
              box-shadow: 0 0 0.3rem #eee;
      padding: 0.4rem;
      text-align: center;
      line-height: 0.6rem;
}
#reg-success-page .success-guide .get-welfare .suc {
        font-size: 0.46rem;
        line-height: 2;
}
#reg-success-page .success-guide .get-welfare .hl {
        color: #e1551e;
}
#reg-success-page .success-guide .get-wealfare--animate {
      -webkit-transition: 2s opacity ease;
      transition: 2s opacity ease;
      opacity: 1;
}
#reg-success-page .success-guide .welfare {
      margin-top: 0.6rem;
      font-size: 0.32rem;
      color: #e1551e;
      -webkit-box-shadow: 0 0 0.3rem #eee;
              box-shadow: 0 0 0.3rem #eee;
      padding: 0.4rem .4rem 0 .4rem;
      text-align: center;
      line-height: 0.6rem;
}
#reg-success-page .success-guide .welfare .btn-panel {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
}
#reg-success-page .success-guide .welfare .btn-panel .btn-bg {
          width: 70%;
}
#reg-success-page .success-guide .welfare .btn-panel .btn-title {
          position: absolute;
          font-size: 0.32rem;
          color: white;
          padding-bottom: 0.32rem;
}
#reg-success-page .guide-qrcode {
    margin-top: 3.6em;
    text-align: center;
}
#reg-success-page .guide-qrcode .qrcode {
      margin: .1rem;
}
#reg-success-page .operator-wechat-wrap .operator-hint {
    display: block;
    width: 100%;
    text-align: center;
    color: #999;
    font-size: .22rem;
}
#reg-success-page .copy-toast {
    position: fixed;
    left: 0;
    right: 0;
    top: 50%;
    width: 2.5rem;
    height: .8rem;
    line-height: .8rem;
    margin: auto;
    color: #fff;
    border-radius: .08rem;
    background: rgba(0, 0, 0, 0.8);
    -webkit-transition: all 400ms;
    transition: all 400ms;
    opacity: 0;
    z-index: 106;
    text-align: center;
}
#reg-success-page .copy-toast.show {
      opacity: 1;
}

.m-track-page[data-v-72631441] {
  background-color: #287AEA;
  height: 100vh;
}
.m-track-page .formData-form[data-v-72631441] {
    margin: -0.6rem .4rem 0;
}
.m-track-page .hd-bg[data-v-72631441] {
    width: 100%;
}
.m-track-page .el-form-item__label[data-v-72631441] {
    font-weight: bold;
    color: #fff;
    font-size: .32rem;
}
.m-track-page .el-form-item.is-required .el-form-item__label[data-v-72631441]:before {
    content: '';
}
.m-track-page .is-required-after[data-v-72631441]:after {
    content: '*';
    color: #f56c6c;
    margin-left: 4px;
}
.m-track-page .el-input__inner[data-v-72631441] {
    background-color: #287AEA;
    border: .01rem solid #fff;
    height: 1rem;
    color: #fff;
    font-size: .32rem;
}
.m-track-page .btn-full[data-v-72631441] {
    width: 100%;
    height: 1rem;
    background-color: #fff;
    color: #1C61C0;
    margin-top: .26rem;
    font-size: .3rem;
}
.m-track-page .el-dialog[data-v-72631441] {
    background: transparent;
    width: 6.76rem;
}
.m-track-page .el-dialog__body[data-v-72631441] {
    padding: 0;
}
.m-track-page .dialog-content[data-v-72631441] {
    position: relative;
    width: 6.76rem;
    height: 6.32rem;
    background-image: url("/static/image/track/track-dialog-bg.png");
    background-color: transparent;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    text-align: center;
    font-size: .28rem;
    color: #0A274F;
}
.m-track-page .dialog-content .dialog-title[data-v-72631441] {
      padding-top: 1.6rem;
}
.m-track-page .dialog-content .font-bold[data-v-72631441] {
      font-size: .38rem;
      color: #0A274F;
      font-weight: bold;
      line-height: .60rem;
}
.m-track-page .dialog-content .link-btn[data-v-72631441] {
      width: 2.92rem;
      height: .85rem;
      background-color: #287AEA;
      border-radius: .1rem;
      font-size: .28rem;
      color: #fff;
      margin-top: .3rem;
}
.m-track-page .close-icon[data-v-72631441] {
    margin: 0 auto;
    text-align: center;
    font-size: .34rem;
    color: #fff;
    width: .5rem;
    height: .5rem;
    border-radius: .5rem;
    line-height: .5rem;
    background-color: rgba(255, 255, 255, 0.2);
}

body[data-v-b72e12e0] {
  background: #150b69;
}
.m-track-page[data-v-b72e12e0] {
  position: relative;
  min-height: 100vh;
}
.m-track-page .hd-bg[data-v-b72e12e0] {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: fill;
       object-fit: fill;
    -o-object-position: top;
       object-position: top;
    z-index: -1;
}
.m-track-page .section-img[data-v-b72e12e0] {
    width: 100%;
}

body[data-v-344cb814] {
  background: #150b69;
}
.m-saleser-page[data-v-344cb814] {
  position: relative;
  min-height: 100vh;
}
.m-saleser-page .section-img[data-v-344cb814] {
    width: 100%;
}

.version-h5 {
  background: #f8f8f8;
  padding: 0 0.2rem 0 0.2rem;
}
.version-h5 .block1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    border-bottom: 1px solid #f2f3fa;
}
.version-h5 .block2 {
    padding: 40px auto;
    width: 100%;
    border-bottom: 1px solid #f2f3fa;
}
.version-h5 .block3 {
    margin-top: .4rem;
    width: 100%;
}
.version-h5 .version-menu-wraper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.version-h5 .version-menu-wraper .version-menu {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: distribute;
          justify-content: space-around;
      text-align: center;
      margin-top: .2rem;
      width: 80%;
}
.version-h5 .version-menu-wraper .version-menu .version-menu-item {
        text-align: center;
        font-size: .3rem;
        width: 1.4rem;
        height: .5rem;
        line-height: .5rem;
        border-radius: .25rem;
        cursor: pointer;
}
.version-h5 .version-menu-wraper .version-menu .version-menu-item--on {
        color: #fff;
        background-color: #0294ff;
}
.version-h5 .version-board {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: .08rem;
    -webkit-box-shadow: 0 0.02rem 0.02rem 0.02rem rgba(161, 171, 181, 0.33);
            box-shadow: 0 0.02rem 0.02rem 0.02rem rgba(161, 171, 181, 0.33);
    margin-top: .24rem;
    overflow: hidden;
    background: white;
    padding: 0 .4rem;
}
.version-h5 .version-board .verison-board-top {
      height: .08rem;
      width: 100%;
      /*background: red;*/
}
.version-h5 .version-board .verison-title {
      padding-top: .65rem;
      /*padding-bottom: .4rem;*/
      font-size: .5rem;
      color: #333;
      font-weight: 500;
}
.version-h5 .version-board .version-price-wraper {
      margin-top: .28rem;
      color: #000;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
}
.version-h5 .version-board .version-price-wraper .verison-flag {
        font-size: .47rem;
}
.version-h5 .version-board .version-price-wraper .verison-flag small {
          font-size: .36rem;
          color: #91AEC3;
          position: relative;
          top: -0.2rem;
          vertical-align: bottom;
}
.version-h5 .version-board .version-price-wraper .verison-flag small.unit {
            color: #0196FF;
}
.version-h5 .version-board .version-price-wraper .version-price {
        color: #0196FF;
        font-size: 1rem;
}
.version-h5 .version-board .version-price-wraper .version-price.word {
          font-size: .92rem;
}
.version-h5 .version-board .version-price-wraper .verison-value {
        font-size: .34rem;
        margin-top: .2rem;
        color: #91AEC3;
}
.version-h5 .version-board .version-tag {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      color: #999;
      line-height: 1.5;
      font-size: .32rem;
      margin: .3rem 0 .8rem 0;
}
.version-h5 .version-board .version-content {
      margin: .8rem 0;
      text-align: center;
}
.version-h5 .version-board .version-content h4 {
        font-size: 16px;
        padding-bottom: 12px;
}
.version-h5 .version-board .version-content h4:before {
          content: "";
          display: inline-block;
          width: 5px;
          height: 5px;
          border-radius: 50%;
          background: #0095FF;
          position: relative;
          top: -3px;
          margin-right: 8px;
}
.version-h5 .version-board .version-content p {
        line-height: .76rem;
        text-align: center;
        font-size: .28rem;
}
.version-h5 .version-board .version-btn {
      margin: .59rem auto;
      height: .84rem;
      line-height: .84rem;
      /*padding: .18rem .5rem;*/
      border-radius: 4px;
      color: #0095FF;
      font-size: .36rem;
      text-align: center;
      border: 0.02rem solid #0095FF;
      border-radius: .08rem;
}
.version-h5 .copy-right-wraper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
}
.version-h5 .copy-right-wraper .copy-right {
      color: #999;
      font-size: .18rem;
      margin: .5rem auto;
      width: 5rem;
}

.bg-cur[data-v-57f1736b] {
  display: block;
}
.p-cls[data-v-57f1736b] {
  padding: 1px .3rem;
  position: relative;
}
.p-title[data-v-57f1736b] {
  font-size: .44rem;
  color: #333;
  text-align: center;
  font-weight: bold;
}
.p-desc[data-v-57f1736b] {
  color: #ACB5BA;
  width: 5.4rem;
  font-size: .26rem;
  text-align: center;
  margin: .1rem auto 0;
  line-height: 1.7;
}
.ph[data-v-57f1736b] {
  background-color: #fdfdfd;
  background-size: cover;
  height: 5.7rem;
}
.ph .p-title[data-v-57f1736b] {
    color: #333;
    font-size: .4rem;
    margin-top: .72rem;
    text-align: center;
}
.ph .p-desc[data-v-57f1736b] {
    color: #999;
    width: 5.4rem;
    font-size: .28rem;
    text-align: center;
    margin: .1rem auto 0;
}
.ph .btn-group[data-v-57f1736b] {
    margin-top: .45rem;
}
.ph .btn-group a[data-v-57f1736b] {
      display: block;
      margin: 0 auto;
      background: #359bfd;
      border-radius: 4px;
      width: 2.8rem;
      color: #fff;
      height: .72rem;
      line-height: .72rem;
      text-align: center;
}
.p1 .p-title[data-v-57f1736b],
.p2 .p-title[data-v-57f1736b],
.p3 .p-title[data-v-57f1736b],
.p4 .p-title[data-v-57f1736b] {
  margin-top: .33rem;
}
.p1 img[data-v-57f1736b],
.p2 img[data-v-57f1736b],
.p3 img[data-v-57f1736b],
.p4 img[data-v-57f1736b] {
  display: block;
  margin: 0 auto;
}
.p1 .img-ico[data-v-57f1736b],
.p2 .img-ico[data-v-57f1736b],
.p3 .img-ico[data-v-57f1736b],
.p4 .img-ico[data-v-57f1736b] {
  width: .6rem;
  margin-top: .52rem;
}
.p1 .img-1[data-v-57f1736b],
.p2 .img-1[data-v-57f1736b],
.p3 .img-1[data-v-57f1736b],
.p4 .img-1[data-v-57f1736b] {
  margin-top: .4rem;
}
.p1[data-v-57f1736b],
.p2[data-v-57f1736b],
.p3[data-v-57f1736b] {
  padding-bottom: .5rem;
}
.p2[data-v-57f1736b],
.p4[data-v-57f1736b] {
  background: #f9fbff;
}
.p5 .p-title[data-v-57f1736b] {
  color: #3C4E5A;
  margin-top: 1.05rem;
}
.p5 .type-wall[data-v-57f1736b] {
  overflow: hidden;
  text-align: center;
}
.p5 .type-wall .item[data-v-57f1736b] {
    float: left;
    width: 33.33%;
    color: #3C4E5A;
    margin: .4rem 0;
}
.p5 .type-wall .item .img-wrap[data-v-57f1736b] {
      width: 1.2rem;
      height: 1.2rem;
      margin: 0 auto .2rem;
}
.p5 .type-wall .item .img-wrap img[data-v-57f1736b] {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
           object-fit: contain;
}

.m-weike[data-v-d995df96] {
  width: 100%;
  line-height: 1;
  overflow-x: hidden;
}
.m-weike *[data-v-d995df96] {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.m-weike .layer[data-v-d995df96] {
    text-align: center;
}
.m-weike .layer .desc[data-v-d995df96] {
      color: #a6a7b4;
      font-size: .24rem;
      line-height: .4rem;
}
.m-weike h2[data-v-d995df96] {
    font-size: .4rem;
    font-weight: bold;
    line-height: .6rem;
    color: #293482;
}
.m-weike .lu[data-v-d995df96] {
    border-radius: 0 30px 30px 30px;
}
.m-weike .ru[data-v-d995df96] {
    border-radius: 30px 0 30px 30px;
}
.m-weike .rd[data-v-d995df96] {
    border-radius: 30px 30px 0 30px;
}
.m-weike .ld[data-v-d995df96] {
    border-radius: 30px 30px 30px 0;
}
.m-weike .layer-1[data-v-d995df96] {
    height: 9rem;
    padding-top: .62rem;
    background-attachment: fixed;
    background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/mobile/weike/banner/bg.png") no-repeat center/cover;
}
.m-weike .layer-1 h2[data-v-d995df96] {
      color: #fff;
      padding-bottom: .36rem;
}
.m-weike .layer-1 .main[data-v-d995df96] {
      position: relative;
      width: 6rem;
      height: 4.38rem;
      margin: .52rem auto auto;
      background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/mobile/weike/banner/chat.png") no-repeat center/cover;
}
.m-weike .layer-1 .robot[data-v-d995df96] {
      position: absolute;
      left: 0;
      bottom: -0.5rem;
      width: 1.6rem;
      height: 2.74rem;
      background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/mobile/weike/banner/robot.png") no-repeat center/cover;
}
.m-weike .layer-1 .apply-btn[data-v-d995df96] {
      display: inline-block;
      width: 2rem;
      height: .5rem;
      line-height: .5rem;
      color: #4557ec;
      font-size: .18rem;
      background: #fff;
      border-radius: 1rem;
}
.m-weike .layer-2[data-v-d995df96] {
    height: 11.4rem;
    padding: .85rem 0;
}
.m-weike .layer-2 .slide-wrap[data-v-d995df96] {
      width: 100%;
      height: 6.1rem;
      padding-top: .3rem;
}
.m-weike .layer-2 .slide-wrap .slide-item img[data-v-d995df96] {
        width: 2.9rem;
        height: 5.65rem;
}
.m-weike .layer-2 .intros[data-v-d995df96] {
      padding-top: .2rem;
}
.m-weike .layer-2 .intros .item .t[data-v-d995df96] {
        color: #12194f;
        font-size: .32rem;
        padding-bottom: .16rem;
}
.m-weike .layer-2 .intros .item .d[data-v-d995df96] {
        color: #a6a7b4;
        font-size: .22rem;
        height: .8rem;
        line-height: .38rem;
}
.m-weike .layer-2 .pagins[data-v-d995df96] {
      padding-top: .24rem;
}
.m-weike .layer-2 .pagins .p[data-v-d995df96] {
        display: inline-block;
        width: .1rem;
        height: .1rem;
        border-radius: 50%;
        background: #d7daf3;
        margin: 0 .1rem;
}
.m-weike .layer-2 .pagins .p.active[data-v-d995df96] {
          background: #4557ec;
}
.m-weike .layer-3[data-v-d995df96] {
    position: relative;
}
.m-weike .layer-3 h2[data-v-d995df96] {
      padding-bottom: .16rem;
}
.m-weike .layer-3 .center[data-v-d995df96] {
      position: relative;
      margin: auto;
      z-index: 10;
}
.m-weike .layer-3 .bubble-list[data-v-d995df96] {
      position: relative;
      height: 1.8rem;
      max-width: 800px;
      margin: .4rem auto 0;
}
.m-weike .layer-3 .bubble-list .b-item[data-v-d995df96] {
        color: #fff;
        position: absolute;
        padding: .1rem .2rem;
        white-space: nowrap;
        font-size: .2rem;
}
.m-weike .layer-3 .bubble-list .b-item.dark-blue[data-v-d995df96] {
          top: .14rem;
          left: .4rem;
          background: #4557ec;
          animation: float-data-v-d995df96 3200ms infinite alternate-reverse;
          -moz-animation: float-data-v-d995df96 3200ms infinite alternate-reverse;
          -webkit-animation: float-data-v-d995df96 3200ms infinite alternate-reverse;
}
.m-weike .layer-3 .bubble-list .b-item.green[data-v-d995df96] {
          top: 1.1rem;
          left: 2.3rem;
          background: #43d795;
          animation: float-data-v-d995df96 2800ms infinite alternate-reverse;
          -moz-animation: float-data-v-d995df96 2800ms infinite alternate-reverse;
          -webkit-animation: float-data-v-d995df96 2800ms infinite alternate-reverse;
}
.m-weike .layer-3 .bubble-list .b-item.sky-blue[data-v-d995df96] {
          top: 0;
          left: 4.18rem;
          background: #4fb8ef;
          animation: float-data-v-d995df96 3400ms infinite alternate-reverse;
          -moz-animation: float-data-v-d995df96 3400ms infinite alternate-reverse;
          -webkit-animation: float-data-v-d995df96 3400ms infinite alternate-reverse;
}
.m-weike .layer-3 .bubble-list .b-item.gold[data-v-d995df96] {
          top: .9rem;
          left: 5.41rem;
          background: #f2c585;
          animation: float-data-v-d995df96 4000ms infinite alternate-reverse;
          -moz-animation: float-data-v-d995df96 4000ms infinite alternate-reverse;
          -webkit-animation: float-data-v-d995df96 4000ms infinite alternate-reverse;
}
.m-weike .layer-3 .mid-pic[data-v-d995df96] {
      width: 7.15rem;
      margin: auto;
      padding-top: .09rem;
}
.m-weike .layer-3 .gray-bg[data-v-d995df96] {
      position: absolute;
      left: 0;
      bottom: .45rem;
      width: 100%;
      height: 5.06rem;
      z-index: 2;
      background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/mobile/weike/2/bg.png") left top repeat-x;
      background-size: 100% 100%;
}
.layer-4[data-v-d995df96] {
  position: relative;
  height: 7.7rem;
  padding-top: 1.3rem;
  background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/mobile/weike/2/bg.png") left bottom repeat-x/0.02rem 4.54rem;
}
.layer-4 h2[data-v-d995df96] {
    padding-bottom: .16rem;
}
.layer-4 .r-bg[data-v-d995df96] {
    position: absolute;
    right: .05rem;
    bottom: -1.25rem;
    width: 6.05rem;
    height: 5.21rem;
    background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/mobile/weike/3/pic.png") no-repeat center/cover;
}
.layer-5[data-v-d995df96] {
  padding-top: 1.36rem;
}
.layer-5 h2[data-v-d995df96] {
    padding-bottom: .32rem;
}
.layer-5 .case-list .case[data-v-d995df96] {
    color: #fff;
    width: 5.8rem;
    height: 3.8rem;
    border-radius: .08rem;
    margin: auto;
    padding-top: .9rem;
}
.layer-5 .case-list .case.case-1[data-v-d995df96] {
      margin-bottom: .38rem;
      background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/mobile/weike/4/case2.jpg") no-repeat center/cover;
}
.layer-5 .case-list .case.case-2[data-v-d995df96] {
      background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/mobile/weike/4/case1.jpg") no-repeat center/cover;
}
.layer-5 .case-list .case h3[data-v-d995df96] {
      font-size: .3rem;
      font-weight: bold;
      padding-bottom: .1rem;
}
.layer-5 .case-list .case .desc[data-v-d995df96] {
      color: #fff;
      font-size: .2rem;
      padding-bottom: .4rem;
}
.layer-5 .case-list .case .go-btn[data-v-d995df96] {
      display: inline-block;
      color: #5f6fee;
      font-size: .22rem;
      width: 1.9rem;
      height: .6rem;
      line-height: .6rem;
      border-radius: 1rem;
      border: .02rem solid #fff;
      background: #fff;
}
.layer-6[data-v-d995df96] {
  position: relative;
  padding-top: 1.2rem;
  height: 9rem;
  text-align: center;
}
.layer-6 .main[data-v-d995df96] {
    position: relative;
    z-index: 10;
}
.layer-6 .desc[data-v-d995df96] {
    color: #a6a7b4;
    font-size: .22rem;
    padding: .15rem 0 .65rem;
}
.layer-6 .intro[data-v-d995df96] {
    position: relative;
    margin: auto;
}
.layer-6 .intro .person-pic[data-v-d995df96] {
      width: 2.25rem;
}
.layer-6 .intro .bubble-items .item[data-v-d995df96] {
      position: absolute;
      color: #fff;
      width: 2.7rem;
      height: .5rem;
      line-height: .5rem;
      text-align: center;
      font-size: .2rem;
      animation: float-data-v-d995df96 infinite alternate-reverse linear;
      -moz-animation: float-data-v-d995df96 infinite alternate-reverse linear;
      -webkit-animation: float-data-v-d995df96 infinite alternate-reverse linear;
}
.layer-6 .intro .bubble-items .blue[data-v-d995df96] {
      left: .12rem;
      top: 1.3rem;
      background: #7fb9ef;
      animation-duration: 3000ms;
      -moz-animation-duration: 3000ms;
      -webkit-animation-duration: 3000ms;
}
.layer-6 .intro .bubble-items .green[data-v-d995df96] {
      left: .9rem;
      top: 3rem;
      width: 1.96rem;
      background: #97e2c9;
      animation-duration: 2500ms;
      -moz-animation-duration: 2500ms;
      -webkit-animation-duration: 2500ms;
}
.layer-6 .intro .bubble-items .purple[data-v-d995df96] {
      right: .88rem;
      top: 3.8rem;
      width: 2.8rem;
      background: #9da6f5;
      animation-duration: 3600ms;
      -moz-animation-duration: 3600ms;
      -webkit-animation-duration: 3600ms;
}
.layer-6 .chat-bubble[data-v-d995df96] {
    position: absolute;
    right: .3rem;
    top: 0rem;
    width: 2.3rem;
    text-align: left;
    -webkit-transition: all 300ms;
    transition: all 300ms;
    animation: fadeIn 300ms;
    -moz-animation: fadeIn 300ms;
    -webkit-animation: fadeIn 300ms;
}
.layer-6 .chat-bubble p[data-v-d995df96] {
      color: #333;
      font-size: .24rem;
      line-height: .34rem;
}
.layer-6 .chat-bubble p[data-v-d995df96]:empty {
        height: .27rem;
}
.layer-6 .chat-bubble .copy-btn[data-v-d995df96] {
      display: inline-block;
      color: #333;
      font-size: .2rem;
      background: #fafafa;
      border-radius: .04rem;
      margin-top: .1rem;
      padding: .1rem .2rem;
      border: .02rem solid #e6e6e6;
}
.layer-6 .chat-bubble .inner[data-v-d995df96] {
      position: relative;
      float: right;
      width: 2.3rem;
      min-height: 1.3rem;
      background: #fff;
      border-radius: .16rem;
      -webkit-transition: all 100ms;
      transition: all 100ms;
      padding: .22rem .16rem;
      -webkit-box-shadow: 0px 2px 11px 0px rgba(117, 123, 155, 0.21);
              box-shadow: 0px 2px 11px 0px rgba(117, 123, 155, 0.21);
}
.layer-6 .chat-bubble .inner[data-v-d995df96]:after {
        content: '';
        position: absolute;
        left: -0.22rem;
        top: .42rem;
        width: .22rem;
        height: .44rem;
        background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/mobile/weike/5/5.png") no-repeat center/cover;
}
.layer-6 .circle-bg[data-v-d995df96] {
    position: absolute;
    left: 50%;
    right: 0;
    margin: 0 auto 0 auto;
    top: 1.6rem;
    width: 9.78rem;
    height: 9.78rem;
    opacity: 1;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/mobile/weike/5/bg.png") no-repeat center/cover;
    animation: wave-data-v-d995df96 linear 3s infinite;
    -moz-animation: wave-data-v-d995df96 linear 3s infinite;
    -webkit-animation: wave-data-v-d995df96 linear 3s infinite;
    border-radius: 50%;
}
.copy-toast[data-v-d995df96] {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 1.5rem;
  width: 1.55rem;
  margin: auto;
  color: #fff;
  padding: .15rem .2rem;
  border-radius: .04rem;
  background: rgba(0, 0, 0, 0.7);
  -webkit-transform: translateY(3rem);
          transform: translateY(3rem);
  -webkit-transition: all 400ms;
  transition: all 400ms;
  opacity: 0;
  z-index: 106;
}
.copy-toast.show[data-v-d995df96] {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
.dialog[data-v-d995df96] {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 105;
}
.dialog .inner[data-v-d995df96] {
    position: relative;
    width: 5.2rem;
    height: 5rem;
    background: #fff;
    margin: 2.47rem auto;
    border-radius: .1rem;
    text-align: center;
    padding-top: .8rem;
}
.dialog .inner[data-v-d995df96]:after {
      content: '';
      position: absolute;
      top: -0.5rem;
      left: 50%;
      width: 1.15rem;
      height: 1.15rem;
      transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      background-color: #fff;
      background-image: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/mobile/weike/6/icon-robot.png");
      background-position: center .2rem;
      background-repeat: no-repeat;
      background-size: .7rem .68rem;
      border-radius: 50%;
}
.dialog .close[data-v-d995df96] {
    position: absolute;
    right: 0;
    top: -0.55rem;
    width: .48rem;
    height: .48rem;
    background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/mobile/weike/6/icon-close.png") no-repeat center/cover;
}
.dialog .tips[data-v-d995df96] {
    color: #333;
    margin-bottom: .68rem;
}
.dialog .tips p[data-v-d995df96] {
      font-size: .3rem;
      line-height: .45rem;
}
.dialog .tips a[data-v-d995df96] {
      display: inline-block;
      color: #5f6fee;
      font-size: .2rem;
      padding: .1rem .18rem;
      background: #f5f6ff;
      border: .02rem solid #b4bbf9;
      border-radius: .04rem;
      margin-top: .18rem;
}
@keyframes float-data-v-d995df96 {
from {
    transform: translate3d(0, 0.08rem, 0);
    -moz-transform: translate3d(0, 0.08rem, 0);
    -webkit-transform: translate3d(0, 0.08rem, 0);
}
to {
    transform: translate3d(0, -0.08rem, 0);
    -moz-transform: translate3d(0, -0.08rem, 0);
    -webkit-transform: translate3d(0, -0.08rem, 0);
}
}
@-webkit-keyframes float-data-v-d995df96 {
from {
    transform: translate3d(0, 0.08rem, 0);
    -moz-transform: translate3d(0, 0.08rem, 0);
    -webkit-transform: translate3d(0, 0.08rem, 0);
}
to {
    transform: translate3d(0, -0.08rem, 0);
    -moz-transform: translate3d(0, -0.08rem, 0);
    -webkit-transform: translate3d(0, -0.08rem, 0);
}
}
@keyframes wave-data-v-d995df96 {
0% {
    transform: translateX(-50%) scale(0.2);
    -moz-transform: translateX(-50%) scale(0.2);
    -webkit-transform: translateX(-50%) scale(0.2);
}
60% {
    opacity: 1;
}
100% {
    transform: translateX(-50%) scale(1);
    -moz-transform: translateX(-50%) scale(1);
    -webkit-transform: translateX(-50%) scale(1);
    opacity: 0;
}
}
@-webkit-keyframes wave-data-v-d995df96 {
0% {
    transform: translateX(-50%) scale(0.2);
    -moz-transform: translateX(-50%) scale(0.2);
    -webkit-transform: translateX(-50%) scale(0.2);
}
60% {
    opacity: 1;
}
100% {
    transform: translateX(-50%) scale(1);
    -moz-transform: translateX(-50%) scale(1);
    -webkit-transform: translateX(-50%) scale(1);
    opacity: 0;
}
}
@keyframes boomIn-data-v-d995df96 {
from {
    transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
}
to {
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}
}
@-webkit-keyframes boomIn-data-v-d995df96 {
from {
    transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
}
to {
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}
}

*[data-v-434a9dd6] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.page[data-v-434a9dd6] {
  min-height: 100vh;
  background: #fafafa;
}
.page .container[data-v-434a9dd6] {
    margin: 0.72rem auto 1.75rem;
    max-width: 1200px;
}
.page .container .top-group[data-v-434a9dd6] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
}
.page .container .top-group .banner[data-v-434a9dd6] {
        position: relative;
        width: 17.22rem;
        height: 7.68rem;
        color: #fff;
        background-image: url("//oss-web.duanshu.com/static/image/marketing/bg-banner.png");
        background-size: cover;
        -webkit-box-shadow: 0px 0px 22px 0px rgba(218, 218, 218, 0.37);
                box-shadow: 0px 0px 22px 0px rgba(218, 218, 218, 0.37);
}
.page .container .top-group .banner h2[data-v-434a9dd6] {
          margin-top: 2.46rem;
          text-align: center;
          font-size: 1rem;
          font-weight: 500;
          line-height: 1.68rem;
}
.page .container .top-group .banner p[data-v-434a9dd6] {
          text-align: center;
          font-size: 0.48rem;
          font-weight: 400;
          color: #c5def9;
          line-height: 0.66rem;
}
.page .container .top-group .widget.people-service[data-v-434a9dd6] {
        padding-top: 0.86rem;
        width: 6.2rem;
        height: 7.68rem;
        text-align: center;
        background-image: url("//oss-web.duanshu.com/static/image/marketing/bg-widget.png");
        background-size: cover;
}
.page .container .top-group .widget.people-service .avatar[data-v-434a9dd6] {
          margin-bottom: 0.29rem;
          width: 1.4rem;
          height: 1.4rem;
}
.page .container .top-group .widget.people-service .tip[data-v-434a9dd6] {
          margin-bottom: 0.29rem;
          line-height: 0.44rem;
          font-size: 0.32rem;
          font-weight: 400;
          color: #333333;
}
.page .container .top-group .widget.people-service .tag-list[data-v-434a9dd6] {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          margin-bottom: 0.33rem;
}
.page .container .top-group .widget.people-service .tag-list li[data-v-434a9dd6] {
            width: 1.3rem;
            height: 0.48rem;
            line-height: 0.48rem;
            text-align: center;
            font-size: 0.24rem;
            color: white;
            background: #2fa4f7;
            border-radius: 0.04rem;
}
.page .container .top-group .widget.people-service .tag-list li[data-v-434a9dd6]:not(:last-child) {
              margin-right: 0.2rem;
}
.page .container .top-group .widget.people-service .qrcode[data-v-434a9dd6] {
          height: 2.19rem;
          width: 2.19rem;
}
.page .container .top-group .widget.people-service .attention[data-v-434a9dd6] {
          margin: 0 auto;
          width: 2.86rem;
          height: 0.68rem;
          font-size: 0.24rem;
          color: #333333;
          line-height: 0.34rem;
}
.page .container .mid-group[data-v-434a9dd6] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
}
.page .container .mid-group .category-list[data-v-434a9dd6] {
        -webkit-box-shadow: 15px 0 22px -23px rgba(218, 218, 218, 0.37), -15px 0 22px -23px rgba(218, 218, 218, 0.37);
                box-shadow: 15px 0 22px -23px rgba(218, 218, 218, 0.37), -15px 0 22px -23px rgba(218, 218, 218, 0.37);
}
.page .container .mid-group .news[data-v-434a9dd6] {
        margin-top: 0.61rem;
        margin-left: 0.61rem;
        padding: 0.31rem;
        width: 6.2rem;
        height: 7.7rem;
}
.page .container .bottom-group .category-list[data-v-434a9dd6] {
      margin-top: -20px;
      -webkit-box-shadow: 0px 20px 22px 0px rgba(218, 218, 218, 0.37);
              box-shadow: 0px 20px 22px 0px rgba(218, 218, 218, 0.37);
      border-bottom-left-radius: 0.18rem;
      border-bottom-right-radius: 0.18rem;
}
.widget[data-v-434a9dd6] {
  margin-left: 0.6rem;
  -webkit-box-shadow: 0px 0px 22px 0px rgba(218, 218, 218, 0.37);
          box-shadow: 0px 0px 22px 0px rgba(218, 218, 218, 0.37);
  border-radius: 0.12rem;
  background: #fff;
}
.category-list[data-v-434a9dd6] {
  padding: 1.04rem 0.61rem;
  width: 17.22rem;
  background: #fff;
  /* box-shadow: $box-shadow-grey; */
  overflow: hidden;
}
.category-list .list-title[data-v-434a9dd6] {
    line-height: 0.66rem;
    text-align: center;
    font-size: 0.48rem;
    font-weight: 500;
    color: #333333;
}
.category-list .list-description[data-v-434a9dd6] {
    margin-bottom: 0.6rem;
    line-height: 0.4rem;
    text-align: center;
    font-size: 0.29rem;
    font-weight: 400;
    color: #999999;
}
.category-list .list[data-v-434a9dd6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0.6rem 0;
}
.category-list .list li[data-v-434a9dd6] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 0.7rem 0.4rem 0 0.94rem;
      width: 50%;
      height: 2.6rem;
      border-left: 1px solid #f6f6f6;
      border-top: 1px solid #f6f6f6;
      background: #fff;
      cursor: pointer;
}
.category-list .list li[data-v-434a9dd6]:nth-child(even) {
        border-right: 1px solid #f6f6f6;
}
.category-list .list li[data-v-434a9dd6]:nth-last-child(1), .category-list .list li[data-v-434a9dd6]:nth-last-child(2) {
        border-right: 1px solid #f6f6f6;
        border-bottom: 1px solid #f6f6f6;
}
.category-list .list li.even-list[data-v-434a9dd6]:nth-last-child(2) {
        border-right: none;
}
.category-list .list li[data-v-434a9dd6]:hover {
        -webkit-box-shadow: 0px 0px 9px 0px rgba(216, 216, 216, 0.36);
                box-shadow: 0px 0px 9px 0px rgba(216, 216, 216, 0.36);
        border: 1px solid #f6f6f6;
}
.category-list .list li > a[data-v-434a9dd6] {
        display: block;
        margin-right: 0.52rem;
        position: relative;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 1rem;
                flex: 0 0 1rem;
        height: 1rem;
}
.category-list .list li .content-part[data-v-434a9dd6] {
        display: inline-block;
}
.category-list .list li .content-part h3 > a[data-v-434a9dd6] {
          font-size: 0.36rem;
          font-weight: 500;
          color: #333333;
          line-height: 0.5rem;
}
.category-list .list li .content-part h3 > a[data-v-434a9dd6]:hover {
            color: #0095ff;
}
.category-list .list li .content-part p[data-v-434a9dd6] {
          font-size: 0.28rem;
          color: #999999;
          line-height: 0.36rem;
}
.news li[data-v-434a9dd6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}
.news li[data-v-434a9dd6]:not(:last-child) {
    margin-bottom: 0.6rem;
}
.news li > a[data-v-434a9dd6] {
  display: block;
  margin-right: 0.18rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 2rem;
          flex: 0 0 2rem;
  height: 1.13rem;
}
.news li > a img[data-v-434a9dd6] {
    height: 100%;
}
.news h2[data-v-434a9dd6] {
  margin: 0.28rem auto 0.6rem;
  text-align: center;
  font-size: 0.4rem;
  font-weight: 500;
  color: #333333;
  line-height: 0.56rem;
}
.news .content-right[data-v-434a9dd6] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.news .content-right h3[data-v-434a9dd6] {
    margin-bottom: 0.12rem;
    height: 0.56rem;
    line-height: 0.24rem;
    /* overflow: hidden; */
}
.news .content-right h3 a[data-v-434a9dd6] {
      font-size: 0.24rem;
      font-weight: 400;
      color: #333333;
}
.news .content-right h3 a[data-v-434a9dd6]:hover {
        color: #0095ff;
}
.news .content-right p[data-v-434a9dd6] {
    width: 100%;
    line-height: 0.34rem;
    font-size: 0.24rem;
    color: #999999;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.news .check-more[data-v-434a9dd6] {
  margin-top: 0.7rem;
  text-align: center;
}
.news .check-more a[data-v-434a9dd6] {
    font-size: 0.28rem;
    color: #0095ff;
    line-height: 0.4rem;
}
@media screen and (max-width: 1200px) {
.page[data-v-434a9dd6] {
    background: #fff;
}
.page .container[data-v-434a9dd6] {
      margin: 0;
      width: auto;
}
.page .container .top-group[data-v-434a9dd6] {
        display: block;
}
.page .container .top-group .banner[data-v-434a9dd6] {
          position: relative;
          padding-top: 1.16rem;
          width: 100%;
          height: 3.84rem;
          -webkit-box-shadow: 0px 0px 22px 0px rgba(218, 218, 218, 0.37);
                  box-shadow: 0px 0px 22px 0px rgba(218, 218, 218, 0.37);
}
.page .container .top-group .banner h2[data-v-434a9dd6] {
            margin-top: 0rem;
            font-size: 0.43rem;
            line-height: 0.84rem;
}
.page .container .top-group .banner p[data-v-434a9dd6] {
            font-size: 0.26rem;
            line-height: 0.37rem;
}
.page .container .top-group .widget.people-service[data-v-434a9dd6] {
          margin: 0.5rem 0.3rem;
          padding-bottom: 0.33rem;
          width: auto;
          height: auto;
}
.page .container .top-group .widget.people-service .avatar[data-v-434a9dd6] {
            margin-bottom: 0.15rem;
            width: 0.7rem;
            height: 0.7rem;
}
.page .container .top-group .widget.people-service .tip[data-v-434a9dd6] {
            margin-bottom: 0.29rem;
            line-height: 0.42rem;
            font-size: 0.3rem;
            font-weight: 400;
            color: #333333;
}
.page .container .top-group .widget.people-service .tag-list[data-v-434a9dd6] {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            margin-bottom: 0.39rem;
}
.page .container .top-group .widget.people-service .tag-list li[data-v-434a9dd6] {
              border-radius: 0.02rem;
}
.page .container .top-group .widget.people-service .tag-list li[data-v-434a9dd6]:not(:last-child) {
                margin-right: 0.34rem;
}
.page .container .top-group .widget.people-service .qrcode[data-v-434a9dd6] {
            height: 1.56rem;
            width: 1.56rem;
}
.page .container .top-group .widget.people-service .attention[data-v-434a9dd6] {
            margin: 0 auto;
            width: 2.68rem;
            height: 0.57rem;
            font-size: 0.2rem;
            line-height: 0.29rem;
}
.page .container .mid-group[data-v-434a9dd6] {
        display: block;
        margin: 0 auto;
        max-width: 684px;
}
.page .container .mid-group .news[data-v-434a9dd6] {
          margin: 0.7rem 0 0;
          padding: 0.31rem;
          width: auto;
          height: auto;
}
.page .container .mid-group .category-list[data-v-434a9dd6] {
          -webkit-box-shadow: none;
                  box-shadow: none;
}
.page .container .bottom-group[data-v-434a9dd6] {
        display: block;
        margin: 0 auto;
        max-width: 684px;
}
.page .container .bottom-group .category-list[data-v-434a9dd6] {
          /* margin-top: -20px; */
          /* box-shadow: 0px 20px 22px 0px rgba(218,218,218,0.37); */
          -webkit-box-shadow: none;
                  box-shadow: none;
          border-bottom-left-radius: 0.18rem;
          border-bottom-right-radius: 0.18rem;
}
.widget[data-v-434a9dd6] {
    margin-left: 0;
    border-radius: 0.12rem;
}
.category-list[data-v-434a9dd6] {
    padding: 0;
    width: auto;
    -webkit-box-shadow: none;
            box-shadow: none;
    overflow: hidden;
}
.category-list .list-title[data-v-434a9dd6] {
      margin: 1rem 0.35rem 0.15rem;
      line-height: 0.7rem;
      font-size: 0.5rem;
}
.category-list .list-description[data-v-434a9dd6] {
      margin-bottom: 0.5rem;
      line-height: 0.37rem;
      font-size: 0.26rem;
}
.category-list .list[data-v-434a9dd6] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.category-list .list li[data-v-434a9dd6] {
        display: block;
        padding: 0.5rem 0.35rem 0.6rem;
        height: 3.4rem;
        text-align: center;
}
.category-list .list li > a[data-v-434a9dd6] {
          display: block;
          margin: 0 auto 0.29rem;
          width: 0.5rem;
          height: 0.5rem;
}
.category-list .list li .content-part[data-v-434a9dd6] {
          display: inline-block;
}
.category-list .list li .content-part h3[data-v-434a9dd6] {
            margin-bottom: 0.05rem;
}
.category-list .list li .content-part h3 > a[data-v-434a9dd6] {
            font-size: 0.32rem;
            line-height: 0.45rem;
}
.category-list .list li .content-part p[data-v-434a9dd6] {
            font-size: 0.26rem;
            line-height: 0.34rem;
}
.news[data-v-434a9dd6] {
    -webkit-box-shadow: none;
            box-shadow: none;
}
.news li[data-v-434a9dd6] {
      margin-bottom: 0.4rem;
}
.news h2[data-v-434a9dd6] {
      margin: 0 auto 0.5rem;
      font-size: 0.5rem;
      line-height: 0.7rem;
}
.news .content-right h3[data-v-434a9dd6] {
      margin-bottom: 0.12rem;
      height: 0.72rem;
      line-height: 0.36rem;
      /* overflow: hidden; */
}
.news .content-right h3 a[data-v-434a9dd6] {
        font-size: 0.29rem;
}
.news .check-more[data-v-434a9dd6] {
      margin-top: 0.5rem;
}
.news .check-more a[data-v-434a9dd6] {
        font-size: 0.24rem;
        line-height: 0.33rem;
}
}

.m-register-simple[data-v-594d4252] {
  background: #359bfd url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/global/intro/s4_bg.jpg") center center;
  background-size: auto 100%;
  text-align: center;
  padding: .7rem 0;
  overflow: hidden;
}
.m-register-simple h4[data-v-594d4252] {
    color: #fff;
    font-size: .32rem;
}
.m-register-simple .btn-group[data-v-594d4252] {
    margin-top: .38rem;
}
.m-register-simple .btn-group a[data-v-594d4252] {
      display: inline-block;
      background: #fff;
      border-radius: 4px;
      width: 2.8rem;
      color: #359bfd;
      height: .72rem;
      line-height: .72rem;
      text-align: center;
}

.page[data-v-72a626b4] {
  background: #FAFAFA;
}
.art-l[data-v-72a626b4] {
  background: #fff;
  float: left;
  width: 790px;
  padding: 20px 20px 20px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  margin-bottom: 30px;
}
.table-header[data-v-72a626b4] {
  padding: 0 0 16px 0;
  font-size: 16px;
  border-bottom: 1px solid #F0F0F0;
}
.item-wrapper[data-v-72a626b4] {
  position: relative;
  padding: 20px 0;
  border-bottom: 1px solid #F0F0F0;
}
.item-wrapper .item-img-link[data-v-72a626b4] {
    position: absolute;
    top: 20px;
    left: 0;
    width: 260px;
    height: 150px;
    background: #FBFBFB;
}
.item-wrapper .item-img-link .item-img[data-v-72a626b4] {
      width: 100%;
      height: 100%;
      -webkit-transition: -webkit-transform ease-in-out 0.2s;
      transition: -webkit-transform ease-in-out 0.2s;
      transition: transform ease-in-out 0.2s;
      transition: transform ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s;
}
.item-wrapper .item-img-link .item-img[data-v-72a626b4]:hover {
      -webkit-transform: scale(1.1);
              transform: scale(1.1);
}
.item-wrapper .item-content[data-v-72a626b4] {
    margin-left: 280px;
    height: 150px;
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.item-wrapper .item-content .item-title[data-v-72a626b4] {
      font-size: 20px;
      color: #333;
      font-weight: 500;
}
.item-wrapper .item-content .item-title[data-v-72a626b4]:hover {
      color: #0095FF;
}
.item-wrapper .item-content .item-brief[data-v-72a626b4] {
      margin-top: 10px;
      color: #999;
}
.item-wrapper .item-content .item-info-wrapper[data-v-72a626b4] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-top: auto;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      color: #999;
}
.item-wrapper .item-content .item-info-wrapper .item-hotword[data-v-72a626b4] {
        padding: 2px 4px;
        color: #666;
        border: solid 1px #F0F0F0;
        margin-right: 10px;
        max-width: 100px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
}
.item-wrapper .item-content .item-info-wrapper .item-hotword[data-v-72a626b4]:hover {
        color: #0095FF;
        border: solid 1px #0095FF;
}
.item-wrapper .item-content .item-info-wrapper span[data-v-72a626b4] {
        margin-left: 4px;
}
.item-wrapper .item-content .item-info-wrapper .item-date[data-v-72a626b4] {
        -ms-flex-negative: 0;
            flex-shrink: 0;
}
.item-wrapper .item-content .item-info-wrapper .item-write[data-v-72a626b4] {
        -ms-flex-negative: 0;
            flex-shrink: 0;
}
.table-footer[data-v-72a626b4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 30px;
}
.table-footer .more[data-v-72a626b4] {
    background: #fff;
    color: #0095FF;
    border: 1px solid #EBEBEB;
    font-size: 14px;
    padding: 10px 62px;
    cursor: pointer;
}

.price-page {
  min-width: 1200px;
  font-weight: normal;
}
.price-page .c-btn {
    height: 42px;
    line-height: 42px;
    font-size: 18px;
    text-align: center;
    border-radius: 4px;
    background: -webkit-gradient(linear, left top, right top, from(#007EFF), to(#38ACFF));
    background: linear-gradient(90deg, #007EFF, #38ACFF);
    color: #fff;
    display: inline-block;
    margin: 0 auto;
    padding: 0 28px;
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.price-page .c-btn.border {
      color: #0095FF;
      background: transparent;
      border: 1px solid #0095FF;
}
.price-page .c-btn:hover {
      border-color: #0095FF;
      color: #fff;
      background: -webkit-gradient(linear, left top, right top, from(#007EFF), to(#007EFF));
      background: linear-gradient(90deg, #007EFF, #007EFF);
}
.price-page .banner {
    padding-top: 60px;
    height: 148px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
}
.price-page .banner .info-wrap {
      position: absolute;
      top: 60%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      text-align: center;
}
.price-page .banner .info-wrap .m {
        font-size: 30px;
        font-weight: bold;
        background: -webkit-gradient(linear, left top, left bottom, from(#36a5f4), color-stop(90%, #63beff));
        background: linear-gradient(to bottom, #36a5f4 0%, #63beff 90%);
        -webkit-background-clip: text;
        color: transparent;
}
.price-page .banner .info-wrap .s {
        margin-top: 10px;
        font-size: 18px;
        color: #999;
}
.price-page .banner img {
      display: block;
      position: absolute;
      max-height: none;
      max-width: none;
      height: auto;
      top: 0;
}
.price-page .banner .l {
      left: 0;
      width: 346px;
}
.price-page .banner .r {
      right: 0;
      width: 250px;
}
.price-page .price-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 20px 0 50px;
}
.price-page .price-type .type-item {
      width: 317px;
      height: 452px;
      margin: 0 5px;
      text-align: center;
      border-radius: 4px;
      background: #fff;
      -webkit-box-shadow: 0 5px 15px rgba(108, 152, 240, 0.3);
              box-shadow: 0 5px 15px rgba(108, 152, 240, 0.3);
      position: relative;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      overflow: hidden;
      padding: 0 20px;
      border: 1px solid transparent;
      -webkit-transition: all .2s;
      transition: all .2s;
}
.price-page .price-type .type-item.active {
        -webkit-box-shadow: 0 0 20px rgba(108, 152, 240, 0.5);
                box-shadow: 0 0 20px rgba(108, 152, 240, 0.5);
        border-color: #0095FF;
}
.price-page .price-type .type-item:nth-child(2) {
        width: 376px;
}
.price-page .price-type .type-item:nth-child(3) .price p {
        font-size: 26px;
}
.price-page .price-type .label {
      position: absolute;
      right: 20px;
      top: 0;
      background: #fbdd9e;
      width: 44px;
      height: 58px;
      color: #be9642;
      font-size: 20px;
      padding-top: 12px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
}
.price-page .price-type .label:before {
        content: "";
        display: block;
        border: 22px solid #fff;
        position: absolute;
        bottom: 0;
        border-bottom-width: 10px;
        border-color: transparent transparent #fff;
}
.price-page .price-type h3 {
      font-weight: 500;
      line-height: 1em;
      margin-top: 40px;
      font-size: 24px;
      color: #333;
}
.price-page .price-type .price-bar {
      height: 130px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
}
.price-page .price-type .price-bar .price {
        color: #0196FF;
        font-size: 40px;
}
.price-page .price-type .price-bar small {
        font-size: 18px;
        color: #91AEC3;
        margin: 0 5px;
        position: relative;
        top: -1px;
}
.price-page .price-type .price-bar small.unit {
          color: #0196FF;
          margin: 0;
}
.price-page .price-type .price-bar .old-price {
        font-size: 16px;
        margin-top: 15px;
        color: #91AEC3;
}
.price-page .price-type .desc-title {
      height: 16px;
      font-size: 16px;
      font-family: PingFang SC;
      font-weight: 400;
      color: #666666;
      line-height: 24px;
      text-align: center;
      margin: 12px 0;
}
.price-page .price-type .desc {
      color: #999;
      font-size: 14px;
      line-height: 22px;
      margin: 16px auto 0;
}
.price-page .price-type .btn-group {
      margin-bottom: 40px;
}
.price-page .price-type .btn-group .c-btn {
        width: 100%;
}
.price-page .price-type .btn-group .grey {
        border-color: #d1d1d1;
        color: #fff;
        background: #d1d1d1;
}
.price-page .price-type .btn-group .grey:hover {
          background: #d1d1d1;
}
.price-page .price-type .summary {
      margin-top: 40px;
}
.price-page .price-type .summary dt {
        font-size: 16px;
        color: #333;
        font-weight: bold;
        line-height: 16px;
        margin-top: 38px;
}
.price-page .price-type .summary dt:before {
          content: "";
          display: inline-block;
          width: 5px;
          height: 5px;
          border-radius: 50%;
          background: #0095FF;
          position: relative;
          top: -3px;
          margin-right: 8px;
}
.price-page .price-type .summary dd {
        font-size: 14px;
        color: #333;
        line-height: 1em;
        margin-top: 18px;
}
.price-page .price-type .more-btn {
      display: block;
      font-size: 14px;
      color: #36AAFF;
      line-height: 1em;
      margin-top: 18px;
      cursor: pointer;
}
.price-page .price-type .more-btn:hover {
        color: #0394ff;
}
.price-page .price-type .extend-wrap {
      border-top: 1px solid #eaeaea;
      position: absolute;
      bottom: 0;
      left: 40px;
      right: 40px;
}
.price-page .info-table {
    max-width: 1024px;
    margin: 0 auto;
    padding: 10px 0 60px;
    padding-top: 29px;
}
.price-page .info-table h3 {
      font-size: 28px;
      line-height: 28px;
      font-weight: bold;
      text-align: center;
      margin-bottom: 40px;
}
.price-page .info-table .info-bar {
      height: 75px;
}
.price-page .info-table .bar-wrap {
      z-index: 1;
}
.price-page .info-table .bar-wrap.fixed {
        position: fixed;
        left: 0;
        right: 0;
        background: rgba(255, 255, 255, 0.9);
        -webkit-box-shadow: 0 0 20px -10px #000;
                box-shadow: 0 0 20px -10px #000;
}
.price-page .info-table .bar-wrap.fixed .center-helper {
          width: 1200px;
          margin: 0 auto;
}
.price-page .info-table .bar-wrap.fixed table {
          margin: 0 auto;
          max-width: 1024px;
}
.price-page .info-table .bar-wrap.fixed th {
          border-bottom: none;
}
.price-page .info-table table {
      width: 100%;
}
.price-page .info-table table th,
      .price-page .info-table table td {
        padding: 0 10px;
}
.price-page .info-table .m-table {
      border-collapse: collapse;
}
.price-page .info-table .m-table th {
        border-bottom: 1px solid #ebebeb;
        font-weight: normal;
        line-height: 74px;
}
.price-page .info-table .m-table th:nth-child(1) {
        text-align: left;
        font-size: 26px;
        color: #666;
}
.price-page .info-table .m-table th:nth-child(1) span {
          font-size: 32px;
          font-weight: bold;
          color: #999;
          position: relative;
          top: 3px;
          margin-right: 4px;
}
.price-page .info-table .m-table th:nth-child(2),
      .price-page .info-table .m-table th:nth-child(3),
      .price-page .info-table .m-table th:nth-child(4) {
        font-size: 18px;
        text-align: center;
        width: 150px;
}
.price-page .info-table .info-ctn {
      max-height: 500px;
      position: relative;
      overflow: hidden;
      -webkit-transition: all .3s;
      transition: all .3s;
}
.price-page .info-table .info-ctn.active {
        position: static;
        max-height: 9999px;
}
.price-page .info-table .info-ctn.active:after {
          display: none;
}
.price-page .info-table .info-ctn:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        display: block;
        width: 100%;
        height: 270px;
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff));
        background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0), #fff);
}
.price-page .info-table .info-ctn .s-table {
        border-collapse: collapse;
}
.price-page .info-table .info-ctn .s-table:not(:first-child) {
          margin-top: 10px;
}
.price-page .info-table .info-ctn .s-table th {
          text-align: left;
          font-size: 26px;
          color: #666;
          font-weight: normal;
          border-bottom: 1px solid #ebebeb;
          line-height: 80px;
}
.price-page .info-table .info-ctn .s-table th span {
            font-size: 32px;
            font-weight: bold;
            color: #999;
            position: relative;
            top: 3px;
            margin-right: 4px;
}
.price-page .info-table .info-ctn .s-table tr:hover {
          background: #fafafa;
}
.price-page .info-table .info-ctn .s-table td {
          line-height: 60px;
          font-size: 24px;
          text-align: center;
          width: 150px;
          border-bottom: 1px solid #ebebeb;
}
.price-page .info-table .info-ctn .s-table td:nth-child(1) {
            text-align: left;
            width: auto;
            font-size: 16px;
            color: #333;
}
.price-page .info-table .info-ctn .s-table td a,
          .price-page .info-table .info-ctn .s-table td span {
            font-size: 16px;
}
.price-page .info-table .info-ctn .el-icon-minus,
      .price-page .info-table .info-ctn .el-icon-check {
        font-weight: bold;
}
.price-page .info-table .info-ctn .el-icon-circle-check {
        font-size: 16px;
}
.price-page .info-table .info-ctn .tips-ico {
        width: 16px;
        height: 16px;
        vertical-align: middle;
        position: relative;
        top: -2px;
        display: inline-block;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAABGUlEQVQ4jaXTTStEYRQH8N9ct0ypSaIssGDBWkpTrCxsZGOLLHwAZWHhY/AB7JQk4hNQoqylxsrLLL1kMSVhMc/ozu3emfCv0+k5L/9zep7nX6hWq3IQox9FPKKWVRRlxKZxgFfco4I3nGEl3VNIbNCJbazmrRRwiYWw1Q9bB/Yymp+DfSRikzhHX5JgHfMZ03qCXaTiQ9htEHRjs83aWZjBbIw5lHKKroIfzckvxii3mDIcfDEnX47U3zoPeXfQQG+ElxYE7fAU4fofBJUIR/j6I8FhhFvhTX+JB+zE4bCmroHBVNFG8AOp+DuWUEtqYQwnGGkzuYZl7NOsrBtMYEu2dD9xjPFGM81qTKKEKfWP1IU7nAoKTOIb5kI5RsEyGFYAAAAASUVORK5CYII=) no-repeat center center;
        background-size: 100% 100%;
        margin-left: 5px;
}
.price-page .info-table .info-ctn .blue {
        color: #0095FF;
}
.price-page .info-table .info-ctn .grey {
        color: #d1d1d1;
}
.price-page .info-table .info-ctn .version-text .m {
        font-size: 16px;
        line-height: 1em;
        color: #0072FF;
}
.price-page .info-table .info-ctn .version-text .s {
        font-size: 14px;
        color: #91AEC3;
        line-height: 1em;
        margin-top: 8px;
}
.price-page .info-table .info-ctn .pointer {
        cursor: pointer;
}
.price-page .info-table .btn-group {
      margin-top: 40px;
      text-align: center;
}
.price-page .info-table .btn-group .c-btn {
        width: 180px;
        font-size: 16px;
}
.price-page .info-table .btn-group .c-btn:nth-child(2) {
          margin-left: 20px;
}
.price-page .qa {
    background: #fff;
    height: 478px;
    overflow: hidden;
}
.price-page .qa h2 {
      font-size: 24px;
      color: #333;
      line-height: 1em;
      margin-top: 60px;
      text-align: center;
      font-weight: normal;
}
.price-page .qa .ctn {
      max-width: 1000px;
      margin: 50px auto 0;
      overflow: hidden;
}
.price-page .qa .ctn dl {
        float: left;
        width: 50%;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding-right: 40px;
        margin-bottom: 50px;
}
.price-page .qa .ctn dl:nth-child(2n) {
          padding-left: 40px;
          padding-right: 0;
}
.price-page .qa .ctn dt {
        color: #333;
        font-size: 16px;
        line-height: 1em;
        font-weight: bold;
}
.price-page .qa .ctn dd {
        color: #666;
        font-size: 14px;
        line-height: 28px;
        margin-top: 16px;
        height: 84px;
}
.price-page .page-fd {
    position: relative;
    height: 350px;
}
.price-page .page-fd img {
      display: block;
      position: absolute;
      height: 350px;
      width: auto;
      max-height: none;
      max-width: none;
      top: 0;
}
.price-page .page-fd .l {
      left: 0;
}
.price-page .page-fd .r {
      right: 0;
}
.price-page .page-fd .ctn {
      text-align: center;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
}
.price-page .page-fd .ctn h4 {
        font-weight: normal;
        font-size: 24px;
        color: #333;
        line-height: 1em;
}
.price-page .page-fd .ctn p {
        margin-top: 20px;
        line-height: 1em;
        font-size: 16px;
        color: #999;
}
.price-page .page-fd .ctn .btn-group {
        margin-top: 40px;
}
.price-page .form-dialog .el-dialog__headerbtn {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
.price-page .form-dialog .el-dialog__header {
    padding-top: 12px;
    padding-bottom: 6px;
    border-bottom: 1px solid #ebebeb;
    position: relative;
}
.price-page .form-dialog .el-dialog__title {
    font-size: 14px;
}
.price-page .form-dialog .el-dialog__body {
    padding: 40px;
}
.price-page .vip-form .text {
    font-size: 14px;
    line-height: 1em;
}
.price-page .vip-form .service-info {
    padding: 20px;
    background: #f7f7f7;
    margin: 20px 0 30px;
}
.price-page .vip-form .service-info img {
      float: left;
      width: 52px;
      height: 52px;
      margin-right: 14px;
}
.price-page .vip-form .service-info .name {
      font-size: 14px;
      line-height: 1em;
      margin-top: 6px;
      color: #333;
}
.price-page .vip-form .service-info .num {
      color: #0095FF;
      font-size: 20px;
      font-weight: bold;
      line-height: 1em;
      margin-top: 10px;
}
.price-page .vip-form .form {
    margin-top: 15px;
}
.price-page .vip-form .form .el-form-item {
      margin-bottom: 20px;
}
.price-page .vip-form .form .el-form-item.is-success .el-input__inner {
        border-color: #dcdfe6;
}
.price-page .vip-form .form .el-form-item .el-input__inner:focus {
        border-color: #409EFF !important;
}
.price-page .vip-form .form input {
      font-size: 14px;
}
.price-page .vip-form .c-btn {
    font-size: 16px;
    display: block;
}
.price-page .free-table {
    border: 1px solid #DDEEFF;
    width: 1153px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 60px 0;
}
.price-page .free-table dl {
      width: 900px;
      margin: 50px auto 0;
}
.price-page .free-table dl dt {
        overflow: hidden;
        font-size: 16px;
}
.price-page .free-table dl dt .l {
          color: #333;
}
.price-page .free-table dl dt .r {
          float: right;
          color: #0095FF;
}
.price-page .free-table dl dd {
        overflow: hidden;
        font-size: 14px;
        margin-top: 16px;
        border-bottom: 1px solid #EBEBEB;
        padding-bottom: 20px;
        margin-bottom: 20px;
}
.price-page .free-table dl dd .l {
          color: #999;
}
.price-page .free-table dl dd a.l {
          display: none;
          color: #516E99;
}
.price-page .free-table dl dd .r {
          float: right;
          color: #666;
}
.price-page .free-table dl dd:last-child {
          border-bottom: none;
}
.price-page .free-table h3 {
      font-weight: normal;
      font-size: 24px;
      line-height: 28px;
      text-align: center;
}
.price-page .free-table .btn-group {
      text-align: center;
      margin-top: 50px;
}
.price-page .free-table .btn-group a {
        width: 200px;
}
.price-page .card-show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #f9fbff;
    padding: 60px 0 30px;
}
.price-page .card-show .apply-flow {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      font-size: 16px;
      color: #666;
      font-weight: 400;
      margin-top: 20px;
}
.price-page .card-show .apply-flow .arrow {
        width: 54px;
        height: 12px;
        margin: 0 12px;
}
.price-page .card-show h3 {
      font-weight: normal;
      font-size: 24px;
      line-height: 28px;
      text-align: center;
      margin-bottom: 10px;
}
.price-page .card-show .desc {
      font-size: 16px;
      color: #999;
      text-align: center;
}
.price-page .card-show .card-list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 1158px;
      margin: 40px auto 20px;
}
.price-page .card-show .card-list .item {
        width: 378px;
        height: 560px;
        margin: 0 10px;
        background: #fff;
        position: relative;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 32px;
        -webkit-transition: all .3s;
        transition: all .3s;
        border-radius: 4px;
}
.price-page .card-show .card-list .item h4 {
          font-size: 20px;
          color: #333;
          line-height: 28px;
          margin-bottom: 10px;
}
.price-page .card-show .card-list .item p {
          font-size: 14px;
          color: #333;
          line-height: 26px;
          border-bottom: 1px solid #E6E6E6;
          padding-bottom: 34px;
          margin-bottom: 34px;
}
.price-page .card-show .card-list .item dt {
          font-size: 16px;
          color: #999;
          line-height: 28px;
          margin-bottom: 5px;
}
.price-page .card-show .card-list .item dd {
          font-size: 14px;
          color: #333;
          line-height: 28px;
          position: relative;
          padding-left: 12px;
}
.price-page .card-show .card-list .item dd.sp {
            font-size: 14px;
            color: #516E99;
            line-height: 28px;
            cursor: pointer;
}
.price-page .card-show .card-list .item dd.sp:before {
              display: none;
}
.price-page .card-show .card-list .item dd:before {
            content: "";
            position: absolute;
            display: block;
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: #e0e0e0;
            top: 11px;
            left: 0;
}
.price-page .card-show .card-list .item img {
          width: 129px;
          height: 129px;
          -o-object-fit: cover;
             object-fit: cover;
          position: absolute;
          top: 0;
          left: 0;
}
.price-page .card-show .card-list .item .link {
          position: absolute;
          bottom: 40px;
          right: 40px;
          font-size: 16px;
          color: #0095FF;
          line-height: 28px;
          padding-right: 20px;
          background-position: right center;
          background-repeat: no-repeat;
          background-size: 14px auto;
}
.price-page .card-show .card-list .item:hover {
          z-index: 1;
          -webkit-transform: scale(1.08);
                  transform: scale(1.08);
          -webkit-box-shadow: 0 0 30px rgba(108, 152, 240, 0.5);
          box-shadow: 0 0 30px rgba(108, 152, 240, 0.5);
}
.price-page .card-show .register-btn {
      width: 160px;
      height: 46px;
      line-height: 46px;
      font-size: 16px;
      background: #0095FF;
      color: white;
      border-radius: 4px;
      text-align: center;
      margin-top: 20px;
}
.price-page .poorthing-dialog .el-dialog__header {
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #ebebeb;
}
.price-page .poorthing-dialog .el-dialog__title {
    font-size: 16px;
}
.price-page .poorthing-dialog .el-dialog__headerbtn {
    top: 16px;
}
.price-page .poorthing-dialog .el-dialog__body {
    padding: 30px;
}
.price-page .poorthing-dialog dt {
    margin-top: 20px;
    font-size: 16px;
    color: #333;
    line-height: 28px;
    font-weight: bold;
}
.price-page .poorthing-dialog dt:nth-child(1) {
      margin-top: 0;
}
.price-page .poorthing-dialog dd {
    font-size: 14px;
    color: #666666;
    line-height: 28px;
}
.tips-pop {
  font-size: 12px;
  padding-top: 12px;
  padding-bottom: 12px;
}
.fix-nav {
  position: fixed;
  left: 50%;
  z-index: 1;
  top: 180px;
  margin-left: -630px;
}
.fix-nav ul {
    border-right: 1px solid #E9E9E9;
    padding: 2px 10px 2px 0;
}
.fix-nav ul li {
      text-align: right;
      font-size: 14px;
      color: #999;
      line-height: 1em;
      white-space: nowrap;
      position: relative;
      cursor: pointer;
}
.fix-nav ul li:not(:last-child) {
        margin-bottom: 24px;
}
.fix-nav ul li.active, .fix-nav ul li:hover {
        color: #00A2FF;
}
.fix-nav ul li.active:before, .fix-nav ul li:hover:before {
          content: '';
          display: block;
          position: absolute;
          right: -10px;
          top: -1px;
          -webkit-transform: translateX(100%);
                  transform: translateX(100%);
          border-width: 8px 4px;
          border-style: solid;
          border-color: transparent transparent transparent #00A2FF;
}
.float-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 20px;
  margin-bottom: 47px;
}
.float-nav li {
    width: 130px;
    height: 44px;
    background: white;
    border: 1px solid #ebebeb;
    border-radius: 22px;
    line-height: 44px;
    text-align: center;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #333333;
    margin: 13px 7px;
    cursor: pointer;
}
.float-nav li:hover {
      background: linear-gradient(119deg, #007eff 0%, #5faeff 100%);
      color: white;
}

.register-page {
  height: 100%;
  min-height: 100vh;
  background-color: #fff;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.register-page .register-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 64px;
    display: block;
    -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.07);
            box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.07);
    background: white;
    z-index: 100;
}
.register-page .register-header .register-header-content {
      width: 800px;
      height: 100%;
      margin: 0 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
}
.register-page .register-header .register-header-content .register-header-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
}
.register-page .register-header .register-header-content .register-header-wrapper .dslogo {
          width: 60px;
          height: 30px;
          -o-object-fit: contain;
             object-fit: contain;
}
.register-page .register-header .register-header-content .register-header-wrapper .page-title {
          color: #666;
          font-size: 16px;
          margin-left: 10px;
          padding-left: 10px;
          border-left: 1px solid #e6e6e6;
}
.register-page .register-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 60px;
    color: #999;
    font-size: 12px;
}
.register-page .register-footer a {
      color: #999;
}
.register-page .logo-img {
    position: fixed;
    top: 24px;
    left: 40px;
    cursor: pointer;
    width: 80px;
}
.register-page .login-form {
    margin: 124px auto 60px auto;
    width: 500px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.register-page .login-form .tel-register {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      text-align: center;
}
.register-page .login-logo {
    margin-bottom: 36px;
    font-size: 24px;
    color: #333;
}
.register-page .form-item {
    display: inline-block;
    position: relative;
    margin-bottom: 24px;
}
.register-page .form-control {
    width: 340px;
    height: 42px;
    font-size: 14px;
    border: 1px solid #ebebeb;
    padding: 0px 10px;
}
.register-page .form-control:hover {
    border-color: #aaa;
}
.register-page .form-control:focus {
    border-color: #0095ff;
    outline: 0;
}
.register-page .code {
    width: 362px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.register-page .phoneCode {
    width: 150px;
}
.register-page .code-btn {
    margin-left: 18px;
    background-color: #fafafa;
    font-size: 12px;
    color: #0095ff;
    height: 42px;
    line-height: 40px;
    width: 170px;
    border-color: #f0f0f0;
    border-radius: 0;
    padding: 0;
}
.register-page .code-btn.isGet {
    color: #999;
}
.register-page .check-item {
    color: #999;
    text-align: left;
    width: 362px;
}
.register-page .check-item .agreement {
      display: inline-block;
      cursor: pointer;
      width: 12px;
      height: 12px;
      border-radius: 4px;
      border: 1px solid #eeeeee;
      background: gray;
}
.register-page .check-item .agreement--on {
      background: red;
}
.register-page .check-item .el-checkbox .el-checkbox__inner {
      border-color: #e6e6e6;
      background-color: transparent;
}
.register-page .check-item .el-checkbox .el-checkbox__inner::after {
      border-color: #666;
}
.register-page .check-item p {
      display: inline-block;
      font-size: 12px;
      margin: 0;
      margin-left: 5px;
}
.register-page .check-item a {
      color: #999;
}
.register-page .check-item a:hover {
      color: #0095ff;
}
.register-page .nc-hint {
    color: #333;
    margin-bottom: 10px;
    text-align: left;
}
.register-page .register-btn {
    width: 362px;
    height: 44px;
    line-height: 42px;
    padding: 0;
    font-size: 16px;
    font-weight: 600;
    background-color: #0095ff;
    color: #fff;
    border-radius: 2px;
    border-color: #0095ff;
}
.register-page .register-btn:hover {
    background-color: #64b5f6;
    border-color: #4db3ff;
}
.register-page .register-login {
    text-align: right;
    width: 362px;
    color: #999;
    font-size: 14px;
}
.register-page .register-login p {
    display: inline-block;
    margin: 0;
    cursor: pointer;
}
.register-page .register-login .login {
    color: #0095FF;
}
.register-page .captcha-title {
    color: #333;
    font-size: 16px;
    line-height: 1;
}
.register-page .captcha-input-wrapper {
    display: block;
    position: relative;
    margin: 20px 0;
}
.register-page .captcha-input-wrapper .captcha-input {
      width: 100%;
      height: 42px;
      font-size: 14px;
      border: 1px solid #ebebeb;
      padding: 0 0 0 10px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
}
.register-page .captcha-input-wrapper .captcha-img {
      position: absolute;
      right: 4px;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
}
.register-page .sendcode-btn {
    width: 100%;
    font-weight: bold;
}
.register-page .el-dialog__header {
    padding: 0;
}
.register-page .service {
    position: fixed;
    right: 20px;
    bottom: 100px;
    height: 130px;
    width: 300px;
    background: white;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: 1.5;
    -webkit-transform: inherit;
            transform: inherit;
    -webkit-transition: ease-out 0.8s;
    transition: ease-out 0.8s;
}
.register-page .service .wrapper {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      -webkit-transition: ease-in-out 0.5s;
      transition: ease-in-out 0.5s;
}
.register-page .service .loading-wrapper {
      opacity: 1;
      visibility: show;
}
.register-page .service .service-wrapper {
      opacity: 0;
      visibility: hidden;
}
.register-page .service .loading-wrapper--hidden {
      opacity: 0;
      visibility: hidden;
}
.register-page .service .service-wrapper--show {
      opacity: 1;
      visibility: visible;
}
.register-page .service .loading,
    .register-page .service .avatar {
      position: absolute;
      left: 20px;
      width: 60px;
      height: 60px;
      top: 0;
      bottom: 0;
      margin: auto 0;
}
.register-page .service .avatar {
      overflow: hidden;
      border-radius: 30px;
      background: lightgray;
}
.register-page .service .loading-text {
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto 0;
      height: 30px;
      line-height: 30px;
      left: 100px;
      right: 20px;
      font-size: 14px;
      color: #333;
}
.register-page .service .content {
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto 0;
      left: 100px;
      height: 64px;
}
.register-page .service .content .title {
        font-size: 12px;
        color: #999;
}
.register-page .service .content .name {
        font-size: 14px;
        color: #333;
}
.register-page .service .content .mobile {
        font-size: 18px;
        color: #0095FF;
}
.register-page .service--out {
    -webkit-transform: translateX(350px);
            transform: translateX(350px);
}
.register-page .activity-banner {
    margin-top: 20px;
    width: 360px;
    height: 100px;
}

.register-page {
  height: 100%;
  min-height: 100vh;
  background-color: #fff;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.register-page .register-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 64px;
    display: block;
    -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.07);
            box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.07);
    background: white;
    z-index: 100;
}
.register-page .register-header .register-header-content {
      width: 800px;
      height: 100%;
      margin: 0 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
}
.register-page .register-header .register-header-content .register-header-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
}
.register-page .register-header .register-header-content .register-header-wrapper .dslogo {
          width: 60px;
          height: 30px;
          -o-object-fit: contain;
             object-fit: contain;
}
.register-page .register-header .register-header-content .register-header-wrapper .page-title {
          color: #666;
          font-size: 16px;
          margin-left: 10px;
          padding-left: 10px;
          border-left: 1px solid #e6e6e6;
}
.register-page .register-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 60px;
    color: #999;
    font-size: 12px;
}
.register-page .register-footer a {
      color: #999;
}
.register-page .logo-img {
    position: fixed;
    top: 24px;
    left: 40px;
    cursor: pointer;
    width: 80px;
}
.register-page .login-form {
    margin: 124px auto 60px auto;
    width: 500px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.register-page .login-form .tel-register {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      text-align: center;
}
.register-page .login-logo {
    margin-bottom: 36px;
    font-size: 24px;
    color: #333;
}
.register-page .form-item {
    display: inline-block;
    position: relative;
    margin-bottom: 24px;
}
.register-page .form-control {
    width: 340px;
    height: 42px;
    font-size: 14px;
    border: 1px solid #ebebeb;
    padding: 0px 10px;
}
.register-page .form-control:hover {
    border-color: #aaa;
}
.register-page .form-control:focus {
    border-color: #0095ff;
    outline: 0;
}
.register-page .code {
    width: 362px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.register-page .phoneCode {
    width: 150px;
}
.register-page .code-btn {
    margin-left: 18px;
    background-color: #fafafa;
    font-size: 12px;
    color: #0095ff;
    height: 42px;
    line-height: 40px;
    width: 170px;
    border-color: #f0f0f0;
    border-radius: 0;
    padding: 0;
}
.register-page .code-btn.isGet {
    color: #999;
}
.register-page .check-item {
    color: #999;
    text-align: left;
    width: 362px;
}
.register-page .check-item .agreement {
      display: inline-block;
      cursor: pointer;
      width: 12px;
      height: 12px;
      border-radius: 4px;
      border: 1px solid #eeeeee;
      background: gray;
}
.register-page .check-item .agreement--on {
      background: red;
}
.register-page .check-item .el-checkbox .el-checkbox__inner {
      border-color: #e6e6e6;
      background-color: transparent;
}
.register-page .check-item .el-checkbox .el-checkbox__inner::after {
      border-color: #666;
}
.register-page .check-item p {
      display: inline-block;
      font-size: 12px;
      margin: 0;
      margin-left: 5px;
}
.register-page .check-item a {
      color: #999;
}
.register-page .check-item a:hover {
      color: #0095ff;
}
.register-page .nc-hint {
    color: #333;
    margin-bottom: 10px;
    text-align: left;
}
.register-page .register-btn {
    width: 362px;
    height: 44px;
    line-height: 42px;
    padding: 0;
    font-size: 16px;
    font-weight: 600;
    background-color: #0095ff;
    color: #fff;
    border-radius: 2px;
    border-color: #0095ff;
}
.register-page .register-btn:hover {
    background-color: #64b5f6;
    border-color: #4db3ff;
}
.register-page .register-login {
    text-align: right;
    width: 362px;
    color: #999;
    font-size: 14px;
}
.register-page .register-login p {
    display: inline-block;
    margin: 0;
    cursor: pointer;
}
.register-page .register-login .login {
    color: #0095FF;
}
.register-page .captcha-title {
    color: #333;
    font-size: 16px;
    line-height: 1;
}
.register-page .captcha-input-wrapper {
    display: block;
    position: relative;
    margin: 20px 0;
}
.register-page .captcha-input-wrapper .captcha-input {
      width: 100%;
      height: 42px;
      font-size: 14px;
      border: 1px solid #ebebeb;
      padding: 0 0 0 10px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
}
.register-page .captcha-input-wrapper .captcha-img {
      position: absolute;
      right: 4px;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
}
.register-page .sendcode-btn {
    width: 100%;
    font-weight: bold;
}
.register-page .el-dialog__header {
    padding: 0;
}
.register-page .service {
    position: fixed;
    right: 20px;
    bottom: 100px;
    height: 130px;
    width: 300px;
    background: white;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: 1.5;
    -webkit-transform: inherit;
            transform: inherit;
    -webkit-transition: ease-out 0.8s;
    transition: ease-out 0.8s;
}
.register-page .service .wrapper {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      -webkit-transition: ease-in-out 0.5s;
      transition: ease-in-out 0.5s;
}
.register-page .service .loading-wrapper {
      opacity: 1;
      visibility: show;
}
.register-page .service .service-wrapper {
      opacity: 0;
      visibility: hidden;
}
.register-page .service .loading-wrapper--hidden {
      opacity: 0;
      visibility: hidden;
}
.register-page .service .service-wrapper--show {
      opacity: 1;
      visibility: visible;
}
.register-page .service .loading,
    .register-page .service .avatar {
      position: absolute;
      left: 20px;
      width: 60px;
      height: 60px;
      top: 0;
      bottom: 0;
      margin: auto 0;
}
.register-page .service .avatar {
      overflow: hidden;
      border-radius: 30px;
      background: lightgray;
}
.register-page .service .loading-text {
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto 0;
      height: 30px;
      line-height: 30px;
      left: 100px;
      right: 20px;
      font-size: 14px;
      color: #333;
}
.register-page .service .content {
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto 0;
      left: 100px;
      height: 64px;
}
.register-page .service .content .title {
        font-size: 12px;
        color: #999;
}
.register-page .service .content .name {
        font-size: 14px;
        color: #333;
}
.register-page .service .content .mobile {
        font-size: 18px;
        color: #0095FF;
}
.register-page .service--out {
    -webkit-transform: translateX(350px);
            transform: translateX(350px);
}
.register-page .activity-banner {
    margin-top: 20px;
    width: 360px;
    height: 100px;
}

.register-page {
  height: 100%;
  min-height: 100vh;
  background-color: #fff;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.register-page .register-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 64px;
    display: block;
    -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.07);
            box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.07);
    background: white;
    z-index: 100;
}
.register-page .register-header .register-header-content {
      width: 800px;
      height: 100%;
      margin: 0 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
}
.register-page .register-header .register-header-content .register-header-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
}
.register-page .register-header .register-header-content .register-header-wrapper .dslogo {
          width: 60px;
          height: 30px;
          -o-object-fit: contain;
             object-fit: contain;
}
.register-page .register-header .register-header-content .register-header-wrapper .page-title {
          color: #666;
          font-size: 16px;
          margin-left: 10px;
          padding-left: 10px;
          border-left: 1px solid #e6e6e6;
}
.register-page .register-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 60px;
    color: #999;
    font-size: 12px;
}
.register-page .register-footer a {
      color: #999;
}
.register-page .logo-img {
    position: fixed;
    top: 24px;
    left: 40px;
    cursor: pointer;
    width: 80px;
}
.register-page .login-form {
    margin: 124px auto 60px auto;
    width: 500px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.register-page .login-form .tel-register {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      text-align: center;
}
.register-page .login-logo {
    margin-bottom: 36px;
    font-size: 24px;
    color: #333;
}
.register-page .form-item {
    display: inline-block;
    position: relative;
    margin-bottom: 24px;
}
.register-page .form-control {
    width: 340px;
    height: 42px;
    font-size: 14px;
    border: 1px solid #ebebeb;
    padding: 0px 10px;
}
.register-page .form-control:hover {
    border-color: #aaa;
}
.register-page .form-control:focus {
    border-color: #0095ff;
    outline: 0;
}
.register-page .code {
    width: 362px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.register-page .phoneCode {
    width: 150px;
}
.register-page .code-btn {
    margin-left: 18px;
    background-color: #fafafa;
    font-size: 12px;
    color: #0095ff;
    height: 42px;
    line-height: 40px;
    width: 170px;
    border-color: #f0f0f0;
    border-radius: 0;
    padding: 0;
}
.register-page .code-btn.isGet {
    color: #999;
}
.register-page .check-item {
    color: #999;
    text-align: left;
    width: 362px;
}
.register-page .check-item .agreement {
      display: inline-block;
      cursor: pointer;
      width: 12px;
      height: 12px;
      border-radius: 4px;
      border: 1px solid #eeeeee;
      background: gray;
}
.register-page .check-item .agreement--on {
      background: red;
}
.register-page .check-item .el-checkbox .el-checkbox__inner {
      border-color: #e6e6e6;
      background-color: transparent;
}
.register-page .check-item .el-checkbox .el-checkbox__inner::after {
      border-color: #666;
}
.register-page .check-item p {
      display: inline-block;
      font-size: 12px;
      margin: 0;
      margin-left: 5px;
}
.register-page .check-item a {
      color: #999;
}
.register-page .check-item a:hover {
      color: #0095ff;
}
.register-page .nc-hint {
    color: #333;
    margin-bottom: 10px;
    text-align: left;
}
.register-page .register-btn {
    width: 362px;
    height: 44px;
    line-height: 42px;
    padding: 0;
    font-size: 16px;
    font-weight: 600;
    background-color: #0095ff;
    color: #fff;
    border-radius: 2px;
    border-color: #0095ff;
}
.register-page .register-btn:hover {
    background-color: #64b5f6;
    border-color: #4db3ff;
}
.register-page .register-login {
    text-align: right;
    width: 362px;
    color: #999;
    font-size: 14px;
}
.register-page .register-login p {
    display: inline-block;
    margin: 0;
    cursor: pointer;
}
.register-page .register-login .login {
    color: #0095FF;
}
.register-page .captcha-title {
    color: #333;
    font-size: 16px;
    line-height: 1;
}
.register-page .captcha-input-wrapper {
    display: block;
    position: relative;
    margin: 20px 0;
}
.register-page .captcha-input-wrapper .captcha-input {
      width: 100%;
      height: 42px;
      font-size: 14px;
      border: 1px solid #ebebeb;
      padding: 0 0 0 10px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
}
.register-page .captcha-input-wrapper .captcha-img {
      position: absolute;
      right: 4px;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
}
.register-page .sendcode-btn {
    width: 100%;
    font-weight: bold;
}
.register-page .el-dialog__header {
    padding: 0;
}
.register-page .service {
    position: fixed;
    right: 20px;
    bottom: 100px;
    height: 130px;
    width: 300px;
    background: white;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: 1.5;
    -webkit-transform: inherit;
            transform: inherit;
    -webkit-transition: ease-out 0.8s;
    transition: ease-out 0.8s;
}
.register-page .service .wrapper {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      -webkit-transition: ease-in-out 0.5s;
      transition: ease-in-out 0.5s;
}
.register-page .service .loading-wrapper {
      opacity: 1;
      visibility: show;
}
.register-page .service .service-wrapper {
      opacity: 0;
      visibility: hidden;
}
.register-page .service .loading-wrapper--hidden {
      opacity: 0;
      visibility: hidden;
}
.register-page .service .service-wrapper--show {
      opacity: 1;
      visibility: visible;
}
.register-page .service .loading,
    .register-page .service .avatar {
      position: absolute;
      left: 20px;
      width: 60px;
      height: 60px;
      top: 0;
      bottom: 0;
      margin: auto 0;
}
.register-page .service .avatar {
      overflow: hidden;
      border-radius: 30px;
      background: lightgray;
}
.register-page .service .loading-text {
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto 0;
      height: 30px;
      line-height: 30px;
      left: 100px;
      right: 20px;
      font-size: 14px;
      color: #333;
}
.register-page .service .content {
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto 0;
      left: 100px;
      height: 64px;
}
.register-page .service .content .title {
        font-size: 12px;
        color: #999;
}
.register-page .service .content .name {
        font-size: 14px;
        color: #333;
}
.register-page .service .content .mobile {
        font-size: 18px;
        color: #0095FF;
}
.register-page .service--out {
    -webkit-transform: translateX(350px);
            transform: translateX(350px);
}
.register-page .activity-banner {
    margin-top: 20px;
    width: 360px;
    height: 100px;
}
.register-page .register-header-wrapper {
  width: 1100px;
  height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
}
.register-page .register-header-wrapper a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 60px;
    height: 30px;
}
.register-page .login-form {
  position: relative;
}
.register-page .login-form .mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.register-page .register-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: ease-in-out 1s;
  transition: ease-in-out 1s;
  visibility: hidden;
  opacity: 0;
}
.register-page .register-wrapper--show {
  visibility: visible;
  opacity: 1;
}
.register-page .register-wrapper--show + div {
    position: absolute;
    left: 0;
    right: 0;
}
.register-page .board {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 20px auto 80px auto;
  border: solid 1px #ebebeb;
  -webkit-transition: opacity ease-in-out 1s;
  transition: opacity ease-in-out 1s;
  background: rgba(255, 255, 255, 0.8);
  width: 1180px;
}
.register-page .board .menu {
    width: 200px;
    border-right: solid 1px #ebebeb;
}
.register-page .board .menu .section-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
}
.register-page .board .menu .section-wrapper .menu-icon {
        margin-left: 20px;
        width: 20px;
        height: 20px;
        -o-object-fit: contain;
           object-fit: contain;
}
.register-page .board .menu .section-wrapper .menu-title {
        height: 50px;
        margin-left: 10px;
        line-height: 50px;
        color: #999;
        font-size: 14px;
}
.register-page .board .menu .menu-sub-title {
      position: relative;
      height: 34px;
      padding-left: 50px;
      line-height: 34px;
      color: #333;
      font-size: 14px;
}
.register-page .board .menu .menu-sub-title--selected {
      background: #f7f9fb;
      color: #0095ff;
}
.register-page .board .menu .menu-sub-title--selected::before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      border-left: 4px solid #0095ff;
}
.register-page .board .panel {
    width: 980px;
    padding: 40px 20px;
}
.register-page .board .panel .panel-wrapper {
      margin-top: 20px;
}
.register-page .board .panel .panel-wrapper .panel-wrapper-title {
        color: #333;
        font-size: 14px;
        margin-bottom: 16px;
}
.register-page .board .panel .header-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
}
.register-page .board .panel .header-wrapper .title-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
}
.register-page .board .panel .header-wrapper .title-wrapper .title {
          color: #333;
          font-size: 20px;
}
.register-page .board .panel .header-wrapper .title-wrapper .tips {
          margin-left: 12px;
          padding: 2px 6px;
          font-size: 12px;
          color: white;
          background: #4FC3F7;
}
.register-page .board .panel .header-wrapper .control-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
}
.register-page .board .panel .header-wrapper .control-wrapper .control-btn {
          margin-left: 8px;
          width: 84px;
          height: 30px;
          line-height: 30px;
          color: #333;
          font-size: 12px;
          text-align: center;
          border: 1px solid #e6e6e6;
}
.register-page .board .panel .today-wrapper .content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
}
.register-page .board .panel .today-wrapper .content .item {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding-left: 24px;
        width: 232px;
        height: 112px;
        border-radius: 4px;
        background: #54D1C4;
        color: white;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
}
.register-page .board .panel .today-wrapper .content .item .bg {
          position: absolute;
          right: 0;
          bottom: 0;
          width: 80px;
          height: 80px;
}
.register-page .board .panel .today-wrapper .content .item .num {
          font-size: 36px;
}
.register-page .board .panel .today-wrapper .content .item .title {
          font-size: 14px;
}
.register-page .board .panel .shortcut-wrapper .content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
}
.register-page .board .panel .shortcut-wrapper .content .item {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        width: 232px;
        background: #fafafa;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        height: 58px;
        padding-left: 60px;
}
.register-page .board .panel .shortcut-wrapper .content .item .icon-wrapper {
          position: absolute;
          top: 10px;
          left: 10px;
          width: 40px;
          height: 40px;
          border-radius: 4px;
          overflow: hidden;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
}
.register-page .board .panel .shortcut-wrapper .content .item .icon-wrapper .icon {
            margin: auto;
            width: 22px;
            height: 22px;
            -o-object-fit: contain;
               object-fit: contain;
}
.register-page .board .panel .shortcut-wrapper .content .item .title {
          color: #333;
          font-size: 14px;
}
.register-page .board .panel .shortcut-wrapper .content .item .brief {
          color: #999;
          font-size: 12px;
}
.register-page .board .panel .income-wrapper .content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: stretch;
          -ms-flex-pack: stretch;
              justify-content: stretch;
      background: #FAFAFA;
      padding: 16px 0;
}
.register-page .board .panel .income-wrapper .content .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        color: #333;
        padding: 16px 32px;
        width: 100%;
}
.register-page .board .panel .income-wrapper .content .item .title {
          font-size: 14px;
}
.register-page .board .panel .income-wrapper .content .item .num {
          margin-top: 8px;
          font-size: 28px;
}
.register-page .board .panel .income-wrapper .content .item-border {
        border-right: 1px solid #f0f0f0;
}
.register-page .board .panel .chart-wrapper .chart {
      width: 100%;
      -o-object-fit: contain;
         object-fit: contain;
}
.register-page .board--opacity {
  opacity: 0.1;
}
.register-page .board--blur {
  -webkit-filter: blur(5px);
          filter: blur(5px);
}

.new-live-container {
  min-height: 100vh;
  color: #16f2f7;
  background: url("/static/image/releasev2/bg.png");
  padding-bottom: 100px;
}
.new-live-container * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.new-live-container .layer {
    position: relative;
    min-width: 1200px;
    max-width: 1920px;
    line-height: 1;
}
.new-live-container .layer .title-wrap {
      text-align: center;
}
.new-live-container .layer .title-wrap .back-title {
        opacity: .1;
        font-size: 100px;
}
.new-live-container .layer .title-wrap .behide-title {
        font-size: 56px;
        margin-top: -64px;
}
.new-live-container .layer-1 {
    height: 800px;
    background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/releasev2/l1-bg.png") no-repeat center/cover;
}
.new-live-container .layer-1 .logo {
      width: 140px;
      height: 150px;
      margin: 0 auto;
      border-radius: 0 0 6px 6px;
      background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/releasev2/l1-logo.png") no-repeat center/cover;
}
.new-live-container .layer-1 .center img {
      display: block;
      width: 800px;
      margin: 20px auto 0;
}
.new-live-container .layer-1 .reg-wrap {
      position: relative;
      width: 264px;
      padding: 5px 7px;
      margin: -150px auto 0;
      border: 1px solid #16f2f7;
}
.new-live-container .layer-1 .reg-wrap .reg-btn {
        display: inline-block;
        width: 250px;
        height: 56px;
        text-align: center;
        line-height: 56px;
        color: #441edd;
        font-size: 21px;
        background: #16f2f7;
        cursor: pointer;
}
.new-live-container .layer-2 {
    position: relative;
    height: 1095px;
    overflow: hidden;
    margin-top: -180px;
}
.new-live-container .layer-2 .intro-wrap {
      height: 800px;
      background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/releasev2/l2-bg.png") center top no-repeat/1592px 728px;
}
.new-live-container .layer-2 .intro-list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: relative;
      width: 0;
      height: 0;
      margin: auto;
}
.new-live-container .layer-2 .intro-list .intro-item {
        position: absolute;
        text-align: center;
        width: 250px;
}
.new-live-container .layer-2 .intro-list .intro-item:nth-child(1) {
          left: -641px;
          top: 205px;
}
.new-live-container .layer-2 .intro-list .intro-item:nth-child(2) {
          left: -340px;
          top: 294px;
}
.new-live-container .layer-2 .intro-list .intro-item:nth-child(3) {
          left: -19px;
          top: 222px;
}
.new-live-container .layer-2 .intro-list .intro-item:nth-child(4) {
          left: 289px;
          top: 306px;
}
.new-live-container .layer-2 .intro-list .intro-item:nth-child(4) .t {
            padding-bottom: 10px;
}
.new-live-container .layer-2 .intro-list .intro-item:nth-child(4) .t strong {
              font-size: 80px;
}
.new-live-container .layer-2 .intro-list .intro-item .t {
          font-size: 26px;
          padding-bottom: 2px;
          white-space: nowrap;
}
.new-live-container .layer-2 .intro-list .intro-item .t strong {
            font-size: 100px;
}
.new-live-container .layer-2 .intro-list .intro-item .b {
          font-size: 28px;
          opacity: .5;
          white-space: nowrap;
}
.new-live-container .layer-2 .progress-wrap {
      position: absolute;
      left: 0;
      bottom: 60px;
      width: 100%;
}
.new-live-container .layer-2 .progress-wrap .line {
        position: absolute;
        bottom: 204px;
        width: 100%;
        height: 2px;
        background: #7a55f8;
}
.new-live-container .layer-2 .progress-wrap .time {
        position: absolute;
        font-size: 24px;
        text-align: center;
        font-weight: bold;
        display: none;
}
.new-live-container .layer-2 .pro-box {
      overflow: hidden;
}
.new-live-container .layer-2 .pro-inner {
      position: absolute;
      bottom: 184px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-transform: translateX(0);
              transform: translateX(0);
      -webkit-transition: all 500ms;
      transition: all 500ms;
}
.new-live-container .layer-2 .pro-inner.rolling {
        -webkit-animation: left-roll 70s infinite linear;
                animation: left-roll 70s infinite linear;
}
.new-live-container .layer-2 .pro-pic-box .pro-pic {
      position: absolute;
      bottom: 21px;
      width: 250px;
      height: auto;
      max-width: none;
      max-height: none;
}
.new-live-container .layer-2 .pro-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 164px;
      margin-right: 50px;
}
.new-live-container .layer-2 .pro-item.hasImg {
        width: 250px;
        margin: 0 80px 0 40px;
}
.new-live-container .layer-2 .pro-item .flexbox {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 164px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-flow: column wrap;
                flex-flow: column wrap;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
}
.new-live-container .layer-2 .pro-item.active .word-item {
        display: block;
        -webkit-animation: zoom 1s 1 linear;
                animation: zoom 1s 1 linear;
        -webkit-animation-duration: 600ms;
                animation-duration: 600ms;
}
.new-live-container .layer-2 .pro-item.active .time {
        display: block;
        -webkit-animation: fade 1s 1 linear;
                animation: fade 1s 1 linear;
        -webkit-animation-duration: 100ms;
                animation-duration: 100ms;
}
.new-live-container .layer-2 .pro-item:nth-child(odd) .word-item {
        bottom: 55px;
}
.new-live-container .layer-2 .pro-item:nth-child(odd) .word-item:before, .new-live-container .layer-2 .pro-item:nth-child(odd) .word-item:after {
          border-color: #7a55f8 transparent transparent transparent;
}
.new-live-container .layer-2 .pro-item:nth-child(odd) .word-item:after {
          bottom: -26px;
          border-color: #4d3adb transparent transparent transparent;
}
.new-live-container .layer-2 .pro-item:nth-child(odd) .time {
        top: 42px;
}
.new-live-container .layer-2 .pro-item:nth-child(even) {
        margin-bottom: -129px;
}
.new-live-container .layer-2 .pro-item:nth-child(even) .word-item {
          top: 55px;
}
.new-live-container .layer-2 .pro-item:nth-child(even) .word-item:before, .new-live-container .layer-2 .pro-item:nth-child(even) .word-item:after {
            bottom: auto;
            top: -28px;
            border-color: transparent transparent #7a55f8 transparent;
}
.new-live-container .layer-2 .pro-item:nth-child(even) .word-item:after {
            bottom: auto;
            top: -26px;
            border-color: transparent transparent #4d3adb transparent;
}
.new-live-container .layer-2 .pro-item:nth-child(even) .time {
          bottom: 42px;
}
.new-live-container .layer-2 .pro-item .word-item {
        display: none;
        position: absolute;
        width: 162px;
        background: #4d3adb;
        padding: 15px 0;
        text-align: center;
        border: 1px solid #7a55f8;
        border-radius: 1px;
}
.new-live-container .layer-2 .pro-item .word-item:before, .new-live-container .layer-2 .pro-item .word-item:after {
          content: '';
          width: 0;
          height: 0;
          position: absolute;
          bottom: -28px;
          left: 0;
          right: 0;
          margin: 0 auto;
          border-width: 14px 10px 14px 10px;
          border-style: solid;
}
.new-live-container .layer-2 .pro-item .word-item p {
          font-size: 16px;
}
.new-live-container .layer-2 .pro-item .word-item p:not(:last-child) {
            padding-bottom: 12px;
}
.new-live-container .layer-2 .pro-item .point {
        position: relative;
        width: 18px;
        height: 18px;
        background: rgba(22, 242, 247, 0.3);
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        margin: 12px 0;
}
.new-live-container .layer-2 .pro-item .point:after {
          content: '';
          position: absolute;
          left: 50%;
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          width: 10px;
          height: 10px;
          background: #16f2f7;
}
.new-live-container .layer-3 {
    padding: 70px 0 178px;
}
.new-live-container .layer-3 .mask-bg {
      position: absolute;
      top: -170px;
      left: 0;
      width: 100%;
      height: 658.5px;
      background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/releasev2/1.png") no-repeat center/1900px 658.5px;
}
.new-live-container .layer-3 .main {
      position: relative;
      width: 1150px;
      height: 921px;
      margin: 120px auto 0;
      background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/releasev2/l3-main.png") no-repeat left top/cover;
}
.new-live-container .layer-3 .pic-roll-wrap {
      position: relative;
      width: 452px;
      height: 440px;
      position: absolute;
      left: 50%;
      bottom: 250px;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      overflow: hidden;
}
.new-live-container .layer-3 .pic-roll-wrap .roll-inner {
        -webkit-animation: up-roll 24s infinite linear;
                animation: up-roll 24s infinite linear;
        width: 100%;
}
.new-live-container .layer-3 .pic-roll-wrap .roll-inner img {
          width: 100%;
          margin-bottom: 60px;
}
.new-live-container .layer-3 .mask {
      position: absolute;
      left: 50%;
      width: 550px;
      height: 160px;
      display: block;
      text-align: center;
      z-index: 999;
      font-size: 20px;
      padding-top: 13px;
      -webkit-transform: translate(-50%);
              transform: translate(-50%);
      margin-left: -8px;
}
.new-live-container .layer-3 .top-mask {
      top: 160px;
      background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/releasev2/l3-top-mask.png") no-repeat left top/cover;
}
.new-live-container .layer-3 .bottom-mask {
      bottom: 154px;
      background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/releasev2/l3-bottom-mask.png") no-repeat left bottom/cover;
}
.new-live-container .layer-4 {
    height: 1100px;
}
.new-live-container .layer-4 .mask-bg {
      position: absolute;
      top: -312px;
      left: 0;
      width: 100%;
      height: 1587px;
      background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/releasev2/2.png") no-repeat center/100% 100%;
}
.new-live-container .layer-4 .m-list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding: 80px 0 40px;
}
.new-live-container .layer-4 .m-list .m-item {
        position: relative;
        width: 180px;
        height: 180px;
        text-align: center;
        margin: 0 58px;
}
.new-live-container .layer-4 .m-list .m-item .content {
          position: relative;
          z-index: 10;
          padding-top: 10px;
}
.new-live-container .layer-4 .m-list .m-item .bg {
          position: absolute;
          left: 10px;
          top: 0;
          width: 160px;
          height: 160px;
          background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/releasev2/l4-bottom.png") no-repeat center/cover;
}
.new-live-container .layer-4 .m-list .m-item h2 {
          font-size: 70px;
          padding-bottom: 8px;
}
.new-live-container .layer-4 .m-list .m-item h2 font {
            font-size: 58px;
            position: relative;
            top: -4px;
}
.new-live-container .layer-4 .m-list .m-item p {
          font-size: 36px;
          white-space: nowrap;
}
.new-live-container .layer-4 .device-content {
      position: relative;
      width: 1084px;
      height: 610px;
      margin: auto;
      -webkit-transform: translateX(70px);
              transform: translateX(70px);
}
.new-live-container .layer-4 .device-content img {
        position: absolute;
}
.new-live-container .layer-4 .device-content .phone {
        width: 219px;
        left: 0;
        bottom: 0;
}
.new-live-container .layer-4 .device-content .pad {
        width: 444px;
        right: 0;
        bottom: 12px;
}
.new-live-container .layer-4 .device-content .mac {
        width: 665px;
        top: 0;
        left: 140px;
}
.new-live-container .layer-5 {
    height: 357px;
    text-align: center;
    padding-top: 70px;
    background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/releasev2/l5-bg.png") left 106px no-repeat/1920px 307px;
}
.new-live-container .layer-5 .title {
      font-size: 56px;
      padding-bottom: 45px;
}
.new-live-container .layer-5 .intro {
      font-size: 18px;
      padding-bottom: 60px;
}
.new-live-container .layer-5 .reg-wrap .reg-btn {
      width: 302px;
      height: 82px;
      margin: auto;
      cursor: pointer;
      background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/releasev2/l5-btn.png") no-repeat center/cover;
}
@-webkit-keyframes up-roll {
from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
to {
    -webkit-transform: translateY(-33.33%);
            transform: translateY(-33.33%);
}
}
@keyframes up-roll {
from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
to {
    -webkit-transform: translateY(-33.33%);
            transform: translateY(-33.33%);
}
}
@-webkit-keyframes left-roll {
from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
}
to {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
}
@keyframes left-roll {
from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
}
to {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
}
@-webkit-keyframes zoom {
0% {
    color: transparent;
    -webkit-transform: scale(0);
            transform: scale(0);
}
66% {
    color: transparent;
    -webkit-transform: scale(0);
            transform: scale(0);
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    color: #16f2f7;
}
}
@keyframes zoom {
0% {
    color: transparent;
    -webkit-transform: scale(0);
            transform: scale(0);
}
66% {
    color: transparent;
    -webkit-transform: scale(0);
            transform: scale(0);
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    color: #16f2f7;
}
}
@-webkit-keyframes fade {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes fade {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}

.page[data-v-24c3771f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #F7F7F7;
  min-width: 1200px;
}
.page .sitemap-page[data-v-24c3771f] {
    width: 1200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 30px;
    margin-bottom: 80px;
}
.page .sitemap-page .icons[data-v-24c3771f] {
      width: 140px;
      height: 250px;
      margin-right: 20px;
      background: #FFFFFF;
      font-size: 14px;
      text-align: center;
      line-height: 30px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      cursor: pointer;
}
.page .sitemap-page .icons .icon-contact[data-v-24c3771f] {
        width: 140px;
        height: 125px;
}
.page .sitemap-page .icons .icon-contact img[data-v-24c3771f] {
          margin-top: 30px;
          height: 34px;
}
.page .sitemap-page .icons .icon-active[data-v-24c3771f] {
        background: #0096FF;
        color: #FFFFFF;
}
.page .sitemap-page .icons .icon-map[data-v-24c3771f] {
        width: 140px;
        height: 125px;
}
.page .sitemap-page .icons .icon-map img[data-v-24c3771f] {
          margin-top: 30px;
          height: 34px;
}
.page .sitemap-page .contact-us[data-v-24c3771f] {
      width: 1030px;
      height: 800px;
      background: #F7F7F7;
}
.page .sitemap-page .contact-us .contact[data-v-24c3771f] {
        margin-bottom: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
}
.page .sitemap-page .contact-us .contact .left-contact[data-v-24c3771f],
        .page .sitemap-page .contact-us .contact .right-contact[data-v-24c3771f] {
          width: 505px;
          height: 250px;
          background: #FFFFFF;
          position: relative;
}
.page .sitemap-page .contact-us .contact .left-contact .msg[data-v-24c3771f],
          .page .sitemap-page .contact-us .contact .right-contact .msg[data-v-24c3771f] {
            margin-top: 40px;
            margin-left: 40px;
            line-height: 30px;
}
.page .sitemap-page .contact-us .contact .left-contact .msg hr[data-v-24c3771f],
            .page .sitemap-page .contact-us .contact .right-contact .msg hr[data-v-24c3771f] {
              width: 30px;
              height: 3px;
              background: #0096FF;
              margin-bottom: 10px;
              border: none;
}
.page .sitemap-page .contact-us .contact .left-contact .msg p[data-v-24c3771f],
            .page .sitemap-page .contact-us .contact .right-contact .msg p[data-v-24c3771f] {
              font-size: 16px;
              color: #333333;
}
.page .sitemap-page .contact-us .contact .left-contact .msg p[data-v-24c3771f]:nth-child(3),
            .page .sitemap-page .contact-us .contact .right-contact .msg p[data-v-24c3771f]:nth-child(3) {
              font-size: 30px;
}
.page .sitemap-page .contact-us .contact .left-contact .bg-img[data-v-24c3771f],
          .page .sitemap-page .contact-us .contact .right-contact .bg-img[data-v-24c3771f] {
            width: 244px;
            height: 130px;
            position: absolute;
            right: 0;
            bottom: 0;
}
.page .sitemap-page .contact-us .contact .right-contact[data-v-24c3771f] {
          width: 505px;
          height: 250px;
          background: #FFFFFF;
}
.page .sitemap-page .contact-us .map[data-v-24c3771f] {
        height: 560px;
        background: #FFFFFF;
        overflow: hidden;
}
.page .sitemap-page .contact-us .map .left-map[data-v-24c3771f] {
          line-height: 30px;
          margin-top: 35px;
          margin-left: 40px;
          float: left;
}
.page .sitemap-page .contact-us .map .left-map p[data-v-24c3771f]:nth-child(1) {
            font-size: 20px;
}
.page .sitemap-page .contact-us .map .right-map[data-v-24c3771f] {
          line-height: 30px;
          margin-top: 95px;
          margin-left: 535px;
}
.page .sitemap-page .contact-us .map .left-map p[data-v-24c3771f],
        .page .sitemap-page .contact-us .map .right-map p[data-v-24c3771f] {
          font-size: 16px;
          color: #333333;
}
.page .sitemap-page .contact-us .map .left-map img[data-v-24c3771f],
        .page .sitemap-page .contact-us .map .right-map img[data-v-24c3771f] {
          width: 455px;
          height: 320px;
}
.page .sitemap-page .site-map[data-v-24c3771f] {
      width: 1030px;
      background: #FFFFFF;
}
.page .sitemap-page .site-map .detail[data-v-24c3771f] {
        padding: 40px 70px 40px 40px;
}
.page .sitemap-page .site-map .detail .header[data-v-24c3771f] {
          color: #333333;
          font-size: 20px;
          font-weight: 500;
          line-height: 50px;
}
.page .sitemap-page .site-map .detail .tab-wrapper[data-v-24c3771f] {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          margin-bottom: 30px;
}
.page .sitemap-page .site-map .detail .tab-wrapper .tab[data-v-24c3771f] {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            width: 180px;
            height: 60px;
            font-size: 16px;
}
.page .sitemap-page .site-map .detail .tab-wrapper .tab .tab-img[data-v-24c3771f] {
              width: 26px;
              height: 26px;
              margin-right: 10px;
}
.page .sitemap-page .site-map .detail .tab-wrapper .tab .tab-a[data-v-24c3771f] {
              color: #333333;
}
.page .sitemap-page .site-map .detail .news-know[data-v-24c3771f] {
          margin-bottom: 40px;
}
.page .sitemap-page .site-map .detail .news-edu .s1[data-v-24c3771f],
        .page .sitemap-page .site-map .detail .news-know .s1[data-v-24c3771f] {
          line-height: 40px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
}
.page .sitemap-page .site-map .detail .news-edu .s1 .circular[data-v-24c3771f],
          .page .sitemap-page .site-map .detail .news-know .s1 .circular[data-v-24c3771f] {
            width: 5px;
            height: 5px;
            background: #cccccc;
            border-radius: 2.5px;
            margin-right: 5px;
            margin-bottom: 2px;
}
.page .sitemap-page .site-map .detail .news-edu .s1 .list[data-v-24c3771f],
          .page .sitemap-page .site-map .detail .news-know .s1 .list[data-v-24c3771f] {
            width: 30%;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            padding-right: 30px;
            width: calc(100%/3);
}
.page .sitemap-page .site-map .detail .news-edu .s1 .list a[data-v-24c3771f],
            .page .sitemap-page .site-map .detail .news-know .s1 .list a[data-v-24c3771f] {
              color: #333333;
              font-size: 15px;
}

.store-container * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: normal;
}
.store-container .flexbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.store-container .flexbox-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.store-container .header .header-main-menu .price-btn a {
  color: #333;
  vertical-align: middle;
}
.store-container .header .new {
  color: #fff;
  font-size: 10px;
  background: #df335f;
  padding: 2px 3px;
  margin-right: 4px;
  border-radius: 3px;
  vertical-align: middle;
  margin-left: 6px;
}
.store-container .header.header-scroll {
  background-color: rgba(255, 255, 255, 0.95);
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
  -webkit-box-shadow: 0 0 20px -10px #000;
          box-shadow: 0 0 20px -10px #000;
}
.store-container .header .header-main-menu li .button {
  color: #df335f;
  cursor: pointer;
}
.store-container .header .header-main-menu li .sigin {
  border: 1px solid #df335f;
}
.store-container .header .header-main-menu li .sigin:hover {
    color: #fff;
    background-color: #df335f;
}
.store-container .header .header-main-menu li .register {
  border: 1px solid #df335f;
  background-color: #df335f;
  color: #fff;
}
.store-container .header .header-main-menu li .register:hover {
    border: 1px solid #d92655;
    background-color: #d92655;
}
.store-container .layer {
  position: relative;
  overflow-x: hidden;
  min-width: 1200px;
}
.store-container .layer .middle-layout {
    width: 1200px;
    margin: 0 auto;
}
.store-container .layer-1 {
  height: 620px;
  padding: 172px 50px 0;
  text-align: center;
}
.store-container .layer-1 h2 {
    color: #000;
    font-size: 45px;
    padding-bottom: 20px;
}
.store-container .layer-1 h3 {
    color: #666;
    font-size: 28px;
    padding-bottom: 60px;
}
.store-container .layer-1 .experience-btn {
    position: relative;
    display: inline-block;
    width: 162px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    background: #df335f;
    border-radius: 50px;
    border: 1px solid #e91c50;
    z-index: 20;
}
.store-container .layer-1 .experience-btn:hover {
      color: #d92655;
      background: none;
}
.store-container .layer-1 .circle-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 85.5px;
    height: 93px;
    background: url("/static/image/store/circle-1.png") no-repeat center;
    background-size: cover;
}
.store-container .layer-1 .circle-right {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 51px;
    height: 129px;
    background: url("/static/image/store/circle-2.png") no-repeat center;
    background-size: cover;
}
.store-container .layer-1 .shapes {
    position: absolute;
    width: 110%;
    bottom: 0;
    left: -5%;
}
.store-container .layer-1 .shapes > div {
      position: absolute;
      bottom: 0;
      width: inherit;
}
.store-container .layer-1 .shapes .shape-1 {
      left: -5%;
      height: 137.5px;
      background: url("/static/image/store/shape1.png") no-repeat center;
      background-size: cover;
      animation: shape-1 3500ms infinite alternate-reverse linear;
}
.store-container .layer-1 .shapes .shape-2 {
      right: -5%;
      height: 233px;
      background: url("/static/image/store/shape2.png") no-repeat center;
      background-size: cover;
      animation: shape-2 6000ms infinite alternate-reverse linear;
}
.store-container .layer-1 .shapes .shape-3 {
      left: 0%;
      height: 210px;
      background: url("/static/image/store/shape3.png") no-repeat center;
      background-size: cover;
      animation: shape-3 5000ms infinite alternate-reverse linear;
}
.store-container .layer-2 {
  height: 792px;
  text-align: center;
  padding-top: 90px;
}
.store-container .layer-2 h2 {
    color: #333;
    font-size: 36px;
}
.store-container .layer-2 .intro {
    color: #666;
    padding-top: 30px;
}
.store-container .layer-2 .intro h3 {
      font-size: 20px;
}
.store-container .layer-2 .intro-img {
    width: 930px;
    margin-top: 80px;
}
.store-container .layer-3 {
  height: 1168px;
  background: url("/static/image/store/bg-3.png") left top no-repeat;
  background-size: 100% 490px;
}
.store-container .layer-3:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 678px;
    background: url("/static/image/store/bg-1.png") left top no-repeat;
    background-size: 100% 680px;
}
.store-container .layer-3 .middle-layout {
    position: relative;
    height: 100%;
}
.store-container .layer-3 .float-item {
    position: absolute;
    top: 184px;
    left: 0;
    color: #fff;
    background: #df335f;
    padding: 68px 24px 42px 39px;
    width: 366px;
    min-height: 580px;
    z-index: 50;
}
.store-container .layer-3 .float-item .title {
      font-size: 36px;
      line-height: 62px;
}
.store-container .layer-3 .float-item .title:after {
        content: '';
        display: block;
        width: 35px;
        height: 5px;
        background: #fff;
        margin: 52px 0 48px;
}
.store-container .layer-3 .float-item h3 {
      color: rgba(255, 255, 255, 0.6);
      font-size: 20px;
      line-height: 36px;
}
.store-container .layer-3 .intro-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: absolute;
    width: 716px;
    bottom: 32px;
    right: 0;
    z-index: 50;
}
.store-container .layer-3 .intro-list .item {
      width: 324px;
      padding-top: 60px;
}
.store-container .layer-3 .intro-list .item:not(:nth-last-child(2)) {
        margin-bottom: 80px;
}
.store-container .layer-3 .intro-list .item .title {
        color: #000;
        font-size: 20px;
        margin-bottom: 30px;
}
.store-container .layer-3 .intro-list .item .detail {
        color: #666;
        font-size: 14px;
        line-height: 24px;
}
.store-container .layer-3 .intro-list .item.icon-shop {
        background: url("/static/image/store/icon-shop.png") left top no-repeat;
        background-size: 31px 28.5px;
}
.store-container .layer-3 .intro-list .item.icon-bonus {
        background: url("/static/image/store/icon-bonus.png") left top no-repeat;
        background-size: 42px 27px;
}
.store-container .layer-3 .intro-list .item.icon-transform {
        background: url("/static/image/store/icon-transform.png") left top no-repeat;
        background-size: 32px 32px;
}
.store-container .layer-3 .intro-list .item.icon-light {
        background: url("/static/image/store/icon-light.png") left top no-repeat;
        background-size: 34px 36.5px;
}
.store-container .layer-4 {
  padding: 190px 0 126px;
}
.store-container .layer-4 .item {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.store-container .layer-4 .item figcaption {
      padding-top: 38px;
}
.store-container .layer-4 .item figcaption .title {
        padding-bottom: 16px;
}
.store-container .layer-4 .item figcaption .detail {
        color: #666;
        font-size: 20px;
        padding-bottom: 38px;
        line-height: 33px;
}
.store-container .layer-4 .item figcaption .hollow-btn {
        width: 162.5px;
        height: 48px;
        color: #df335f;
        font-size: 18px;
        border: 1px solid #e91c50;
        border-radius: 30px;
}
.store-container .layer-4 .item figcaption .hollow-btn:hover {
          background: #e91c50;
          color: #fff;
}
.store-container .layer-4 .item:first-child .img-box {
      margin-top: -15px;
      width: 590px;
}
.store-container .layer-4 .item:first-child .img-box img {
        width: 100%;
}
.store-container .layer-4 .item:nth-child(2) {
      padding-top: 146px;
}
.store-container .layer-4 .item:nth-child(2) figcaption {
        padding-top: 130px;
}
.store-container .layer-4 .item:nth-child(2) .img-box {
        width: 570px;
}
.store-container .layer-4 .item:nth-child(2) .img-box img {
          width: 100%;
}
.store-container .layer-5 {
  position: relative;
  height: 702px;
  padding-top: 88px;
  background-color: #f8fbfd;
}
.store-container .layer-5 .intro {
    text-align: center;
}
.store-container .layer-5 .intro h2 {
      padding-bottom: 10px;
}
.store-container .layer-5 .intro p {
      color: #999;
      font-size: 20px;
}
.store-container .layer-5 .bubbles {
    position: absolute;
    top: 305px;
    width: inherit;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    z-index: 20;
}
.store-container .layer-5 .bubbles > div {
      position: relative;
}
.store-container .layer-5 .bubbles > div p {
        color: #666;
        font-size: 18px;
        white-space: nowrap;
        text-align: center;
        margin-top: 25px;
}
.store-container .layer-5 .bubbles > div span {
        width: 95px;
        height: 95px;
        line-height: 24px;
        color: #333;
        font-size: 21px;
        border-radius: 50%;
        background: #fff;
        margin: auto;
        font-weight: bold;
        border: 5px solid rgba(156, 102, 234, 0.4);
}
.store-container .layer-5 .bubbles .bubble-left {
      position: absolute;
      top: 80px;
      left: 36px;
}
.store-container .layer-5 .bubbles .bubble-left span {
        animation: float-1 1000ms infinite alternate-reverse linear;
}
.store-container .layer-5 .bubbles .bubble-middle {
      position: relative;
      height: 245px;
}
.store-container .layer-5 .bubbles .bubble-middle .outer {
        width: 210px;
        height: 210px;
        background: #f5e7ed;
        border-radius: 50%;
        animation: float-1 800ms infinite alternate-reverse linear;
}
.store-container .layer-5 .bubbles .bubble-middle p {
        margin-top: 20px;
}
.store-container .layer-5 .bubbles .bubble-middle span {
        width: 142px;
        height: 142px;
        color: #fff;
        background-color: #df335f;
        border: 10px solid #edb2c3;
}
.store-container .layer-5 .bubbles .bubble-right {
      position: absolute;
      top: 108px;
      right: 36px;
}
.store-container .layer-5 .bubbles .bubble-right span {
        animation: float-2 1000ms infinite alternate-reverse linear;
}
@-webkit-keyframes float-1 {
to {
    -webkit-transform: translate3d(0, 4px, 0);
            transform: translate3d(0, 4px, 0);
}
from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
}
@keyframes float-1 {
to {
    -webkit-transform: translate3d(0, 4px, 0);
            transform: translate3d(0, 4px, 0);
}
from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes float-2 {
to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
from {
    -webkit-transform: translate3d(0, 4px, 0);
            transform: translate3d(0, 4px, 0);
}
}
@keyframes float-2 {
to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
from {
    -webkit-transform: translate3d(0, 4px, 0);
            transform: translate3d(0, 4px, 0);
}
}
@-webkit-keyframes zoom {
to {
    width: 200px;
    height: 200px;
}
from {
    width: 210px;
    height: 210px;
}
}
@keyframes zoom {
to {
    width: 200px;
    height: 200px;
}
from {
    width: 210px;
    height: 210px;
}
}
.store-container .layer-5 .flutters {
    position: absolute;
    width: 1200px;
    height: 500px;
    z-index: 15;
    overflow-x: hidden;
}
.store-container .layer-5 .flutters div {
      position: absolute;
      width: 1200px;
      height: 300px;
}
.store-container .layer-5 .flutters .flutter-1 {
      top: -28px;
      left: -90px;
      background: url("/static/image/store/flutter-1.png") no-repeat left bottom;
      background-size: contain;
}
.store-container .layer-5 .flutters .flutter-2 {
      top: 24px;
      left: -42px;
      background: url("/static/image/store/flutter-2.png") no-repeat left bottom;
      background-size: contain;
}
.store-container .layer-6 {
  height: 1020px;
  text-align: center;
  padding-top: 72px;
  background: url("/static/image/store/bottom.png") no-repeat center bottom;
  background-size: 100% 560px;
}
.store-container .layer-6 h2 {
    padding-bottom: 80px;
}
.store-container .layer-6 .intro {
    color: #666;
    font-size: 24px;
    height: 120px;
}
.store-container .layer-6 .intro p {
      margin-bottom: 22px;
      -webkit-animation: fadeInUp 400ms;
              animation: fadeInUp 400ms;
}
.store-container .layer-6 .intro span {
      color: #7c34ee;
      margin: 0 10px;
}
.store-container .layer-6 .intro span b {
        font-size: 40px;
}
@-webkit-keyframes fadeInUp {
from {
    opacity: 0;
    -webkit-transform: translateY(16px);
            transform: translateY(16px);
}
to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}
@keyframes fadeInUp {
from {
    opacity: 0;
    -webkit-transform: translateY(16px);
            transform: translateY(16px);
}
to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}
.store-container .layer-6 .roll-wrap {
    padding-top: 72px;
}
.store-container .layer-6 .roll-wrap .inner {
      display: inline-block;
      width: 360px;
      overflow-x: hidden;
}
.store-container .layer-6 .roll-wrap .img-list {
      position: relative;
      height: 146px;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
}
.store-container .layer-6 .roll-wrap .img-list > span {
        position: absolute;
        -webkit-transition: all 1s;
        transition: all 1s;
        z-index: 5;
}
.store-container .layer-6 .roll-wrap .img-list > span.position-1 {
          left: 0;
}
.store-container .layer-6 .roll-wrap .img-list > span.position-2 {
          left: 104px;
}
.store-container .layer-6 .roll-wrap .img-list > span.position-3 {
          left: 248px;
}
.store-container .layer-6 .roll-wrap .img-list > span.active {
          z-index: 10;
}
.store-container .layer-6 .roll-wrap .img-list .member-img {
        width: 70px;
        height: 70px;
        border-radius: 50%;
        -webkit-transition: all 1s;
        transition: all 1s;
        margin: 0 17px;
}
.store-container .layer-6 .roll-wrap .img-list .member-img.active {
          -webkit-transform: scale(1.57);
                  transform: scale(1.57);
          margin: 0 40px;
}
.store-container .layer-6 .roll-wrap .title-list {
      color: #333;
      font-size: 16px;
}
.store-container .layer-6 .roll-wrap .paginations-list {
      margin-top: 24px;
}
.store-container .layer-6 .roll-wrap .paginations-list .pagination {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #e0e8e8;
        margin: 0 6px;
        cursor: pointer;
}
.store-container .layer-6 .roll-wrap .paginations-list .pagination.active {
          background: #da3862;
}
.store-container .layer-6 .bottom {
    position: absolute;
    bottom: 56px;
    width: inherit;
    color: #fff;
    font-size: 30px;
}
.store-container .layer-6 .bottom a {
      margin: 32px auto 0;
      width: 245px;
      height: 60px;
      color: #da3862;
      font-size: 24px;
      background: #fff;
      border-radius: 30px;
}
.store-container .layer-6 .bottom a:hover {
        color: #fff;
        background: #da3862;
}
.store-container .store-footer .footer {
  background: #fff;
}
.store-container .store-footer .footer .qr-code-box {
    border: 1px solid #e2e2e2;
}
.store-container .store-footer .footer ul li:first-child {
    color: #333;
}
.store-container .store-footer .footer li, .store-container .store-footer .footer li a {
    color: #666;
}
.store-container .store-footer .footer ul:nth-child(3) li {
    color: #333;
}
.store-container .store-footer .footer ul:nth-child(3) li:nth-child(2) {
      padding-bottom: 10px;
}
.store-container .store-footer .footer ul:nth-child(3) li:not(:first-child):not(:nth-child(2)) {
      line-height: 14px;
}
.store-container .store-footer .footer ul:nth-child(3) li:nth-child(3) {
      padding-bottom: 8px;
}
.store-container .store-footer .footer ul:nth-child(3) li:last-child {
      padding-top: 12px;
}
.store-container .store-footer .zixunCode + li, .store-container .store-footer .zixunCode + li + li {
  color: #666;
}
.store-container .store-footer .version-footer {
  border-top: 1px solid #f3f3f3;
}
.store-container .store-footer .version-footer ul li,
  .store-container .store-footer .version-footer ul li a {
    color: #dcdcdc !important;
    margin: 0;
}
.store-container .store-footer .version-footer ul li span,
    .store-container .store-footer .version-footer ul li a span {
      vertical-align: top;
}
@-webkit-keyframes shape-1 {
from {
    left: 0;
}
to {
    left: -10%;
}
}
@keyframes shape-1 {
from {
    left: 0;
}
to {
    left: -10%;
}
}
@-webkit-keyframes shape-2 {
from {
    right: 0;
}
to {
    right: -10%;
}
}
@keyframes shape-2 {
from {
    right: 0;
}
to {
    right: -10%;
}
}
@-webkit-keyframes shape-3 {
from {
    left: 0;
}
to {
    left: -5%;
}
}
@keyframes shape-3 {
from {
    left: 0;
}
to {
    left: -5%;
}
}
@media screen and (max-width: 1920px) {
.store-container .layer-3 {
    background-size: 1920px 490px;
}
.store-container .layer-3:after {
      background-size: 1920px 680px;
}
.store-container .layer-6 {
    background-size: 1920px 560px;
}
}

.header[data-v-037f5ca4] {
  background: white;
  -webkit-box-shadow: 0 0 20px -10px #000;
          box-shadow: 0 0 20px -10px #000;
}
.storecharges[data-v-037f5ca4] {
  width: 100%;
  height: 100%;
  min-width: 1200px;
  background: #ebebeb;
}
.storecharges .header-wrap[data-v-037f5ca4] {
    position: relative;
    margin-bottom: 20px;
}
.storecharges .banner[data-v-037f5ca4] {
    width: 100%;
    height: 200px;
}
.storecharges .headername[data-v-037f5ca4] {
    margin-left: 10px;
    padding-right: 10px;
    font-size: 12px;
}
.storecharges .info-setting[data-v-037f5ca4] {
    height: 0;
    width: 0;
    border-left: 4px solid transparent;
    border-top: 5px solid #B3B3B3;
    border-right: 4px solid transparent;
}
.storecharges .banner img[data-v-037f5ca4] {
    width: 100%;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    min-width: 1200px;
    -o-object-position: center bottom;
       object-position: center bottom;
}
.storecharges .banner-info[data-v-037f5ca4] {
    color: #fff;
    width: 100%;
    position: absolute;
    top: 95px;
    text-align: center;
}
.storecharges .banner-info .title[data-v-037f5ca4] {
    font-size: 40px;
    line-height: 40px;
}
.storecharges .banner-info .tips[data-v-037f5ca4] {
    font-size: 18px;
    line-height: 18px;
    margin-top: 23px;
}
.storecharges .main-body[data-v-037f5ca4] {
    width: 980px;
    margin: 0 auto;
    margin-bottom: 50px;
    background: url(/dist/static/img/white.b7e8f7a.png) no-repeat;
    background-size: 100%;
}
.storecharges .main-body > div[data-v-037f5ca4] {
      padding: 80px 160px;
}
.storecharges .main-name[data-v-037f5ca4] {
    font-size: 16px;
    color: #999999;
    margin-bottom: 18px;
}
.storecharges .main-price[data-v-037f5ca4] {
    font-size: 20px;
    color: #333333;
    margin-bottom: 40px;
}
.storecharges .price[data-v-037f5ca4] {
    font-size: 50px;
    line-height: 50px;
}
.storecharges .main-content[data-v-037f5ca4] {
    font-size: 16px;
    color: #333;
    margin-bottom: 20px;
    padding-left: 28px;
    position: relative;
}
.storecharges .main-content[data-v-037f5ca4]:before {
    content: '';
    position: absolute;
    width: 16px;
    height: 11px;
    background: url(/dist/static/img/gou@2x.3131ad8.png) no-repeat left center;
    background-size: 16px;
    left: 4px;
    top: 8px;
}
.storecharges .btn-area[data-v-037f5ca4] {
    margin-top: 10px;
    display: inline-block;
    width: 200px;
    height: 50px;
    background-color: #DF335F;
    border-radius: 25px;
    text-align: center;
    color: #fff;
    line-height: 50px;
    text-decoration: none;
    cursor: pointer;
}
.storecharges .btn-area .circular[data-v-037f5ca4] {
      width: 30px;
      height: 30px;
}
.storecharges .btn-area .el-loading-mask[data-v-037f5ca4] {
      background-color: rgba(0, 0, 0, 0);
}
.storecharges .btn-area .el-loading-mask .el-loading-spinner[data-v-037f5ca4] {
        margin-top: -15px;
}
.storecharges .btn-area .el-loading-mask .el-loading-spinner .path[data-v-037f5ca4] {
          stroke: #fff;
}
.set-dropdown[data-v-037f5ca4] {
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  font-size: 14px;
  color: #333;
  padding: 0;
  border-bottom: 1px solid #f5f5f5;
}
.set-dropdown li[data-v-037f5ca4] {
    padding: 0;
    margin: 5px;
}
.set-dropdown li[data-v-037f5ca4]:hover {
      background: #f5f5f5;
}

@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */
@-webkit-keyframes bounce {
from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
}
70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
}
90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
}
}
@keyframes bounce {
from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
}
70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
}
90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
}
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes flash {
from,
  50%,
  to {
    opacity: 1;
}
25%,
  75% {
    opacity: 0;
}
}
@keyframes flash {
from,
  50%,
  to {
    opacity: 1;
}
25%,
  75% {
    opacity: 0;
}
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
}
to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
}
to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
}
40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
}
50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
}
65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
}
75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
}
to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
}
40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
}
50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
}
65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
}
75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
}
to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shake {
from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
}
20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
}
20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
}
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes headShake {
0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
}
31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
}
50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
}
@keyframes headShake {
0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
}
31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
}
50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
}
.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}
@-webkit-keyframes swing {
20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
}
40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
}
60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
}
80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
}
to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
}
40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
}
60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
}
80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
}
to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes wobble {
from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes jello {
from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes heartBeat {
0% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
28% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
70% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
}
@keyframes heartBeat {
0% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
28% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
70% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
}
.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes bounceIn {
from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
}
20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}
40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
}
60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
}
80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
}
to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
}
20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}
40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
}
60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
}
80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
}
to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
}
.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
}
60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
}
75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
}
90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInDown {
from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
}
60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
}
75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
}
90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
}
60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
}
75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
}
90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInLeft {
from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
}
60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
}
75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
}
90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
}
60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
}
75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
}
90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInRight {
from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
}
60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
}
75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
}
90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
}
60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
}
75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
}
90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
}
60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
}
75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
}
90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
}
50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}
to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes bounceOut {
20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
}
50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}
to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
}
}
.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
}
40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
}
to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
}
40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
}
to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
}
to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
}
to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
}
to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
}
to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
}
40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
}
to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
}
40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
}
to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes fadeIn {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDown {
from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDownBig {
from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeft {
from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeftBig {
from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRight {
from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRightBig {
from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUp {
from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUpBig {
from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
    opacity: 1;
}
to {
    opacity: 0;
}
}
@keyframes fadeOut {
from {
    opacity: 1;
}
to {
    opacity: 0;
}
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
    opacity: 1;
}
to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
    opacity: 1;
}
to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
    opacity: 1;
}
to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
    opacity: 1;
}
to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
    opacity: 1;
}
to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
    opacity: 1;
}
to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
    opacity: 1;
}
to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
    opacity: 1;
}
to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
    opacity: 1;
}
to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
    opacity: 1;
}
to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
    opacity: 1;
}
to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
    opacity: 1;
}
to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
    opacity: 1;
}
to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
    opacity: 1;
}
to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
    opacity: 1;
}
to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
    opacity: 1;
}
to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
}
40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
}
80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
}
}
@keyframes flipInX {
from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
}
40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
}
80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
}
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
}
40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
}
80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
}
}
@keyframes flipInY {
from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
}
40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
}
80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
}
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
}
30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
}
to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
}
}
@keyframes flipOutX {
from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
}
30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
}
to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
}
}
.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
}
30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
}
to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
}
}
@keyframes flipOutY {
from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
}
30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
}
to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
}
}
.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
}
60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
}
80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes lightSpeedIn {
from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
}
60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
}
80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
    opacity: 1;
}
to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
    opacity: 1;
}
to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
}
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
}
to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

}
@keyframes rotateIn {
from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
}
to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
}
to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
}
to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
}
to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
}
to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
}
to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
}
to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
}
to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
}
to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
}
to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
}
}
@keyframes rotateOut {
from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
}
to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
}
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
}
to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
}
to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
}
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
}
to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
}
to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
}
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
}
to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
}
to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
}
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
}
to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
}
to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
}
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
}
to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
}
}
@keyframes hinge {
0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
}
to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
}
}
.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}
@-webkit-keyframes jackInTheBox {
from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}
50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
}
70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
}
to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
}
@keyframes jackInTheBox {
from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}
50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
}
70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
}
to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
}
.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes rollIn {
from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
from {
    opacity: 1;
}
to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
    opacity: 1;
}
to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
}
50% {
    opacity: 1;
}
}
@keyframes zoomIn {
from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
}
50% {
    opacity: 1;
}
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInDown {
from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInLeft {
from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInRight {
from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInUp {
from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
    opacity: 1;
}
50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
}
to {
    opacity: 0;
}
}
@keyframes zoomOut {
from {
    opacity: 1;
}
50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
}
to {
    opacity: 0;
}
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutDown {
40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
}
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
}
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutUp {
40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}
.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}
.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}
.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}
.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}
.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}
@media (prefers-reduced-motion) {
.animated {
    -webkit-animation: unset !important;
    animation: unset !important;
    -webkit-transition: none !important;
    transition: none !important;
}
}
.study-page .fadeindown-enter-active {
  -webkit-transition: all .8s ease;
  transition: all .8s ease;
}
.study-page .fadeindown-enter, .study-page .fadeindown-leave-to {
  -webkit-transform: translateY(100px);
          transform: translateY(100px);
  opacity: 0;
}
.study-page .center-div {
  width: 1200px;
  margin: 0 auto;
}
.study-page .p-1 {
  background: #65aaf5 url("/static/image/nStudy/p1/bg@2x.png") no-repeat top center;
  background-size: 1921px auto;
  text-align: center;
  padding-top: 50px;
}
.study-page .p-1 .center-div {
    height: 728px;
}
.study-page .p-1 h2 {
    height: 42px;
    font-size: 42px;
    font-weight: 500;
    color: white;
}
.study-page .p-1 h3 {
    margin-top: 15px;
    font-size: 22px;
    font-weight: 400;
    color: #e1effd;
}
.study-page .p-1 .btn-bar {
    margin-top: 20px;
}
.study-page .p-1 .btn-bar a {
      width: 160px;
      height: 40px;
      line-height: 40px;
      background: white;
      border-radius: 24px;
      display: inline-block;
      color: #65aaf5;
      font-size: 18px;
      -webkit-transition: all .3s;
      transition: all .3s;
}
.study-page .p-1 .btn-bar a:hover {
        -webkit-transform: scale(1.05);
                transform: scale(1.05);
}
.study-page .p-1 .wave {
    height: 100px;
    background: #fff;
    position: relative;
}
.study-page .p-1 .wave svg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      opacity: .3;
}
.study-page .p-1 .wave .wave-1 {
      opacity: 1;
}
.study-page .p-1 .img-wrap {
    height: 520px;
    width: 100px;
    margin: 10px auto 0;
    position: relative;
}
.study-page .p-1 .img-wrap img {
      max-width: none;
      max-height: none;
}
.study-page .p-1 .img-wrap .img-1 {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 785px;
      margin-left: -370px;
      margin-top: -270px;
}
.study-page .p-1 .img-wrap .img-2 {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 173px;
      margin-left: -416px;
      margin-top: -60px;
}
.study-page .p-1 .img-wrap .img-3 {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 1101px;
      margin-left: -560px;
      margin-top: -263px;
}
.study-page .p-2 .center-div {
  height: 700px;
  position: relative;
}
.study-page .p-2 .center-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  white-space: nowrap;
  width: 256px;
  height: 173px;
  margin-left: -128px;
  margin-top: -86px;
  z-index: 1;
}
.study-page .p-2 .btn-bar,
.study-page .p-2 .desc,
.study-page .p-2 h3 {
  width: 256px;
  text-align: center;
}
.study-page .p-2 .desc {
  height: 27px;
  font-size: 28px;
  font-weight: 500;
  color: #3c4e5a;
  line-height: 48px;
}
.study-page .p-2 h3 {
  height: 56px;
  font-size: 56px;
  font-weight: bold;
  color: #3c4e5a;
  line-height: 56px;
  margin-top: 20px;
  letter-spacing: 10px;
}
.study-page .p-2 .btn-bar {
  margin-top: 30px;
}
.study-page .p-2 .btn-bar a {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    width: 140px;
    height: 40px;
    line-height: 40px;
    background: #65aaf5;
    border-radius: 20px;
    -webkit-box-shadow: 0 8px 22px rgba(72, 130, 246, 0.33);
            box-shadow: 0 8px 22px rgba(72, 130, 246, 0.33);
    -webkit-transition: all .3s;
    transition: all .3s;
}
.study-page .p-2 .btn-bar a:hover {
      background: #4d9df3;
}
.study-page .p-2 .link-item {
  position: absolute;
  -webkit-transition: all .3s;
  transition: all .3s;
  background: #fff;
  border-radius: 45px;
  padding: 20px 50px 20px 30px;
  -webkit-box-shadow: 0 0 28px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 28px rgba(0, 0, 0, 0.05);
  cursor: pointer;
}
.study-page .p-2 .link-item .m,
  .study-page .p-2 .link-item .s {
    margin-left: 65px;
    position: relative;
    z-index: 1;
}
.study-page .p-2 .link-item .m {
    font-size: 22px;
    font-weight: bold;
    color: #3c4e5a;
    line-height: 22px;
}
.study-page .p-2 .link-item .s {
    font-size: 16px;
    font-weight: 400;
    color: #7f878c;
    line-height: 22px;
    margin-top: 5px;
}
.study-page .p-2 .link-item .img {
    width: 50px;
    height: 50px;
    float: left;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}
.study-page .p-2 .link-item:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
    -webkit-box-shadow: 0 0 28px rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 28px rgba(0, 0, 0, 0.1);
}
.study-page .p-2 .link-item:nth-last-child(1) {
    top: 240px;
    left: 168px;
}
.study-page .p-2 .link-item:nth-last-child(1) .img {
      background-image: url("/static/image/nStudy/p2/4@2x.png");
}
.study-page .p-2 .link-item:nth-last-child(1):hover .img {
      background-image: url("/static/image/nStudy/p2/hover/4@2x.png");
}
.study-page .p-2 .link-item:nth-last-child(1):hover:before {
      -webkit-box-shadow: -3px -3px 6px rgba(0, 0, 0, 0.02);
              box-shadow: -3px -3px 6px rgba(0, 0, 0, 0.02);
}
.study-page .p-2 .link-item:nth-last-child(1):before {
      left: 80px;
}
.study-page .p-2 .link-item:nth-last-child(2) {
    top: 210px;
    left: -355px;
}
.study-page .p-2 .link-item:nth-last-child(2) .img {
      background-image: url("/static/image/nStudy/p2/3@2x.png");
      -webkit-transform: scale(0.8);
              transform: scale(0.8);
}
.study-page .p-2 .link-item:nth-last-child(2):hover .img {
      background-image: url("/static/image/nStudy/p2/hover/3@2x.png");
}
.study-page .p-2 .link-item:nth-last-child(2):hover:before {
      -webkit-box-shadow: -3px -3px 6px rgba(0, 0, 0, 0.02);
              box-shadow: -3px -3px 6px rgba(0, 0, 0, 0.02);
}
.study-page .p-2 .link-item:nth-last-child(2):before {
      left: 240px;
}
.study-page .p-2 .link-item:nth-last-child(3) {
    top: -110px;
    left: 285px;
}
.study-page .p-2 .link-item:nth-last-child(3) .img {
      background-image: url("/static/image/nStudy/p2/2@2x.png");
      -webkit-transform: scale(0.8);
              transform: scale(0.8);
}
.study-page .p-2 .link-item:nth-last-child(3):hover .img {
      background-image: url("/static/image/nStudy/p2/hover/2@2x.png");
}
.study-page .p-2 .link-item:nth-last-child(3):hover:before {
      -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.04);
              box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.04);
}
.study-page .p-2 .link-item:nth-last-child(3):before {
      top: auto;
      bottom: 0;
      left: 100px;
      -webkit-transform: translateY(50%) scaleX(0.7) rotate(45deg);
              transform: translateY(50%) scaleX(0.7) rotate(45deg);
      -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.02);
              box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.02);
}
.study-page .p-2 .link-item:nth-last-child(4) {
    top: -140px;
    left: -285px;
}
.study-page .p-2 .link-item:nth-last-child(4) .img {
      background-image: url("/static/image/nStudy/p2/1@2x.png");
      -webkit-transform: scale(0.7);
              transform: scale(0.7);
}
.study-page .p-2 .link-item:nth-last-child(4):hover .img {
      background-image: url("/static/image/nStudy/p2/hover/1@2x.png");
}
.study-page .p-2 .link-item:nth-last-child(4):hover:before {
      -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.04);
              box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.04);
}
.study-page .p-2 .link-item:nth-last-child(4):before {
      top: auto;
      bottom: 0;
      left: 280px;
      -webkit-transform: translateY(50%) scaleX(0.7) rotate(45deg);
              transform: translateY(50%) scaleX(0.7) rotate(45deg);
      -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.02);
              box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.02);
}
.study-page .p-2 .link-item:before {
    content: "";
    display: block;
    position: absolute;
    height: 30px;
    width: 30px;
    top: 2px;
    bottom: 0;
    left: 30px;
    background: #fff;
    -webkit-transform: translateY(-50%) scaleX(0.7) rotate(45deg);
            transform: translateY(-50%) scaleX(0.7) rotate(45deg);
    -webkit-box-shadow: -3px -3px 6px rgba(0, 0, 0, 0.02);
            box-shadow: -3px -3px 6px rgba(0, 0, 0, 0.02);
}
.study-page .p-2 .img-dot {
  width: 575px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -118px;
  margin-left: -288px;
}
.study-page .p-3 {
  background: #65aaf5;
  overflow: hidden;
}
.study-page .p-3 .wave {
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-color: #fff;
    background-position: center center;
}
.study-page .p-3 .wave.up {
      height: 123px;
      background-image: url("/static/image/nStudy/p3/up@2x.png");
}
.study-page .p-3 .wave.down {
      height: 201px;
      background-image: url("/static/image/nStudy/p3/down@2x.png");
}
.study-page .p-3 .center-div {
    padding: 50px 0 0;
    height: 1200px;
}
.study-page .p-3 .center-div:after {
      content: "";
      display: block;
      clear: both;
}
.study-page .p-3 .l-wrap {
    float: left;
    margin-right: 108px;
    position: relative;
    width: 480px;
}
.study-page .p-3 .l-wrap .absolute-wrap {
      position: absolute;
      left: 0;
      right: 0;
      -webkit-transition: all .3s;
      transition: all .3s;
}
.study-page .p-3 .l-wrap .desc-font {
      font-size: 110px;
      font-weight: bold;
      color: #6daef6;
      line-height: 48px;
      margin-bottom: -20px;
      text-indent: 10px;
      position: absolute;
}
.study-page .p-3 .l-wrap h2 {
      margin-top: 40px;
      position: relative;
      z-index: 1;
      font-size: 40px;
      font-weight: bold;
      color: white;
      line-height: 48px;
}
.study-page .p-3 .l-wrap ul li {
      margin: 28px 0;
      font-size: 16px;
      font-weight: 400;
      color: white;
      line-height: 22px;
}
.study-page .p-3 .l-wrap ul .el-icon-check {
      font-weight: bold;
      margin-right: 10px;
      color: #41f87f;
}
.study-page .p-3 .l-wrap .btn-bar {
      margin-top: 35px;
}
.study-page .p-3 .l-wrap .btn-bar a {
        margin: 0 20px;
        height: 38px;
        line-height: 38px;
        background: white;
        border-radius: 24px;
        display: inline-block;
        color: #65aaf5;
        font-size: 16px;
        padding: 0 20px;
        border: 1px solid transparent;
        -webkit-transition: all .3s;
        transition: all .3s;
}
.study-page .p-3 .l-wrap .btn-bar a:nth-child(2) {
          border: 1px solid #fff;
          background: transparent;
          color: #fff;
}
.study-page .p-3 .l-wrap .btn-bar a:hover {
          -webkit-transform: scale(1.05);
                  transform: scale(1.05);
}
.study-page .p-3 .r-wrap {
    position: relative;
    z-index: 1;
    width: 610px;
    float: right;
}
.study-page .p-3 .r-wrap .img-1 {
      float: left;
      margin-right: 45px;
      width: 280px;
      position: relative;
      z-index: 1;
}
.study-page .p-3 .r-wrap .img-2 {
      float: left;
      width: 280px;
      position: relative;
      z-index: 1;
}
.study-page .p-3 .r-wrap .img-3 {
      max-width: none;
      max-height: none;
      margin-top: 140px;
      width: 750px;
      float: right;
      position: relative;
      top: 0;
      right: -100px;
      z-index: 1;
}
.study-page .p-3 .img-dot1 {
    position: absolute;
    width: 897px;
    top: 180px;
    left: 50%;
    margin-left: -450px;
    max-width: none;
}
.study-page .p-3 .img-dot2 {
    position: absolute;
    width: 912px;
    top: 880px;
    left: 50%;
    max-width: none;
    margin-left: -456px;
}
.study-page .p-4 {
  padding: 100px 0;
  height: 754px;
}
.study-page .p-4 .center-div {
    height: 345px;
}
.study-page .p-4 h2 {
    font-size: 40px;
    font-family: PingFangSC-Regular;
    font-weight: 500;
    color: #3c4e5a;
    line-height: 48px;
    text-align: center;
}
.study-page .p-4 .desc-wall {
    overflow: hidden;
    margin: 50px auto 0;
    width: 1000px;
}
.study-page .p-4 .desc-wall li {
      width: 50%;
      float: left;
      margin: 17px 0;
      font-size: 16px;
      font-weight: 400;
      color: #7f878c;
      line-height: 22px;
}
.study-page .p-4 .desc-wall .el-icon-check {
      font-weight: bold;
      margin-right: 10px;
      color: #92ca92;
}
.study-page .p-4 .icon-wall {
    overflow: hidden;
    margin-top: 60px;
}
.study-page .p-4 .icon-wall li {
      width: 20%;
      float: left;
      text-align: center;
}
.study-page .p-4 .icon-wall img {
      width: 40px;
      height: 40px;
      text-align: center;
      display: block;
      margin: 0 auto 10px;
      -o-object-fit: contain;
         object-fit: contain;
}
.study-page .p-4 .icon-wall p {
      font-size: 18px;
      font-family: PingFangSC-Regular;
      font-weight: 400;
      color: #3c4e5a;
      margin-top: 10px;
}
.study-page .p-4 .img-wall-hidden {
    width: 100%;
    overflow: hidden;
    padding-bottom: 10px;
}
.study-page .p-4 .img-wall-wrap {
    width: 3600px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: slide 20s linear 0s infinite;
            animation: slide 20s linear 0s infinite;
}
@-webkit-keyframes slide {
from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
}
to {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
}
@keyframes slide {
from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
}
to {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
}
.study-page .p-4 .img-wall {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    margin-top: 80px;
    width: 1800px;
}
.study-page .p-4 .img-wall img {
      -webkit-box-shadow: 0 0 22px rgba(0, 0, 0, 0.1);
              box-shadow: 0 0 22px rgba(0, 0, 0, 0.1);
}
.study-page .p-4 .img-wall .img-1 {
      width: 203px;
}
.study-page .p-4 .img-wall .img-2 {
      width: 313px;
}
.study-page .p-4 .img-wall .img-3 {
      width: 297px;
}
.study-page .p-4 .img-wall .img-4 {
      width: 380px;
}
.study-page .p-4 .img-wall .img-5 {
      width: 294px;
}
.study-page .p-5 {
  background: #f9fbff;
  padding: 100px 0;
  height: 792px;
}
.study-page .p-5 .center-div {
    height: 154px;
}
.study-page .p-5 h2 {
    font-size: 40px;
    font-family: PingFangSC-Regular;
    font-weight: 500;
    color: #3c4e5a;
    line-height: 48px;
    text-align: center;
}
.study-page .p-5 .desc-wall {
    overflow: hidden;
    margin: 30px auto 0;
}
.study-page .p-5 .desc-wall li {
      width: 50%;
      float: left;
      margin: 8px 0;
      font-size: 16px;
      font-weight: 400;
      color: #7f878c;
      line-height: 22px;
}
.study-page .p-5 .desc-wall li:nth-child(1), .study-page .p-5 .desc-wall li:nth-child(3) {
        text-indent: 56px;
}
.study-page .p-5 .desc-wall .el-icon-check {
      font-weight: bold;
      margin-right: 10px;
      color: #92ca92;
}
.study-page .p-5 .img-wall {
    text-align: center;
    margin-top: 64px;
    white-space: nowrap;
}
.study-page .p-5 .img-wall img {
      width: 330px;
      border-radius: 20px;
      margin: 0 40px;
}
.study-page .p-6 {
  background: #65aaf5;
  height: 630px;
  position: relative;
  overflow: hidden;
}
.study-page .p-6 .wave {
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-color: #f9fbff;
    background-position: center center;
    height: 194px;
    background-image: url("/static/image/nStudy/p6/wave@2x.png");
}
.study-page .p-6 h2 {
    height: 44px;
    font-size: 46px;
    font-family: PingFangSC-Regular;
    font-weight: 500;
    color: white;
    line-height: 48px;
    text-align: center;
}
.study-page .p-6 .desc-wall {
    overflow: hidden;
    margin: 40px auto 0;
    width: 1000px;
}
.study-page .p-6 .desc-wall li {
      width: 50%;
      float: left;
      margin: 8px 0;
      font-size: 16px;
      font-weight: 400;
      color: #fff;
      line-height: 22px;
}
.study-page .p-6 .desc-wall li:nth-child(2), .study-page .p-6 .desc-wall li:nth-child(4) {
        text-indent: 56px;
}
.study-page .p-6 .desc-wall img {
      width: 26px;
      height: 26px;
      vertical-align: middle;
      margin-right: 16px;
      -o-object-fit: contain;
         object-fit: contain;
}
.study-page .p-6 .img-1 {
    position: absolute;
    bottom: -15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 1304px;
}

.success-page[data-v-6177af77] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.success-page .content[data-v-6177af77] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    line-height: 1;
    margin-top: 18%;
}
.success-page .content .icon[data-v-6177af77] {
      width: 48px;
      height: 48px;
}
.success-page .content .title[data-v-6177af77] {
      font-size: 24px;
      color: #333;
      margin-top: 28px;
}
.success-page .content .sub-title[data-v-6177af77] {
      font-size: 18px;
      color: #999;
      margin-top: 12px;
}
.success-page .content .enter[data-v-6177af77] {
      background: #00A2FF;
      font-size: 16px;
      color: white;
      border-radius: 2px;
      width: 240px;
      height: 44px;
      line-height: 44px;
      text-align: center;
      margin-top: 40px;
}
.success-page .content .time[data-v-6177af77] {
      font-size: 14px;
      color: #333;
      margin-top: 20px;
}
.success-page .content .time .second[data-v-6177af77] {
        color: #00A2FF;
}
.success-page .register-header[data-v-6177af77] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 64px;
    display: block;
    -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.07);
            box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.07);
}
.success-page .register-header .register-header-content[data-v-6177af77] {
      width: 800px;
      height: 100%;
      margin: 0 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
}
.success-page .register-header .register-header-content .register-header-wrapper[data-v-6177af77] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
}
.success-page .register-header .register-header-content .register-header-wrapper .dslogo[data-v-6177af77] {
          width: 60px;
          height: 30px;
          -o-object-fit: contain;
             object-fit: contain;
}
.success-page .register-header .register-header-content .register-header-wrapper .page-title[data-v-6177af77] {
          color: #666;
          font-size: 16px;
          margin-left: 10px;
          padding-left: 10px;
          border-left: 1px solid #e6e6e6;
}
.success-page .register-footer[data-v-6177af77] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 60px;
    color: #999;
    font-size: 12px;
}
.success-page .register-footer a[data-v-6177af77] {
      color: #999;
}

.article {
  width: 1140px;
  margin: 0 auto;
}
.article .art-hd {
    color: #666;
    font-size: 14px;
    line-height: 70px;
    margin-top: 10px;
}
.article .art-hd a {
      color: #666;
}
.article .art-hd a:hover {
        color: #0085ff;
}
.article .art-bd {
    overflow: hidden;
}
.article .art-bd .art-l {
      float: left;
      width: 740px;
      padding-bottom: 150px;
}
.article .art-bd .art-r {
      float: right;
      width: 320px;
}
.html {
  font-size: 16px;
}
.html .a-info {
    color: #999999;
    font-size: 12px;
    margin-bottom: 15px;
}
.html .a-info.sp {
      font-size: 14px;
      margin-top: 15px;
      margin-bottom: 50px;
      position: relative;
}
.html .a-info.sp:before {
        position: absolute;
        width: 160px;
        height: 4px;
        background: #F0F0F0;
        content: '';
        display: block;
        left: 0;
        bottom: -20px;
}
.html h2 {
    font-size: 28px;
    color: #333;
    font-weight: bold;
}
.html h3 {
    font-size: 18px;
    color: #333;
    font-weight: bold;
    margin: 30px 0;
}
.html ol {
    margin: 30px 0 30px 20px;
}
.html ol li {
      font-size: 16px;
      color: #595959;
      line-height: 28px;
      list-style-type: inherit;
}
.html p {
    font-size: 16px;
    color: #595959;
    line-height: 28px;
    margin: 30px 0;
}
.html a {
    color: #4073FF;
}
.html img {
    display: block;
    margin: 0 auto;
}
.if-like {
  margin-top: 40px;
}
.if-like .il-hd {
    font-size: 16px;
    color: #333;
    line-height: 1em;
    margin-bottom: 20px;
    position: relative;
    padding-left: 13px;
}
.if-like .il-hd:before {
      content: "";
      display: block;
      width: 3px;
      background: #3CA7FF;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
}
.if-like .il-bd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.if-like .il-bd li {
      width: 236px;
}
.if-like .il-bd a {
      display: block;
}
.if-like .il-bd a:hover p {
        color: #0095ff;
}
.if-like .il-bd .img-wrap {
      width: 236px;
}
.if-like .il-bd .img-wrap img {
        width: 100%;
        height: 133px;
        display: block;
}
.if-like .il-bd p {
      display: -webkit-box;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      word-break: break-all;
      color: #333;
      margin-top: 8px;
}
.keyword {
  overflow: hidden;
  border-bottom: 1px solid #F0F0F0;
  padding: 30px 0 23px;
}
.keyword a {
    float: left;
    line-height: 28px;
    padding: 0 12px;
    color: #666;
    background: #f1f1f1;
    font-size: 12px;
    margin: 0 10px 0 0;
    border-radius: 4px;
}
.keyword a:hover {
      color: #0095ff;
}
.about-it {
  color: #999;
  font-size: 12px;
  padding: 30px 0 23px;
  line-height: 21px;
  border-bottom: 1px solid #F0F0F0;
}
.about-it span {
    color: #666;
}
.block .block-hd {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #333;
  line-height: 57px;
  height: 57px;
  font-weight: bold;
  border-top: 3px solid #0095FF;
  border-bottom: 1px dashed #F0F0F0;
}
.block .block-bd {
  padding-bottom: 30px;
}
.link-wall {
  counter-reset: section;
}
.link-wall li {
    margin: 20px 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-left: 30px;
    position: relative;
    counter-increment: section;
}
.link-wall li:before {
      position: absolute;
      content: "";
      display: block;
      width: 0px;
      height: 16px;
      position: absolute;
      top: 50%;
      left: 4px;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      border-width: 2px 8px;
      border-color: #f0f0f0 #f0f0f0 #fff #f0f0f0;
      border-style: solid;
}
.link-wall li:after {
      content: counter(section);
      position: absolute;
      display: block;
      width: 0px;
      height: 18px;
      position: absolute;
      top: 50%;
      left: 9px;
      font-size: 12px;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      color: #666;
}
.link-wall li:nth-child(1):after, .link-wall li:nth-child(2):after {
      color: #fff;
}
.link-wall li:nth-child(1):before {
      border-color: #f44344 #f44344 #fff #f44344;
}
.link-wall li:nth-child(2):before {
      border-color: #f68f35 #f68f35 #fff #f68f35;
}
.link-wall a {
    font-size: 14px;
    color: #333;
}
.link-wall a:hover {
      color: #0095ff;
}
.page-wall a {
  border: 1px solid #f0f0f0;
  position: relative;
  padding-left: 76px;
  display: block;
  height: 80px;
  margin: 20px 0;
  overflow: hidden;
  border-radius: 4px;
}
.page-wall a img {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 32px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
.page-wall a .m {
    color: #333;
    font-size: 14px;
    margin-top: 22px;
    line-height: 1em;
}
.page-wall a .s {
    color: #999;
    font-size: 12px;
    line-height: 1em;
    margin-top: 10px;
}
.page-wall a:hover {
    background: #f7f7f7;
}
.key-wall {
  overflow: hidden;
  padding: 20px 10px;
}
.key-wall a {
    float: left;
    line-height: 28px;
    border: 1px solid #f0f0f0;
    padding: 0 12px;
    color: #333;
    font-size: 12px;
    margin: 0 10px 10px 0;
}
.key-wall a:hover {
      border-color: #0095ff;

      color: #0095ff;
}
.json-area {
  margin-top: 100px;
  background: lightgoldenrodyellow;
}
.commit-btn {
  padding: 10px 20px;
  background: lightblue;
  display: inline-block;
}
.commit-warnings {
  font-size: 16px;
  line-height: 22px;
  color: red;
}

.video-page .i-arr {
  display: inline-block;
  width: 15px;
  margin-left: 5px;
}
.video-page .p-1 {
  background-size: 1920px auto;
  background-position: top center;
  background-repeat: no-repeat;
  padding-top: 70px;
  height: 624px;
}
.video-page .p-1 .m {
    text-align: center;
    font-size: 50px;
    line-height: 1em;
    margin-bottom: 30px;
    color: #fff;
}
.video-page .p-1 .s {
    text-align: center;
    font-size: 22px;
    color: #e5eaf6;
    line-height: 1em;
    margin-bottom: 20px;
}
.video-page .p-1 .btn-group a {
    display: block;
    margin: 0 auto;
    width: 120px;
    height: 40px;
    line-height: 40px;
    background: white;
    border-radius: 20px;
    font-size: 14px;
    color: #3fa3ff;
    -webkit-transition: all .3s;
    transition: all .3s;
    text-align: center;
}
.video-page .p-1 .btn-group a:hover {
      -webkit-transform: scale(1.1);
              transform: scale(1.1);
}
.video-page .p-1 .banner-img-wrap {
    position: relative;
    width: 730px;
    height: 442px;
    margin: 15px auto 0;
}
.video-page .p-1 .banner-img-wrap img {
      display: block;
      -o-object-fit: contain;
         object-fit: contain;
}
.video-page .p-1 .banner-img-wrap .img-bg {
      width: 730px;
      height: 442px;
}
.video-page .p-1 .banner-img-wrap .img-item {
      position: absolute;
}
@-webkit-keyframes robot1ImgBoxAnimation {
0% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
}
100% {
    -webkit-transform: translate(0px, -15px);
            transform: translate(0px, -15px);
}
}
@keyframes robot1ImgBoxAnimation {
0% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
}
100% {
    -webkit-transform: translate(0px, -15px);
            transform: translate(0px, -15px);
}
}
@-webkit-keyframes robot1ImgBoxAnimation2 {
0% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
}
100% {
    -webkit-transform: translate(-10px, 0);
            transform: translate(-10px, 0);
}
}
@keyframes robot1ImgBoxAnimation2 {
0% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
}
100% {
    -webkit-transform: translate(-10px, 0);
            transform: translate(-10px, 0);
}
}
.video-page .p-1 .banner-img-wrap .img-1 {
      width: 174px;
      top: 72px;
      left: -72px;
      -webkit-animation: robot1ImgBoxAnimation 8.1s ease-in-out 0s infinite alternate;
              animation: robot1ImgBoxAnimation 8.1s ease-in-out 0s infinite alternate;
}
.video-page .p-1 .banner-img-wrap .img-2 {
      width: 155px;
      top: 308px;
      left: 53px;
      -webkit-animation: robot1ImgBoxAnimation 6s ease-in-out 0s infinite alternate;
              animation: robot1ImgBoxAnimation 6s ease-in-out 0s infinite alternate;
}
.video-page .p-1 .banner-img-wrap .img-3 {
      width: 154px;
      top: 288px;
      left: 228px;
      -webkit-animation: robot1ImgBoxAnimation2 4s ease-in-out 0s infinite alternate;
              animation: robot1ImgBoxAnimation2 4s ease-in-out 0s infinite alternate;
}
.video-page .p-1 .banner-img-wrap .img-4 {
      width: 180px;
      top: 318px;
      left: 408px;
      -webkit-animation: robot1ImgBoxAnimation 6s ease-in-out 0s infinite alternate;
              animation: robot1ImgBoxAnimation 6s ease-in-out 0s infinite alternate;
}
.video-page .p-1 .banner-img-wrap .img-5 {
      width: 233px;
      top: 85px;
      left: 584px;
      -webkit-animation: robot1ImgBoxAnimation2 5s ease-in-out 0s infinite alternate;
              animation: robot1ImgBoxAnimation2 5s ease-in-out 0s infinite alternate;
}
.video-page .p-2 {
  padding-top: 41px;
}
.video-page .p-2 .t-m {
    line-height: 48px;
    font-size: 34px;
    color: #333333;
    text-align: center;
}
.video-page .p-2 .img-item {
    position: relative;
    width: 1100px;
    height: 500px;
    margin: 0 auto;
}
.video-page .p-2 .img-item img {
      position: absolute;
}
.video-page .p-2 .img-item .info-wrap {
      position: absolute;
      z-index: 1;
      top: 130px;
      right: 100px;
}
.video-page .p-2 .img-item .info-wrap .m {
        font-size: 20px;
        color: #333333;
        line-height: 28px;
        width: 400px;
}
.video-page .p-2 .img-item .info-wrap .s {
        margin-top: 10px;
        font-size: 14px;
        color: #999999;
        line-height: 20px;
        width: 400px;
}
.video-page .p-2 .img-item.item-1 img {
      width: 1150px;
      height: 503px;
      top: 0;
      left: -100px;
      -o-object-fit: contain;
         object-fit: contain;
}
.video-page .p-2 .img-item.item-2 {
      height: 400px;
}
.video-page .p-2 .img-item.item-2 .info-wrap {
        right: auto;
        left: 100px;
        top: 100px;
}
.video-page .p-2 .img-item.item-2 img {
        width: 489px;
        height: 447px;
        top: -100px;
        right: 50px;
}
.video-page .p-2 .item-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.video-page .p-2 .item-group .item {
      width: 240px;
      height: 300px;
      background: white;
      -webkit-box-shadow: 0px 7px 30px 0px rgba(231, 236, 249, 0.5);
              box-shadow: 0px 7px 30px 0px rgba(231, 236, 249, 0.5);
      border-radius: 6px;
      -webkit-transition: all .3s;
      transition: all .3s;
      margin: 0 23.5px;
      overflow: hidden;
      text-align: center;
}
.video-page .p-2 .item-group .item:hover {
        -webkit-box-shadow: 0px 7px 50px 0px rgba(198, 208, 238, 0.5);
                box-shadow: 0px 7px 50px 0px rgba(198, 208, 238, 0.5);
}
.video-page .p-2 .item-group .item img {
        width: 122px;
        height: 122px;
        display: block;
        margin: 14px auto;
}
.video-page .p-2 .item-group .item .m {
        height: 28px;
        font-size: 20px;
        color: #071940;
        line-height: 28px;
        margin-top: 9px;
}
.video-page .p-2 .item-group .item .s {
        height: 40px;
        font-size: 14px;
        color: #727f9c;
        line-height: 20px;
        margin-top: 8px;
}
.video-page .p-3 {
  padding-top: 118px;
}
.video-page .p-3 .background-wrap-1 {
    position: relative;
    height: 600px;
}
.video-page .p-3 .background-wrap-1 .bg-img {
      width: 1483px;
      position: absolute;
      top: 0;
      left: 50%;
      -webkit-transform: translateX(-56%);
              transform: translateX(-56%);
}
.video-page .p-3 .background-wrap-2 {
    position: relative;
    height: 640px;
}
.video-page .p-3 .background-wrap-2 .bg-img {
      width: 1920px;
      height: auto;
      max-width: none;
      max-height: none;
      position: absolute;
      top: -100px;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
}
.video-page .p-3 .item {
    width: 1100px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.video-page .p-3 .item-1 {
    height: 525px;
}
.video-page .p-3 .item-2 .item-l {
    padding-top: 130px;
}
.video-page .p-3 .item-2 .item-r {
    margin-top: 110px;
}
.video-page .p-3 .item-2 .item-r .item-info {
      left: 50px;
}
.video-page .p-3 .item-l {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    position: relative;
}
.video-page .p-3 .item-r {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    position: relative;
}
.video-page .p-3 .item-info {
    position: absolute;
    left: 0;
    top: 178px;
}
.video-page .p-3 .item-info .m {
      height: 97px;
      font-size: 34px;
      color: #333333;
      line-height: 48px;
}
.video-page .p-3 .item-info .s {
      margin-top: 6px;
      height: 22px;
      font-size: 16px;
      color: #737188;
      line-height: 22px;
}
.video-page .p-3 .item-info .btn-group {
      margin-top: 24px;
}
.video-page .p-3 .item-info .btn-group a {
        width: 48px;
        height: 17px;
        font-size: 12px;
        color: #3d78ff;
        line-height: 17px;
}
.video-page .p-3 .card-item {
    position: absolute;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 239px;
    height: 243px;
    background: white;
    -webkit-box-shadow: 0px 6px 45px 0px rgba(198, 208, 238, 0.5);
            box-shadow: 0px 6px 45px 0px rgba(198, 208, 238, 0.5);
    border-radius: 14px;
    overflow: hidden;
    padding: 20px;
}
.video-page .p-3 .card-item.card-1 {
      top: 0;
      left: 0;
}
.video-page .p-3 .card-item.card-2 {
      top: 268px;
      left: 0;
}
.video-page .p-3 .card-item.card-3 {
      top: 158px;
      left: 261px;
}
.video-page .p-3 .card-item img {
      width: 108px;
      height: 81px;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
}
.video-page .p-3 .card-item .m {
      height: 28px;
      font-size: 20px;
      color: #0a2764;
      line-height: 28px;
      margin-top: 100px;
}
.video-page .p-3 .card-item .s {
      width: 187px;
      font-size: 14px;
      color: #727f9c;
      line-height: 20px;
      margin-top: 4px;
}
.video-page .p-3 .wall-item {
    width: 481px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 100px;
    background: white;
    -webkit-box-shadow: 0px 7px 50px 0px rgba(198, 208, 238, 0.5);
            box-shadow: 0px 7px 50px 0px rgba(198, 208, 238, 0.5);
    border-radius: 16px;
    position: relative;
    margin-bottom: 14px;
    padding-left: 121px;
    padding-right: 23px;
    overflow: hidden;
}
.video-page .p-3 .wall-item img {
      width: 38px;
      height: 38px;
      display: block;
      position: absolute;
      top: 32px;
      left: 42px;
      -o-object-fit: contain;
         object-fit: contain;
}
.video-page .p-3 .wall-item .m {
      height: 28px;
      font-size: 20px;
      color: #071940;
      line-height: 28px;
      margin-top: 14px;
}
.video-page .p-3 .wall-item .s {
      margin-top: 4px;
      width: 337px;
      font-size: 14px;
      color: #727f9c;
      line-height: 20px;
}

.weike-container[data-v-518fe340] {
  position: relative;
  line-height: 1;
}
.weike-container *[data-v-518fe340] {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.weike-container h2[data-v-518fe340] {
    color: #293482;
    font-size: 40px;
    text-align: center;
}
.weike-container .flexbox[data-v-518fe340] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.weike-container .layer .middle[data-v-518fe340] {
    width: 1200px;
    margin: auto;
}
.weike-container .lu[data-v-518fe340] {
    border-radius: 0 30px 30px 30px;
}
.weike-container .ru[data-v-518fe340] {
    border-radius: 30px 0 30px 30px;
}
.weike-container .rd[data-v-518fe340] {
    border-radius: 30px 30px 0 30px;
}
.weike-container .ld[data-v-518fe340] {
    border-radius: 30px 30px 30px 0;
}
.weike-container .layer-1[data-v-518fe340] {
    height: 760px;
    padding-top: 80px;
    background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/weike/layer-1/l1bg.png") no-repeat center/cover;
}
.weike-container .layer-1 h2[data-v-518fe340] {
      color: #fff;
      font-weight: 800;
      padding-bottom: 30px;
}
.weike-container .layer-1 .apply-btn[data-v-518fe340] {
      text-align: center;
}
.weike-container .layer-1 .apply-btn a[data-v-518fe340] {
        display: inline-block;
        width: 200px;
        height: 50px;
        background: #fff;
        border-radius: 200px;
        color: #4557EC;
        font-size: 18px;
        line-height: 50px;
        -webkit-transition: all 200ms;
        transition: all 200ms;
}
.weike-container .layer-1 .apply-btn a[data-v-518fe340]:hover {
          -webkit-transform: scale(1.2);
                  transform: scale(1.2);
}
.weike-container .layer-1 .banner-main[data-v-518fe340] {
      margin-top: 48px;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
}
.weike-container .layer-1 .banner-main .intro-bg[data-v-518fe340] {
        position: relative;
        width: 600px;
        height: 438px;
        margin: 0 60px 0 70px;
        background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/weike/layer-1/l1left.png") no-repeat center/cover;
        -webkit-animation: boomIn-data-v-518fe340 1000ms;
                animation: boomIn-data-v-518fe340 1000ms;
}
.weike-container .layer-1 .banner-main .robot-float[data-v-518fe340] {
        position: absolute;
        left: -110px;
        top: 170px;
        width: 159px;
        -webkit-animation: robot1ImgBoxAnimation-data-v-518fe340 2s ease-in-out 0s infinite alternate;
                animation: robot1ImgBoxAnimation-data-v-518fe340 2s ease-in-out 0s infinite alternate;
}
.weike-container .layer-1 .banner-main .robot-float .body[data-v-518fe340] {
          position: relative;
          height: 188px;
          z-index: 10;
          background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/weike/layer-1/robot-body.png") no-repeat top/contain;
}
.weike-container .layer-1 .banner-main .robot-float .tail[data-v-518fe340] {
          position: absolute;
          bottom: -66px;
          left: -17px;
          width: 135px;
          height: 84px;
          background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/weike/layer-1/robot-tail.png") no-repeat top/contain;
          -webkit-animation: robot1tailAnimation-data-v-518fe340 2s ease-in-out 0s infinite alternate;
                  animation: robot1tailAnimation-data-v-518fe340 2s ease-in-out 0s infinite alternate;
}
.weike-container .layer-1 .chat-slide[data-v-518fe340] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-flow: column wrap;
              flex-flow: column wrap;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      width: 332px;
      height: 438px;
}
.weike-container .layer-1 .chat-slide .robot + .robot .face[data-v-518fe340], .weike-container .layer-1 .chat-slide .self + .self .face[data-v-518fe340] {
        visibility: hidden;
}
.weike-container .layer-1 .chat-slide .chat-item[data-v-518fe340] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
}
.weike-container .layer-1 .chat-slide .chat-item[data-v-518fe340]:not(:last-child) {
          margin-bottom: 16px;
}
.weike-container .layer-1 .chat-slide .chat-item .face[data-v-518fe340] {
          min-width: 40px;
          max-width: 40px;
          height: 40px;
          border-radius: 50%;
          background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/weike/layer-1/l1robothead.png") no-repeat center/cover;
          -webkit-animation: boomIn-data-v-518fe340 300ms;
                  animation: boomIn-data-v-518fe340 300ms;
}
.weike-container .layer-1 .chat-slide .chat-item .bubble[data-v-518fe340] {
          max-width: 220px;
          min-height: 46px;
          color: #293482;
          font-size: 14px;
          background: #fff;
          margin: 0 16px;
          line-height: 18px;
          padding: 14px 10px 14px 14px;
          -webkit-transition: all 500ms;
          transition: all 500ms;

          border-radius: 16px 16px 16px 0;
}
.weike-container .layer-1 .chat-slide .chat-item.robot .bubble[data-v-518fe340] {
          width: 220px;
}
.weike-container .layer-1 .chat-slide .chat-item.self[data-v-518fe340] {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: reverse;
              -ms-flex-direction: row-reverse;
                  flex-direction: row-reverse;
}
.weike-container .layer-1 .chat-slide .chat-item.self .face[data-v-518fe340] {
            background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/weike/layer-1/l1head.png") no-repeat center/cover;
}
.weike-container .layer-1 .chat-slide .chat-item.self .bubble[data-v-518fe340] {
            color: #fff;
            min-width: 92px;
            text-align: center;
            background: #4a40d4;
            -webkit-transition: all 500ms;
            transition: all 500ms;
            border-radius: 100px 100px 0 100px;
}
.weike-container .layer-1 .chat-slide .chat-item.media .bubble[data-v-518fe340] {
          padding-top: 5px;
          padding-bottom: 5px;
}
.weike-container .layer-1 .chat-slide .chat-item .loading[data-v-518fe340] {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          min-width: 0 !important;
          min-height: 0 !important;
          max-height: 30px;
          width: 50px !important;
          height: 40px;
          padding: 0;
          margin: 0 58px;
}
.weike-container .layer-1 .chat-slide .chat-item .loading span[data-v-518fe340] {
            width: 4px;
            height: 4px;
            background: #ccc;
            border-radius: 50%;
            animation: jump-data-v-518fe340 320ms infinite alternate-reverse;
}
.weike-container .layer-1 .chat-slide .chat-item .loading span[data-v-518fe340]:not(:last-child) {
              margin-right: 3px;
}
.weike-container .layer-1 .chat-slide .chat-item .loading span[data-v-518fe340]:nth-child(1) {
            -webkit-animation-delay: 200ms;
                    animation-delay: 200ms;
}
.weike-container .layer-1 .chat-slide .chat-item .loading span[data-v-518fe340]:nth-child(2) {
            -webkit-animation-delay: 400ms;
                    animation-delay: 400ms;
}
.weike-container .layer-1 .chat-slide .chat-item .loading span[data-v-518fe340]:nth-child(3) {
            -webkit-animation-delay: 600ms;
                    animation-delay: 600ms;
}
.weike-container .layer-2[data-v-518fe340] {
    height: 850px;
    padding: 95px 32px 0;
}
.weike-container .layer-2 h2[data-v-518fe340] {
      padding-bottom: 50px;
}
.weike-container .layer-2 .slide-wrap[data-v-518fe340] {
      position: relative;
}
.weike-container .layer-2 .slide-wrap .phone-slide[data-v-518fe340] {
        width: 894px;
        height: 600px;
        position: relative;
        padding-bottom: 95px;
}
.weike-container .layer-2 .slide-wrap .slide-inner[data-v-518fe340] {
        position: absolute;
        right: 0;
        top: 0;
        width: 894px;
        height: 600px;
        overflow: hidden;
}
.weike-container .layer-2 .slide-wrap .pic-list .inner[data-v-518fe340] {
        position: absolute;
        right: 0;
        width: 9999px;
        padding-top: 36px;
        overflow: hidden;
}
.weike-container .layer-2 .slide-wrap .pic-list .inner[data-v-518fe340]:not(.no-transition) {
          -webkit-transition: all 400ms;
          transition: all 400ms;
}
.weike-container .layer-2 .slide-wrap .pic-list .pic-item[data-v-518fe340] {
        float: right;
        padding: 0 16px;
        opacity: .6;
}
.weike-container .layer-2 .slide-wrap .pic-list .pic-item.active[data-v-518fe340] {
          opacity: 1;
          margin: 0 15px;
}
.weike-container .layer-2 .slide-wrap .pic-list .pic-item img[data-v-518fe340] {
          width: 250px;
}
.weike-container .layer-2 .slide-wrap .phone-bg[data-v-518fe340] {
        position: absolute;
        top: 13px;
        right: 12px;
        width: 290px;
        height: 565px;
        border-radius: 50px;
        -webkit-box-shadow: 0px 3px 19px 1px rgba(150, 161, 207, 0.34);
                box-shadow: 0px 3px 19px 1px rgba(150, 161, 207, 0.34);
        background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/weike/layer-2/l2phone.png") no-repeat center/cover;
}
.weike-container .layer-2 .slide-wrap .paginations[data-v-518fe340] {
        padding: 40px 0 0 108px;
}
.weike-container .layer-2 .slide-wrap .paginations .item[data-v-518fe340] {
          height: 90px;
          cursor: pointer;
}
.weike-container .layer-2 .slide-wrap .paginations .item[data-v-518fe340]:not(:last-child) {
            margin-bottom: 100px;
}
.weike-container .layer-2 .slide-wrap .paginations .item .icon[data-v-518fe340] {
            width: 90px;
            height: 90px;
            border-radius: 4px;
            margin-right: 24px;
}
.weike-container .layer-2 .slide-wrap .paginations .item.active .icon-edu[data-v-518fe340] {
            background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/weike/layer-2/l2lcon1hov.png") no-repeat center/cover;
}
.weike-container .layer-2 .slide-wrap .paginations .item.active .icon-paper[data-v-518fe340] {
            background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/weike/layer-2/l2lcon2hov.png") no-repeat center/cover;
}
.weike-container .layer-2 .slide-wrap .paginations .item.active .icon-robot[data-v-518fe340] {
            background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/weike/layer-2/l2lcon3hov.png") no-repeat center/cover;
}
.weike-container .layer-2 .slide-wrap .paginations .item .icon-edu[data-v-518fe340] {
            background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/weike/layer-2/l2lcon1.png") no-repeat center/cover;
            -webkit-box-shadow: 0px 3px 19px 1px rgba(216, 221, 217, 0.35);
                    box-shadow: 0px 3px 19px 1px rgba(216, 221, 217, 0.35);
}
.weike-container .layer-2 .slide-wrap .paginations .item .icon-paper[data-v-518fe340] {
            background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/weike/layer-2/l2lcon2.png") no-repeat center/cover;
            -webkit-box-shadow: 0px 3px 19px 1px rgba(216, 221, 217, 0.35);
                    box-shadow: 0px 3px 19px 1px rgba(216, 221, 217, 0.35);
}
.weike-container .layer-2 .slide-wrap .paginations .item .icon-robot[data-v-518fe340] {
            background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/weike/layer-2/l2lcon3.png") no-repeat center/cover;
            -webkit-box-shadow: 0px 3px 19px 1px rgba(216, 221, 217, 0.35);
                    box-shadow: 0px 3px 19px 1px rgba(216, 221, 217, 0.35);
}
.weike-container .layer-2 .slide-wrap .paginations .intro[data-v-518fe340] {
          width: 380px;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-flow: column wrap;
                  flex-flow: column wrap;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
}
.weike-container .layer-2 .slide-wrap .paginations .intro .title[data-v-518fe340] {
            color: #12194f;
            font-size: 24px;
            padding-bottom: 5px;
}
.weike-container .layer-2 .slide-wrap .paginations .intro .desc[data-v-518fe340] {
            width: 355px;
            color: #a6a7b4;
            font-size: 15px;
            line-height: 20px;
            white-space: pre-wrap;
}
.weike-container .layer-3[data-v-518fe340] {
    position: relative;
    padding-top: 65px;
    text-align: center;
}
.weike-container .layer-3 h2[data-v-518fe340] {
      padding-bottom: 20px;
}
.weike-container .layer-3 .desc[data-v-518fe340] {
      color: #a6a7b4;
      font-size: 16px;
      margin-bottom: 34px;
}
.weike-container .layer-3 .center[data-v-518fe340] {
      position: relative;
      width: 1074px;
      margin: auto;
      z-index: 10;
}
.weike-container .layer-3 .bubble-list[data-v-518fe340] {
      position: relative;
      height: 120px;
}
.weike-container .layer-3 .bubble-list .b-item[data-v-518fe340] {
        color: #fff;
        position: absolute;
        padding: 14px 20px;
        white-space: nowrap;
}
.weike-container .layer-3 .bubble-list .b-item.dark-blue[data-v-518fe340] {
          top: 14px;
          left: 90px;
          background: #4557ec;
          animation: float-data-v-518fe340 3200ms infinite alternate-reverse;
}
.weike-container .layer-3 .bubble-list .b-item.green[data-v-518fe340] {
          top: 58px;
          left: 338px;
          background: #43d795;
          animation: float-data-v-518fe340 2800ms infinite alternate-reverse;
}
.weike-container .layer-3 .bubble-list .b-item.sky-blue[data-v-518fe340] {
          top: 0;
          left: 585px;
          background: #4fb8ef;
          animation: float-data-v-518fe340 3400ms infinite alternate-reverse;
}
.weike-container .layer-3 .bubble-list .b-item.gold[data-v-518fe340] {
          top: 66px;
          left: 801px;
          background: #f2c585;
          animation: float-data-v-518fe340 4000ms infinite alternate-reverse;
}
.weike-container .layer-3 .mid-pic[data-v-518fe340] {
      width: 100%;
      padding-top: 9px;
      text-align: center;
}
.weike-container .layer-3 .gray-bg[data-v-518fe340] {
      position: absolute;
      left: 0;
      bottom: 77px;
      width: 100%;
      height: 530px;
      z-index: 2;
      background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/weike/layer-3/l3bg.png") left top repeat-x;
      background-size: 100% 100%;
}
.weike-container .layer-4[data-v-518fe340] {
    padding: 90px 0 144px;
}
.weike-container .layer-4 h2[data-v-518fe340] {
      line-height: 60px;
      padding-bottom: 115px;
}
.weike-container .layer-4 .multi-swipe[data-v-518fe340] {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
}
.weike-container .layer-4 .multi-swipe .num-block[data-v-518fe340] {
        width: 140px;
        height: 376px;
        background: #fcfcfc;
        -webkit-box-shadow: 0px 3px 19px 1px rgba(216, 221, 217, 0.7);
                box-shadow: 0px 3px 19px 1px rgba(216, 221, 217, 0.7);
        border-radius: 10px;
}
.weike-container .layer-4 .multi-swipe .num-block .num-items[data-v-518fe340] {
          overflow: hidden;
}
.weike-container .layer-4 .multi-swipe .num-block .inner[data-v-518fe340] {
          position: relative;
          width: 560px;
}
.weike-container .layer-4 .multi-swipe .num-block .inner[data-v-518fe340]:not(.no-transition) {
            -webkit-transition: all 1s;
            transition: all 1s;
}
.weike-container .layer-4 .multi-swipe .num-block .inner .item[data-v-518fe340] {
            width: 140px;
            padding: 52px 30px;
}
.weike-container .layer-4 .multi-swipe .num-block .line[data-v-518fe340] {
          display: inline-block;
          width: 28px;
          height: 4px;
          background: #d0d3f7;
          margin-top: 12px;
}
.weike-container .layer-4 .multi-swipe .num-block .line.num-2[data-v-518fe340] {
            margin-left: 10px;
}
.weike-container .layer-4 .multi-swipe .num-block .line.num-3[data-v-518fe340] {
            margin-left: 8px;
}
.weike-container .layer-4 .multi-swipe .num[data-v-518fe340] {
        display: block;
        position: relative;
        height: 58px;
}
.weike-container .layer-4 .multi-swipe .num-pic-wrap[data-v-518fe340] {
        position: relative;
        width: 880px;
        height: 380px;
        background: #fff;
        -webkit-box-shadow: 0px 3px 19px 1px rgba(216, 221, 217, 0.7);
                box-shadow: 0px 3px 19px 1px rgba(216, 221, 217, 0.7);
        border-radius: 10px;
        padding-left: 35px;
}
.weike-container .layer-4 .multi-swipe .num-pic-wrap .pic-swipe[data-v-518fe340] {
          position: relative;
          min-width: 387px;
          max-width: 387px;
}
.weike-container .layer-4 .multi-swipe .num-pic-wrap .pic-swipe .inner[data-v-518fe340] {
            position: absolute;
            left: 0;
            top: -62px;
            width: 100%;
            height: 517px;
            overflow: hidden;
}
.weike-container .layer-4 .multi-swipe .num-pic-wrap .pic-swipe .inner .pic[data-v-518fe340] {
              width: 100%;
              border-radius: 10px;
}
.weike-container .layer-4 .multi-swipe .num-pic-wrap .intro[data-v-518fe340] {
          width: 458px;
          overflow: hidden;
}
.weike-container .layer-4 .multi-swipe .num-pic-wrap .intro .roll-inner[data-v-518fe340] {
            width: 100%;
            position: relative;
}
.weike-container .layer-4 .multi-swipe .num-pic-wrap .intro .roll-inner[data-v-518fe340]:not(.no-transition) {
              -webkit-transition: all 1s;
              transition: all 1s;
}
.weike-container .layer-4 .multi-swipe .num-pic-wrap .intro .item[data-v-518fe340] {
            min-width: 458px;
            padding: 52px 0 0 60px;
}
.weike-container .layer-4 .multi-swipe .num-pic-wrap .intro .brief[data-v-518fe340] {
            width: 330px;
            color: #222b6f;
            font-size: 16px;
            line-height: 28px;
            padding-top: 24px;
}
.weike-container .layer-4 .multi-swipe .num-pic-wrap .intro .go-btn[data-v-518fe340] {
            display: inline-block;
            width: 180px;
            height: 50px;
            line-height: 48px;
            text-align: center;
            color: #4557ec;
            font-size: 16px;
            border: 1px solid #4557ec;
            border-radius: 30px;
            margin-top: 36px;
            -webkit-transition: all 300ms;
            transition: all 300ms;
}
.weike-container .layer-4 .multi-swipe .num-pic-wrap .intro .go-btn[data-v-518fe340]:hover {
              -webkit-transform: scale(1.2);
                      transform: scale(1.2);
}
.weike-container .layer-4 .multi-swipe .num-pic-wrap .next[data-v-518fe340] {
          position: absolute;
          right: 24px;
          bottom: 18px;
          width: 30px;
          height: 30px;
          -webkit-transition: -webkit-transform 200ms;
          transition: -webkit-transform 200ms;
          transition: transform 200ms;
          transition: transform 200ms, -webkit-transform 200ms;
          background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/weike/layer-4/l4arrow.png") no-repeat center/cover;
}
.weike-container .layer-4 .multi-swipe .num-pic-wrap .next[data-v-518fe340]:hover {
            -webkit-transform: scale(1.2);
                    transform: scale(1.2);
}
.weike-container .layer-5[data-v-518fe340] {
    padding: 80px 0 72px;
}
.weike-container .layer-5 .case-wrap[data-v-518fe340] {
      padding-top: 54px;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
}
.weike-container .layer-5 .case-wrap .case-item[data-v-518fe340] {
        position: relative;
        width: 582px;
        height: 500px;
        text-align: center;
        color: #fff;
        padding-top: 156px;
        overflow: hidden;
}
.weike-container .layer-5 .case-wrap .case-item:hover .code-box[data-v-518fe340] {
          display: block;
}
.weike-container .layer-5 .case-wrap .case-item:hover .text[data-v-518fe340] {
          -webkit-transform: translateY(-500px);
                  transform: translateY(-500px);
}
.weike-container .layer-5 .case-wrap .case-item:hover .btn[data-v-518fe340] {
          -webkit-transform: translateY(500px);
                  transform: translateY(500px);
}
.weike-container .layer-5 .case-wrap .case-item .text[data-v-518fe340] {
          -webkit-transition: all 1000ms;
          transition: all 1000ms;
}

.weike-container .layer-5 .case-wrap .case-item .name[data-v-518fe340] {
          font-size: 30px;
          padding-bottom: 16px;
          font-weight: bold;
}
.weike-container .layer-5 .case-wrap .case-item .desc[data-v-518fe340] {
          font-size: 16px;
          padding-bottom: 42px;
}
.weike-container .layer-5 .case-wrap .case-item .btn[data-v-518fe340] {
          display: inline-block;
          color: #fff;
          width: 190px;
          height: 50px;
          line-height: 50px;
          text-align: center;
          border-radius: 40px;
          border: 1px solid #fff;
          background: rgba(255, 255, 255, 0.2);
          cursor: default;
}
.weike-container .layer-5 .case-wrap .case-item .code-box[data-v-518fe340] {
          display: none;
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          padding-top: 100px;
          background: rgba(95, 111, 238, 0.5);
          -webkit-transition: all 500ms;
          transition: all 500ms;
          -webkit-animation: fadeIn-data-v-518fe340 1500ms;
                  animation: fadeIn-data-v-518fe340 1500ms;
}
.weike-container .layer-5 .case-wrap .case-item .code-box .code-pic[data-v-518fe340] {
            width: 220px;
}
.weike-container .layer-5 .case-wrap .case-1[data-v-518fe340] {
        background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/weike/layer-5/l5left.png") no-repeat center/cover;
}
.weike-container .layer-5 .case-wrap .case-2[data-v-518fe340] {
        background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/weike/layer-5/l5right.png") no-repeat center/cover;
}
.weike-container .layer-6[data-v-518fe340] {
    position: relative;
    padding-top: 90px;
    height: 774px;
    text-align: center;
}
.weike-container .layer-6 .main[data-v-518fe340] {
      position: relative;
      z-index: 10;
}
.weike-container .layer-6 .desc[data-v-518fe340] {
      margin: 30px 0 70px;
      color: #a6a7b4;
      font-size: 24px;
}
.weike-container .layer-6 .intro[data-v-518fe340] {
      position: relative;
      width: 978px;
      margin: auto;
}
.weike-container .layer-6 .intro .person-pic[data-v-518fe340] {
        width: 225px;
}
.weike-container .layer-6 .intro .bubble-items .item[data-v-518fe340] {
        position: absolute;
        color: #fff;
        width: 240px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        animation: float-data-v-518fe340 infinite alternate-reverse linear;
}
.weike-container .layer-6 .intro .bubble-items .blue[data-v-518fe340] {
        left: 110px;
        top: 159px;
        background: #7fb9ef;
        -webkit-animation-duration: 3000ms;
                animation-duration: 3000ms;
}
.weike-container .layer-6 .intro .bubble-items .green[data-v-518fe340] {
        left: 182px;
        top: 374px;
        width: 287px;
        background: #97e2c9;
        -webkit-animation-duration: 2500ms;
                animation-duration: 2500ms;
}
.weike-container .layer-6 .intro .bubble-items .purple[data-v-518fe340] {
        left: 621px;
        top: 300px;
        background: #9da6f5;
        -webkit-animation-duration: 3600ms;
                animation-duration: 3600ms;
}
.weike-container .layer-6 .chat-bubble[data-v-518fe340] {
      position: absolute;
      right: 96px;
      top: -10px;
      width: 300px;
      text-align: left;
      -webkit-transition: all 300ms;
      transition: all 300ms;
      -webkit-animation: fadeIn-data-v-518fe340 300ms;
              animation: fadeIn-data-v-518fe340 300ms;
}
.weike-container .layer-6 .chat-bubble p[data-v-518fe340] {
        color: #333;
        font-size: 16px;
        line-height: 26px;
}
.weike-container .layer-6 .chat-bubble .qrcode[data-v-518fe340] {
        width: 110px;
        margin: 10px 0 0 6px;
        -webkit-animation: boomIn-data-v-518fe340 300ms;
                animation: boomIn-data-v-518fe340 300ms;
}
.weike-container .layer-6 .chat-bubble .inner[data-v-518fe340] {
        position: relative;
        float: right;
        width: 282px;
        min-height: 130px;
        background: #fff;
        border-radius: 16px;
        -webkit-transition: all 100ms;
        transition: all 100ms;
        padding: 22px 20px 21px 32px;
        -webkit-box-shadow: 0px 2px 11px 0px rgba(117, 123, 155, 0.21);
                box-shadow: 0px 2px 11px 0px rgba(117, 123, 155, 0.21);
}
.weike-container .layer-6 .chat-bubble .inner[data-v-518fe340]:after {
          content: '';
          position: absolute;
          left: -22px;
          top: 42px;
          width: 22.5px;
          height: 44px;
          background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/weike/layer-6/sanjiaoxing.png") no-repeat center/cover;
}
.weike-container .layer-6 .circle-bg[data-v-518fe340] {
      position: absolute;
      left: 16px;
      right: 0;
      margin: 0 auto 0 auto;
      top: 56px;
      width: 980px;
      height: 980px;
      opacity: 1;
      -webkit-transform: initial;
              transform: initial;
      background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/weike/layer-6/i6circle.png") no-repeat center/cover;
      -webkit-animation: wave-data-v-518fe340 linear 3s infinite;
              animation: wave-data-v-518fe340 linear 3s infinite;
}
.broadside[data-v-518fe340] {
  position: absolute;
  z-index: 100;
  -webkit-animation: fadeIn-data-v-518fe340 1s;
          animation: fadeIn-data-v-518fe340 1s;
}
.broadside.bs-1[data-v-518fe340] {
    top: 1440px;
    right: 0;
    width: 326px;
    height: 740px;
    background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/weike/bgr1.png") no-repeat center/cover;
}
.broadside.bs-2[data-v-518fe340] {
    top: 2258px;
    left: 0;
    width: 173px;
    height: 621px;
    background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/weike/bgl.png") no-repeat center/cover;
}
.broadside.bs-3[data-v-518fe340] {
    top: 4200px;
    right: 0;
    width: 174px;
    height: 621px;
    background: url("//duanshu-web.oss-cn-beijing.aliyuncs.com/static/image/weike/bgr2.png") no-repeat center/cover;
}
@-webkit-keyframes wave-data-v-518fe340 {
0% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
}
60% {
    opacity: 1;
}
90% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
}
}
@keyframes wave-data-v-518fe340 {
0% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
}
60% {
    opacity: 1;
}
90% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
}
}
@media screen and (max-width: 1560px) {
.broadside[data-v-518fe340] {
    display: none;
}
}
@-webkit-keyframes jump-data-v-518fe340 {
to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
from {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
}
}
@keyframes jump-data-v-518fe340 {
to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
from {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
}
}
@-webkit-keyframes robot1ImgBoxAnimation-data-v-518fe340 {
0% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
}
100% {
    -webkit-transform: translate(-15px, -15px);
            transform: translate(-15px, -15px);
}
}
@keyframes robot1ImgBoxAnimation-data-v-518fe340 {
0% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
}
100% {
    -webkit-transform: translate(-15px, -15px);
            transform: translate(-15px, -15px);
}
}
@-webkit-keyframes robot1tailAnimation-data-v-518fe340 {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
100% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
}
}
@keyframes robot1tailAnimation-data-v-518fe340 {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
100% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
}
}
@-webkit-keyframes boomIn-data-v-518fe340 {
from {
    -webkit-transform: scale(0);
            transform: scale(0);
}
to {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
@keyframes boomIn-data-v-518fe340 {
from {
    -webkit-transform: scale(0);
            transform: scale(0);
}
to {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
@-webkit-keyframes float-data-v-518fe340 {
from {
    -webkit-transform: translate3d(0, 8px, 0);
            transform: translate3d(0, 8px, 0);
}
to {
    -webkit-transform: translate3d(0, -8px, 0);
            transform: translate3d(0, -8px, 0);
}
}
@keyframes float-data-v-518fe340 {
from {
    -webkit-transform: translate3d(0, 8px, 0);
            transform: translate3d(0, 8px, 0);
}
to {
    -webkit-transform: translate3d(0, -8px, 0);
            transform: translate3d(0, -8px, 0);
}
}
@-webkit-keyframes float-x-data-v-518fe340 {
from {
    -webkit-transform: translateX(8px);
            transform: translateX(8px);
}
to {
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
}
}
@keyframes float-x-data-v-518fe340 {
from {
    -webkit-transform: translateX(8px);
            transform: translateX(8px);
}
to {
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
}
}
@-webkit-keyframes fadeIn-data-v-518fe340 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes fadeIn-data-v-518fe340 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}

.weike-container .chat-item .audio {
  display: block;
  width: 156px;
  margin-top: 2px;
}
.el-pagination--small .arrow.disabled,.el-table--hidden,.el-table .hidden-columns,.el-table td.is-hidden>*,.el-table th.is-hidden>*{visibility:hidden}@font-face{font-family:element-icons;src:url(data:application/font-woff;base64,d09GRgABAAAAABgUAAsAAAAAKyAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAAQwAAAFZW7kg4Y21hcAAAAYAAAAHbAAAFVNSkwZBnbHlmAAADXAAAEE0AABxcANDF92hlYWQAABOsAAAALwAAADYPh4nBaGhlYQAAE9wAAAAgAAAAJAfgA8hobXR4AAAT/AAAABUAAAEgH+kAAGxvY2EAABQUAAAAkgAAAJLyMupubWF4cAAAFKgAAAAfAAAAIAFaAHFuYW1lAAAUyAAAAVsAAAKprAB5inBvc3QAABYkAAAB7QAAAzwZuNu3eJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGBwYKp65MTf8b2CIYW5gaAAKM4LkANhrC7sAeJzF1EdWG0EYxPH/ICGSyDmDTM7gHHGEjY/hQ3A6H6cWXvkGuHqqNz4Bo/eTRvOkUT911QcMAx07sy40f2koxx9fbdrrHcbb611++/2oH0N+fdBAd4+P7Rnaa8/K0bSf+FnPxvzdCfpMMsU0M8wyxzwLvsMiSyyzwiprrLPBJltss8MuA56xxz4HHHLEMSecehXnXHDJFddeT9ervqHHCM95wUte8Zo3vOUd7/nARz5xy2e+8JVvfOcHd9x7OT2e7Gie7qf/P/rlqfOrvvO/wkPlJYrwvqEmvINoKEoO1AnvKupGuauGwzuNeuE9RyPh3Uej4RygsXAi0Hg4G2ginBLUD+cFTUbJnqbCGULT4TShmXCu0Gw4YWgunDU0H04dWgjnDy2Gk4iWwplEy+F0opVwTtFqOLFoLZxdtB5OMdoI5xlthpONtsIZR9vhtKOdcO7RbrgBaBDugpsWbgXaD/cDHUTpsQ7DnUFH4fag43CP0Em4Ueg03C10FmUm6DzKXNBFlHmhy3AH0VVQ9vw6KHt+E24oqtxVVLm1qHJ/UeUmo8qdRpXbjSr3HFVuPKrcfVR5CqDK8wBVngyo8oxAlacFqjw3UOUJgirPElR5qqDK8wVV3P8D3lS0GgB4nI1ZD3AU13l/33v3Ryed7nS3ultJh6TbW90tIN0JdP8CwtIaJDz8baAGbDkG2WBqDHgodSFua1i3zVjC5k9JaibTjH0TXCeYxCWJGbspJls8CXGNJwkdHKCDOeLW4zRD4mCapC736Pd276Q7ilJ0u9/uvn37vfe+7/f9eyJOQm5eYSdYC5HIdDKbDJHPEgKuboj5aDsoWiZFuyGkOENys49pqqa41ViK3QVyzNUc7stlErLL7fKDDzogrfTltBTVIJsZoP3QF24HaI20/WEwPi3IDkB9i9bxBb6YfhVCneo0/0CSL+oZbO6LSnU7vcFgazD4XJ3L6ayj1OH3wVY57HF66l38Jae/LXSicwbtBG+r1rb0/sZoJPjQWObx9rjsATAMkCJR39cGA20BPP6iLSwFW91NjXUtbY1qVzPs/PeGFsnbnviA4B/gWm86gBGSIERJD0A+BZqaReIDd0hF0gFyOqvGEoOQ6+uEMIqB5s5tGmds3+Y6un/z5n2sDk82vuk/Rpob6p9zS+699V5pxLVv05b9+Go/Y/s317H9Wzbtc30j3PReff17TWFCKI5rOAgzSAPKmDgTRMuRfJjILsISMT9oCRRmJ7iFRAdBDg/QXsjnMpRc5JedTlAuXgTF6eSX6/yaf++4LzHNN7bP1y7u/fEINI7v8xlVvS7iV/SMz7dvzDctgT39Wrtv33gjROL+8b1+jdTOJ1Q7HwmFoLkhF8z/n9HXHnx31t8Ngzd+euzW4Zjy0NsDu+fyDx6GWc8Qwqr4h0l37QhxCzVqDFcriQsO6Ao1y+FOSOdQ7LjqC/yyywXKhQuguFz8Mr8uL5iZjLZPCz3X2uUKRlVGmbs50edraK83qvpdwO/eknv0ZFvzXXSxxGgk4qnzTUs9crR7/t8umW/rH8lR+ivSild3qNnlVlOQDWRy+XQHhAJ5S+nN8NV/CTR2NgaQeIPjnlZPuA6cb3sbAwCBRlqwr6Wr4x5P2NNKKnzZF+gngm8c4ZMNuF2xXkhkBiE7AMIU5IAP2MaoV3q2Hvl5PO8ii6jFyRdspC17LF6eMw2NwWBjaaQxaPOkBRQlWqiH5j1Ad/A9sGMm/w4sY4Qb3OiGVbCKlPVpMpPpKG8Zp6OG0qF0FoGcVSUEN+Icce0DKBaLOh7RkyWns3TSolAQLcWSXmlAaulvkp+KHLPIMKSGkGEWqjhqtglZhgMW7yKQKu4nD19wOC4ctigU7NF5tGqo/spbpBU5GlS31+z2AFvFj/Kj3WAAtoqVzxQymJA5LdryAewqAzw2E5bx78yEHYx0l7+7hSegz0Bkl2XXjTz32N9YvuEjXHMLqSNEshkqoW/Dhh5+D/xjD/8K88Eofz0Fh+BQir+u307ulkzclnwkzS275byc1/IarRHJC6kXX0y9YFFWLXW+vdKMlIhZlHn7SYR0ohY0tKReksbZBZSA0IUi9BFSQqAI9WAj6pwJNeEp3XI1GDF0buh4LZlg6OYNw9R1A//MCYJyIRRbsV0Hous3cHSdl5/K5DbYqF51FR6kPAoAfQkKIE+nAsXhqaRx4/tVyIAjNaKp2AY1hQY8lBa4wIfJ8VfWt04t7UgeMEEHXWh8Ags6YkF8Bwo2m1QAy6hgj9g8AQ3TYlkyQCcT35m4ZhuXAkaITolf5VeTIFkEpCS/ChLO46p1W/3Gmg3y+KyFV+QiONh83EATM8vQpjsqd5MIBuMWLL9KvyawHNfwew0O/WcSZBpOvvnzJP85lZOii7Oso7txJD/GdRkRRCQEDEIGQRNQAH0DUwKKFEhbv8IoRFFO0dESatk0TaqXzAJqmyJgDL2kM6KXCDU4AUMIUsjrlvV4qIazsQ64CDvKZvXexF2Vx+qu8V32XA3Ek4d4y7MlEs5T4DmgoJbyoTTgxON4irFRYzgZsKah7+ezLdSidsQMEdsMe7y+E1GrI5JJZZ5RJu4sD4CsgRKIlnCVHP0HN/ELK2YhMa15+HAWBCpTCMRlcCOY86DZgBEjvTHGP38k1u+dA0uTQjqIE462pY/xJ2OvROd4YWmqMjZKD63Za+s8LyNLJy6FFpP8E/5J0tR5gRrwXXyCxqRJXaVPPxUTF3Z2mRVwPl6M0YrwwbbXDaUlRUordtbiB9QjKzsDxPmWlSu30AJarnDEsCiXWwT6xjT9dnqjfpPodDS8ejul21eHSwY1wv3LAZb3rxbiQ+sv+7Oj7BzrxhFjtmVjiJTDPsxHfKDaJt43AJkJn3/upfOOVPJsHQRb6s9mdg/bFrvm4Bo8xl5zOF5j3fg8vDtztr4lCHVnkynH+ZcOXygNrXr+yKF7wfHa2Nhxe61/yTjbhZKXSd4eOdwkUgMrcQCRMYh8U8rkNGzVEnkpl7CW3yznB7C3m7nC8gDq9dmPFg4PL/zo2Qv8CuYQnRDvSCT6E4luCvPqJVcDXe+KdmlrVYD+eqnBSdfXRbU5y9kueGbnk/z6kzufAfwIE4pO/q46T8WDb3TL9cP1Xur0Qn9nygF3zw56PcP1DQ7MTU+3J90wOIkdQhyo6UbbQ3tAEJpVDAv7OjNumAK1CJ4gT8FZ/sub+CE+PcR/CcF1FVs4wY6wVfjCRepJE2kmJC9LGpPzEoYSDzhhtltY8elTxVO/U/5m46k5p/ijyHU2N34H94B5eRv89TaufylF1257eFvpJP3ysdIfLRd4ohN2ZscqFxGytSDlrqgTJciMFn6sRZyW5z1D1y9Zsp5aFMwf8h/X1cGsH9parrQjJdXxihF3ld/pxLHSARVRr6JFCQeUFZEBDcEdwPAA4iyKmAPFmyinm2Rr8ngS/Ejw4L9GwnT7Rbmbq9JOX67cCdk5atanYqS0UFRZplxZIMYnd1XEqm6nBBdWtfyx48xzft268x52fAzNyjYupGhUtmnBIqZjv0mxzMOeuz4eGvp419jxpyb6r9wyUOmP1J6ryEkYmZCVhRjha6B8RX+CB/o5cRFBjFsn1yt3k3lnAQoCgRIKd5Sh6cOoTkg5Tgv/EUYdxG1pBNIhxV45pgwBXHQ2LQVs7QecagfaGY0+VWCjvGhPmBdHWeEpvcgObN16gOFcaFemi3L/t3ZxU7cXhBPa9S3/fAwcOnbBjvimTVUtfSAnNlpeo0Ay6j6OTpUJn+qDWCKT6wsXRawRJ4ZX/mOITI/gYRQK6KxuGMy8oR9oFi0ROzxP+mjbJ0766Cl0CpgTYE5zA8lUKrS8Nzp2vJlaZWiP1thQtNYSJTNIlgwQq16qwlWzS6zqlsnYdfJtG4/NGgQYnGVTe6Gw4TZt827TVpxomDU4WBbc3XfYZtfCZ9mrLIXaIRIDTCcgf3EMy+y73jzEf72EpfhbpStjJ5aA/9CkfQnZuxGvsrBryf5IY2V7ZllcoogS5asumJ0Z4R8n35m3YlMKVjzw6MnHESRCzJjnoenAZRzinSQ0jZzhZ08++gD/h9SmFTSjI4xWbjmlW7kiqfavDL0iFtSWxjG5RmuR+1DqVnDK5Cwfaz5xBtCtFtt62vCYkcsJJ2uYT1zn79L0aFuyL9UKuZW5sr+t4ttE2sW+QBVvUQorDCZGqNZc9ViwMfnky/Rfr/KPOzIdeFSrqXr00ge5z/89TANHR7Y/01GrEKGPItpr1MoORf6DE8liog9FkXLpVrqD1Vr5oSbHm/C0efSz6GLR12KSY1cECggu+NOwSCgWClQvFITBjZbIKCZABIRPwXPUxETYMEqmCVabGAZXRkQWBdZY/4S6F1pXAljb5DV3QLEushKwLvmAYl2+C6qe3Ls3qVeu/FLNFauoi+UOifI1Pmh3sNvtWHWNPc18JCg8F/oKDYWfFklBLq/iOlTAE6+ojzLkEi7mWHPpscf+HL3l1rVr3xx+6pzOm5CsubT5sT8rNz6yvCs568QTjxTiXT2L9XN0WD+3sqrJ8pmvWhhvInPJAtRDXwcNiQ2KLi1B8+X6hrqsPQuRb+TT2UQunwvLYWsLrB2EC70LkcgwSUoIqFAycnj3EP3i7qf5/6wfzaRz778fWsDoigdH1NYwZZFQsMUB0Dq9tdvX5GjJyEFom97aNL9N7UqrKtOHdh8e2XMpn86MrgenYXyRDzb0DwyuaJbikc9MD0UBmps8HbPrHd7GQFZSfaq8NNDSEpjpi/BfQSzdBbFM7JY6FWONs3pPAH1yTXXG51NSXYjBv1lptIWB/2bjzIO+T8SSAUjhimWnoB00l3e67DaXO57T6Ne71i7zZ+8fSfj42Y5lixN16T9Y3AItzvzoSlW574F2/hGro6riGPzcvZEZq2edmNagDq+YF4rENvUtlXseXJMKT98UaauMa7Lzls8ncaekxSPgdEuYiV/K/wKGDx6E4V/k7/8yDH3YCxq/0PshP2H5qjes9XaSpeQ+skHk3tbeXkB1iaLUJcpSsfcXSOewPJVznSB24fDEt6hKLJkRWJ0gKvjwIIgqPjcoiibEYS/kaxKIqnv6x+93h7u8q1e3pLrf7164EImsTj4u8IaTc+cmY48r7Ylm/9CCpvppze3K47HaRk+H1K78dt1uSnevs+nQCKUjQxZlurGkbUC5SRbklhhLGhuRRO5SoPLobdbqGhrq+vX+WPIz3UZ3+6yWGD5U2lJ5bIuk5Vj/sgnm63YPVJgjrcVKoLa6Z24ZC84atDSkjsGaJP9p7U7GAz1vwJoU/2k5Zt/8Hvs+u4dMx5wsZ3FEhnigASMKUQV9sp2C5PohoKYQSxY4nXZkjeM7zFTYaF+68Z58aPxzhjHwcCirN/l9L27f/qLP36TrCzaos+c4fvD88z8ovWTHbKyorPD9YfuGP1kTHNlKdRieiwX9tgOUHthG0Ykue/pPY8+fZuz0CbungSfmmIsqczbZPpRBG2aSPSKDlVVtYsuFoXeW0uVyzF3ZPhaZrFXdUbMQ1pusgmtjGu7no3rBziv0ckpRTH7zm8lRTHCKBbHtwjHvMCqFWbkoC/O5Vidw8U8r86nsuURqLbh6D07MbMq9lgdFpaxPsfkGX5moEWxbwwo4Lmv5XjQMLH2r7O5t7fCVDRuuHNberrbAlzddfkF55x3lhcvTam2xdu7tU+8XMRlk0KacfeKvYEaSHzn2e3aJDo7BjBQ/8kbVnsJkLSLiliKybKfYAyn/xG6YkD4GRGsXwT4xicZvxTaoqRtiz8uWy+tML+/dpAOQBwncCFeMknw8BR4Tdqb4b3XxKexM8t/QD/l4EjylSt5685/Z9/B7UVenpqqsB+hkYV3ebE1jkAMTV9jbI4rs1vqfZHfVFtnHGTsOj5q6aepWMTK8K/uT+lZRa/f0WmIpDcG9h76OxTbWJmPH4UHR0zTvXC8S4jqQnlIvb31p+jf036OUzTv69kBvueZxEFqsqs+s/wfYJf6d1WfXwEspv37tGr9OKXivvfKzGTN+9opNp/CYtBjmZ8LWCRlxzmz40cKFP2qwaHZKN3jr3o0Hc0GsYt0aE3s3RGzV6GYyTUVx/0nSLH1KXWaSN9qxslbfiTvQt+D6/+v5PjDvSMftul7JmeE3lX1aqUqq8Snuq8sRMKZ8+C+86x2kdLDXbr3dPY7+v5auzdAAAAB4nGNgZGBgAOJDAQ2b4vltvjJwszCAwDXjRY8Q9P8GFkbmBiCXg4EJJAoAQlkLIAB4nGNgZGBgbvjfwBDDwsDA8P8/CyMDUAQFeAAAcjYEsHicY2FgYGB+ycDAwjCKsWEApeYCCQAAAAAAAAAAdgCyAPoBKgF2AaIBzAHiAgoCRgJcAnAChAKeAswDGANaA2gDdgOEA5IDtAPWA+oEHARABHAEhASuBMwFBgVCBaIFxgX0BiQGZAa6Bt4G7AcsB1YHlAf8CBQIUgh+CMQI3AkSCUoJhgnyChQKUApqCwgLMAuKC9IMBgwwDGoMkgyyDPwNNA2MDaoN7A4uAAB4nGNgZGBg8GBIZeBgAAEmIOYCQgaG/2A+AwAadwHMAHicfY9LTsMwEIZ/94VIBQsQLLrBYoEEqOlDgkW3ldodSF10wypNnTZVEkeOW6kX4A4cgJNwDrgAl2CSDkipVBKN883n8XgC4AxfENg9FxQ7FjihbMcVHOGauUr+lrlG/MhcRxND5gb5J2YH93hhbuIcr9RB1I4pu8Mbs0ALH8wVnOKTuUr+m7mGlqgz13Eprpgb5B+YHUzFM3MTN+LdGRrlWTWXs60MfZ0EOrGOilSsEtvORTZRi3XkmZIrJVNlslAnsud2S36sEmV+e2ebRd/aQAZGx3JEl6go0jI1eqV86y6tTQedTsDe9XVMow5hoODB0jqHxAxbWkP40EgQFKulOoWIIqbI8/ZfRYYJuQXWtO8VvQ7VHd6ZkjP0DYtcogcX3X/qx4XLz+zPnWFDs/TJWppdUhg6ExON+E/yrhGxRFrsrcj45F0si1MpBujQG+zVu8Xt8Q+LZH1gAHicbVJZe9MwEPQUOXISpy003Fe5T3OU+yxQjvIzHHkT64stGUlO+Pj1+EhMHtCDPd7d2Z0dy9vy2jPw/n+OsYUTYPDRA0eAPgYYIsQI29jBLk7iFPYwxmmcwVmcw3lcwEVcwmVcwVXs4xqu4wZu4hZu4w7u4h7u4wEeIsIjPMYTPMUBnuE5XuAlXuE13uAt3uE9PuAjDvEJn/EFR/iKb/iOHzjGTw+/e2WR6TjxyRhtuC2FIGv5MjZKqlnfauOiRC8Vb1BZDOKqbhllNHVDIY3IKCqy0u5t4EiXLpOKVqU1e9hCI2epC1pcFmwSi3m4IopMW2JJ7Gi8Gel6idiQa8aGLZxo53Tebz+cLoYtakb4DTdMon9ifZGSmPcSysjRaJ1pBSValDkpx5OoaRJSIt16clDrbxyaaZ3YnqXYiJRJNdU8r6yKZ8Tq+iDTInZSK14XV97trgPrTqyaUfq5VKVlE8qyMNcTWXuW6iqpaGmriOlW9pv4qHmuY7yQwpWGdlbvrnXtOy+MVI4MM7Gac0NTQzYNfpVkaxU9Q7lekG/TakVuXWyiSqsl5yqt3V+oTaqCZiEFBVZnST1hu6V2jrTk6XS8yeokOinm5CyrLwz/o3UeScWczIktJC15e90OgiZTcVi9s+f9BXuB96oAAAA=) format("woff"),url(/dist/static/fonts/element-icons.6f0a763.ttf) format("truetype");font-weight:400;font-style:normal}[class*=" el-icon-"],[class^=el-icon-]{font-family:element-icons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:baseline;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-icon-info:before{content:"\E61A"}.el-icon-error:before{content:"\E62C"}.el-icon-success:before{content:"\E62D"}.el-icon-warning:before{content:"\E62E"}.el-icon-question:before{content:"\E634"}.el-icon-back:before{content:"\E606"}.el-icon-arrow-left:before{content:"\E600"}.el-icon-arrow-down:before{content:"\E603"}.el-icon-arrow-right:before{content:"\E604"}.el-icon-arrow-up:before{content:"\E605"}.el-icon-caret-left:before{content:"\E60A"}.el-icon-caret-bottom:before{content:"\E60B"}.el-icon-caret-top:before{content:"\E60C"}.el-icon-caret-right:before{content:"\E60E"}.el-icon-d-arrow-left:before{content:"\E610"}.el-icon-d-arrow-right:before{content:"\E613"}.el-icon-minus:before{content:"\E621"}.el-icon-plus:before{content:"\E62B"}.el-icon-remove:before{content:"\E635"}.el-icon-circle-plus:before{content:"\E601"}.el-icon-remove-outline:before{content:"\E63C"}.el-icon-circle-plus-outline:before{content:"\E602"}.el-icon-close:before{content:"\E60F"}.el-icon-check:before{content:"\E611"}.el-icon-circle-close:before{content:"\E607"}.el-icon-circle-check:before{content:"\E639"}.el-icon-circle-close-outline:before{content:"\E609"}.el-icon-circle-check-outline:before{content:"\E63E"}.el-icon-zoom-out:before{content:"\E645"}.el-icon-zoom-in:before{content:"\E641"}.el-icon-d-caret:before{content:"\E615"}.el-icon-sort:before{content:"\E640"}.el-icon-sort-down:before{content:"\E630"}.el-icon-sort-up:before{content:"\E631"}.el-icon-tickets:before{content:"\E63F"}.el-icon-document:before{content:"\E614"}.el-icon-goods:before{content:"\E618"}.el-icon-sold-out:before{content:"\E63B"}.el-icon-news:before{content:"\E625"}.el-icon-message:before{content:"\E61B"}.el-icon-date:before{content:"\E608"}.el-icon-printer:before{content:"\E62F"}.el-icon-time:before{content:"\E642"}.el-icon-bell:before{content:"\E622"}.el-icon-mobile-phone:before{content:"\E624"}.el-icon-service:before{content:"\E63A"}.el-icon-view:before{content:"\E643"}.el-icon-menu:before{content:"\E620"}.el-icon-more:before{content:"\E646"}.el-icon-more-outline:before{content:"\E626"}.el-icon-star-on:before{content:"\E637"}.el-icon-star-off:before{content:"\E63D"}.el-icon-location:before{content:"\E61D"}.el-icon-location-outline:before{content:"\E61F"}.el-icon-phone:before{content:"\E627"}.el-icon-phone-outline:before{content:"\E628"}.el-icon-picture:before{content:"\E629"}.el-icon-picture-outline:before{content:"\E62A"}.el-icon-delete:before{content:"\E612"}.el-icon-search:before{content:"\E619"}.el-icon-edit:before{content:"\E61C"}.el-icon-edit-outline:before{content:"\E616"}.el-icon-rank:before{content:"\E632"}.el-icon-refresh:before{content:"\E633"}.el-icon-share:before{content:"\E636"}.el-icon-setting:before{content:"\E638"}.el-icon-upload:before{content:"\E60D"}.el-icon-upload2:before{content:"\E644"}.el-icon-download:before{content:"\E617"}.el-icon-loading:before{content:"\E61E"}.el-icon-loading{-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@-webkit-keyframes rotating{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotating{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.el-pagination{white-space:nowrap;padding:2px 5px;color:#303133;font-weight:700}.el-pagination:after,.el-pagination:before{display:table;content:""}.el-pagination:after{clear:both}.el-pagination button,.el-pagination span:not([class*=suffix]){display:inline-block;font-size:13px;min-width:35.5px;height:28px;line-height:28px;vertical-align:top;-webkit-box-sizing:border-box;box-sizing:border-box}.el-pager li,.el-pagination__editor{-webkit-box-sizing:border-box;text-align:center}.el-pagination .el-input__inner{text-align:center;-moz-appearance:textfield}.el-pagination .el-input__suffix{right:0;-webkit-transform:scale(.8);transform:scale(.8)}.el-pagination .el-select .el-input{width:100px;margin:0 5px}.el-pagination .el-select .el-input .el-input__inner{padding-right:25px;border-radius:3px;height:28px}.el-pagination button{border:none;padding:0 6px;background:0 0}.el-pagination button:focus{outline:0}.el-pagination button:hover{color:#409eff}.el-pagination button.disabled{color:#c0c4cc;background-color:#fff;cursor:not-allowed}.el-pager li,.el-pager li.btn-quicknext:hover,.el-pager li.btn-quickprev:hover{cursor:pointer}.el-pagination .btn-next,.el-pagination .btn-prev{background:50% no-repeat #fff;background-size:16px;cursor:pointer;margin:0;color:#303133}.el-pagination .btn-next .el-icon,.el-pagination .btn-prev .el-icon{display:block;font-size:12px;font-weight:700}.el-pagination .btn-prev{padding-right:12px}.el-pagination .btn-next{padding-left:12px}.el-pagination--small .btn-next,.el-pagination--small .btn-prev,.el-pagination--small .el-pager li,.el-pagination--small .el-pager li:last-child{border-color:transparent;font-size:12px;line-height:22px;height:22px;min-width:22px}.el-pagination__sizes{margin:0 10px 0 0;font-weight:400;color:#606266}.el-pagination__sizes .el-input .el-input__inner{font-size:13px;padding-left:8px}.el-pagination__sizes .el-input .el-input__inner:hover{border-color:#409eff}.el-pagination__total{margin-right:10px;font-weight:400;color:#606266}.el-pagination__jump{margin-left:24px;font-weight:400;color:#606266}.el-pagination__jump .el-input__inner{padding:0 3px}.el-pagination__rightwrapper{float:right}.el-pagination__editor{line-height:18px;padding:0 2px;height:28px;margin:0 2px;box-sizing:border-box;border-radius:3px}.el-pager,.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev{padding:0}.el-pagination__editor.el-input{width:50px}.el-pagination__editor.el-input .el-input__inner{height:28px}.el-pagination__editor .el-input__inner::-webkit-inner-spin-button,.el-pagination__editor .el-input__inner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev,.el-pagination.is-background .el-pager li{margin:0 5px;background-color:#f4f4f5;color:#606266;min-width:30px;border-radius:2px}.el-pagination.is-background .btn-next.disabled,.el-pagination.is-background .btn-prev.disabled{color:#c0c4cc}.el-pagination.is-background .el-pager li:hover{color:#409eff}.el-pagination.is-background .el-pager li.active{background-color:#409eff;color:#fff}.el-pagination.is-background.el-pagination--small .btn-next,.el-pagination.is-background.el-pagination--small .btn-prev,.el-pagination.is-background.el-pagination--small .el-pager li{margin:0 3px;min-width:22px}.el-pager,.el-pager li{vertical-align:top;margin:0;display:inline-block}.el-pager{user-select:none;list-style:none;font-size:0}.el-pager,.el-radio,.el-table th{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.el-pager .more:before{line-height:30px}.el-pager li{padding:0 4px;background:#fff;font-size:13px;min-width:35.5px;height:28px;line-height:28px;box-sizing:border-box}.el-menu--collapse .el-menu .el-submenu,.el-menu--popup{min-width:200px}.el-dialog,.el-dialog__footer{-webkit-box-sizing:border-box}.el-pager li.btn-quicknext,.el-pager li.btn-quickprev{line-height:28px;color:#303133}.el-pager li.active+li{border-left:0}.el-pager li:hover{color:#409eff}.el-pager li.active{color:#409eff;cursor:default}@-webkit-keyframes v-modal-in{0%{opacity:0}}@-webkit-keyframes v-modal-out{to{opacity:0}}.el-dialog{position:relative;margin:0 auto 50px;background:#fff;border-radius:2px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);box-shadow:0 1px 3px rgba(0,0,0,.3);box-sizing:border-box;width:50%}.el-dialog.is-fullscreen{width:100%;margin-top:0;margin-bottom:0;height:100%;overflow:auto}.el-dialog__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;margin:0}.el-dialog__header{padding:20px 20px 10px}.el-dialog__headerbtn{position:absolute;top:20px;right:20px;padding:0;background:0 0;border:none;outline:0;cursor:pointer;font-size:16px}.el-dialog__headerbtn .el-dialog__close{color:#909399}.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close{color:#409eff}.el-dialog__title{line-height:24px;font-size:18px;color:#303133}.el-dialog__body{padding:30px 20px;color:#606266;line-height:24px;font-size:14px}.el-dialog__footer{padding:10px 20px 20px;text-align:right;box-sizing:border-box}.el-dialog--center{text-align:center}.el-dialog--center .el-dialog__body{text-align:initial;padding:25px 25px 30px}.el-dialog--center .el-dialog__footer{text-align:inherit}.dialog-fade-enter-active{-webkit-animation:dialog-fade-in .3s;animation:dialog-fade-in .3s}.dialog-fade-leave-active{-webkit-animation:dialog-fade-out .3s;animation:dialog-fade-out .3s}@-webkit-keyframes dialog-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes dialog-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@-webkit-keyframes dialog-fade-out{0%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}to{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes dialog-fade-out{0%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}to{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}.el-autocomplete{position:relative;display:inline-block}.el-autocomplete-suggestion{margin:5px 0;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border-radius:4px}.el-dropdown-menu,.el-menu--collapse .el-submenu .el-menu{z-index:10;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-autocomplete-suggestion__wrap{max-height:280px;padding:10px 0;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:auto;background-color:#fff;border:1px solid #e4e7ed;border-radius:4px}.el-autocomplete-suggestion__list{margin:0;padding:0}.el-autocomplete-suggestion li{padding:0 20px;margin:0;line-height:34px;cursor:pointer;color:#606266;font-size:14px;list-style:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.el-autocomplete-suggestion li.highlighted,.el-autocomplete-suggestion li:hover{background-color:#f5f7fa}.el-autocomplete-suggestion li.divider{margin-top:6px;border-top:1px solid #000}.el-autocomplete-suggestion li.divider:last-child{margin-bottom:-6px}.el-autocomplete-suggestion.is-loading li{text-align:center;height:100px;line-height:100px;font-size:20px;color:#999}.el-autocomplete-suggestion.is-loading li:after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-autocomplete-suggestion.is-loading li:hover{background-color:#fff}.el-autocomplete-suggestion.is-loading .el-icon-loading{vertical-align:middle}.el-dropdown{display:inline-block;position:relative;color:#606266;font-size:14px}.el-dropdown .el-button-group{display:block}.el-dropdown .el-button-group .el-button{float:none}.el-dropdown .el-dropdown__caret-button{padding-left:5px;padding-right:5px;position:relative;border-left:none}.el-dropdown .el-dropdown__caret-button:before{content:"";position:absolute;display:block;width:1px;top:5px;bottom:5px;left:0;background:hsla(0,0%,100%,.5)}.el-dropdown .el-dropdown__caret-button:hover:before{top:0;bottom:0}.el-dropdown .el-dropdown__caret-button .el-dropdown__icon{padding-left:0}.el-dropdown__icon{font-size:12px;margin:0 3px}.el-dropdown .el-dropdown-selfdefine:focus:active,.el-dropdown .el-dropdown-selfdefine:focus:not(.focusing){outline-width:0}.el-dropdown-menu{position:absolute;top:0;left:0;padding:10px 0;margin:5px 0;background-color:#fff;border:1px solid #ebeef5;border-radius:4px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-dropdown-menu__item{list-style:none;line-height:36px;padding:0 20px;margin:0;font-size:14px;color:#606266;cursor:pointer;outline:0}.el-dropdown-menu__item:focus,.el-dropdown-menu__item:not(.is-disabled):hover{background-color:#ecf5ff;color:#66b1ff}.el-dropdown-menu__item--divided:before,.el-menu,.el-menu--horizontal>.el-menu-item:not(.is-disabled):focus,.el-menu--horizontal>.el-menu-item:not(.is-disabled):hover,.el-menu--horizontal>.el-submenu .el-submenu__title:hover{background-color:#fff}.el-dropdown-menu__item--divided{position:relative;margin-top:6px;border-top:1px solid #ebeef5}.el-dropdown-menu__item--divided:before{content:"";height:6px;display:block;margin:0 -20px}.el-dropdown-menu__item.is-disabled{cursor:default;color:#bbb;pointer-events:none}.el-dropdown-menu--medium{padding:6px 0}.el-dropdown-menu--medium .el-dropdown-menu__item{line-height:30px;padding:0 17px;font-size:14px}.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided{margin-top:6px}.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided:before{height:6px;margin:0 -17px}.el-dropdown-menu--small{padding:6px 0}.el-dropdown-menu--small .el-dropdown-menu__item{line-height:27px;padding:0 15px;font-size:13px}.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided{margin-top:4px}.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided:before{height:4px;margin:0 -15px}.el-dropdown-menu--mini{padding:3px 0}.el-dropdown-menu--mini .el-dropdown-menu__item{line-height:24px;padding:0 10px;font-size:12px}.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided{margin-top:3px}.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided:before{height:3px;margin:0 -10px}.el-menu{border-right:1px solid #e6e6e6;list-style:none;position:relative;margin:0;padding-left:0}.el-menu:after,.el-menu:before{display:table;content:""}.el-menu:after{clear:both}.el-menu--horizontal{border-right:none;border-bottom:1px solid #e6e6e6}.el-menu--horizontal>.el-menu-item{float:left;height:60px;line-height:60px;margin:0;border-bottom:2px solid transparent;color:#909399}.el-menu--horizontal>.el-menu-item a,.el-menu--horizontal>.el-menu-item a:hover{color:inherit}.el-menu--horizontal>.el-submenu{float:left}.el-menu--horizontal>.el-submenu:focus,.el-menu--horizontal>.el-submenu:hover{outline:0}.el-menu--horizontal>.el-submenu:focus .el-submenu__title,.el-menu--horizontal>.el-submenu:hover .el-submenu__title{color:#303133}.el-menu--horizontal>.el-submenu.is-active .el-submenu__title{border-bottom:2px solid #409eff;color:#303133}.el-menu--horizontal>.el-submenu .el-submenu__title{height:60px;line-height:60px;border-bottom:2px solid transparent;color:#909399}.el-menu--horizontal>.el-submenu .el-submenu__icon-arrow{position:static;vertical-align:middle;margin-left:8px;margin-top:-3px}.el-menu--horizontal .el-menu .el-menu-item,.el-menu--horizontal .el-menu .el-submenu__title{background-color:#fff;float:none;height:36px;line-height:36px;padding:0 10px;color:#909399}.el-menu--horizontal .el-menu .el-menu-item.is-active,.el-menu--horizontal .el-menu .el-submenu__title.is-active{color:#303133}.el-menu--horizontal .el-menu-item:not(.is-disabled):focus,.el-menu--horizontal .el-menu-item:not(.is-disabled):hover{outline:0;color:#303133}.el-menu--horizontal>.el-menu-item.is-active{border-bottom:2px solid #409eff;color:#303133}.el-menu--collapse{width:64px}.el-menu--collapse>.el-menu-item [class^=el-icon-],.el-menu--collapse>.el-submenu>.el-submenu__title [class^=el-icon-]{margin:0;vertical-align:middle;width:24px;text-align:center}.el-menu--collapse>.el-menu-item .el-submenu__icon-arrow,.el-menu--collapse>.el-submenu>.el-submenu__title .el-submenu__icon-arrow{display:none}.el-menu--collapse>.el-menu-item span,.el-menu--collapse>.el-submenu>.el-submenu__title span{height:0;width:0;overflow:hidden;visibility:hidden;display:inline-block}.el-menu--collapse>.el-menu-item.is-active i{color:inherit}.el-menu--collapse .el-submenu{position:relative}.el-menu--collapse .el-submenu .el-menu{position:absolute;margin-left:5px;top:0;left:100%;border:1px solid #e4e7ed;border-radius:2px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-menu-item,.el-submenu__title{height:56px;line-height:56px;position:relative;-webkit-box-sizing:border-box;white-space:nowrap;list-style:none}.el-menu--collapse .el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{-webkit-transform:none;transform:none}.el-menu--popup{z-index:100;border:none;padding:5px 0;border-radius:2px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-menu--popup-bottom-start{margin-top:5px}.el-menu--popup-right-start{margin-left:5px}.el-menu-item{font-size:14px;color:#303133;padding:0 20px;cursor:pointer;-webkit-transition:border-color .3s,background-color .3s,color .3s;transition:border-color .3s,background-color .3s,color .3s;box-sizing:border-box}.el-menu-item *{vertical-align:middle}.el-menu-item i{color:#909399}.el-menu-item:focus,.el-menu-item:hover{outline:0;background-color:#ecf5ff}.el-menu-item.is-disabled{opacity:.25;cursor:not-allowed;background:0 0!important}.el-menu-item [class^=el-icon-]{margin-right:5px;width:24px;text-align:center;font-size:18px;vertical-align:middle}.el-menu-item.is-active{color:#409eff}.el-menu-item.is-active i{color:inherit}.el-submenu{list-style:none;margin:0;padding-left:0}.el-submenu__title{font-size:14px;color:#303133;padding:0 20px;cursor:pointer;-webkit-transition:border-color .3s,background-color .3s,color .3s;transition:border-color .3s,background-color .3s,color .3s;box-sizing:border-box}.el-submenu__title *{vertical-align:middle}.el-submenu__title i{color:#909399}.el-submenu__title:focus,.el-submenu__title:hover{outline:0;background-color:#ecf5ff}.el-submenu__title.is-disabled{opacity:.25;cursor:not-allowed;background:0 0!important}.el-submenu__title:hover{background-color:#ecf5ff}.el-submenu .el-menu{border:none}.el-submenu .el-menu-item{height:50px;line-height:50px;padding:0 45px;min-width:200px}.el-submenu__icon-arrow{position:absolute;top:50%;right:20px;margin-top:-7px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;font-size:12px}.el-radio,.el-radio__inner,.el-radio__input{position:relative;display:inline-block}.el-submenu.is-active .el-submenu__title{border-bottom-color:#409eff}.el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.el-submenu.is-disabled .el-menu-item,.el-submenu.is-disabled .el-submenu__title{opacity:.25;cursor:not-allowed;background:0 0!important}.el-submenu [class^=el-icon-]{vertical-align:middle;margin-right:5px;width:24px;text-align:center;font-size:18px}.el-menu-item-group>ul{padding:0}.el-menu-item-group__title{padding:7px 0 7px 20px;line-height:normal;font-size:12px;color:#909399}.el-radio,.el-radio--medium.is-bordered .el-radio__label{font-size:14px}.horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow{-webkit-transition:.2s;transition:.2s;opacity:0}.el-radio{color:#606266;font-weight:500;line-height:1;cursor:pointer;white-space:nowrap;outline:0}.el-radio.is-bordered{padding:12px 20px 0 10px;border-radius:4px;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;height:40px}.el-radio.is-bordered.is-checked{border-color:#409eff}.el-radio.is-bordered.is-disabled{cursor:not-allowed;border-color:#ebeef5}.el-radio__input.is-disabled .el-radio__inner,.el-radio__input.is-disabled.is-checked .el-radio__inner{background-color:#f5f7fa;border-color:#e4e7ed}.el-radio.is-bordered+.el-radio.is-bordered{margin-left:10px}.el-radio--medium.is-bordered{padding:10px 20px 0 10px;border-radius:4px;height:36px}.el-radio--mini.is-bordered .el-radio__label,.el-radio--small.is-bordered .el-radio__label{font-size:12px}.el-radio--medium.is-bordered .el-radio__inner{height:14px;width:14px}.el-radio--small.is-bordered{padding:8px 15px 0 10px;border-radius:3px;height:32px}.el-radio--small.is-bordered .el-radio__inner{height:12px;width:12px}.el-radio--mini.is-bordered{padding:6px 15px 0 10px;border-radius:3px;height:28px}.el-radio--mini.is-bordered .el-radio__inner{height:12px;width:12px}.el-radio+.el-radio{margin-left:30px}.el-radio__input{white-space:nowrap;cursor:pointer;outline:0;line-height:1;vertical-align:middle}.el-radio__input.is-disabled .el-radio__inner{cursor:not-allowed}.el-radio__input.is-disabled .el-radio__inner:after{cursor:not-allowed;background-color:#f5f7fa}.el-radio__input.is-disabled .el-radio__inner+.el-radio__label{cursor:not-allowed}.el-radio__input.is-disabled.is-checked .el-radio__inner:after{background-color:#c0c4cc}.el-radio__input.is-disabled+span.el-radio__label{color:#c0c4cc;cursor:not-allowed}.el-radio__input.is-checked .el-radio__inner{border-color:#409eff;background:#409eff}.el-radio__input.is-checked .el-radio__inner:after{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.el-radio__input.is-checked+.el-radio__label{color:#409eff}.el-radio__input.is-focus .el-radio__inner{border-color:#409eff}.el-radio__inner{border:1px solid #dcdfe6;border-radius:100%;width:14px;height:14px;background-color:#fff;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box}.el-radio-button__inner,.el-switch__core{-webkit-box-sizing:border-box;vertical-align:middle}.el-radio__inner:hover{border-color:#409eff}.el-radio__inner:after{width:4px;height:4px;border-radius:100%;background-color:#fff;content:"";position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);-webkit-transition:-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6);transition:-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6);transition:transform .15s cubic-bezier(.71,-.46,.88,.6);transition:transform .15s cubic-bezier(.71,-.46,.88,.6),-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6)}.el-radio__original{opacity:0;outline:0;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;margin:0}.el-radio-button,.el-radio-button__inner{display:inline-block;position:relative;outline:0}.el-radio:focus:not(.is-focus):not(:active) .el-radio__inner{-webkit-box-shadow:0 0 2px 2px #409eff;box-shadow:0 0 2px 2px #409eff}.el-radio__label{font-size:14px;padding-left:10px}.el-radio-group{display:inline-block;line-height:1;vertical-align:middle;font-size:0}.el-radio-button__inner{line-height:1;white-space:nowrap;background:#fff;border:1px solid #dcdfe6;font-weight:500;border-left:0;color:#606266;-webkit-appearance:none;text-align:center;box-sizing:border-box;margin:0;cursor:pointer;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);padding:12px 20px;font-size:14px;border-radius:0}.el-radio-button__inner.is-round{padding:12px 20px}.el-radio-button__inner:hover{color:#409eff}.el-radio-button__inner [class*=el-icon-]{line-height:.9}.el-radio-button__inner [class*=el-icon-]+span{margin-left:5px}.el-radio-button__orig-radio{opacity:0;outline:0;position:absolute;z-index:-1;left:-999px}.el-radio-button__orig-radio:checked+.el-radio-button__inner{color:#fff;background-color:#409eff;border-color:#409eff;-webkit-box-shadow:-1px 0 0 0 #409eff;box-shadow:-1px 0 0 0 #409eff}.el-radio-button__orig-radio:disabled+.el-radio-button__inner{color:#c0c4cc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#ebeef5;-webkit-box-shadow:none;box-shadow:none}.el-radio-button__orig-radio:disabled:checked+.el-radio-button__inner{background-color:#f2f6fc}.el-radio-button:first-child .el-radio-button__inner{border-left:1px solid #dcdfe6;border-radius:4px 0 0 4px;-webkit-box-shadow:none!important;box-shadow:none!important}.el-radio-button:last-child .el-radio-button__inner{border-radius:0 4px 4px 0}.el-popover,.el-radio-button:first-child:last-child .el-radio-button__inner{border-radius:4px}.el-radio-button--medium .el-radio-button__inner{padding:10px 20px;font-size:14px;border-radius:0}.el-radio-button--medium .el-radio-button__inner.is-round{padding:10px 20px}.el-radio-button--small .el-radio-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.el-radio-button--small .el-radio-button__inner.is-round{padding:9px 15px}.el-radio-button--mini .el-radio-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.el-radio-button--mini .el-radio-button__inner.is-round{padding:7px 15px}.el-radio-button:focus:not(.is-focus):not(:active){-webkit-box-shadow:0 0 2px 2px #409eff;box-shadow:0 0 2px 2px #409eff}.el-switch{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;font-size:14px;line-height:20px;height:20px;vertical-align:middle}.el-switch__core,.el-switch__label{display:inline-block;cursor:pointer}.el-switch.is-disabled .el-switch__core,.el-switch.is-disabled .el-switch__label{cursor:not-allowed}.el-switch__label{-webkit-transition:.2s;transition:.2s;height:20px;font-size:14px;font-weight:500;vertical-align:middle;color:#303133}.el-switch__label.is-active{color:#409eff}.el-switch__label--left{margin-right:10px}.el-switch__label--right{margin-left:10px}.el-switch__label *{line-height:1;font-size:14px;display:inline-block}.el-switch__input{position:absolute;width:0;height:0;opacity:0;margin:0}.el-switch__input:focus~.el-switch__core{outline:1px solid #409eff}.el-message__closeBtn:focus,.el-message__content:focus,.el-popover:focus,.el-popover:focus:active,.el-popover__reference:focus:hover,.el-popover__reference:focus:not(.focusing),.el-rate:active,.el-rate:focus,.el-tooltip:focus:hover,.el-tooltip:focus:not(.focusing),.el-upload-list__item.is-success:active,.el-upload-list__item.is-success:not(.focusing):focus{outline-width:0}.el-switch__core{margin:0;position:relative;width:40px;height:20px;border:1px solid #dcdfe6;outline:0;border-radius:10px;box-sizing:border-box;background:#dcdfe6;-webkit-transition:border-color .3s,background-color .3s;transition:border-color .3s,background-color .3s}.el-switch__core .el-switch__button{position:absolute;top:1px;left:1px;border-radius:100%;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:16px;height:16px;background-color:#fff}.el-switch.is-checked .el-switch__core{border-color:#409eff;background-color:#409eff}.el-switch.is-disabled{opacity:.6}.el-switch--wide .el-switch__label.el-switch__label--left span{left:10px}.el-switch--wide .el-switch__label.el-switch__label--right span{right:10px}.el-switch .label-fade-enter,.el-switch .label-fade-leave-active{opacity:0}.el-select-dropdown{position:absolute;z-index:1001;border:1px solid #e4e7ed;border-radius:4px;background-color:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;margin:5px 0}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{color:#409eff;background-color:#fff}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover{background-color:#f5f7fa}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected:after{position:absolute;right:20px;font-family:element-icons;content:"\E611";font-size:12px;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{padding:0}.el-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:#999;font-size:14px}.el-select-dropdown__wrap{max-height:274px}.el-select-dropdown__list{list-style:none;padding:6px 0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-select-dropdown__item{font-size:14px;padding:0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#606266;height:34px;line-height:34px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.el-select-dropdown__item.is-disabled{color:#c0c4cc;cursor:not-allowed}.el-select-dropdown__item.is-disabled:hover{background-color:#fff}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background-color:#f5f7fa}.el-select-dropdown__item.selected{color:#409eff;font-weight:700}.el-select-dropdown__item span{line-height:34px!important}.el-select-group{margin:0;padding:0}.el-select-group__wrap{position:relative;list-style:none;margin:0;padding:0}.el-select-group__wrap:not(:last-of-type){padding-bottom:24px}.el-select-group__wrap:not(:last-of-type):after{content:"";position:absolute;display:block;left:20px;right:20px;bottom:12px;height:1px;background:#e4e7ed}.el-select-group__title{padding-left:20px;font-size:12px;color:#909399;line-height:30px}.el-select-group .el-select-dropdown__item{padding-left:20px}.el-select{display:inline-block;position:relative}.el-select:hover .el-input__inner{border-color:#c0c4cc}.el-select .el-input__inner{cursor:pointer;padding-right:35px}.el-select .el-input__inner:focus{border-color:#409eff}.el-select .el-input .el-select__caret{color:#c0c4cc;font-size:14px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transform:rotate(180deg);transform:rotate(180deg);line-height:16px;cursor:pointer}.el-select .el-input .el-select__caret.is-reverse{-webkit-transform:rotate(0);transform:rotate(0)}.el-select .el-input .el-select__caret.is-show-close{font-size:14px;text-align:center;-webkit-transform:rotate(180deg);transform:rotate(180deg);border-radius:100%;color:#c0c4cc;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-select .el-input .el-select__caret.is-show-close:hover{color:#909399}.el-select .el-input.is-disabled .el-input__inner{cursor:not-allowed}.el-select .el-input.is-disabled .el-input__inner:hover{border-color:#e4e7ed}.el-select .el-input.is-focus .el-input__inner{border-color:#409eff}.el-select>.el-input{display:block}.el-select__input{border:none;outline:0;padding:0;margin-left:15px;color:#666;font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:28px;background-color:transparent}.el-select__input.is-mini{height:14px}.el-select__close{cursor:pointer;position:absolute;top:8px;z-index:1000;right:25px;color:#c0c4cc;line-height:18px;font-size:14px}.el-select__close:hover{color:#909399}.el-select__tags{position:absolute;line-height:normal;white-space:normal;z-index:1;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);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}.el-select .el-tag__close{margin-top:-2px}.el-select .el-tag{-webkit-box-sizing:border-box;box-sizing:border-box;border-color:transparent;margin:2px 0 2px 6px;background-color:#f0f2f5}.el-select .el-tag__close.el-icon-close{background-color:#c0c4cc;right:-7px;top:0;color:#fff}.el-select .el-tag__close.el-icon-close:hover{background-color:#909399}.el-table,.el-table__expanded-cell{background-color:#fff}.el-select .el-tag__close.el-icon-close:before{display:block;-webkit-transform:translateY(.5px);transform:translateY(.5px)}.el-table{position:relative;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;max-width:100%;font-size:14px;color:#606266}.el-table--mini,.el-table--small,.el-table__expand-icon{font-size:12px}.el-table__empty-block{position:relative;min-height:60px;text-align:center;width:100%;height:100%}.el-table__empty-text{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#909399}.el-table__expand-column .cell{padding:0;text-align:center}.el-table__expand-icon{position:relative;cursor:pointer;color:#666;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;height:20px}.el-table__expand-icon--expanded{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.el-table__expand-icon>.el-icon{position:absolute;left:50%;top:50%;margin-left:-5px;margin-top:-5px}.el-table__expanded-cell[class*=cell]{padding:20px 50px}.el-table__expanded-cell:hover{background-color:transparent!important}.el-table--fit{border-right:0;border-bottom:0}.el-table--fit td.gutter,.el-table--fit th.gutter{border-right-width:1px}.el-table--scrollable-x .el-table__body-wrapper{overflow-x:auto}.el-table--scrollable-y .el-table__body-wrapper{overflow-y:auto}.el-table thead{color:#909399;font-weight:500}.el-table thead.is-group th{background:#f5f7fa}.el-table th,.el-table tr{background-color:#fff}.el-table td,.el-table th{padding:12px 0;min-width:0;-webkit-box-sizing:border-box;box-sizing:border-box;text-overflow:ellipsis;vertical-align:middle;position:relative}.el-table th>.cell,.el-table th div{-webkit-box-sizing:border-box;display:inline-block}.el-table td.is-center,.el-table th.is-center{text-align:center}.el-table td.is-left,.el-table th.is-left{text-align:left}.el-table td.is-right,.el-table th.is-right{text-align:right}.el-table td.gutter,.el-table th.gutter{width:15px;border-right-width:0;border-bottom-width:0;padding:0}.el-table--medium td,.el-table--medium th{padding:10px 0}.el-table--small td,.el-table--small th{padding:8px 0}.el-table--mini td,.el-table--mini th{padding:6px 0}.el-table .cell,.el-table th div{padding-right:10px;overflow:hidden;text-overflow:ellipsis}.el-table--border td:first-child .cell,.el-table--border th:first-child .cell,.el-table .cell,.el-table th div{padding-left:10px}.el-table tr input[type=checkbox]{margin:0}.el-table td,.el-table th.is-leaf{border-bottom:1px solid #ebeef5}.el-table th.is-sortable{cursor:pointer}.el-table th{white-space:nowrap;overflow:hidden;user-select:none;text-align:left}.el-slider__button-wrapper,.el-time-panel{-ms-user-select:none;-moz-user-select:none}.el-table th div{line-height:40px;box-sizing:border-box;white-space:nowrap}.el-table th>.cell{position:relative;word-wrap:normal;text-overflow:ellipsis;vertical-align:middle;width:100%;box-sizing:border-box}.el-table th>.cell.highlight{color:#409eff}.el-table th.required>div:before{display:inline-block;content:"";width:8px;height:8px;border-radius:50%;background:#ff4d51;margin-right:5px;vertical-align:middle}.el-table td div{-webkit-box-sizing:border-box;box-sizing:border-box}.el-table td.gutter{width:0}.el-table .cell{-webkit-box-sizing:border-box;box-sizing:border-box;white-space:normal;word-break:break-all;line-height:23px}.el-badge__content,.el-progress-bar__inner,.el-steps--horizontal,.el-table .cell.el-tooltip,.el-tabs__nav,.el-tag,.el-time-spinner,.el-tree-node,.el-upload-cover__title{white-space:nowrap}.el-table .cell.el-tooltip{min-width:50px}.el-table--border,.el-table--group{border:1px solid #ebeef5}.el-table--border:after,.el-table--group:after,.el-table:before{content:"";position:absolute;background-color:#ebeef5;z-index:1}.el-table--border:after,.el-table--group:after{top:0;right:0;width:1px;height:100%}.el-table:before{left:0;bottom:0;width:100%;height:1px}.el-table--border{border-right:none;border-bottom:none}.el-table--border.el-loading-parent--relative{border:none}.el-table--border td,.el-table--border th,.el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed{border-right:1px solid #ebeef5}.el-table--border th.gutter:last-of-type{border-bottom:1px solid #ebeef5;border-bottom-width:1px}.el-table--border th,.el-table__fixed-right-patch{border-bottom:1px solid #ebeef5}.el-table__fixed,.el-table__fixed-right{position:absolute;top:0;left:0;overflow-x:hidden;overflow-y:hidden;-webkit-box-shadow:0 0 10px rgba(0,0,0,.12);box-shadow:0 0 10px rgba(0,0,0,.12)}.el-table__fixed-right:before,.el-table__fixed:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#ebeef5;z-index:4}.el-table__fixed-right-patch{position:absolute;top:-1px;right:0;background-color:#fff}.el-table__fixed-right{top:0;left:auto;right:0}.el-table__fixed-right .el-table__fixed-body-wrapper,.el-table__fixed-right .el-table__fixed-footer-wrapper,.el-table__fixed-right .el-table__fixed-header-wrapper{left:auto;right:0}.el-table__fixed-header-wrapper{position:absolute;left:0;top:0;z-index:3}.el-table__fixed-footer-wrapper{position:absolute;left:0;bottom:0;z-index:3}.el-table__fixed-footer-wrapper tbody td{border-top:1px solid #ebeef5;background-color:#f5f7fa;color:#606266}.el-table__fixed-body-wrapper{position:absolute;left:0;top:37px;overflow:hidden;z-index:3}.el-table__body-wrapper,.el-table__footer-wrapper,.el-table__header-wrapper{width:100%}.el-table__footer-wrapper{margin-top:-1px}.el-table__footer-wrapper td{border-top:1px solid #ebeef5}.el-table__body,.el-table__footer,.el-table__header{table-layout:fixed;border-collapse:separate}.el-table__footer-wrapper,.el-table__header-wrapper{overflow:hidden}.el-table__footer-wrapper tbody td,.el-table__header-wrapper tbody td{background-color:#f5f7fa;color:#606266}.el-table__body-wrapper{overflow:hidden;position:relative}.el-table__body-wrapper.is-scrolling-left~.el-table__fixed,.el-table__body-wrapper.is-scrolling-none~.el-table__fixed,.el-table__body-wrapper.is-scrolling-none~.el-table__fixed-right,.el-table__body-wrapper.is-scrolling-right~.el-table__fixed-right{-webkit-box-shadow:none;box-shadow:none}.el-picker-panel,.el-table-filter{-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-table__body-wrapper .el-table--border.is-scrolling-right~.el-table__fixed-right{border-left:1px solid #ebeef5}.el-table .caret-wrapper{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:34px;width:24px;vertical-align:middle;cursor:pointer;overflow:initial;position:relative}.el-table .sort-caret{width:0;height:0;border:5px solid transparent;position:absolute;left:7px}.el-table .sort-caret.ascending{border-bottom-color:#c0c4cc;top:5px}.el-table .sort-caret.descending{border-top-color:#c0c4cc;bottom:7px}.el-table .ascending .sort-caret.ascending{border-bottom-color:#409eff}.el-table .descending .sort-caret.descending{border-top-color:#409eff}.el-table .hidden-columns{position:absolute;z-index:-1}.el-table--striped .el-table__body tr.el-table__row--striped td{background:#fafafa}.el-table--striped .el-table__body tr.el-table__row--striped.current-row td,.el-table__body tr.current-row>td,.el-table__body tr.hover-row.current-row>td,.el-table__body tr.hover-row.el-table__row--striped.current-row>td,.el-table__body tr.hover-row.el-table__row--striped>td,.el-table__body tr.hover-row>td{background-color:#ecf5ff}.el-table__column-resize-proxy{position:absolute;left:200px;top:0;bottom:0;width:0;border-left:1px solid #ebeef5;z-index:10}.el-table__column-filter-trigger{display:inline-block;line-height:34px;cursor:pointer}.el-table__column-filter-trigger i{color:#909399;font-size:12px;-webkit-transform:scale(.75);transform:scale(.75)}.el-table--enable-row-transition .el-table__body td{-webkit-transition:background-color .25s ease;transition:background-color .25s ease}.el-table--enable-row-hover .el-table__body tr:hover>td{background-color:#f5f7fa}.el-table--fluid-height .el-table__fixed,.el-table--fluid-height .el-table__fixed-right{bottom:0;overflow:hidden}.el-table-column--selection .cell{padding-left:14px;padding-right:14px}.el-table-filter{border:1px solid #ebeef5;border-radius:2px;background-color:#fff;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;margin:2px 0}.el-table-filter__list{padding:5px 0;margin:0;list-style:none;min-width:100px}.el-table-filter__list-item{line-height:36px;padding:0 10px;cursor:pointer;font-size:14px}.el-table-filter__list-item:hover{background-color:#ecf5ff;color:#66b1ff}.el-table-filter__list-item.is-active{background-color:#409eff;color:#fff}.el-table-filter__content{min-width:100px}.el-table-filter__bottom{border-top:1px solid #ebeef5;padding:8px}.el-table-filter__bottom button{background:0 0;border:none;color:#606266;cursor:pointer;font-size:13px;padding:0 3px}.el-date-table.is-week-mode .el-date-table__row.current div,.el-date-table.is-week-mode .el-date-table__row:hover div,.el-date-table td.in-range div,.el-date-table td.in-range div:hover{background-color:#f2f6fc}.el-table-filter__bottom button:hover{color:#409eff}.el-table-filter__bottom button:focus{outline:0}.el-table-filter__bottom button.is-disabled{color:#c0c4cc;cursor:not-allowed}.el-table-filter__checkbox-group{padding:10px}.el-table-filter__checkbox-group label.el-checkbox{display:block;margin-bottom:8px;margin-left:5px}.el-table-filter__checkbox-group .el-checkbox:last-child{margin-bottom:0}.el-date-table{font-size:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover{color:#606266}.el-date-table.is-week-mode .el-date-table__row:hover td:first-child div{margin-left:5px;border-top-left-radius:15px;border-bottom-left-radius:15px}.el-date-table.is-week-mode .el-date-table__row:hover td:last-child div{margin-right:5px;border-top-right-radius:15px;border-bottom-right-radius:15px}.el-date-table td{width:32px;padding:4px 0;text-align:center;cursor:pointer;position:relative}.el-date-table td,.el-date-table td div{height:30px;-webkit-box-sizing:border-box;box-sizing:border-box}.el-date-table td div{padding:3px 0}.el-date-table td span{width:24px;height:24px;display:block;margin:0 auto;line-height:24px;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-radius:50%}.el-month-table td .cell,.el-year-table td .cell{width:48px;height:32px;display:block;line-height:32px}.el-date-table td.next-month,.el-date-table td.prev-month{color:#c0c4cc}.el-date-table td.today{position:relative}.el-date-table td.today span{color:#409eff;font-weight:700}.el-date-table td.today.end-date span,.el-date-table td.today.start-date span{color:#fff}.el-date-table td.available:hover{color:#409eff}.el-date-table td.current:not(.disabled) span{color:#fff;background-color:#409eff}.el-date-table td.end-date div,.el-date-table td.start-date div{color:#fff}.el-date-table td.end-date span,.el-date-table td.start-date span{background-color:#409eff}.el-date-table td.start-date div{margin-left:5px;border-top-left-radius:15px;border-bottom-left-radius:15px}.el-date-table td.end-date div{margin-right:5px;border-top-right-radius:15px;border-bottom-right-radius:15px}.el-date-table td.disabled div{background-color:#f5f7fa;opacity:1;cursor:not-allowed;color:#c0c4cc}.el-fade-in-enter,.el-fade-in-leave-active,.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active,.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.el-date-table td.week{font-size:80%;color:#606266}.el-month-table,.el-year-table{font-size:12px;border-collapse:collapse}.el-date-table th{padding:5px;color:#606266;font-weight:400;border-bottom:1px solid #ebeef5}.el-month-table{margin:-1px}.el-month-table td{text-align:center;padding:20px 3px;cursor:pointer}.el-month-table td.disabled .cell{background-color:#f5f7fa;cursor:not-allowed;color:#c0c4cc}.el-month-table td.disabled .cell:hover{color:#c0c4cc}.el-month-table td .cell{color:#606266;margin:0 auto}.el-month-table td .cell:hover,.el-month-table td.current:not(.disabled) .cell{color:#409eff}.el-year-table{margin:-1px}.el-year-table .el-icon{color:#303133}.el-year-table td{text-align:center;padding:20px 3px;cursor:pointer}.el-year-table td.disabled .cell{background-color:#f5f7fa;cursor:not-allowed;color:#c0c4cc}.el-year-table td.disabled .cell:hover{color:#c0c4cc}.el-year-table td .cell{color:#606266;margin:0 auto}.el-year-table td .cell:hover,.el-year-table td.current:not(.disabled) .cell{color:#409eff}.el-date-range-picker{width:646px}.el-date-range-picker.has-sidebar{width:756px}.el-date-range-picker table{table-layout:fixed;width:100%}.el-date-range-picker .el-picker-panel__body{min-width:513px}.el-date-range-picker .el-picker-panel__content{margin:0}.el-date-range-picker__header{position:relative;text-align:center;height:28px}.el-date-range-picker__header [class*=arrow-left]{float:left}.el-date-range-picker__header [class*=arrow-right]{float:right}.el-date-range-picker__header div{font-size:16px;font-weight:500;margin-right:50px}.el-date-range-picker__content{float:left;width:50%;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:16px}.el-date-range-picker__content.is-left{border-right:1px solid #e4e4e4}.el-date-range-picker__content.is-right .el-date-range-picker__header div{margin-left:50px;margin-right:50px}.el-date-range-picker__editors-wrap{-webkit-box-sizing:border-box;box-sizing:border-box;display:table-cell}.el-date-range-picker__editors-wrap.is-right{text-align:right}.el-date-range-picker__time-header{position:relative;border-bottom:1px solid #e4e4e4;font-size:12px;padding:8px 5px 5px;display:table;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.el-date-range-picker__time-header>.el-icon-arrow-right{font-size:20px;vertical-align:middle;display:table-cell;color:#303133}.el-date-range-picker__time-picker-wrap{position:relative;display:table-cell;padding:0 5px}.el-date-range-picker__time-picker-wrap .el-picker-panel{position:absolute;top:13px;right:0;z-index:1;background:#fff}.el-time-range-picker{width:354px;overflow:visible}.el-time-range-picker__content{position:relative;text-align:center;padding:10px}.el-time-range-picker__cell{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:4px 7px 7px;width:50%;display:inline-block}.el-time-range-picker__header{margin-bottom:5px;text-align:center;font-size:14px}.el-time-range-picker__body{border-radius:2px;border:1px solid #e4e7ed}.el-picker-panel{color:#606266;border:1px solid #e4e7ed;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);background:#fff;border-radius:4px;line-height:30px;margin:5px 0}.el-popover,.el-time-panel{-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-picker-panel__body-wrapper:after,.el-picker-panel__body:after{content:"";display:table;clear:both}.el-picker-panel__content{position:relative;margin:15px}.el-picker-panel__footer{border-top:1px solid #e4e4e4;padding:4px;text-align:right;background-color:#fff;position:relative;font-size:0}.el-picker-panel__shortcut{display:block;width:100%;border:0;background-color:transparent;line-height:28px;font-size:14px;color:#606266;padding-left:12px;text-align:left;outline:0;cursor:pointer}.el-picker-panel__shortcut:hover{color:#409eff}.el-picker-panel__shortcut.active{background-color:#e6f1fe;color:#409eff}.el-picker-panel__btn{border:1px solid #dcdcdc;color:#333;line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.el-picker-panel__btn[disabled]{color:#ccc;cursor:not-allowed}.el-picker-panel__icon-btn{font-size:12px;color:#303133;border:0;background:0 0;cursor:pointer;outline:0;margin-top:8px}.el-picker-panel__icon-btn:hover{color:#409eff}.el-picker-panel__icon-btn.is-disabled{color:#bbb}.el-picker-panel__icon-btn.is-disabled:hover{cursor:not-allowed}.el-picker-panel__link-btn{vertical-align:middle}.el-picker-panel [slot=sidebar],.el-picker-panel__sidebar{position:absolute;top:0;bottom:0;width:110px;border-right:1px solid #e4e4e4;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:6px;background-color:#fff;overflow:auto}.el-picker-panel [slot=sidebar]+.el-picker-panel__body,.el-picker-panel__sidebar+.el-picker-panel__body{margin-left:110px}.el-date-picker{width:322px}.el-date-picker.has-sidebar.has-time{width:434px}.el-date-picker.has-sidebar{width:438px}.el-date-picker.has-time .el-picker-panel__body-wrapper{position:relative}.el-date-picker .el-picker-panel__content{width:292px}.el-date-picker table{table-layout:fixed;width:100%}.el-date-picker__editor-wrap{position:relative;display:table-cell;padding:0 5px}.el-date-picker__time-header{position:relative;border-bottom:1px solid #e4e4e4;font-size:12px;padding:8px 5px 5px;display:table;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.el-date-picker__header{margin:12px;text-align:center}.el-date-picker__header--bordered{margin-bottom:0;padding-bottom:12px;border-bottom:1px solid #ebeef5}.el-date-picker__header--bordered+.el-picker-panel__content{margin-top:0}.el-date-picker__header-label{font-size:16px;font-weight:500;padding:0 5px;line-height:22px;text-align:center;cursor:pointer;color:#606266}.el-date-picker__header-label.active,.el-date-picker__header-label:hover{color:#409eff}.el-date-picker__prev-btn{float:left}.el-date-picker__next-btn{float:right}.el-date-picker__time-wrap{padding:10px;text-align:center}.el-date-picker__time-label{float:left;cursor:pointer;line-height:30px;margin-left:10px}.time-select{margin:5px 0;min-width:0}.time-select .el-picker-panel__content{max-height:200px;margin:0}.time-select-item{padding:8px 10px;font-size:14px;line-height:20px}.time-select-item.selected:not(.disabled){color:#409eff;font-weight:700}.time-select-item.disabled{color:#e4e7ed;cursor:not-allowed}.time-select-item:hover{background-color:#f5f7fa;font-weight:700;cursor:pointer}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active,.fade-in-linear-enter-active,.fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-enter-active,.el-fade-in-leave-active,.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:top left;transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;-webkit-transform:scale(.45);transform:scale(.45)}.collapse-transition{-webkit-transition:height .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s ease-in-out;transition:height .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s ease-in-out}.horizontal-collapse-transition{-webkit-transition:width .3s ease-in-out,padding-left .3s ease-in-out,padding-right .3s ease-in-out;transition:width .3s ease-in-out,padding-left .3s ease-in-out,padding-right .3s ease-in-out}.el-list-enter-active,.el-list-leave-active{-webkit-transition:all 1s;transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.el-opacity-transition{-webkit-transition:opacity .3s cubic-bezier(.55,0,.1,1);transition:opacity .3s cubic-bezier(.55,0,.1,1)}.el-date-editor{position:relative;display:inline-block;text-align:left}.el-date-editor.el-input,.el-date-editor.el-input__inner{width:220px}.el-date-editor--daterange.el-input,.el-date-editor--daterange.el-input__inner,.el-date-editor--timerange.el-input,.el-date-editor--timerange.el-input__inner{width:350px}.el-date-editor--datetimerange.el-input,.el-date-editor--datetimerange.el-input__inner{width:400px}.el-date-editor .el-icon-circle-close{cursor:pointer}.el-date-editor .el-range__icon{font-size:14px;margin-left:-5px;color:#c0c4cc;float:left;line-height:32px}.el-date-editor .el-range-input,.el-date-editor .el-range-separator{height:100%;margin:0;text-align:center;font-size:14px;display:inline-block}.el-date-editor .el-range-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0;padding:0;width:39%;color:#606266}.el-date-editor .el-range-input::-webkit-input-placeholder{color:#c0c4cc}.el-date-editor .el-range-input:-ms-input-placeholder{color:#c0c4cc}.el-date-editor .el-range-input::placeholder{color:#c0c4cc}.el-date-editor .el-range-separator{padding:0 5px;line-height:32px;width:5%;color:#303133}.el-date-editor .el-range__close-icon{font-size:14px;color:#c0c4cc;width:25px;display:inline-block;float:right;line-height:32px}.el-range-editor.el-input__inner{padding:3px 10px}.el-range-editor.is-active,.el-range-editor.is-active:hover{border-color:#409eff}.el-range-editor--medium.el-input__inner{height:36px}.el-range-editor--medium .el-range-separator{line-height:28px;font-size:14px}.el-range-editor--medium .el-range-input{font-size:14px}.el-range-editor--medium .el-range__close-icon,.el-range-editor--medium .el-range__icon{line-height:28px}.el-range-editor--small.el-input__inner{height:32px}.el-range-editor--small .el-range-separator{line-height:24px;font-size:13px}.el-range-editor--small .el-range-input{font-size:13px}.el-range-editor--small .el-range__close-icon,.el-range-editor--small .el-range__icon{line-height:24px}.el-range-editor--mini.el-input__inner{height:28px}.el-range-editor--mini .el-range-separator{line-height:20px;font-size:12px}.el-range-editor--mini .el-range-input{font-size:12px}.el-range-editor--mini .el-range__close-icon,.el-range-editor--mini .el-range__icon{line-height:20px}.el-range-editor.is-disabled{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-range-editor.is-disabled:focus,.el-range-editor.is-disabled:hover{border-color:#e4e7ed}.el-range-editor.is-disabled input{background-color:#f5f7fa;color:#c0c4cc;cursor:not-allowed}.el-range-editor.is-disabled input::-webkit-input-placeholder{color:#c0c4cc}.el-range-editor.is-disabled input:-ms-input-placeholder{color:#c0c4cc}.el-range-editor.is-disabled input::placeholder{color:#c0c4cc}.el-range-editor.is-disabled .el-range-separator{color:#c0c4cc}.el-time-spinner.has-seconds .el-time-spinner__wrapper{width:33.3%}.el-time-spinner.has-seconds .el-time-spinner__wrapper:nth-child(2){margin-left:1%}.el-time-spinner__wrapper{max-height:190px;overflow:auto;display:inline-block;width:50%;vertical-align:top;position:relative}.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default){padding-bottom:15px}.el-time-spinner__input.el-input .el-input__inner,.el-time-spinner__list{padding:0;text-align:center}.el-time-spinner__wrapper.is-arrow{-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;overflow:hidden}.el-time-spinner__wrapper.is-arrow .el-time-spinner__list{-webkit-transform:translateY(-32px);transform:translateY(-32px)}.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active){background:#fff;cursor:default}.el-time-spinner__arrow{font-size:12px;color:#909399;position:absolute;left:0;width:100%;z-index:1;text-align:center;height:30px;line-height:30px;cursor:pointer}.el-time-spinner__arrow:hover{color:#409eff}.el-time-spinner__arrow.el-icon-arrow-up{top:10px}.el-time-spinner__arrow.el-icon-arrow-down{bottom:10px}.el-time-spinner__input.el-input{width:70%}.el-time-spinner__list{margin:0;list-style:none}.el-time-spinner__list:after,.el-time-spinner__list:before{content:"";display:block;width:100%;height:80px}.el-time-spinner__item{height:32px;line-height:32px;font-size:12px;color:#606266}.el-time-spinner__item:hover:not(.disabled):not(.active){background:#f5f7fa;cursor:pointer}.el-time-spinner__item.active:not(.disabled){color:#303133;font-weight:700}.el-time-spinner__item.disabled{color:#c0c4cc;cursor:not-allowed}.el-time-panel{margin:5px 0;border:1px solid #e4e7ed;background-color:#fff;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border-radius:2px;position:absolute;width:180px;left:0;z-index:1000;-webkit-user-select:none;user-select:none}.el-time-panel__content{font-size:0;position:relative;overflow:hidden}.el-time-panel__content:after,.el-time-panel__content:before{content:"";top:50%;position:absolute;margin-top:-15px;height:32px;z-index:-1;left:0;right:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:6px;text-align:left;border-top:1px solid #e4e7ed;border-bottom:1px solid #e4e7ed}.el-time-panel__content:after{left:50%;margin-left:12%;margin-right:12%}.el-time-panel__content:before{padding-left:50%;margin-right:12%;margin-left:12%}.el-time-panel__content.has-seconds:after{left:66.66667%}.el-time-panel__content.has-seconds:before{padding-left:33.33333%}.el-time-panel__footer{border-top:1px solid #e4e4e4;padding:4px;height:36px;line-height:25px;text-align:right;-webkit-box-sizing:border-box;box-sizing:border-box}.el-time-panel__btn{border:none;line-height:28px;padding:0 5px;margin:0 5px;cursor:pointer;background-color:transparent;outline:0;font-size:12px;color:#303133}.el-time-panel__btn.confirm{font-weight:800;color:#409eff}.el-popover{position:absolute;background:#fff;min-width:150px;border:1px solid #ebeef5;padding:12px;z-index:2000;color:#606266;line-height:1.4;text-align:justify;font-size:14px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-popover--plain{padding:18px 20px}.el-popover__title{color:#303133;font-size:16px;line-height:1;margin-bottom:12px}.v-modal-enter{-webkit-animation:v-modal-in .2s ease;animation:v-modal-in .2s ease}.v-modal-leave{-webkit-animation:v-modal-out .2s ease forwards;animation:v-modal-out .2s ease forwards}@keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-out{to{opacity:0}}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.5;background:#000}.el-message-box{display:inline-block;width:420px;padding-bottom:10px;vertical-align:middle;background-color:#fff;border-radius:4px;border:1px solid #ebeef5;font-size:18px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);text-align:left;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}.el-message-box__wrapper{position:fixed;top:0;bottom:0;left:0;right:0;text-align:center}.el-message-box__wrapper:after{content:"";display:inline-block;height:100%;width:0;vertical-align:middle}.el-message-box__header{position:relative;padding:15px 15px 10px}.el-message-box__title{padding-left:0;margin-bottom:0;font-size:18px;line-height:1;color:#303133}.el-message-box__headerbtn{position:absolute;top:15px;right:15px;padding:0;border:none;outline:0;background:0 0;font-size:16px;cursor:pointer}.el-form-item.is-error .el-input__inner,.el-form-item.is-error .el-input__inner:focus,.el-form-item.is-error .el-textarea__inner,.el-form-item.is-error .el-textarea__inner:focus,.el-message-box__input input.invalid,.el-message-box__input input.invalid:focus{border-color:#f56c6c}.el-message-box__headerbtn .el-message-box__close{color:#909399}.el-message-box__headerbtn:focus .el-message-box__close,.el-message-box__headerbtn:hover .el-message-box__close{color:#409eff}.el-message-box__content{position:relative;padding:10px 15px;color:#606266;font-size:14px}.el-message-box__input{padding-top:15px}.el-message-box__status{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:24px!important}.el-message-box__status:before{padding-left:1px}.el-message-box__status+.el-message-box__message{padding-left:36px;padding-right:12px}.el-message-box__status.el-icon-success{color:#67c23a}.el-message-box__status.el-icon-info{color:#909399}.el-message-box__status.el-icon-warning{color:#e6a23c}.el-message-box__status.el-icon-error{color:#f56c6c}.el-message-box__message{margin:0}.el-message-box__message p{margin:0;line-height:24px}.el-message-box__errormsg{color:#f56c6c;font-size:12px;min-height:18px;margin-top:2px}.el-message-box__btns{padding:5px 15px 0;text-align:right}.el-message-box__btns button:nth-child(2){margin-left:10px}.el-message-box__btns-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.el-message-box--center{padding-bottom:30px}.el-message-box--center .el-message-box__header{padding-top:30px}.el-message-box--center .el-message-box__title{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-message-box--center .el-message-box__status{position:relative;top:auto;padding-right:5px;text-align:center;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.el-message-box--center .el-message-box__message{margin-left:0}.el-message-box--center .el-message-box__btns,.el-message-box--center .el-message-box__content{text-align:center}.el-message-box--center .el-message-box__content{padding-left:27px;padding-right:27px}.msgbox-fade-enter-active{-webkit-animation:msgbox-fade-in .3s;animation:msgbox-fade-in .3s}.msgbox-fade-leave-active{-webkit-animation:msgbox-fade-out .3s;animation:msgbox-fade-out .3s}@-webkit-keyframes msgbox-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes msgbox-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@-webkit-keyframes msgbox-fade-out{0%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}to{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes msgbox-fade-out{0%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}to{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}.el-breadcrumb{font-size:14px;line-height:1}.el-breadcrumb:after,.el-breadcrumb:before{display:table;content:""}.el-breadcrumb:after{clear:both}.el-breadcrumb__separator{margin:0 9px;font-weight:700;color:#c0c4cc}.el-breadcrumb__separator[class*=icon]{margin:0 6px;font-weight:400}.el-breadcrumb__item{float:left}.el-breadcrumb__inner,.el-breadcrumb__inner a{font-weight:700;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1);color:#303133}.el-breadcrumb__inner:hover,.el-breadcrumb__inner a:hover{color:#409eff;cursor:pointer}.el-breadcrumb__item:last-child .el-breadcrumb__inner,.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover,.el-breadcrumb__item:last-child .el-breadcrumb__inner a,.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover{font-weight:400;color:#606266;cursor:text}.el-breadcrumb__item:last-child .el-breadcrumb__separator{display:none}.el-form--label-left .el-form-item__label{text-align:left}.el-form--label-top .el-form-item__label{float:none;display:inline-block;text-align:left;padding:0 0 10px}.el-form--inline .el-form-item{display:inline-block;margin-right:10px;vertical-align:top}.el-form--inline .el-form-item__label{float:none;display:inline-block}.el-form--inline .el-form-item__content{display:inline-block;vertical-align:top}.el-form--inline.el-form--label-top .el-form-item__content{display:block}.el-form-item{margin-bottom:22px}.el-form-item:after,.el-form-item:before{display:table;content:""}.el-form-item:after{clear:both}.el-form-item .el-form-item{margin-bottom:0}.el-form-item--mini.el-form-item,.el-form-item--small.el-form-item{margin-bottom:18px}.el-form-item .el-input__validateIcon{display:none}.el-form-item--medium .el-form-item__content,.el-form-item--medium .el-form-item__label{line-height:36px}.el-form-item--small .el-form-item__content,.el-form-item--small .el-form-item__label{line-height:32px}.el-form-item--small .el-form-item__error{padding-top:2px}.el-form-item--mini .el-form-item__content,.el-form-item--mini .el-form-item__label{line-height:28px}.el-form-item--mini .el-form-item__error{padding-top:1px}.el-form-item__label{text-align:right;vertical-align:middle;float:left;font-size:14px;color:#606266;line-height:40px;padding:0 12px 0 0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-form-item__content{line-height:40px;position:relative;font-size:14px}.el-form-item__content:after,.el-form-item__content:before{display:table;content:""}.el-form-item__content:after{clear:both}.el-form-item__error{color:#f56c6c;font-size:12px;line-height:1;padding-top:4px;position:absolute;top:100%;left:0}.el-form-item__error--inline{position:relative;top:auto;left:auto;display:inline-block;margin-left:10px}.el-form-item.is-required .el-form-item__label:before{content:"*";color:#f56c6c;margin-right:4px}.el-form-item.is-error .el-input-group__append .el-input__inner,.el-form-item.is-error .el-input-group__prepend .el-input__inner{border-color:transparent}.el-form-item.is-error .el-input__validateIcon{color:#f56c6c}.el-form-item.is-success .el-input__inner,.el-form-item.is-success .el-input__inner:focus,.el-form-item.is-success .el-textarea__inner,.el-form-item.is-success .el-textarea__inner:focus{border-color:#67c23a}.el-form-item.is-success .el-input-group__append .el-input__inner,.el-form-item.is-success .el-input-group__prepend .el-input__inner{border-color:transparent}.el-form-item.is-success .el-input__validateIcon{color:#67c23a}.el-form-item--feedback .el-input__validateIcon{display:inline-block}.el-tabs__header{padding:0;position:relative;margin:0 0 15px}.el-tabs__active-bar{position:absolute;bottom:0;left:0;height:2px;background-color:#409eff;z-index:1;-webkit-transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1);list-style:none}.el-tabs__new-tab{float:right;border:1px solid #d3dce6;height:18px;width:18px;line-height:18px;margin:12px 0 9px 10px;border-radius:3px;text-align:center;font-size:12px;color:#d3dce6;cursor:pointer;-webkit-transition:all .15s;transition:all .15s}.el-tabs__new-tab .el-icon-plus{-webkit-transform:scale(.8);transform:scale(.8)}.el-tabs__new-tab:hover{color:#409eff}.el-tabs__nav-wrap{overflow:hidden;margin-bottom:-1px;position:relative}.el-tabs__nav-wrap:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#e4e7ed;z-index:1}.el-tabs--border-card>.el-tabs__header .el-tabs__nav-wrap:after,.el-tabs--card>.el-tabs__header .el-tabs__nav-wrap:after{content:none}.el-tabs__nav-wrap.is-scrollable{padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box}.el-tabs__nav-scroll{overflow:hidden}.el-tabs__nav-next,.el-tabs__nav-prev{position:absolute;cursor:pointer;line-height:44px;font-size:12px;color:#909399}.el-tabs__nav-next{right:0}.el-tabs__nav-prev{left:0}.el-tabs__nav{position:relative;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;float:left;z-index:2}.el-tabs__item{padding:0 20px;height:40px;box-sizing:border-box;line-height:40px;display:inline-block;list-style:none;font-size:14px;font-weight:500;color:#303133;position:relative}.el-alert,.el-tabs__item,.el-tag{-webkit-box-sizing:border-box}.el-tabs__item:focus,.el-tabs__item:focus:active{outline:0}.el-tabs__item:focus.is-active.is-focus:not(:active){-webkit-box-shadow:0 0 2px 2px #409eff inset;box-shadow:inset 0 0 2px 2px #409eff;border-radius:3px}.el-tabs__item .el-icon-close{border-radius:50%;text-align:center;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);margin-left:5px}.el-tabs__item .el-icon-close:before{-webkit-transform:scale(.9);transform:scale(.9);display:inline-block}.el-tabs__item .el-icon-close:hover{background-color:#c0c4cc;color:#fff}.el-tabs__item.is-active{color:#409eff}.el-tabs__item:hover{color:#409eff;cursor:pointer}.el-tabs__item.is-disabled{color:#c0c4cc;cursor:default}.el-tabs__content{overflow:hidden;position:relative}.el-tabs--card>.el-tabs__header{border-bottom:1px solid #e4e7ed}.el-tabs--card>.el-tabs__header .el-tabs__nav{border:1px solid #e4e7ed;border-bottom:none;border-radius:4px 4px 0 0}.el-tabs--card>.el-tabs__header .el-tabs__active-bar{display:none}.el-tabs--card>.el-tabs__header .el-tabs__item .el-icon-close{position:relative;font-size:12px;width:0;height:14px;vertical-align:middle;line-height:15px;overflow:hidden;top:-1px;right:-2px;-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close,.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close{width:14px}.el-tabs--card>.el-tabs__header .el-tabs__item{border-bottom:1px solid transparent;border-left:1px solid #e4e7ed;-webkit-transition:color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1);transition:color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1)}.el-tabs--card>.el-tabs__header .el-tabs__item:first-child{border-left:none}.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover{padding-left:13px;padding-right:13px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active{border-bottom-color:#fff}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable{padding-left:20px;padding-right:20px}.el-tabs--border-card{background:#fff;border:1px solid #dcdfe6;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04);box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04)}.el-card,.el-notification{-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-tabs--border-card>.el-tabs__content{padding:15px}.el-tabs--border-card>.el-tabs__header{background-color:#f5f7fa;border-bottom:1px solid #e4e7ed;margin:0}.el-tabs--border-card>.el-tabs__header .el-tabs__item{-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);border:1px solid transparent;margin:-1px -1px 0;color:#909399}.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active{color:#409eff;background-color:#fff;border-right-color:#dcdfe6;border-left-color:#dcdfe6}.el-tabs--border-card>.el-tabs__header .el-tabs__item:hover{color:#409eff}.el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2),.el-tabs--bottom .el-tabs__item.is-top:nth-child(2),.el-tabs--top .el-tabs__item.is-bottom:nth-child(2),.el-tabs--top .el-tabs__item.is-top:nth-child(2){padding-left:0}.el-tabs--bottom .el-tabs__item.is-bottom:last-child,.el-tabs--bottom .el-tabs__item.is-top:last-child,.el-tabs--top .el-tabs__item.is-bottom:last-child,.el-tabs--top .el-tabs__item.is-top:last-child{padding-right:0}.el-tabs--bottom.el-tabs--border-card .el-tabs__item:nth-child(2),.el-tabs--bottom.el-tabs--card .el-tabs__item:nth-child(2),.el-tabs--bottom .el-tabs--left .el-tabs__item:nth-child(2),.el-tabs--bottom .el-tabs--right .el-tabs__item:nth-child(2),.el-tabs--top.el-tabs--border-card .el-tabs__item:nth-child(2),.el-tabs--top.el-tabs--card .el-tabs__item:nth-child(2),.el-tabs--top .el-tabs--left .el-tabs__item:nth-child(2),.el-tabs--top .el-tabs--right .el-tabs__item:nth-child(2){padding-left:20px}.el-tabs--bottom.el-tabs--border-card .el-tabs__item:last-child,.el-tabs--bottom.el-tabs--card .el-tabs__item:last-child,.el-tabs--bottom .el-tabs--left .el-tabs__item:last-child,.el-tabs--bottom .el-tabs--right .el-tabs__item:last-child,.el-tabs--top.el-tabs--border-card .el-tabs__item:last-child,.el-tabs--top.el-tabs--card .el-tabs__item:last-child,.el-tabs--top .el-tabs--left .el-tabs__item:last-child,.el-tabs--top .el-tabs--right .el-tabs__item:last-child{padding-right:20px}.el-tabs--bottom .el-tabs__header.is-bottom{margin-bottom:0;margin-top:10px}.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom{border-bottom:0;border-top:1px solid #dcdfe6}.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom{margin-top:-1px;margin-bottom:0}.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active){border:1px solid transparent}.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom{margin:0 -1px -1px}.el-tabs--left,.el-tabs--right{overflow:hidden}.el-tabs--left .el-tabs__header.is-left,.el-tabs--left .el-tabs__header.is-right,.el-tabs--left .el-tabs__nav-scroll,.el-tabs--left .el-tabs__nav-wrap.is-left,.el-tabs--left .el-tabs__nav-wrap.is-right,.el-tabs--right .el-tabs__header.is-left,.el-tabs--right .el-tabs__header.is-right,.el-tabs--right .el-tabs__nav-scroll,.el-tabs--right .el-tabs__nav-wrap.is-left,.el-tabs--right .el-tabs__nav-wrap.is-right{height:100%}.el-tabs--left .el-tabs__active-bar.is-left,.el-tabs--left .el-tabs__active-bar.is-right,.el-tabs--right .el-tabs__active-bar.is-left,.el-tabs--right .el-tabs__active-bar.is-right{top:0;bottom:auto;width:2px;height:auto}.el-tabs--left .el-tabs__nav-wrap.is-left,.el-tabs--left .el-tabs__nav-wrap.is-right,.el-tabs--right .el-tabs__nav-wrap.is-left,.el-tabs--right .el-tabs__nav-wrap.is-right{margin-bottom:0}.el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable,.el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable,.el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable,.el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable{padding:30px 0}.el-tabs--left .el-tabs__nav-wrap.is-left:after,.el-tabs--left .el-tabs__nav-wrap.is-right:after,.el-tabs--right .el-tabs__nav-wrap.is-left:after,.el-tabs--right .el-tabs__nav-wrap.is-right:after{height:100%;width:2px;bottom:auto;top:0}.el-tabs--left .el-tabs__nav,.el-tabs--right .el-tabs__nav{float:none}.el-tabs--left .el-tabs__item.is-left,.el-tabs--left .el-tabs__item.is-right,.el-tabs--right .el-tabs__item.is-left,.el-tabs--right .el-tabs__item.is-right{display:block}.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left,.el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right{display:none}.el-tabs--left .el-tabs__nav-next,.el-tabs--left .el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-next,.el-tabs--right .el-tabs__nav-prev{height:30px;line-height:30px;width:100%;text-align:center;cursor:pointer}.el-tabs--left .el-tabs__nav-next i,.el-tabs--left .el-tabs__nav-prev i,.el-tabs--right .el-tabs__nav-next i,.el-tabs--right .el-tabs__nav-prev i{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.el-tabs--left .el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-prev{left:auto;top:0}.el-tabs--left .el-tabs__nav-next,.el-tabs--right .el-tabs__nav-next{right:auto;bottom:0}.el-tabs--left .el-tabs__active-bar.is-left,.el-tabs--left .el-tabs__nav-wrap.is-left:after{right:0;left:auto}.el-tabs--left .el-tabs__header.is-left{float:left;margin-bottom:0;margin-right:10px}.el-tabs--left .el-tabs__nav-wrap.is-left{margin-right:-1px}.el-tabs--left .el-tabs__item.is-left{text-align:right}.el-tabs--left.el-tabs--card .el-tabs__item.is-left{border-left:none;border-right:1px solid #e4e7ed;border-bottom:none;border-top:1px solid #e4e7ed}.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child{border-right:1px solid #e4e7ed;border-top:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active{border:1px solid #e4e7ed;border-right-color:#fff;border-left:none;border-bottom:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child{border-top:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child{border-bottom:none}.el-tabs--left.el-tabs--card .el-tabs__nav{border-radius:4px 0 0 4px;border-bottom:1px solid #e4e7ed;border-right:none}.el-tabs--left.el-tabs--card .el-tabs__new-tab{float:none}.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left{border-right:1px solid #dfe4ed}.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left{border:1px solid transparent;margin:-1px 0 -1px -1px}.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active{border-color:#d1dbe5 transparent}.el-tabs--right .el-tabs__header.is-right{float:right;margin-bottom:0;margin-left:10px}.el-tabs--right .el-tabs__nav-wrap.is-right{margin-left:-1px}.el-tabs--right .el-tabs__nav-wrap.is-right:after{left:0;right:auto}.el-tabs--right .el-tabs__active-bar.is-right{left:0}.el-tag,.slideInLeft-transition,.slideInRight-transition{display:inline-block}.el-tabs--right.el-tabs--card .el-tabs__item.is-right{border-bottom:none;border-top:1px solid #e4e7ed}.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child{border-left:1px solid #e4e7ed;border-top:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active{border:1px solid #e4e7ed;border-left-color:#fff;border-right:none;border-bottom:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child{border-top:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child{border-bottom:none}.el-tabs--right.el-tabs--card .el-tabs__nav{border-radius:0 4px 4px 0;border-bottom:1px solid #e4e7ed;border-left:none}.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right{border-left:1px solid #dfe4ed}.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right{border:1px solid transparent;margin:-1px -1px -1px 0}.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active{border-color:#d1dbe5 transparent}.slideInRight-enter{-webkit-animation:slideInRight-enter .3s;animation:slideInRight-enter .3s}.slideInRight-leave{position:absolute;left:0;right:0;-webkit-animation:slideInRight-leave .3s;animation:slideInRight-leave .3s}.slideInLeft-enter{-webkit-animation:slideInLeft-enter .3s;animation:slideInLeft-enter .3s}.slideInLeft-leave{position:absolute;left:0;right:0;-webkit-animation:slideInLeft-leave .3s;animation:slideInLeft-leave .3s}@-webkit-keyframes slideInRight-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideInRight-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}}@keyframes slideInRight-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}}@-webkit-keyframes slideInLeft-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideInLeft-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}}@keyframes slideInLeft-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}}.el-tag{background-color:rgba(64,158,255,.1);padding:0 10px;height:32px;line-height:30px;font-size:12px;color:#409eff;border-radius:4px;box-sizing:border-box;border:1px solid rgba(64,158,255,.2)}.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;height:16px;width:16px;line-height:16px;vertical-align:middle;top:-1px;right:-5px;color:#409eff}.el-tag .el-icon-close:before{display:block}.el-tag .el-icon-close:hover{background-color:#409eff;color:#fff}.el-tag--info,.el-tag--info .el-tag__close{color:#909399}.el-tag--info{background-color:hsla(220,4%,58%,.1);border-color:hsla(220,4%,58%,.2)}.el-tag--info.is-hit{border-color:#909399}.el-tag--info .el-tag__close:hover{background-color:#909399;color:#fff}.el-tag--success{background-color:rgba(103,194,58,.1);border-color:rgba(103,194,58,.2);color:#67c23a}.el-tag--success.is-hit{border-color:#67c23a}.el-tag--success .el-tag__close{color:#67c23a}.el-tag--success .el-tag__close:hover{background-color:#67c23a;color:#fff}.el-tag--warning{background-color:rgba(230,162,60,.1);border-color:rgba(230,162,60,.2);color:#e6a23c}.el-tag--warning.is-hit{border-color:#e6a23c}.el-tag--warning .el-tag__close{color:#e6a23c}.el-tag--warning .el-tag__close:hover{background-color:#e6a23c;color:#fff}.el-tag--danger{background-color:hsla(0,87%,69%,.1);border-color:hsla(0,87%,69%,.2);color:#f56c6c}.el-tag--danger.is-hit{border-color:#f56c6c}.el-tag--danger .el-tag__close{color:#f56c6c}.el-tag--danger .el-tag__close:hover{background-color:#f56c6c;color:#fff}.el-tag--medium{height:28px;line-height:26px}.el-tag--medium .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--small{height:24px;padding:0 8px;line-height:22px}.el-tag--small .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--mini{height:20px;padding:0 5px;line-height:19px}.el-tag--mini .el-icon-close{margin-left:-3px;-webkit-transform:scale(.7);transform:scale(.7)}.el-tree{cursor:default;background:#fff;color:#606266}.el-tree-node:focus>.el-tree-node__content,.el-tree-node__content:hover{background-color:#f5f7fa}.el-tree__empty-block{position:relative;min-height:60px;text-align:center;width:100%;height:100%}.el-tree__empty-text{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#6f7180}.el-tree-node{outline:0}.el-tree-node__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:26px;cursor:pointer}.el-tree-node__content>.el-tree-node__expand-icon{padding:6px}.el-tree-node__content>.el-checkbox{margin-right:8px}.el-tree-node__expand-icon{cursor:pointer;color:#c0c4cc;font-size:12px;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.el-tree-node__expand-icon.expanded{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.el-tree-node__expand-icon.is-leaf{color:transparent;cursor:default}.el-tree-node__label{font-size:14px}.el-tree-node__loading-icon{margin-right:8px;font-size:14px;color:#c0c4cc}.el-tree-node>.el-tree-node__children{overflow:hidden;background-color:transparent}.el-tree-node.is-expanded>.el-tree-node__children{display:block}.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{background-color:#f0f7ff}.el-alert{width:100%;padding:8px 16px;margin:0;box-sizing:border-box;border-radius:4px;position:relative;background-color:#fff;overflow:hidden;opacity:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:opacity .2s;transition:opacity .2s}.el-alert.is-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-alert--success{background-color:#f0f9eb;color:#67c23a}.el-alert--success .el-alert__description{color:#67c23a}.el-alert--info{background-color:#f4f4f5;color:#909399}.el-alert--info .el-alert__description{color:#909399}.el-alert--warning{background-color:#fdf6ec;color:#e6a23c}.el-alert--warning .el-alert__description{color:#e6a23c}.el-alert--error{background-color:#fef0f0;color:#f56c6c}.el-alert--error .el-alert__description{color:#f56c6c}.el-alert__content{display:table-cell;padding:0 8px}.el-alert__icon{font-size:16px;width:16px}.el-alert__icon.is-big{font-size:28px;width:28px}.el-alert__title{font-size:13px;line-height:18px}.el-alert__title.is-bold{font-weight:700}.el-alert .el-alert__description{font-size:12px;margin:5px 0 0}.el-alert__closebtn{font-size:12px;color:#c0c4cc;opacity:1;position:absolute;top:12px;right:15px;cursor:pointer}.el-alert-fade-enter,.el-alert-fade-leave-active,.el-loading-fade-enter,.el-loading-fade-leave-active,.el-notification-fade-leave-active{opacity:0}.el-alert__closebtn.is-customed{font-style:normal;font-size:13px;top:9px}.el-notification{display:-webkit-box;display:-ms-flexbox;display:flex;width:330px;padding:14px 26px 14px 13px;border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ebeef5;position:fixed;background-color:#fff;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-transition:opacity .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;transition:opacity .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s;transition:opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;overflow:hidden}.el-notification.right{right:16px}.el-notification.left{left:16px}.el-notification__group{margin-left:13px}.el-notification__title{font-weight:700;font-size:16px;color:#303133;margin:0}.el-notification__content{font-size:14px;line-height:21px;margin:6px 0 0;color:#606266;text-align:justify}.el-notification__content p{margin:0}.el-notification__icon{height:24px;width:24px;font-size:24px}.el-notification__closeBtn{position:absolute;top:18px;right:15px;cursor:pointer;color:#909399;font-size:16px}.el-notification__closeBtn:hover{color:#606266}.el-notification .el-icon-success{color:#67c23a}.el-notification .el-icon-error{color:#f56c6c}.el-notification .el-icon-info{color:#909399}.el-notification .el-icon-warning{color:#e6a23c}.el-notification-fade-enter.right{right:0;-webkit-transform:translateX(100%);transform:translateX(100%)}.el-notification-fade-enter.left{left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.el-input-number{position:relative;display:inline-block;width:180px;line-height:38px}.el-input-number .el-input{display:block}.el-input-number .el-input__inner{-webkit-appearance:none;padding-left:50px;padding-right:50px;text-align:center}.el-input-number__decrease,.el-input-number__increase{position:absolute;z-index:1;top:1px;width:40px;height:auto;text-align:center;background:#f5f7fa;color:#606266;cursor:pointer;font-size:13px}.el-input-number__decrease:hover,.el-input-number__increase:hover{color:#409eff}.el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled),.el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled){border-color:#409eff}.el-input-number__decrease.is-disabled,.el-input-number__increase.is-disabled{color:#c0c4cc;cursor:not-allowed}.el-input-number__increase{right:1px;border-radius:0 4px 4px 0;border-left:1px solid #dcdfe6}.el-input-number__decrease{left:1px;border-radius:4px 0 0 4px;border-right:1px solid #dcdfe6}.el-input-number.is-disabled .el-input-number__decrease,.el-input-number.is-disabled .el-input-number__increase{border-color:#e4e7ed;color:#e4e7ed}.el-input-number.is-disabled .el-input-number__decrease:hover,.el-input-number.is-disabled .el-input-number__increase:hover{color:#e4e7ed;cursor:not-allowed}.el-input-number--medium{width:200px;line-height:34px}.el-input-number--medium .el-input-number__decrease,.el-input-number--medium .el-input-number__increase{width:36px;font-size:14px}.el-input-number--medium .el-input__inner{padding-left:43px;padding-right:43px}.el-input-number--small{width:130px;line-height:30px}.el-input-number--small .el-input-number__decrease,.el-input-number--small .el-input-number__increase{width:32px;font-size:13px}.el-input-number--small .el-input-number__decrease [class*=el-icon],.el-input-number--small .el-input-number__increase [class*=el-icon]{-webkit-transform:scale(.9);transform:scale(.9)}.el-input-number--small .el-input__inner{padding-left:39px;padding-right:39px}.el-input-number--mini{width:130px;line-height:26px}.el-input-number--mini .el-input-number__decrease,.el-input-number--mini .el-input-number__increase{width:28px;font-size:12px}.el-input-number--mini .el-input-number__decrease [class*=el-icon],.el-input-number--mini .el-input-number__increase [class*=el-icon]{-webkit-transform:scale(.8);transform:scale(.8)}.el-input-number--mini .el-input__inner{padding-left:35px;padding-right:35px}.el-input-number.is-without-controls .el-input__inner{padding-left:15px;padding-right:15px}.el-input-number.is-controls-right .el-input__inner{padding-left:15px;padding-right:50px}.el-input-number.is-controls-right .el-input-number__decrease,.el-input-number.is-controls-right .el-input-number__increase{height:auto;line-height:19px}.el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon],.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon]{-webkit-transform:scale(.8);transform:scale(.8)}.el-input-number.is-controls-right .el-input-number__increase{border-radius:0 4px 0 0;border-bottom:1px solid #dcdfe6}.el-input-number.is-controls-right .el-input-number__decrease{right:1px;bottom:1px;top:auto;left:auto;border-right:none;border-left:1px solid #dcdfe6;border-radius:0 0 4px}.el-input-number.is-controls-right[class*=medium] [class*=decrease],.el-input-number.is-controls-right[class*=medium] [class*=increase]{line-height:17px}.el-input-number.is-controls-right[class*=small] [class*=decrease],.el-input-number.is-controls-right[class*=small] [class*=increase]{line-height:15px}.el-input-number.is-controls-right[class*=mini] [class*=decrease],.el-input-number.is-controls-right[class*=mini] [class*=increase]{line-height:13px}.el-tooltip__popper{position:absolute;border-radius:4px;padding:10px;z-index:2000;font-size:12px;line-height:1.2}.el-tooltip__popper .popper__arrow,.el-tooltip__popper .popper__arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-tooltip__popper .popper__arrow{border-width:6px}.el-tooltip__popper .popper__arrow:after{content:" ";border-width:5px}.el-progress-bar__inner:after,.el-row:after,.el-row:before,.el-slider:after,.el-slider:before,.el-slider__button-wrapper:after,.el-upload-cover:after{content:""}.el-tooltip__popper[x-placement^=top]{margin-bottom:12px}.el-tooltip__popper[x-placement^=top] .popper__arrow{bottom:-6px;border-top-color:#303133;border-bottom-width:0}.el-tooltip__popper[x-placement^=top] .popper__arrow:after{bottom:1px;margin-left:-5px;border-top-color:#303133;border-bottom-width:0}.el-tooltip__popper[x-placement^=bottom]{margin-top:12px}.el-tooltip__popper[x-placement^=bottom] .popper__arrow{top:-6px;border-top-width:0;border-bottom-color:#303133}.el-tooltip__popper[x-placement^=bottom] .popper__arrow:after{top:1px;margin-left:-5px;border-top-width:0;border-bottom-color:#303133}.el-tooltip__popper[x-placement^=right]{margin-left:12px}.el-tooltip__popper[x-placement^=right] .popper__arrow{left:-6px;border-right-color:#303133;border-left-width:0}.el-tooltip__popper[x-placement^=right] .popper__arrow:after{bottom:-5px;left:1px;border-right-color:#303133;border-left-width:0}.el-tooltip__popper[x-placement^=left]{margin-right:12px}.el-tooltip__popper[x-placement^=left] .popper__arrow{right:-6px;border-right-width:0;border-left-color:#303133}.el-tooltip__popper[x-placement^=left] .popper__arrow:after{right:1px;bottom:-5px;margin-left:-5px;border-right-width:0;border-left-color:#303133}.el-tooltip__popper.is-dark{background:#303133;color:#fff}.el-tooltip__popper.is-light{background:#fff;border:1px solid #303133}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow{border-top-color:#303133}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow:after{border-top-color:#fff}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow{border-bottom-color:#303133}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow:after{border-bottom-color:#fff}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow{border-left-color:#303133}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow:after{border-left-color:#fff}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow{border-right-color:#303133}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow:after{border-right-color:#fff}.el-slider:after,.el-slider:before{display:table}.el-slider__button-wrapper .el-tooltip,.el-slider__button-wrapper:after{vertical-align:middle;display:inline-block}.el-slider:after{clear:both}.el-slider__runway{width:100%;height:6px;margin:16px 0;background-color:#e4e7ed;border-radius:3px;position:relative;cursor:pointer;vertical-align:middle}.el-slider__runway.show-input{margin-right:160px;width:auto}.el-slider__runway.disabled{cursor:default}.el-slider__runway.disabled .el-slider__bar{background-color:#c0c4cc}.el-slider__runway.disabled .el-slider__button{border-color:#c0c4cc}.el-slider__runway.disabled .el-slider__button-wrapper.dragging,.el-slider__runway.disabled .el-slider__button-wrapper.hover,.el-slider__runway.disabled .el-slider__button-wrapper:hover{cursor:not-allowed}.el-slider__runway.disabled .el-slider__button.dragging,.el-slider__runway.disabled .el-slider__button.hover,.el-slider__runway.disabled .el-slider__button:hover{-webkit-transform:scale(1);transform:scale(1);cursor:not-allowed}.el-slider__input{float:right;margin-top:3px}.el-slider__bar{height:6px;background-color:#409eff;border-top-left-radius:3px;border-bottom-left-radius:3px;position:absolute}.el-slider__button-wrapper{height:36px;width:36px;position:absolute;z-index:1001;top:-15px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:transparent;text-align:center;-webkit-user-select:none;user-select:none;line-height:normal}.el-slider__button,.el-step__icon-inner{-moz-user-select:none;-ms-user-select:none}.el-slider__button-wrapper:after{height:100%}.el-slider__button-wrapper.hover,.el-slider__button-wrapper:hover{cursor:-webkit-grab;cursor:grab}.el-slider__button-wrapper.dragging{cursor:-webkit-grabbing;cursor:grabbing}.el-slider__button{width:16px;height:16px;border:2px solid #409eff;background-color:#fff;border-radius:50%;-webkit-transition:.2s;transition:.2s;user-select:none}.el-button,.el-checkbox,.el-slider__button,.el-step__icon-inner{-webkit-user-select:none}.el-slider__button.dragging,.el-slider__button.hover,.el-slider__button:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.el-slider__button.hover,.el-slider__button:hover{cursor:-webkit-grab;cursor:grab}.el-slider__button.dragging{cursor:-webkit-grabbing;cursor:grabbing}.el-slider__stop{position:absolute;height:6px;width:6px;border-radius:100%;background-color:#fff;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.el-slider.is-vertical{position:relative}.el-slider.is-vertical .el-slider__runway{width:6px;height:100%;margin:0 16px}.el-slider.is-vertical .el-slider__bar{width:6px;height:auto;border-radius:0 0 3px 3px}.el-slider.is-vertical .el-slider__button-wrapper{top:auto;left:-15px}.el-slider.is-vertical .el-slider__button-wrapper,.el-slider.is-vertical .el-slider__stop{-webkit-transform:translateY(50%);transform:translateY(50%)}.el-slider.is-vertical.el-slider--with-input{padding-bottom:58px}.el-slider.is-vertical.el-slider--with-input .el-slider__input{overflow:visible;float:none;position:absolute;bottom:22px;width:36px;margin-top:15px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input__inner{text-align:center;padding-left:5px;padding-right:5px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase{top:32px;margin-top:-1px;border:1px solid #dcdfe6;line-height:20px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease{width:18px;right:18px;border-bottom-left-radius:4px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase{width:19px;border-bottom-right-radius:4px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase~.el-input .el-input__inner{border-bottom-left-radius:0;border-bottom-right-radius:0}.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__increase{border-color:#c0c4cc}.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__increase{border-color:#409eff}.el-loading-parent--relative{position:relative!important}.el-loading-parent--hidden{overflow:hidden!important}.el-loading-mask{position:absolute;z-index:2000;background-color:hsla(0,0%,100%,.9);margin:0;top:0;right:0;bottom:0;left:0;-webkit-transition:opacity .3s;transition:opacity .3s}.el-loading-mask.is-fullscreen{position:fixed}.el-loading-mask.is-fullscreen .el-loading-spinner{margin-top:-25px}.el-loading-mask.is-fullscreen .el-loading-spinner .circular{height:50px;width:50px}.el-loading-spinner{top:50%;margin-top:-21px;width:100%;text-align:center;position:absolute}.el-col-pull-1,.el-col-pull-2,.el-col-pull-3,.el-col-pull-4,.el-col-pull-5,.el-col-pull-6,.el-col-pull-7,.el-col-pull-8,.el-col-pull-9,.el-col-pull-10,.el-col-pull-11,.el-col-pull-12,.el-col-pull-13,.el-col-pull-14,.el-col-pull-15,.el-col-pull-16,.el-col-pull-17,.el-col-pull-18,.el-col-pull-19,.el-col-pull-20,.el-col-pull-21,.el-col-pull-22,.el-col-pull-23,.el-col-pull-24,.el-col-push-1,.el-col-push-2,.el-col-push-3,.el-col-push-4,.el-col-push-5,.el-col-push-6,.el-col-push-7,.el-col-push-8,.el-col-push-9,.el-col-push-10,.el-col-push-11,.el-col-push-13,.el-col-push-14,.el-col-push-15,.el-col-push-16,.el-col-push-17,.el-col-push-18,.el-col-push-19,.el-col-push-20,.el-col-push-21,.el-col-push-22,.el-col-push-23,.el-col-push-24,.el-row{position:relative}.el-loading-spinner .el-loading-text{color:#409eff;margin:3px 0;font-size:14px}.el-loading-spinner .circular{height:42px;width:42px;-webkit-animation:loading-rotate 2s linear infinite;animation:loading-rotate 2s linear infinite}.el-loading-spinner .path{-webkit-animation:loading-dash 1.5s ease-in-out infinite;animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:#409eff;stroke-linecap:round}.el-loading-spinner i{color:#409eff}@-webkit-keyframes loading-rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loading-rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}to{stroke-dasharray:90,150;stroke-dashoffset:-120px}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}to{stroke-dasharray:90,150;stroke-dashoffset:-120px}}.el-row{-webkit-box-sizing:border-box;box-sizing:border-box}.el-row:after,.el-row:before{display:table}.el-row:after{clear:both}.el-row--flex{display:-webkit-box;display:-ms-flexbox;display:flex}.el-col-0,.el-row--flex:after,.el-row--flex:before{display:none}.el-row--flex.is-justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-row--flex.is-justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.el-row--flex.is-justify-space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.el-row--flex.is-justify-space-around{-ms-flex-pack:distribute;justify-content:space-around}.el-row--flex.is-align-middle{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-row--flex.is-align-bottom{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}[class*=el-col-]{float:left;-webkit-box-sizing:border-box;box-sizing:border-box}.el-upload--picture-card,.el-upload-dragger{-webkit-box-sizing:border-box;cursor:pointer}.el-col-1{width:4.16667%}.el-col-offset-1{margin-left:4.16667%}.el-col-pull-1{right:4.16667%}.el-col-push-1{left:4.16667%}.el-col-2{width:8.33333%}.el-col-offset-2{margin-left:8.33333%}.el-col-pull-2{right:8.33333%}.el-col-push-2{left:8.33333%}.el-col-3{width:12.5%}.el-col-offset-3{margin-left:12.5%}.el-col-pull-3{right:12.5%}.el-col-push-3{left:12.5%}.el-col-4{width:16.66667%}.el-col-offset-4{margin-left:16.66667%}.el-col-pull-4{right:16.66667%}.el-col-push-4{left:16.66667%}.el-col-5{width:20.83333%}.el-col-offset-5{margin-left:20.83333%}.el-col-pull-5{right:20.83333%}.el-col-push-5{left:20.83333%}.el-col-6{width:25%}.el-col-offset-6{margin-left:25%}.el-col-pull-6{right:25%}.el-col-push-6{left:25%}.el-col-7{width:29.16667%}.el-col-offset-7{margin-left:29.16667%}.el-col-pull-7{right:29.16667%}.el-col-push-7{left:29.16667%}.el-col-8{width:33.33333%}.el-col-offset-8{margin-left:33.33333%}.el-col-pull-8{right:33.33333%}.el-col-push-8{left:33.33333%}.el-col-9{width:37.5%}.el-col-offset-9{margin-left:37.5%}.el-col-pull-9{right:37.5%}.el-col-push-9{left:37.5%}.el-col-10{width:41.66667%}.el-col-offset-10{margin-left:41.66667%}.el-col-pull-10{right:41.66667%}.el-col-push-10{left:41.66667%}.el-col-11{width:45.83333%}.el-col-offset-11{margin-left:45.83333%}.el-col-pull-11{right:45.83333%}.el-col-push-11{left:45.83333%}.el-col-12{width:50%}.el-col-offset-12{margin-left:50%}.el-col-pull-12{right:50%}.el-col-push-12{position:relative;left:50%}.el-col-13{width:54.16667%}.el-col-offset-13{margin-left:54.16667%}.el-col-pull-13{right:54.16667%}.el-col-push-13{left:54.16667%}.el-col-14{width:58.33333%}.el-col-offset-14{margin-left:58.33333%}.el-col-pull-14{right:58.33333%}.el-col-push-14{left:58.33333%}.el-col-15{width:62.5%}.el-col-offset-15{margin-left:62.5%}.el-col-pull-15{right:62.5%}.el-col-push-15{left:62.5%}.el-col-16{width:66.66667%}.el-col-offset-16{margin-left:66.66667%}.el-col-pull-16{right:66.66667%}.el-col-push-16{left:66.66667%}.el-col-17{width:70.83333%}.el-col-offset-17{margin-left:70.83333%}.el-col-pull-17{right:70.83333%}.el-col-push-17{left:70.83333%}.el-col-18{width:75%}.el-col-offset-18{margin-left:75%}.el-col-pull-18{right:75%}.el-col-push-18{left:75%}.el-col-19{width:79.16667%}.el-col-offset-19{margin-left:79.16667%}.el-col-pull-19{right:79.16667%}.el-col-push-19{left:79.16667%}.el-col-20{width:83.33333%}.el-col-offset-20{margin-left:83.33333%}.el-col-pull-20{right:83.33333%}.el-col-push-20{left:83.33333%}.el-col-21{width:87.5%}.el-col-offset-21{margin-left:87.5%}.el-col-pull-21{right:87.5%}.el-col-push-21{left:87.5%}.el-col-22{width:91.66667%}.el-col-offset-22{margin-left:91.66667%}.el-col-pull-22{right:91.66667%}.el-col-push-22{left:91.66667%}.el-col-23{width:95.83333%}.el-col-offset-23{margin-left:95.83333%}.el-col-pull-23{right:95.83333%}.el-col-push-23{left:95.83333%}.el-col-24{width:100%}.el-col-offset-24{margin-left:100%}.el-col-pull-24{right:100%}.el-col-push-24{left:100%}@media only screen and (max-width:768px){.el-col-xs-0{display:none}.el-col-xs-1{width:4.16667%}.el-col-xs-offset-1{margin-left:4.16667%}.el-col-xs-pull-1{position:relative;right:4.16667%}.el-col-xs-push-1{position:relative;left:4.16667%}.el-col-xs-2{width:8.33333%}.el-col-xs-offset-2{margin-left:8.33333%}.el-col-xs-pull-2{position:relative;right:8.33333%}.el-col-xs-push-2{position:relative;left:8.33333%}.el-col-xs-3{width:12.5%}.el-col-xs-offset-3{margin-left:12.5%}.el-col-xs-pull-3{position:relative;right:12.5%}.el-col-xs-push-3{position:relative;left:12.5%}.el-col-xs-4{width:16.66667%}.el-col-xs-offset-4{margin-left:16.66667%}.el-col-xs-pull-4{position:relative;right:16.66667%}.el-col-xs-push-4{position:relative;left:16.66667%}.el-col-xs-5{width:20.83333%}.el-col-xs-offset-5{margin-left:20.83333%}.el-col-xs-pull-5{position:relative;right:20.83333%}.el-col-xs-push-5{position:relative;left:20.83333%}.el-col-xs-6{width:25%}.el-col-xs-offset-6{margin-left:25%}.el-col-xs-pull-6{position:relative;right:25%}.el-col-xs-push-6{position:relative;left:25%}.el-col-xs-7{width:29.16667%}.el-col-xs-offset-7{margin-left:29.16667%}.el-col-xs-pull-7{position:relative;right:29.16667%}.el-col-xs-push-7{position:relative;left:29.16667%}.el-col-xs-8{width:33.33333%}.el-col-xs-offset-8{margin-left:33.33333%}.el-col-xs-pull-8{position:relative;right:33.33333%}.el-col-xs-push-8{position:relative;left:33.33333%}.el-col-xs-9{width:37.5%}.el-col-xs-offset-9{margin-left:37.5%}.el-col-xs-pull-9{position:relative;right:37.5%}.el-col-xs-push-9{position:relative;left:37.5%}.el-col-xs-10{width:41.66667%}.el-col-xs-offset-10{margin-left:41.66667%}.el-col-xs-pull-10{position:relative;right:41.66667%}.el-col-xs-push-10{position:relative;left:41.66667%}.el-col-xs-11{width:45.83333%}.el-col-xs-offset-11{margin-left:45.83333%}.el-col-xs-pull-11{position:relative;right:45.83333%}.el-col-xs-push-11{position:relative;left:45.83333%}.el-col-xs-12{width:50%}.el-col-xs-offset-12{margin-left:50%}.el-col-xs-pull-12{position:relative;right:50%}.el-col-xs-push-12{position:relative;left:50%}.el-col-xs-13{width:54.16667%}.el-col-xs-offset-13{margin-left:54.16667%}.el-col-xs-pull-13{position:relative;right:54.16667%}.el-col-xs-push-13{position:relative;left:54.16667%}.el-col-xs-14{width:58.33333%}.el-col-xs-offset-14{margin-left:58.33333%}.el-col-xs-pull-14{position:relative;right:58.33333%}.el-col-xs-push-14{position:relative;left:58.33333%}.el-col-xs-15{width:62.5%}.el-col-xs-offset-15{margin-left:62.5%}.el-col-xs-pull-15{position:relative;right:62.5%}.el-col-xs-push-15{position:relative;left:62.5%}.el-col-xs-16{width:66.66667%}.el-col-xs-offset-16{margin-left:66.66667%}.el-col-xs-pull-16{position:relative;right:66.66667%}.el-col-xs-push-16{position:relative;left:66.66667%}.el-col-xs-17{width:70.83333%}.el-col-xs-offset-17{margin-left:70.83333%}.el-col-xs-pull-17{position:relative;right:70.83333%}.el-col-xs-push-17{position:relative;left:70.83333%}.el-col-xs-18{width:75%}.el-col-xs-offset-18{margin-left:75%}.el-col-xs-pull-18{position:relative;right:75%}.el-col-xs-push-18{position:relative;left:75%}.el-col-xs-19{width:79.16667%}.el-col-xs-offset-19{margin-left:79.16667%}.el-col-xs-pull-19{position:relative;right:79.16667%}.el-col-xs-push-19{position:relative;left:79.16667%}.el-col-xs-20{width:83.33333%}.el-col-xs-offset-20{margin-left:83.33333%}.el-col-xs-pull-20{position:relative;right:83.33333%}.el-col-xs-push-20{position:relative;left:83.33333%}.el-col-xs-21{width:87.5%}.el-col-xs-offset-21{margin-left:87.5%}.el-col-xs-pull-21{position:relative;right:87.5%}.el-col-xs-push-21{position:relative;left:87.5%}.el-col-xs-22{width:91.66667%}.el-col-xs-offset-22{margin-left:91.66667%}.el-col-xs-pull-22{position:relative;right:91.66667%}.el-col-xs-push-22{position:relative;left:91.66667%}.el-col-xs-23{width:95.83333%}.el-col-xs-offset-23{margin-left:95.83333%}.el-col-xs-pull-23{position:relative;right:95.83333%}.el-col-xs-push-23{position:relative;left:95.83333%}.el-col-xs-24{width:100%}.el-col-xs-offset-24{margin-left:100%}.el-col-xs-pull-24{position:relative;right:100%}.el-col-xs-push-24{position:relative;left:100%}}@media only screen and (min-width:768px){.el-col-sm-0{display:none}.el-col-sm-1{width:4.16667%}.el-col-sm-offset-1{margin-left:4.16667%}.el-col-sm-pull-1{position:relative;right:4.16667%}.el-col-sm-push-1{position:relative;left:4.16667%}.el-col-sm-2{width:8.33333%}.el-col-sm-offset-2{margin-left:8.33333%}.el-col-sm-pull-2{position:relative;right:8.33333%}.el-col-sm-push-2{position:relative;left:8.33333%}.el-col-sm-3{width:12.5%}.el-col-sm-offset-3{margin-left:12.5%}.el-col-sm-pull-3{position:relative;right:12.5%}.el-col-sm-push-3{position:relative;left:12.5%}.el-col-sm-4{width:16.66667%}.el-col-sm-offset-4{margin-left:16.66667%}.el-col-sm-pull-4{position:relative;right:16.66667%}.el-col-sm-push-4{position:relative;left:16.66667%}.el-col-sm-5{width:20.83333%}.el-col-sm-offset-5{margin-left:20.83333%}.el-col-sm-pull-5{position:relative;right:20.83333%}.el-col-sm-push-5{position:relative;left:20.83333%}.el-col-sm-6{width:25%}.el-col-sm-offset-6{margin-left:25%}.el-col-sm-pull-6{position:relative;right:25%}.el-col-sm-push-6{position:relative;left:25%}.el-col-sm-7{width:29.16667%}.el-col-sm-offset-7{margin-left:29.16667%}.el-col-sm-pull-7{position:relative;right:29.16667%}.el-col-sm-push-7{position:relative;left:29.16667%}.el-col-sm-8{width:33.33333%}.el-col-sm-offset-8{margin-left:33.33333%}.el-col-sm-pull-8{position:relative;right:33.33333%}.el-col-sm-push-8{position:relative;left:33.33333%}.el-col-sm-9{width:37.5%}.el-col-sm-offset-9{margin-left:37.5%}.el-col-sm-pull-9{position:relative;right:37.5%}.el-col-sm-push-9{position:relative;left:37.5%}.el-col-sm-10{width:41.66667%}.el-col-sm-offset-10{margin-left:41.66667%}.el-col-sm-pull-10{position:relative;right:41.66667%}.el-col-sm-push-10{position:relative;left:41.66667%}.el-col-sm-11{width:45.83333%}.el-col-sm-offset-11{margin-left:45.83333%}.el-col-sm-pull-11{position:relative;right:45.83333%}.el-col-sm-push-11{position:relative;left:45.83333%}.el-col-sm-12{width:50%}.el-col-sm-offset-12{margin-left:50%}.el-col-sm-pull-12{position:relative;right:50%}.el-col-sm-push-12{position:relative;left:50%}.el-col-sm-13{width:54.16667%}.el-col-sm-offset-13{margin-left:54.16667%}.el-col-sm-pull-13{position:relative;right:54.16667%}.el-col-sm-push-13{position:relative;left:54.16667%}.el-col-sm-14{width:58.33333%}.el-col-sm-offset-14{margin-left:58.33333%}.el-col-sm-pull-14{position:relative;right:58.33333%}.el-col-sm-push-14{position:relative;left:58.33333%}.el-col-sm-15{width:62.5%}.el-col-sm-offset-15{margin-left:62.5%}.el-col-sm-pull-15{position:relative;right:62.5%}.el-col-sm-push-15{position:relative;left:62.5%}.el-col-sm-16{width:66.66667%}.el-col-sm-offset-16{margin-left:66.66667%}.el-col-sm-pull-16{position:relative;right:66.66667%}.el-col-sm-push-16{position:relative;left:66.66667%}.el-col-sm-17{width:70.83333%}.el-col-sm-offset-17{margin-left:70.83333%}.el-col-sm-pull-17{position:relative;right:70.83333%}.el-col-sm-push-17{position:relative;left:70.83333%}.el-col-sm-18{width:75%}.el-col-sm-offset-18{margin-left:75%}.el-col-sm-pull-18{position:relative;right:75%}.el-col-sm-push-18{position:relative;left:75%}.el-col-sm-19{width:79.16667%}.el-col-sm-offset-19{margin-left:79.16667%}.el-col-sm-pull-19{position:relative;right:79.16667%}.el-col-sm-push-19{position:relative;left:79.16667%}.el-col-sm-20{width:83.33333%}.el-col-sm-offset-20{margin-left:83.33333%}.el-col-sm-pull-20{position:relative;right:83.33333%}.el-col-sm-push-20{position:relative;left:83.33333%}.el-col-sm-21{width:87.5%}.el-col-sm-offset-21{margin-left:87.5%}.el-col-sm-pull-21{position:relative;right:87.5%}.el-col-sm-push-21{position:relative;left:87.5%}.el-col-sm-22{width:91.66667%}.el-col-sm-offset-22{margin-left:91.66667%}.el-col-sm-pull-22{position:relative;right:91.66667%}.el-col-sm-push-22{position:relative;left:91.66667%}.el-col-sm-23{width:95.83333%}.el-col-sm-offset-23{margin-left:95.83333%}.el-col-sm-pull-23{position:relative;right:95.83333%}.el-col-sm-push-23{position:relative;left:95.83333%}.el-col-sm-24{width:100%}.el-col-sm-offset-24{margin-left:100%}.el-col-sm-pull-24{position:relative;right:100%}.el-col-sm-push-24{position:relative;left:100%}}@media only screen and (min-width:992px){.el-col-md-0{display:none}.el-col-md-1{width:4.16667%}.el-col-md-offset-1{margin-left:4.16667%}.el-col-md-pull-1{position:relative;right:4.16667%}.el-col-md-push-1{position:relative;left:4.16667%}.el-col-md-2{width:8.33333%}.el-col-md-offset-2{margin-left:8.33333%}.el-col-md-pull-2{position:relative;right:8.33333%}.el-col-md-push-2{position:relative;left:8.33333%}.el-col-md-3{width:12.5%}.el-col-md-offset-3{margin-left:12.5%}.el-col-md-pull-3{position:relative;right:12.5%}.el-col-md-push-3{position:relative;left:12.5%}.el-col-md-4{width:16.66667%}.el-col-md-offset-4{margin-left:16.66667%}.el-col-md-pull-4{position:relative;right:16.66667%}.el-col-md-push-4{position:relative;left:16.66667%}.el-col-md-5{width:20.83333%}.el-col-md-offset-5{margin-left:20.83333%}.el-col-md-pull-5{position:relative;right:20.83333%}.el-col-md-push-5{position:relative;left:20.83333%}.el-col-md-6{width:25%}.el-col-md-offset-6{margin-left:25%}.el-col-md-pull-6{position:relative;right:25%}.el-col-md-push-6{position:relative;left:25%}.el-col-md-7{width:29.16667%}.el-col-md-offset-7{margin-left:29.16667%}.el-col-md-pull-7{position:relative;right:29.16667%}.el-col-md-push-7{position:relative;left:29.16667%}.el-col-md-8{width:33.33333%}.el-col-md-offset-8{margin-left:33.33333%}.el-col-md-pull-8{position:relative;right:33.33333%}.el-col-md-push-8{position:relative;left:33.33333%}.el-col-md-9{width:37.5%}.el-col-md-offset-9{margin-left:37.5%}.el-col-md-pull-9{position:relative;right:37.5%}.el-col-md-push-9{position:relative;left:37.5%}.el-col-md-10{width:41.66667%}.el-col-md-offset-10{margin-left:41.66667%}.el-col-md-pull-10{position:relative;right:41.66667%}.el-col-md-push-10{position:relative;left:41.66667%}.el-col-md-11{width:45.83333%}.el-col-md-offset-11{margin-left:45.83333%}.el-col-md-pull-11{position:relative;right:45.83333%}.el-col-md-push-11{position:relative;left:45.83333%}.el-col-md-12{width:50%}.el-col-md-offset-12{margin-left:50%}.el-col-md-pull-12{position:relative;right:50%}.el-col-md-push-12{position:relative;left:50%}.el-col-md-13{width:54.16667%}.el-col-md-offset-13{margin-left:54.16667%}.el-col-md-pull-13{position:relative;right:54.16667%}.el-col-md-push-13{position:relative;left:54.16667%}.el-col-md-14{width:58.33333%}.el-col-md-offset-14{margin-left:58.33333%}.el-col-md-pull-14{position:relative;right:58.33333%}.el-col-md-push-14{position:relative;left:58.33333%}.el-col-md-15{width:62.5%}.el-col-md-offset-15{margin-left:62.5%}.el-col-md-pull-15{position:relative;right:62.5%}.el-col-md-push-15{position:relative;left:62.5%}.el-col-md-16{width:66.66667%}.el-col-md-offset-16{margin-left:66.66667%}.el-col-md-pull-16{position:relative;right:66.66667%}.el-col-md-push-16{position:relative;left:66.66667%}.el-col-md-17{width:70.83333%}.el-col-md-offset-17{margin-left:70.83333%}.el-col-md-pull-17{position:relative;right:70.83333%}.el-col-md-push-17{position:relative;left:70.83333%}.el-col-md-18{width:75%}.el-col-md-offset-18{margin-left:75%}.el-col-md-pull-18{position:relative;right:75%}.el-col-md-push-18{position:relative;left:75%}.el-col-md-19{width:79.16667%}.el-col-md-offset-19{margin-left:79.16667%}.el-col-md-pull-19{position:relative;right:79.16667%}.el-col-md-push-19{position:relative;left:79.16667%}.el-col-md-20{width:83.33333%}.el-col-md-offset-20{margin-left:83.33333%}.el-col-md-pull-20{position:relative;right:83.33333%}.el-col-md-push-20{position:relative;left:83.33333%}.el-col-md-21{width:87.5%}.el-col-md-offset-21{margin-left:87.5%}.el-col-md-pull-21{position:relative;right:87.5%}.el-col-md-push-21{position:relative;left:87.5%}.el-col-md-22{width:91.66667%}.el-col-md-offset-22{margin-left:91.66667%}.el-col-md-pull-22{position:relative;right:91.66667%}.el-col-md-push-22{position:relative;left:91.66667%}.el-col-md-23{width:95.83333%}.el-col-md-offset-23{margin-left:95.83333%}.el-col-md-pull-23{position:relative;right:95.83333%}.el-col-md-push-23{position:relative;left:95.83333%}.el-col-md-24{width:100%}.el-col-md-offset-24{margin-left:100%}.el-col-md-pull-24{position:relative;right:100%}.el-col-md-push-24{position:relative;left:100%}}@media only screen and (min-width:1200px){.el-col-lg-0{display:none}.el-col-lg-1{width:4.16667%}.el-col-lg-offset-1{margin-left:4.16667%}.el-col-lg-pull-1{position:relative;right:4.16667%}.el-col-lg-push-1{position:relative;left:4.16667%}.el-col-lg-2{width:8.33333%}.el-col-lg-offset-2{margin-left:8.33333%}.el-col-lg-pull-2{position:relative;right:8.33333%}.el-col-lg-push-2{position:relative;left:8.33333%}.el-col-lg-3{width:12.5%}.el-col-lg-offset-3{margin-left:12.5%}.el-col-lg-pull-3{position:relative;right:12.5%}.el-col-lg-push-3{position:relative;left:12.5%}.el-col-lg-4{width:16.66667%}.el-col-lg-offset-4{margin-left:16.66667%}.el-col-lg-pull-4{position:relative;right:16.66667%}.el-col-lg-push-4{position:relative;left:16.66667%}.el-col-lg-5{width:20.83333%}.el-col-lg-offset-5{margin-left:20.83333%}.el-col-lg-pull-5{position:relative;right:20.83333%}.el-col-lg-push-5{position:relative;left:20.83333%}.el-col-lg-6{width:25%}.el-col-lg-offset-6{margin-left:25%}.el-col-lg-pull-6{position:relative;right:25%}.el-col-lg-push-6{position:relative;left:25%}.el-col-lg-7{width:29.16667%}.el-col-lg-offset-7{margin-left:29.16667%}.el-col-lg-pull-7{position:relative;right:29.16667%}.el-col-lg-push-7{position:relative;left:29.16667%}.el-col-lg-8{width:33.33333%}.el-col-lg-offset-8{margin-left:33.33333%}.el-col-lg-pull-8{position:relative;right:33.33333%}.el-col-lg-push-8{position:relative;left:33.33333%}.el-col-lg-9{width:37.5%}.el-col-lg-offset-9{margin-left:37.5%}.el-col-lg-pull-9{position:relative;right:37.5%}.el-col-lg-push-9{position:relative;left:37.5%}.el-col-lg-10{width:41.66667%}.el-col-lg-offset-10{margin-left:41.66667%}.el-col-lg-pull-10{position:relative;right:41.66667%}.el-col-lg-push-10{position:relative;left:41.66667%}.el-col-lg-11{width:45.83333%}.el-col-lg-offset-11{margin-left:45.83333%}.el-col-lg-pull-11{position:relative;right:45.83333%}.el-col-lg-push-11{position:relative;left:45.83333%}.el-col-lg-12{width:50%}.el-col-lg-offset-12{margin-left:50%}.el-col-lg-pull-12{position:relative;right:50%}.el-col-lg-push-12{position:relative;left:50%}.el-col-lg-13{width:54.16667%}.el-col-lg-offset-13{margin-left:54.16667%}.el-col-lg-pull-13{position:relative;right:54.16667%}.el-col-lg-push-13{position:relative;left:54.16667%}.el-col-lg-14{width:58.33333%}.el-col-lg-offset-14{margin-left:58.33333%}.el-col-lg-pull-14{position:relative;right:58.33333%}.el-col-lg-push-14{position:relative;left:58.33333%}.el-col-lg-15{width:62.5%}.el-col-lg-offset-15{margin-left:62.5%}.el-col-lg-pull-15{position:relative;right:62.5%}.el-col-lg-push-15{position:relative;left:62.5%}.el-col-lg-16{width:66.66667%}.el-col-lg-offset-16{margin-left:66.66667%}.el-col-lg-pull-16{position:relative;right:66.66667%}.el-col-lg-push-16{position:relative;left:66.66667%}.el-col-lg-17{width:70.83333%}.el-col-lg-offset-17{margin-left:70.83333%}.el-col-lg-pull-17{position:relative;right:70.83333%}.el-col-lg-push-17{position:relative;left:70.83333%}.el-col-lg-18{width:75%}.el-col-lg-offset-18{margin-left:75%}.el-col-lg-pull-18{position:relative;right:75%}.el-col-lg-push-18{position:relative;left:75%}.el-col-lg-19{width:79.16667%}.el-col-lg-offset-19{margin-left:79.16667%}.el-col-lg-pull-19{position:relative;right:79.16667%}.el-col-lg-push-19{position:relative;left:79.16667%}.el-col-lg-20{width:83.33333%}.el-col-lg-offset-20{margin-left:83.33333%}.el-col-lg-pull-20{position:relative;right:83.33333%}.el-col-lg-push-20{position:relative;left:83.33333%}.el-col-lg-21{width:87.5%}.el-col-lg-offset-21{margin-left:87.5%}.el-col-lg-pull-21{position:relative;right:87.5%}.el-col-lg-push-21{position:relative;left:87.5%}.el-col-lg-22{width:91.66667%}.el-col-lg-offset-22{margin-left:91.66667%}.el-col-lg-pull-22{position:relative;right:91.66667%}.el-col-lg-push-22{position:relative;left:91.66667%}.el-col-lg-23{width:95.83333%}.el-col-lg-offset-23{margin-left:95.83333%}.el-col-lg-pull-23{position:relative;right:95.83333%}.el-col-lg-push-23{position:relative;left:95.83333%}.el-col-lg-24{width:100%}.el-col-lg-offset-24{margin-left:100%}.el-col-lg-pull-24{position:relative;right:100%}.el-col-lg-push-24{position:relative;left:100%}}@media only screen and (min-width:1920px){.el-col-xl-0{display:none}.el-col-xl-1{width:4.16667%}.el-col-xl-offset-1{margin-left:4.16667%}.el-col-xl-pull-1{position:relative;right:4.16667%}.el-col-xl-push-1{position:relative;left:4.16667%}.el-col-xl-2{width:8.33333%}.el-col-xl-offset-2{margin-left:8.33333%}.el-col-xl-pull-2{position:relative;right:8.33333%}.el-col-xl-push-2{position:relative;left:8.33333%}.el-col-xl-3{width:12.5%}.el-col-xl-offset-3{margin-left:12.5%}.el-col-xl-pull-3{position:relative;right:12.5%}.el-col-xl-push-3{position:relative;left:12.5%}.el-col-xl-4{width:16.66667%}.el-col-xl-offset-4{margin-left:16.66667%}.el-col-xl-pull-4{position:relative;right:16.66667%}.el-col-xl-push-4{position:relative;left:16.66667%}.el-col-xl-5{width:20.83333%}.el-col-xl-offset-5{margin-left:20.83333%}.el-col-xl-pull-5{position:relative;right:20.83333%}.el-col-xl-push-5{position:relative;left:20.83333%}.el-col-xl-6{width:25%}.el-col-xl-offset-6{margin-left:25%}.el-col-xl-pull-6{position:relative;right:25%}.el-col-xl-push-6{position:relative;left:25%}.el-col-xl-7{width:29.16667%}.el-col-xl-offset-7{margin-left:29.16667%}.el-col-xl-pull-7{position:relative;right:29.16667%}.el-col-xl-push-7{position:relative;left:29.16667%}.el-col-xl-8{width:33.33333%}.el-col-xl-offset-8{margin-left:33.33333%}.el-col-xl-pull-8{position:relative;right:33.33333%}.el-col-xl-push-8{position:relative;left:33.33333%}.el-col-xl-9{width:37.5%}.el-col-xl-offset-9{margin-left:37.5%}.el-col-xl-pull-9{position:relative;right:37.5%}.el-col-xl-push-9{position:relative;left:37.5%}.el-col-xl-10{width:41.66667%}.el-col-xl-offset-10{margin-left:41.66667%}.el-col-xl-pull-10{position:relative;right:41.66667%}.el-col-xl-push-10{position:relative;left:41.66667%}.el-col-xl-11{width:45.83333%}.el-col-xl-offset-11{margin-left:45.83333%}.el-col-xl-pull-11{position:relative;right:45.83333%}.el-col-xl-push-11{position:relative;left:45.83333%}.el-col-xl-12{width:50%}.el-col-xl-offset-12{margin-left:50%}.el-col-xl-pull-12{position:relative;right:50%}.el-col-xl-push-12{position:relative;left:50%}.el-col-xl-13{width:54.16667%}.el-col-xl-offset-13{margin-left:54.16667%}.el-col-xl-pull-13{position:relative;right:54.16667%}.el-col-xl-push-13{position:relative;left:54.16667%}.el-col-xl-14{width:58.33333%}.el-col-xl-offset-14{margin-left:58.33333%}.el-col-xl-pull-14{position:relative;right:58.33333%}.el-col-xl-push-14{position:relative;left:58.33333%}.el-col-xl-15{width:62.5%}.el-col-xl-offset-15{margin-left:62.5%}.el-col-xl-pull-15{position:relative;right:62.5%}.el-col-xl-push-15{position:relative;left:62.5%}.el-col-xl-16{width:66.66667%}.el-col-xl-offset-16{margin-left:66.66667%}.el-col-xl-pull-16{position:relative;right:66.66667%}.el-col-xl-push-16{position:relative;left:66.66667%}.el-col-xl-17{width:70.83333%}.el-col-xl-offset-17{margin-left:70.83333%}.el-col-xl-pull-17{position:relative;right:70.83333%}.el-col-xl-push-17{position:relative;left:70.83333%}.el-col-xl-18{width:75%}.el-col-xl-offset-18{margin-left:75%}.el-col-xl-pull-18{position:relative;right:75%}.el-col-xl-push-18{position:relative;left:75%}.el-col-xl-19{width:79.16667%}.el-col-xl-offset-19{margin-left:79.16667%}.el-col-xl-pull-19{position:relative;right:79.16667%}.el-col-xl-push-19{position:relative;left:79.16667%}.el-col-xl-20{width:83.33333%}.el-col-xl-offset-20{margin-left:83.33333%}.el-col-xl-pull-20{position:relative;right:83.33333%}.el-col-xl-push-20{position:relative;left:83.33333%}.el-col-xl-21{width:87.5%}.el-col-xl-offset-21{margin-left:87.5%}.el-col-xl-pull-21{position:relative;right:87.5%}.el-col-xl-push-21{position:relative;left:87.5%}.el-col-xl-22{width:91.66667%}.el-col-xl-offset-22{margin-left:91.66667%}.el-col-xl-pull-22{position:relative;right:91.66667%}.el-col-xl-push-22{position:relative;left:91.66667%}.el-col-xl-23{width:95.83333%}.el-col-xl-offset-23{margin-left:95.83333%}.el-col-xl-pull-23{position:relative;right:95.83333%}.el-col-xl-push-23{position:relative;left:95.83333%}.el-col-xl-24{width:100%}.el-col-xl-offset-24{margin-left:100%}.el-col-xl-pull-24{position:relative;right:100%}.el-col-xl-push-24{position:relative;left:100%}}@-webkit-keyframes progress{0%{background-position:0 0}to{background-position:32px 0}}.el-upload{display:inline-block;text-align:center;cursor:pointer;outline:0}.el-upload__input{display:none}.el-upload__tip{font-size:12px;color:#606266;margin-top:7px}.el-upload iframe{position:absolute;z-index:-1;top:0;left:0;opacity:0;filter:alpha(opacity=0)}.el-upload--picture-card{background-color:#fbfdff;border:1px dashed #c0ccda;border-radius:6px;box-sizing:border-box;width:148px;height:148px;line-height:146px;vertical-align:top}.el-upload--picture-card i{font-size:28px;color:#8c939d}.el-upload--picture-card:hover,.el-upload:focus{border-color:#409eff;color:#409eff}.el-upload:focus .el-upload-dragger{border-color:#409eff}.el-upload-dragger{background-color:#fff;border:1px dashed #d9d9d9;border-radius:6px;box-sizing:border-box;width:360px;height:180px;text-align:center;position:relative;overflow:hidden}.el-upload-dragger .el-icon-upload{font-size:67px;color:#c0c4cc;margin:40px 0 16px;line-height:50px}.el-upload-dragger+.el-upload__tip{text-align:center}.el-upload-dragger~.el-upload__files{border-top:1px solid #dcdfe6;margin-top:7px;padding-top:5px}.el-upload-dragger .el-upload__text{color:#606266;font-size:14px;text-align:center}.el-upload-dragger .el-upload__text em{color:#409eff;font-style:normal}.el-upload-dragger:hover{border-color:#409eff}.el-upload-dragger.is-dragover{background-color:rgba(32,159,255,.06);border:2px dashed #409eff}.el-upload-list{margin:0;padding:0;list-style:none}.el-upload-list__item{-webkit-transition:all .5s cubic-bezier(.55,0,.1,1);transition:all .5s cubic-bezier(.55,0,.1,1);font-size:14px;color:#606266;line-height:1.8;margin-top:5px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;width:100%}.el-upload-list__item .el-progress{position:absolute;top:20px;width:100%}.el-upload-list__item .el-progress__text{position:absolute;right:0;top:-13px}.el-upload-list__item .el-progress-bar{margin-right:0;padding-right:0}.el-upload-list__item:first-child{margin-top:10px}.el-upload-list__item .el-icon-upload-success{color:#67c23a}.el-upload-list__item .el-icon-close{display:none;position:absolute;top:5px;right:5px;cursor:pointer;opacity:.75;color:#606266}.el-upload-list__item .el-icon-close:hover{opacity:1}.el-upload-list__item .el-icon-close-tip{display:none;position:absolute;top:5px;right:5px;font-size:12px;cursor:pointer;opacity:1;color:#409eff}.el-upload-list__item:hover{background-color:#f5f7fa}.el-upload-list__item:hover .el-icon-close{display:inline-block}.el-upload-list__item:hover .el-progress__text{display:none}.el-upload-list__item.is-success .el-upload-list__item-status-label{display:block}.el-upload-list__item.is-success .el-upload-list__item-name:focus,.el-upload-list__item.is-success .el-upload-list__item-name:hover{color:#409eff;cursor:pointer}.el-upload-list__item.is-success:focus:not(:hover) .el-icon-close-tip{display:inline-block}.el-upload-list__item.is-success:active .el-icon-close-tip,.el-upload-list__item.is-success:focus .el-upload-list__item-status-label,.el-upload-list__item.is-success:hover .el-upload-list__item-status-label,.el-upload-list__item.is-success:not(.focusing):focus .el-icon-close-tip{display:none}.el-upload-list.is-disabled .el-upload-list__item:hover .el-upload-list__item-status-label{display:block}.el-upload-list__item-name{color:#606266;display:block;margin-right:40px;overflow:hidden;padding-left:4px;text-overflow:ellipsis;-webkit-transition:color .3s;transition:color .3s;white-space:nowrap}.el-upload-list__item-name [class^=el-icon]{height:100%;margin-right:7px;color:#909399;line-height:inherit}.el-upload-list__item-status-label{position:absolute;right:5px;top:0;line-height:inherit;display:none}.el-upload-list__item-delete{position:absolute;right:10px;top:0;font-size:12px;color:#606266;display:none}.el-upload-list__item-delete:hover{color:#409eff}.el-upload-list--picture-card{margin:0;display:inline;vertical-align:top}.el-upload-list--picture-card .el-upload-list__item{overflow:hidden;background-color:#fff;border:1px solid #c0ccda;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;width:148px;height:148px;margin:0 8px 8px 0;display:inline-block}.el-upload-list--picture-card .el-upload-list__item .el-icon-check,.el-upload-list--picture-card .el-upload-list__item .el-icon-circle-check{color:#fff}.el-upload-list--picture-card .el-upload-list__item .el-icon-close,.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label{display:none}.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text{display:block}.el-upload-list--picture-card .el-upload-list__item-name{display:none}.el-upload-list--picture-card .el-upload-list__item-thumbnail{width:100%;height:100%}.el-upload-list--picture-card .el-upload-list__item-status-label{position:absolute;right:-15px;top:-6px;width:40px;height:24px;background:#13ce66;text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-shadow:0 0 1pc 1px rgba(0,0,0,.2);box-shadow:0 0 1pc 1px rgba(0,0,0,.2)}.el-upload-list--picture-card .el-upload-list__item-status-label i{font-size:12px;margin-top:11px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.el-upload-list--picture-card .el-upload-list__item-actions{position:absolute;width:100%;height:100%;left:0;top:0;cursor:default;text-align:center;color:#fff;opacity:0;font-size:20px;background-color:rgba(0,0,0,.5);-webkit-transition:opacity .3s;transition:opacity .3s}.el-upload-list--picture-card .el-upload-list__item-actions:after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-upload-list--picture-card .el-upload-list__item-actions span{display:none;cursor:pointer}.el-upload-list--picture-card .el-upload-list__item-actions span+span{margin-left:15px}.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete{position:static;font-size:inherit;color:inherit}.el-upload-list--picture-card .el-upload-list__item-actions:hover{opacity:1}.el-upload-list--picture-card .el-upload-list__item-actions:hover span{display:inline-block}.el-upload-list--picture-card .el-progress{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);bottom:auto;width:126px}.el-upload-list--picture-card .el-progress .el-progress__text{top:50%}.el-upload-list--picture .el-upload-list__item{overflow:hidden;z-index:0;background-color:#fff;border:1px solid #c0ccda;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:10px;padding:10px 10px 10px 90px;height:92px}.el-upload-list--picture .el-upload-list__item .el-icon-check,.el-upload-list--picture .el-upload-list__item .el-icon-circle-check{color:#fff}.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label{background:0 0;-webkit-box-shadow:none;box-shadow:none;top:-2px;right:-12px}.el-upload-list--picture .el-upload-list__item:hover .el-progress__text{display:block}.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name{line-height:70px;margin-top:0}.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i{display:none}.el-upload-list--picture .el-upload-list__item-thumbnail{vertical-align:middle;display:inline-block;width:70px;height:70px;float:left;position:relative;z-index:1;margin-left:-80px}.el-upload-list--picture .el-upload-list__item-name{display:block;margin-top:20px}.el-upload-list--picture .el-upload-list__item-name i{font-size:70px;line-height:1;position:absolute;left:9px;top:10px}.el-upload-list--picture .el-upload-list__item-status-label{position:absolute;right:-17px;top:-7px;width:46px;height:26px;background:#13ce66;text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc}.el-upload-list--picture .el-upload-list__item-status-label i{font-size:12px;margin-top:12px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.el-upload-list--picture .el-progress{position:relative;top:-7px}.el-upload-cover{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;z-index:10;cursor:default}.el-upload-cover:after{display:inline-block;height:100%;vertical-align:middle}.el-upload-cover img{display:block;width:100%;height:100%}.el-upload-cover__label{position:absolute;right:-15px;top:-6px;width:40px;height:24px;background:#13ce66;text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-shadow:0 0 1pc 1px rgba(0,0,0,.2);box-shadow:0 0 1pc 1px rgba(0,0,0,.2)}.el-upload-cover__label i{font-size:12px;margin-top:11px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);color:#fff}.el-upload-cover__progress{display:inline-block;vertical-align:middle;position:static;width:243px}.el-upload-cover__progress+.el-upload__inner{opacity:0}.el-upload-cover__content{position:absolute;top:0;left:0;width:100%;height:100%}.el-upload-cover__interact{position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.72);text-align:center}.el-upload-cover__interact .btn{display:inline-block;color:#fff;font-size:14px;cursor:pointer;vertical-align:middle;-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);margin-top:60px}.el-upload-cover__interact .btn span{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.el-upload-cover__interact .btn:not(:first-child){margin-left:35px}.el-upload-cover__interact .btn:hover{-webkit-transform:translateY(-13px);transform:translateY(-13px)}.el-upload-cover__interact .btn:hover span{opacity:1}.el-upload-cover__interact .btn i{color:#fff;display:block;font-size:24px;line-height:inherit;margin:0 auto 5px}.el-upload-cover__title{position:absolute;bottom:0;left:0;background-color:#fff;height:36px;width:100%;overflow:hidden;text-overflow:ellipsis;font-weight:400;text-align:left;padding:0 10px;margin:0;line-height:36px;font-size:14px;color:#303133}.el-upload-cover+.el-upload__inner{opacity:0;position:relative;z-index:1}.el-progress{position:relative;line-height:1}.el-progress__text{font-size:14px;color:#606266;display:inline-block;vertical-align:middle;margin-left:10px;line-height:1}.el-progress__text i{vertical-align:middle;display:block}.el-progress--circle{display:inline-block}.el-progress--circle .el-progress__text{position:absolute;top:50%;left:0;width:100%;text-align:center;margin:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.el-progress--circle .el-progress__text i{vertical-align:middle;display:inline-block}.el-progress--without-text .el-progress__text{display:none}.el-progress--without-text .el-progress-bar{padding-right:0;margin-right:0;display:block}.el-progress-bar,.el-progress-bar__inner:after,.el-progress-bar__innerText,.el-spinner{display:inline-block;vertical-align:middle}.el-progress--text-inside .el-progress-bar{padding-right:0;margin-right:0}.el-progress.is-success .el-progress-bar__inner{background-color:#67c23a}.el-progress.is-success .el-progress__text{color:#67c23a}.el-progress.is-exception .el-progress-bar__inner{background-color:#f56c6c}.el-progress.is-exception .el-progress__text{color:#f56c6c}.el-progress-bar{padding-right:50px;width:100%;margin-right:-55px;-webkit-box-sizing:border-box;box-sizing:border-box}.el-progress-bar__outer{height:6px;border-radius:100px;background-color:#ebeef5;overflow:hidden;position:relative;vertical-align:middle}.el-progress-bar__inner{position:absolute;left:0;top:0;height:100%;background-color:#409eff;text-align:right;border-radius:100px;line-height:1}.el-card,.el-message{border-radius:4px;overflow:hidden}.el-progress-bar__inner:after{height:100%}.el-progress-bar__innerText{color:#fff;font-size:12px;margin:0 5px}@keyframes progress{0%{background-position:0 0}to{background-position:32px 0}}.el-time-spinner{width:100%}.el-spinner-inner{-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;width:50px;height:50px}.el-spinner-inner .path{stroke:#ececec;stroke-linecap:round;-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite}@-webkit-keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.el-message{min-width:380px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ebeef5;position:fixed;left:50%;top:20px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:#edf2fc;-webkit-transition:opacity .3s,-webkit-transform .4s;transition:opacity .3s,-webkit-transform .4s;transition:opacity .3s,transform .4s;transition:opacity .3s,transform .4s,-webkit-transform .4s;padding:15px 15px 15px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-message.is-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-message.is-closable .el-message__content{padding-right:16px}.el-message p{margin:0}.el-message--info .el-message__content{color:#909399}.el-message--success{background-color:#f0f9eb;border-color:#e1f3d8}.el-message--success .el-message__content{color:#67c23a}.el-message--warning{background-color:#fdf6ec;border-color:#faecd8}.el-message--warning .el-message__content{color:#e6a23c}.el-message--error{background-color:#fef0f0;border-color:#fde2e2}.el-message--error .el-message__content{color:#f56c6c}.el-message__icon{margin-right:10px}.el-message__content{padding:0;font-size:14px;line-height:1}.el-message__closeBtn{position:absolute;top:50%;right:15px;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;color:#c0c4cc;font-size:16px}.el-message__closeBtn:hover{color:#909399}.el-message .el-icon-success{color:#67c23a}.el-message .el-icon-error{color:#f56c6c}.el-message .el-icon-info{color:#909399}.el-message .el-icon-warning{color:#e6a23c}.el-message-fade-enter,.el-message-fade-leave-active{opacity:0;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}.el-badge{position:relative;vertical-align:middle;display:inline-block}.el-badge__content{background-color:#f56c6c;border-radius:10px;color:#fff;display:inline-block;font-size:12px;height:18px;line-height:18px;padding:0 6px;text-align:center;border:1px solid #fff}.el-badge__content.is-fixed{position:absolute;top:0;right:10px;-webkit-transform:translateY(-50%) translateX(100%);transform:translateY(-50%) translateX(100%)}.el-rate__icon,.el-rate__item{position:relative;display:inline-block}.el-badge__content.is-fixed.is-dot{right:5px}.el-badge__content.is-dot{height:8px;width:8px;padding:0;right:0;border-radius:50%}.el-card{border:1px solid #ebeef5;background-color:#fff;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);color:#303133}.el-card__header{padding:18px 20px;border-bottom:1px solid #ebeef5;-webkit-box-sizing:border-box;box-sizing:border-box}.el-card__body{padding:20px}.el-rate{height:20px;line-height:1}.el-rate__item{font-size:0;vertical-align:middle}.el-rate__icon{font-size:18px;margin-right:6px;color:#c0c4cc;-webkit-transition:.3s;transition:.3s}.el-rate__decimal,.el-rate__icon .path2{position:absolute;top:0;left:0}.el-rate__icon.hover{-webkit-transform:scale(1.15);transform:scale(1.15)}.el-rate__decimal{display:inline-block;overflow:hidden}.el-step.is-vertical,.el-steps{display:-webkit-box;display:-ms-flexbox}.el-rate__text{font-size:14px;vertical-align:middle}.el-steps{display:flex}.el-steps--simple{padding:13px 8%;border-radius:4px;background:#f5f7fa}.el-steps--vertical{height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}.el-step{position:relative;-ms-flex-negative:1;flex-shrink:1}.el-step:last-of-type .el-step__line{display:none}.el-step:last-of-type.is-flex{-ms-flex-preferred-size:auto!important;flex-basis:auto!important;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.el-step:last-of-type .el-step__description,.el-step:last-of-type .el-step__main{padding-right:0}.el-step__head{position:relative;width:100%}.el-step__head.is-process{color:#303133;border-color:#303133}.el-step__head.is-wait{color:#c0c4cc;border-color:#c0c4cc}.el-step__head.is-success{color:#67c23a;border-color:#67c23a}.el-step__head.is-error{color:#f56c6c;border-color:#f56c6c}.el-step__head.is-finish{color:#409eff;border-color:#409eff}.el-step__icon{position:relative;z-index:1;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:24px;height:24px;font-size:14px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;-webkit-transition:.15s ease-out;transition:.15s ease-out}.el-step__icon.is-text{border-radius:50%;border:2px solid;border-color:inherit}.el-step__icon.is-icon{width:40px}.el-step__icon-inner{display:inline-block;user-select:none;text-align:center;font-weight:700;line-height:1;color:inherit}.el-button,.el-checkbox{-moz-user-select:none;-ms-user-select:none}.el-step__icon-inner[class*=el-icon]:not(.is-status){font-size:25px;font-weight:400}.el-step__icon-inner.is-status{-webkit-transform:translateY(1px);transform:translateY(1px)}.el-step__line{position:absolute;border-color:inherit;background-color:#c0c4cc}.el-step__line-inner{display:block;border-width:1px;border-style:solid;border-color:inherit;-webkit-transition:.15s ease-out;transition:.15s ease-out;-webkit-box-sizing:border-box;box-sizing:border-box;width:0;height:0}.el-step__main{white-space:normal;text-align:left}.el-step__title{font-size:16px;line-height:38px}.el-step__title.is-process{font-weight:700;color:#303133}.el-step__title.is-wait{color:#c0c4cc}.el-step__title.is-success{color:#67c23a}.el-step__title.is-error{color:#f56c6c}.el-step__title.is-finish{color:#409eff}.el-step__description{padding-right:10%;margin-top:-5px;font-size:12px;line-height:20px;font-weight:400}.el-step__description.is-process{color:#303133}.el-step__description.is-wait{color:#c0c4cc}.el-step__description.is-success{color:#67c23a}.el-step__description.is-error{color:#f56c6c}.el-step__description.is-finish{color:#409eff}.el-step.is-horizontal{display:inline-block}.el-step.is-horizontal .el-step__line{height:2px;top:11px;left:0;right:0}.el-step.is-vertical{display:flex}.el-step.is-vertical .el-step__head{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;width:24px}.el-step.is-vertical .el-step__main{padding-left:10px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.el-step.is-vertical .el-step__title{line-height:24px;padding-bottom:8px}.el-step.is-vertical .el-step__line{width:2px;top:0;bottom:0;left:11px}.el-step.is-vertical .el-step__icon.is-icon{width:24px}.el-step.is-center .el-step__head,.el-step.is-center .el-step__main{text-align:center}.el-step.is-center .el-step__description{padding-left:20%;padding-right:20%}.el-step.is-center .el-step__line{left:50%;right:-50%}.el-step.is-simple{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-step.is-simple .el-step__head{width:auto;font-size:0;padding-right:10px}.el-step.is-simple .el-step__icon{background:0 0;width:16px;height:16px;font-size:12px}.el-step.is-simple .el-step__icon-inner[class*=el-icon]:not(.is-status){font-size:18px}.el-step.is-simple .el-step__icon-inner.is-status{-webkit-transform:scale(.8) translateY(1px);transform:scale(.8) translateY(1px)}.el-step.is-simple .el-step__main{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.el-step.is-simple .el-step__title{font-size:16px;line-height:20px}.el-step.is-simple:not(:last-of-type) .el-step__title{max-width:50%;word-break:break-all}.el-step.is-simple .el-step__arrow{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-step.is-simple .el-step__arrow:after,.el-step.is-simple .el-step__arrow:before{content:"";display:inline-block;position:absolute;height:15px;width:1px;background:#c0c4cc}.el-step.is-simple .el-step__arrow:before{-webkit-transform:rotate(-45deg) translateY(-4px);transform:rotate(-45deg) translateY(-4px);-webkit-transform-origin:0 0;transform-origin:0 0}.el-step.is-simple .el-step__arrow:after{-webkit-transform:rotate(45deg) translateY(4px);transform:rotate(45deg) translateY(4px);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}.el-step.is-simple:last-of-type .el-step__arrow{display:none}.el-carousel{overflow-x:hidden;position:relative}.el-carousel__container{position:relative;height:300px}.el-carousel__arrow{border:none;outline:0;padding:0;margin:0;height:36px;width:36px;cursor:pointer;-webkit-transition:.3s;transition:.3s;border-radius:50%;background-color:rgba(31,45,61,.11);color:#fff;position:absolute;top:50%;z-index:10;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:center;font-size:12px}.el-carousel__arrow--left{left:16px}.el-carousel__arrow--right{right:16px}.el-carousel__arrow:hover{background-color:rgba(31,45,61,.23)}.el-carousel__arrow i{cursor:pointer}.el-carousel__indicators{position:absolute;list-style:none;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin:0;padding:0;z-index:2}.el-carousel__indicators--outside{bottom:26px;text-align:center;position:static;-webkit-transform:none;transform:none}.el-carousel__indicators--outside .el-carousel__indicator:hover button{opacity:.64}.el-carousel__indicators--outside button{background-color:#c0c4cc;opacity:.24}.el-carousel__indicators--labels{left:0;right:0;-webkit-transform:none;transform:none;text-align:center}.el-carousel__indicators--labels .el-carousel__button{height:auto;width:auto;padding:2px 18px;font-size:12px}.el-carousel__indicators--labels .el-carousel__indicator{padding:6px 4px}.el-carousel__indicator{display:inline-block;background-color:transparent;padding:12px 4px;cursor:pointer}.el-carousel__indicator:hover button{opacity:.72}.el-carousel__indicator.is-active button{opacity:1}.el-carousel__button{display:block;opacity:.48;width:30px;height:2px;background-color:#fff;border:none;outline:0;padding:0;margin:0;cursor:pointer;-webkit-transition:.3s;transition:.3s}.carousel-arrow-left-enter,.carousel-arrow-left-leave-active{-webkit-transform:translateY(-50%) translateX(-10px);transform:translateY(-50%) translateX(-10px);opacity:0}.carousel-arrow-right-enter,.carousel-arrow-right-leave-active{-webkit-transform:translateY(-50%) translateX(10px);transform:translateY(-50%) translateX(10px);opacity:0}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar{opacity:1;-webkit-transition:opacity .34s ease-out;transition:opacity .34s ease-out}.el-scrollbar__wrap{overflow:scroll;height:100%}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:hsla(220,4%,58%,.3);-webkit-transition:background-color .3s;transition:background-color .3s}.el-scrollbar__thumb:hover{background-color:hsla(220,4%,58%,.5)}.el-carousel__mask,.el-cascader-menu,.el-cascader-menu__item.is-disabled:hover,.el-collapse-item__header,.el-collapse-item__wrap{background-color:#fff}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity .12s ease-out;transition:opacity .12s ease-out}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-carousel__item,.el-carousel__mask{height:100%;top:0;left:0;position:absolute}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-carousel__item{width:100%;display:inline-block;overflow:hidden;z-index:0}.el-carousel__item.is-active{z-index:2}.el-carousel__item--card,.el-carousel__item.is-animating{-webkit-transition:-webkit-transform .4s ease-in-out;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out}.el-carousel__item--card{width:50%}.el-carousel__item--card.is-in-stage{cursor:pointer;z-index:1}.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask,.el-carousel__item--card.is-in-stage:hover .el-carousel__mask{opacity:.12}.el-carousel__item--card.is-active{z-index:2}.el-carousel__mask{width:100%;opacity:.24;-webkit-transition:.2s;transition:.2s}.el-collapse{border-top:1px solid #ebeef5;border-bottom:1px solid #ebeef5}.el-collapse-item__header{height:48px;line-height:48px;color:#303133;cursor:pointer;border-bottom:1px solid #ebeef5;font-size:13px;font-weight:500;-webkit-transition:border-bottom-color .3s;transition:border-bottom-color .3s;outline:0}.el-collapse-item__arrow{margin-right:8px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;float:right;line-height:48px;font-weight:300}.el-collapse-item__arrow.is-active{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.el-collapse-item__header.focusing:focus:not(:hover){color:#409eff}.el-collapse-item__header.is-active{border-bottom-color:transparent}.el-collapse-item__wrap{will-change:height;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #ebeef5}.el-collapse-item__content{padding-bottom:25px;font-size:13px;color:#303133;line-height:1.769230769230769}.el-collapse-item:last-child{margin-bottom:-1px}.el-popper .popper__arrow,.el-popper .popper__arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0,0,0,.03));filter:drop-shadow(0 2px 12px rgba(0,0,0,.03))}.el-popper .popper__arrow:after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#ebeef5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow:after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#ebeef5}.el-popper[x-placement^=bottom] .popper__arrow:after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#ebeef5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow:after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#ebeef5}.el-popper[x-placement^=left] .popper__arrow:after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.el-cascader{display:inline-block;position:relative;font-size:14px;line-height:40px}.el-cascader .el-input,.el-cascader .el-input__inner{cursor:pointer}.el-cascader .el-input__icon{-webkit-transition:none;transition:none}.el-cascader .el-icon-arrow-down{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;font-size:14px}.el-cascader .el-icon-arrow-down.is-reverse{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.el-cascader .el-icon-circle-close{z-index:2;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-cascader .el-icon-circle-close:hover{color:#909399}.el-cascader__clearIcon{z-index:2;position:relative}.el-cascader__label{position:absolute;left:0;top:0;height:100%;padding:0 25px 0 15px;color:#606266;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;text-align:left;font-size:inherit}.el-cascader__label span{color:#000}.el-cascader--medium{font-size:14px;line-height:36px}.el-cascader--small{font-size:13px;line-height:32px}.el-cascader--mini{font-size:12px;line-height:28px}.el-cascader.is-disabled .el-cascader__label{z-index:2;color:#c0c4cc}.el-cascader-menus{white-space:nowrap;background:#fff;position:absolute;margin:5px 0;z-index:2;border:1px solid #e4e7ed;border-radius:2px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-cascader-menu{display:inline-block;vertical-align:top;height:204px;overflow:auto;border-right:1px solid #e4e7ed;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:6px 0;min-width:160px}.el-cascader-menu:last-child{border-right:0}.el-cascader-menu__item{font-size:14px;padding:8px 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#606266;height:34px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;outline:0}.el-cascader-menu__item--extensible:after{font-family:element-icons;content:"\E604";font-size:14px;color:#bfcbd9;position:absolute;right:15px}.el-cascader-menu__item.is-disabled{color:#c0c4cc;background-color:#fff;cursor:not-allowed}.el-cascader-menu__item.is-active{color:#409eff}.el-cascader-menu__item:focus:not(:active),.el-cascader-menu__item:hover{background-color:#f5f7fa}.el-cascader-menu__item.selected{color:#fff;background-color:#f5f7fa}.el-cascader-menu__item__keyword{font-weight:700}.el-cascader-menu--flexible{height:auto;max-height:180px;overflow:auto}.el-cascader-menu--flexible .el-cascader-menu__item{overflow:visible}.el-color-hue-slider{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:280px;height:12px;background-color:red;padding:0 2px}.el-color-hue-slider__bar{position:relative;background:-webkit-gradient(linear,left top,right top,from(red),color-stop(17%,#ff0),color-stop(33%,#0f0),color-stop(50%,#0ff),color-stop(67%,#00f),color-stop(83%,#f0f),to(red));background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red);height:100%}.el-color-hue-slider__thumb{position:absolute;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;left:0;top:0;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid #f0f0f0;-webkit-box-shadow:0 0 2px rgba(0,0,0,.6);box-shadow:0 0 2px rgba(0,0,0,.6);z-index:1}.el-color-hue-slider.is-vertical{width:12px;height:180px;padding:2px 0}.el-color-hue-slider.is-vertical .el-color-hue-slider__bar{background:-webkit-gradient(linear,left top,left bottom,from(red),color-stop(17%,#ff0),color-stop(33%,#0f0),color-stop(50%,#0ff),color-stop(67%,#00f),color-stop(83%,#f0f),to(red));background:linear-gradient(180deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb{left:0;top:0;width:100%;height:4px}.el-color-svpanel{position:relative;width:280px;height:180px}.el-color-svpanel__black,.el-color-svpanel__white{position:absolute;top:0;left:0;right:0;bottom:0}.el-color-svpanel__white{background:-webkit-gradient(linear,left top,right top,from(#fff),to(hsla(0,0%,100%,0)));background:linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.el-color-svpanel__black{background:-webkit-gradient(linear,left bottom,left top,from(#000),to(transparent));background:linear-gradient(0deg,#000,transparent)}.el-color-svpanel__cursor{position:absolute}.el-color-svpanel__cursor>div{cursor:head;width:4px;height:4px;-webkit-box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);border-radius:50%;-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}.el-color-alpha-slider{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:280px;height:12px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-alpha-slider__bar{position:relative;background:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(#fff));background:linear-gradient(90deg,hsla(0,0%,100%,0) 0,#fff);height:100%}.el-color-alpha-slider__thumb{position:absolute;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;left:0;top:0;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid #f0f0f0;-webkit-box-shadow:0 0 2px rgba(0,0,0,.6);box-shadow:0 0 2px rgba(0,0,0,.6);z-index:1}.el-color-alpha-slider.is-vertical{width:20px;height:180px}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar{background:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,0)),to(#fff));background:linear-gradient(180deg,hsla(0,0%,100%,0) 0,#fff)}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb{left:0;top:0;width:100%;height:4px}.el-color-dropdown{width:300px}.el-color-dropdown__main-wrapper{margin-bottom:6px}.el-color-dropdown__main-wrapper:after{content:"";display:table;clear:both}.el-color-dropdown__btns{margin-top:6px;text-align:right}.el-color-dropdown__value{float:left;line-height:26px;font-size:12px;color:#000;width:160px}.el-color-dropdown__btn{border:1px solid #dcdcdc;color:#333;line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.el-color-dropdown__btn[disabled]{color:#ccc;cursor:not-allowed}.el-color-dropdown__btn:hover{color:#409eff;border-color:#409eff}.el-color-dropdown__link-btn{cursor:pointer;color:#409eff;text-decoration:none;padding:15px;font-size:12px}.el-color-dropdown__link-btn:hover{color:tint(#409eff,20%)}.el-color-picker{display:inline-block;position:relative;line-height:normal;height:40px}.el-color-picker.is-disabled .el-color-picker__trigger{cursor:not-allowed}.el-color-picker--medium{height:36px}.el-color-picker--medium .el-color-picker__trigger{height:36px;width:36px}.el-color-picker--medium .el-color-picker__mask{height:34px;width:34px}.el-color-picker--small{height:32px}.el-color-picker--small .el-color-picker__trigger{height:32px;width:32px}.el-color-picker--small .el-color-picker__mask{height:30px;width:30px}.el-color-picker--small .el-color-picker__empty,.el-color-picker--small .el-color-picker__icon{-webkit-transform:translate3d(-50%,-50%,0) scale(.8);transform:translate3d(-50%,-50%,0) scale(.8)}.el-color-picker--mini{height:28px}.el-color-picker--mini .el-color-picker__trigger{height:28px;width:28px}.el-color-picker--mini .el-color-picker__mask{height:26px;width:26px}.el-color-picker--mini .el-color-picker__empty,.el-color-picker--mini .el-color-picker__icon{-webkit-transform:translate3d(-50%,-50%,0) scale(.8);transform:translate3d(-50%,-50%,0) scale(.8)}.el-color-picker__mask{height:38px;width:38px;border-radius:4px;position:absolute;top:1px;left:1px;z-index:1;cursor:not-allowed;background-color:hsla(0,0%,100%,.7)}.el-color-picker__trigger{display:inline-block;height:40px;width:40px;padding:4px;border:1px solid #e6e6e6;border-radius:4px;font-size:0;cursor:pointer}.el-color-picker__color,.el-color-picker__trigger{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.el-color-picker__color{display:block;border:1px solid #999;border-radius:2px;width:100%;height:100%;text-align:center}.el-color-picker__color.is-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-picker__color-inner{position:absolute;left:0;top:0;right:0;bottom:0}.el-color-picker__empty,.el-color-picker__icon{top:50%;left:50%;font-size:12px;position:absolute}.el-color-picker__empty{color:#999}.el-color-picker__empty,.el-color-picker__icon{-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.el-color-picker__icon{display:inline-block;width:100%;color:#fff;text-align:center}.el-color-picker__panel{position:absolute;z-index:10;padding:6px;-webkit-box-sizing:content-box;box-sizing:content-box;background-color:#fff;border:1px solid #ebeef5;border-radius:4px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-textarea{display:inline-block;width:100%;vertical-align:bottom;font-size:14px}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:inherit;color:#606266;background-color:#fff;background-image:none;border:1px solid #dcdfe6;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea__inner:-ms-input-placeholder{color:#c0c4cc}.el-textarea__inner::placeholder{color:#c0c4cc}.el-textarea__inner:hover{border-color:#c0c4cc}.el-textarea__inner:focus{outline:0;border-color:#409eff}.el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#c0c4cc}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner,.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#c0c4cc;font-size:14px;line-height:16px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input .el-input__clear:hover{color:#909399}.el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;color:#606266;display:inline-block;font-size:inherit;height:40px;line-height:1;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__prefix,.el-input__suffix{position:absolute;top:0;-webkit-transition:all .3s;height:100%;color:#c0c4cc;text-align:center}.el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input__inner:-ms-input-placeholder{color:#c0c4cc}.el-input__inner::placeholder{color:#c0c4cc}.el-input__inner:hover{border-color:#c0c4cc}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#409eff;outline:0}.el-input__suffix{right:5px;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{left:5px;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:"";height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner::placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;color:#909399;vertical-align:middle;display:table-cell;position:relative;border:1px solid #dcdfe6;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-10px -20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-input-group--append .el-select .el-input.is-focus .el-input__inner,.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input__inner::-ms-clear{display:none;width:0;height:0}.el-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dcdfe6;color:#606266;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;-webkit-transition:.1s;transition:.1s;font-weight:500;padding:12px 20px;font-size:14px;border-radius:4px}.el-button+.el-button{margin-left:10px}.el-button:focus,.el-button:hover{color:#409eff;border-color:#c6e2ff;background-color:#ecf5ff}.el-button:active{color:#3a8ee6;border-color:#3a8ee6;outline:0}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon-]+span{margin-left:5px}.el-button.is-plain:focus,.el-button.is-plain:hover{background:#fff;border-color:#409eff;color:#409eff}.el-button.is-active,.el-button.is-plain:active{color:#3a8ee6;border-color:#3a8ee6}.el-button.is-plain:active{background:#fff;outline:0}.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover{color:#c0c4cc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#ebeef5}.el-button.is-disabled.el-button--text{background-color:transparent}.el-button.is-disabled.is-plain,.el-button.is-disabled.is-plain:focus,.el-button.is-disabled.is-plain:hover{background-color:#fff;border-color:#ebeef5;color:#c0c4cc}.el-button.is-loading{position:relative;pointer-events:none}.el-button.is-loading:before{pointer-events:none;content:"";position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:hsla(0,0%,100%,.35)}.el-button.is-round{border-radius:20px;padding:12px 23px}.el-button--primary{color:#fff;background-color:#409eff;border-color:#409eff}.el-button--primary:focus,.el-button--primary:hover{background:#66b1ff;border-color:#66b1ff;color:#fff}.el-button--primary.is-active,.el-button--primary:active{background:#3a8ee6;border-color:#3a8ee6;color:#fff}.el-button--primary:active{outline:0}.el-button--primary.is-disabled,.el-button--primary.is-disabled:active,.el-button--primary.is-disabled:focus,.el-button--primary.is-disabled:hover{color:#fff;background-color:#a0cfff;border-color:#a0cfff}.el-button--primary.is-plain{color:#409eff;background:#ecf5ff;border-color:#b3d8ff}.el-button--primary.is-plain:focus,.el-button--primary.is-plain:hover{background:#409eff;border-color:#409eff;color:#fff}.el-button--primary.is-plain:active{background:#3a8ee6;border-color:#3a8ee6;color:#fff;outline:0}.el-button--primary.is-plain.is-disabled,.el-button--primary.is-plain.is-disabled:active,.el-button--primary.is-plain.is-disabled:focus,.el-button--primary.is-plain.is-disabled:hover{color:#8cc5ff;background-color:#ecf5ff;border-color:#d9ecff}.el-button--success{color:#fff;background-color:#67c23a;border-color:#67c23a}.el-button--success:focus,.el-button--success:hover{background:#85ce61;border-color:#85ce61;color:#fff}.el-button--success.is-active,.el-button--success:active{background:#5daf34;border-color:#5daf34;color:#fff}.el-button--success:active{outline:0}.el-button--success.is-disabled,.el-button--success.is-disabled:active,.el-button--success.is-disabled:focus,.el-button--success.is-disabled:hover{color:#fff;background-color:#b3e19d;border-color:#b3e19d}.el-button--success.is-plain{color:#67c23a;background:#f0f9eb;border-color:#c2e7b0}.el-button--success.is-plain:focus,.el-button--success.is-plain:hover{background:#67c23a;border-color:#67c23a;color:#fff}.el-button--success.is-plain:active{background:#5daf34;border-color:#5daf34;color:#fff;outline:0}.el-button--success.is-plain.is-disabled,.el-button--success.is-plain.is-disabled:active,.el-button--success.is-plain.is-disabled:focus,.el-button--success.is-plain.is-disabled:hover{color:#a4da89;background-color:#f0f9eb;border-color:#e1f3d8}.el-button--warning{color:#fff;background-color:#e6a23c;border-color:#e6a23c}.el-button--warning:focus,.el-button--warning:hover{background:#ebb563;border-color:#ebb563;color:#fff}.el-button--warning.is-active,.el-button--warning:active{background:#cf9236;border-color:#cf9236;color:#fff}.el-button--warning:active{outline:0}.el-button--warning.is-disabled,.el-button--warning.is-disabled:active,.el-button--warning.is-disabled:focus,.el-button--warning.is-disabled:hover{color:#fff;background-color:#f3d19e;border-color:#f3d19e}.el-button--warning.is-plain{color:#e6a23c;background:#fdf6ec;border-color:#f5dab1}.el-button--warning.is-plain:focus,.el-button--warning.is-plain:hover{background:#e6a23c;border-color:#e6a23c;color:#fff}.el-button--warning.is-plain:active{background:#cf9236;border-color:#cf9236;color:#fff;outline:0}.el-button--warning.is-plain.is-disabled,.el-button--warning.is-plain.is-disabled:active,.el-button--warning.is-plain.is-disabled:focus,.el-button--warning.is-plain.is-disabled:hover{color:#f0c78a;background-color:#fdf6ec;border-color:#faecd8}.el-button--danger{color:#fff;background-color:#f56c6c;border-color:#f56c6c}.el-button--danger:focus,.el-button--danger:hover{background:#f78989;border-color:#f78989;color:#fff}.el-button--danger.is-active,.el-button--danger:active{background:#dd6161;border-color:#dd6161;color:#fff}.el-button--danger:active{outline:0}.el-button--danger.is-disabled,.el-button--danger.is-disabled:active,.el-button--danger.is-disabled:focus,.el-button--danger.is-disabled:hover{color:#fff;background-color:#fab6b6;border-color:#fab6b6}.el-button--danger.is-plain{color:#f56c6c;background:#fef0f0;border-color:#fbc4c4}.el-button--danger.is-plain:focus,.el-button--danger.is-plain:hover{background:#f56c6c;border-color:#f56c6c;color:#fff}.el-button--danger.is-plain:active{background:#dd6161;border-color:#dd6161;color:#fff;outline:0}.el-button--danger.is-plain.is-disabled,.el-button--danger.is-plain.is-disabled:active,.el-button--danger.is-plain.is-disabled:focus,.el-button--danger.is-plain.is-disabled:hover{color:#f9a7a7;background-color:#fef0f0;border-color:#fde2e2}.el-button--info{color:#fff;background-color:#909399;border-color:#909399}.el-button--info:focus,.el-button--info:hover{background:#a6a9ad;border-color:#a6a9ad;color:#fff}.el-button--info.is-active,.el-button--info:active{background:#82848a;border-color:#82848a;color:#fff}.el-button--info:active{outline:0}.el-button--info.is-disabled,.el-button--info.is-disabled:active,.el-button--info.is-disabled:focus,.el-button--info.is-disabled:hover{color:#fff;background-color:#c8c9cc;border-color:#c8c9cc}.el-button--info.is-plain{color:#909399;background:#f4f4f5;border-color:#d3d4d6}.el-button--info.is-plain:focus,.el-button--info.is-plain:hover{background:#909399;border-color:#909399;color:#fff}.el-button--info.is-plain:active{background:#82848a;border-color:#82848a;color:#fff;outline:0}.el-button--info.is-plain.is-disabled,.el-button--info.is-plain.is-disabled:active,.el-button--info.is-plain.is-disabled:focus,.el-button--info.is-plain.is-disabled:hover{color:#bcbec2;background-color:#f4f4f5;border-color:#e9e9eb}.el-button--text,.el-button--text.is-disabled,.el-button--text.is-disabled:focus,.el-button--text.is-disabled:hover,.el-button--text:active{border-color:transparent}.el-button--medium{padding:10px 20px;font-size:14px;border-radius:4px}.el-button--mini,.el-button--small{font-size:12px;border-radius:3px}.el-button--medium.is-round{padding:10px 20px}.el-button--small,.el-button--small.is-round{padding:9px 15px}.el-button--mini,.el-button--mini.is-round{padding:7px 15px}.el-button--text{color:#409eff;background:0 0;padding-left:0;padding-right:0}.el-button--text:focus,.el-button--text:hover{color:#66b1ff;border-color:transparent;background-color:transparent}.el-button--text:active{color:#3a8ee6;background-color:transparent}.el-button-group{display:inline-block;vertical-align:middle}.el-button-group:after,.el-button-group:before{display:table;content:""}.el-checkbox,.el-checkbox__input{display:inline-block;position:relative;white-space:nowrap}.el-button-group:after{clear:both}.el-button-group .el-button{float:left;position:relative}.el-button-group .el-button+.el-button{margin-left:0}.el-button-group .el-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.el-button-group .el-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.el-button-group .el-button:first-child:last-child{border-radius:4px}.el-button-group .el-button:not(:first-child):not(:last-child){border-radius:0}.el-button-group .el-button:not(:last-child){margin-right:-1px}.el-button-group .el-button.is-active,.el-button-group .el-button:active,.el-button-group .el-button:focus,.el-button-group .el-button:hover{z-index:1}.el-button-group .el-button--primary:first-child{border-right-color:hsla(0,0%,100%,.5)}.el-button-group .el-button--primary:last-child{border-left-color:hsla(0,0%,100%,.5)}.el-button-group .el-button--primary:not(:first-child):not(:last-child){border-left-color:hsla(0,0%,100%,.5);border-right-color:hsla(0,0%,100%,.5)}.el-button-group .el-button--success:first-child{border-right-color:hsla(0,0%,100%,.5)}.el-button-group .el-button--success:last-child{border-left-color:hsla(0,0%,100%,.5)}.el-button-group .el-button--success:not(:first-child):not(:last-child){border-left-color:hsla(0,0%,100%,.5);border-right-color:hsla(0,0%,100%,.5)}.el-button-group .el-button--warning:first-child{border-right-color:hsla(0,0%,100%,.5)}.el-button-group .el-button--warning:last-child{border-left-color:hsla(0,0%,100%,.5)}.el-button-group .el-button--warning:not(:first-child):not(:last-child){border-left-color:hsla(0,0%,100%,.5);border-right-color:hsla(0,0%,100%,.5)}.el-button-group .el-button--danger:first-child{border-right-color:hsla(0,0%,100%,.5)}.el-button-group .el-button--danger:last-child{border-left-color:hsla(0,0%,100%,.5)}.el-button-group .el-button--danger:not(:first-child):not(:last-child){border-left-color:hsla(0,0%,100%,.5);border-right-color:hsla(0,0%,100%,.5)}.el-button-group .el-button--info:first-child{border-right-color:hsla(0,0%,100%,.5)}.el-button-group .el-button--info:last-child{border-left-color:hsla(0,0%,100%,.5)}.el-button-group .el-button--info:not(:first-child):not(:last-child){border-left-color:hsla(0,0%,100%,.5);border-right-color:hsla(0,0%,100%,.5)}.el-checkbox{color:#606266;font-weight:500;font-size:14px;cursor:pointer;user-select:none}.el-checkbox.is-bordered{padding:9px 20px 9px 10px;border-radius:4px;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:normal;height:40px}.el-checkbox.is-bordered.is-checked{border-color:#409eff}.el-checkbox.is-bordered.is-disabled{border-color:#ebeef5;cursor:not-allowed}.el-checkbox.is-bordered+.el-checkbox.is-bordered{margin-left:10px}.el-checkbox.is-bordered.el-checkbox--medium{padding:7px 20px 7px 10px;border-radius:4px;height:36px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label{line-height:17px;font-size:14px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner{height:14px;width:14px}.el-checkbox.is-bordered.el-checkbox--small{padding:5px 15px 5px 10px;border-radius:3px;height:32px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label{line-height:15px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner:after{height:6px;width:2px}.el-checkbox.is-bordered.el-checkbox--mini{padding:3px 15px 3px 10px;border-radius:3px;height:28px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label{line-height:12px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner:after{height:6px;width:2px}.el-checkbox__input{cursor:pointer;outline:0;line-height:1;vertical-align:middle}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:#edf2fc;border-color:#dcdfe6;cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner:after{cursor:not-allowed;border-color:#c0c4cc}.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label{cursor:not-allowed}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:#f2f6fc;border-color:#dcdfe6}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner:after{border-color:#c0c4cc}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:#f2f6fc;border-color:#dcdfe6}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner:before{background-color:#c0c4cc;border-color:#c0c4cc}.el-checkbox__input.is-checked .el-checkbox__inner,.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#409eff;border-color:#409eff}.el-checkbox__input.is-disabled+span.el-checkbox__label{color:#c0c4cc;cursor:not-allowed}.el-checkbox__input.is-checked .el-checkbox__inner:after{-webkit-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.el-checkbox__input.is-checked+.el-checkbox__label{color:#409eff}.el-checkbox__input.is-focus .el-checkbox__inner{border-color:#409eff}.el-checkbox__input.is-indeterminate .el-checkbox__inner:before{content:"";position:absolute;display:block;background-color:#fff;height:2px;-webkit-transform:scale(.5);transform:scale(.5);left:0;right:0;top:5px}.el-checkbox__input.is-indeterminate .el-checkbox__inner:after{display:none}.el-checkbox__inner{display:inline-block;position:relative;border:1px solid #dcdfe6;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;background-color:#fff;z-index:1;-webkit-transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.el-checkbox__inner:hover{border-color:#409eff}.el-checkbox__inner:after{-webkit-box-sizing:content-box;box-sizing:content-box;content:"";border:1px solid #fff;border-left:0;border-top:0;height:7px;left:4px;position:absolute;top:1px;-webkit-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:3px;-webkit-transition:-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;transition:-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;transition:transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;transition:transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms,-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;-webkit-transform-origin:center;transform-origin:center}.el-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.el-checkbox-button,.el-checkbox-button__inner{position:relative;display:inline-block}.el-checkbox__label{display:inline-block;padding-left:10px;line-height:19px;font-size:14px}.el-checkbox+.el-checkbox{margin-left:30px}.el-checkbox-button__inner{line-height:1;font-weight:500;white-space:nowrap;vertical-align:middle;cursor:pointer;background:#fff;border:1px solid #dcdfe6;border-left:0;color:#606266;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px;border-radius:0}.el-checkbox-button__inner.is-round{padding:12px 20px}.el-checkbox-button__inner:hover{color:#409eff}.el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.el-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;z-index:-1}.el-checkbox-button.is-checked .el-checkbox-button__inner{color:#fff;background-color:#409eff;border-color:#409eff;-webkit-box-shadow:-1px 0 0 0 #8cc5ff;box-shadow:-1px 0 0 0 #8cc5ff}.el-checkbox-button.is-disabled .el-checkbox-button__inner{color:#c0c4cc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#ebeef5;-webkit-box-shadow:none;box-shadow:none}.el-checkbox-button:first-child .el-checkbox-button__inner{border-left:1px solid #dcdfe6;border-radius:4px 0 0 4px;-webkit-box-shadow:none!important;box-shadow:none!important}.el-checkbox-button.is-focus .el-checkbox-button__inner{border-color:#409eff}.el-checkbox-button:last-child .el-checkbox-button__inner{border-radius:0 4px 4px 0}.el-checkbox-button--medium .el-checkbox-button__inner{padding:10px 20px;font-size:14px;border-radius:0}.el-checkbox-button--medium .el-checkbox-button__inner.is-round{padding:10px 20px}.el-checkbox-button--small .el-checkbox-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.el-checkbox-button--small .el-checkbox-button__inner.is-round{padding:9px 15px}.el-checkbox-button--mini .el-checkbox-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.el-checkbox-button--mini .el-checkbox-button__inner.is-round{padding:7px 15px}.el-checkbox-group{font-size:0}.el-transfer{font-size:14px}.el-transfer__buttons{display:inline-block;vertical-align:middle;padding:0 30px}.el-transfer__button{display:block;margin:0 auto;padding:10px;border-radius:50%;color:#fff;background-color:#409eff;font-size:0}.el-transfer-panel__item+.el-transfer-panel__item,.el-transfer__button [class*=el-icon-]+span{margin-left:0}.el-transfer__button.is-with-texts{border-radius:4px}.el-transfer__button.is-disabled,.el-transfer__button.is-disabled:hover{border:1px solid #dcdfe6;background-color:#f5f7fa;color:#c0c4cc}.el-transfer__button:first-child{margin-bottom:10px}.el-transfer__button:nth-child(2){margin:0}.el-transfer__button i,.el-transfer__button span{font-size:14px}.el-transfer-panel{border:1px solid #ebeef5;border-radius:4px;overflow:hidden;background:#fff;display:inline-block;vertical-align:middle;width:200px;max-height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.el-transfer-panel__body{height:246px}.el-transfer-panel__body.is-with-footer{padding-bottom:40px}.el-transfer-panel__list{margin:0;padding:6px 0;list-style:none;height:246px;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box}.el-transfer-panel__list.is-filterable{height:194px;padding-top:0}.el-transfer-panel__item{height:30px;line-height:30px;padding-left:15px;display:block}.el-transfer-panel__item.el-checkbox{color:#606266}.el-transfer-panel__item:hover{color:#409eff}.el-transfer-panel__item.el-checkbox .el-checkbox__label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:24px;line-height:30px}.el-transfer-panel__item .el-checkbox__input{position:absolute;top:8px}.el-transfer-panel__filter{text-align:center;margin:15px;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;width:auto}.el-transfer-panel__filter .el-input__inner{height:32px;width:100%;font-size:12px;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:16px;padding-right:10px;padding-left:30px}.el-transfer-panel__filter .el-input__icon{margin-left:5px}.el-transfer-panel__filter .el-icon-circle-close{cursor:pointer}.el-transfer-panel .el-transfer-panel__header{height:40px;line-height:40px;background:#f5f7fa;margin:0;padding-left:15px;border-bottom:1px solid #ebeef5;-webkit-box-sizing:border-box;box-sizing:border-box;color:#000}.el-container,.el-header{-webkit-box-sizing:border-box}.el-transfer-panel .el-transfer-panel__header .el-checkbox{display:block;line-height:40px}.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label{font-size:16px;color:#303133;font-weight:400}.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span{position:absolute;right:15px;color:#909399;font-size:12px;font-weight:400}.el-transfer-panel .el-transfer-panel__footer{height:40px;background:#fff;margin:0;padding:0;border-top:1px solid #ebeef5;position:absolute;bottom:0;left:0;width:100%;z-index:1}.el-transfer-panel .el-transfer-panel__footer:after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-transfer-panel .el-transfer-panel__footer .el-checkbox{padding-left:20px;color:#606266}.el-transfer-panel .el-transfer-panel__empty{margin:0;height:30px;line-height:30px;padding:6px 15px 0;color:#909399;text-align:center}.el-transfer-panel .el-checkbox__label{padding-left:8px}.el-transfer-panel .el-checkbox__inner{height:14px;width:14px;border-radius:3px}.el-transfer-panel .el-checkbox__inner:after{height:6px;width:3px;left:4px}.el-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-preferred-size:auto;flex-basis:auto;box-sizing:border-box;min-width:0}.el-container.is-vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.el-header{padding:0 20px;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0}.el-aside,.el-main{overflow:auto;-webkit-box-sizing:border-box}.el-aside{-ms-flex-negative:0;flex-shrink:0}.el-aside,.el-main{box-sizing:border-box}.el-main{-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-preferred-size:auto;flex-basis:auto;padding:20px}.el-footer{padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0}
.dialog[data-v-04edbee2] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1001;
}
.dialog .dialog-mask[data-v-04edbee2] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
}
.dialog .dialog-wrapper[data-v-04edbee2] {
    position: relative;
    margin: 8% auto 0 auto;
    width: 720px;
    height: 470px;
    background: grey;
    border-radius: 10px;
    overflow: hidden;
}
.dialog .dialog-wrapper .close[data-v-04edbee2] {
      z-index: 10;
      position: absolute;
      top: 16px;
      right: 16px;
      width: 30px;
      height: 30px;
      cursor: pointer;
}
.dialog .dialog-wrapper .bg[data-v-04edbee2] {
      width: 100%;
      height: 100%;
}
.dialog .dialog-wrapper .html-wrapper[data-v-04edbee2] {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
}

.float-panel[data-v-5a4048fd] {
  animation: shake-data-v-5a4048fd 1600ms infinite alternate-reverse linear;
  position: fixed;
  z-index: 1900;
  right: 10px;
  bottom: 220px;
  width: 170px;
  height: 210px;
  cursor: pointer;
}
.float-panel .close[data-v-5a4048fd] {
    position: absolute;
    top: -24px;
    right: 0;
    width: 24px;
    height: 24px;
}
.float-panel .bg[data-v-5a4048fd] {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -o-object-fit: cover;
       object-fit: cover;
}
.float-panel .btn-panel[data-v-5a4048fd] {
    position: absolute;
    margin: 0 auto;
    bottom: -20px;
    left: 0;
    right: 0;
    width: 168px;
    height: 50px;
    -o-object-fit: cover;
       object-fit: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.float-panel .btn-panel .btn[data-v-5a4048fd] {
      position: absolute;
      width: 100%;
      height: 100%;
}
.float-panel .btn-panel .btn-title[data-v-5a4048fd] {
      font-size: 14px;
      color: white;
      font-weight: bold;
      z-index: 1;
      padding-bottom: 12px;
}
@-webkit-keyframes shake-data-v-5a4048fd {
from {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
}
to {
}
}
@keyframes shake-data-v-5a4048fd {
from {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
}
to {
}
}

.float-panel[data-v-17426074] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3000;
  background: rgba(0, 0, 0, 0.4);
}
.float-panel .close[data-v-17426074] {
    position: absolute;
    width: .4rem;
    height: .4rem;
    margin: auto;
    top: 8rem;
    left: 0;
    right: 0;
    bottom: 0;
}
.float-panel .content-wrapper[data-v-17426074] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    color: #fff;
    width: 6.5rem;
    height: 7rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    /*
    .title {
      margin-top: .5rem;
      font-size:  0.36rem;
      font-weight: 600;
    }
    .sub-title {
      margin-top: .2rem;
      margin-bottom: .25rem;
      font-size:  0.32rem;
      font-weight: 400;
    }
    .brief {
      line-height: 1.5;
      // margin-top: .25rem;
      font-size:  0.24rem;
      .s1 {
        font-size:  0.3rem;
      }
      .mobile {
        width: 0.3rem;
        height: 0.3rem;
      }
    }
    .btn {
      margin-top: .5rem;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #fff;
      font-weight: 600;
      height: .6rem;
      width: 2.2rem;
      font-size:  0.28rem;
      background: #519a64;
      border-radius: .3rem;
    }
    */
}
.float-panel .content-wrapper .bg[data-v-17426074] {
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: -1;
}
.float-panel .content-wrapper .html-wrapper[data-v-17426074] {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
}

.giftbag[data-v-9e6e65b4] {
  position: fixed;
  height: 1.7rem;
  width: 2.4rem;
  right: 0;
  top: 1.25rem;
  -o-object-fit: contain;
     object-fit: contain;
  z-index: 500;
}