@charset "UTF-8";
/** 弹性布局 **/
/** 弹性布局 **/
.head {
  position: fixed;
  z-index: 10000;
  width: 100%; }

.headBorder {
  border-bottom: 1px solid #eeeeee;
  background-color: #ffffff; }

.header {
  width: 100%;
  height: 50px;
  padding: 0 3.5% 0 3.5%;
  display: flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center; }
  .header .headerList {
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    float: right; }
    .header .headerList li {
      height: 30px;
      width: 66px;
      display: flexbox;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -o-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
      margin-right: 10px;
      cursor: pointer;
      float: left; }
    .header .headerList .active {
      font-size: 15px;
      background: rgba(255, 255, 255, 0.1);
      font-weight: 400;
      border-radius: 2px; }
    .header .headerList .colors {
      color: #ffffff;
      font-weight: 300;
      opacity: 1; }
    .header .headerList .colorH {
      color: #333;
      font-weight: 200;
      opacity: 1; }
    .header .headerList .activeH {
      font-size: 15px;
      font-weight: 400;
      border-radius: 2px;
      background: #f1f3f5; }
  .header .logo {
    width: auto;
    height: 33px;
    cursor: pointer; }
@charset "UTF-8";
/** 弹性布局 **/
.footer {
  width: 100%;
  background-color: #f8fafc;
  background-size: 100%;
  min-height: 246px; }
  .footer .title {
    padding-top: 40px;
    width: 100%;
    color: #707070;
    font-weight: 300; }
  .footer .spanText {
    width: 100%;
    text-align: center;
    padding-bottom: 32px; }
    .footer .spanText .spans {
      color: #666;
      display: block;
      font-size: 12px;
      text-align: center;
      line-height: 1.5; }
  .footer .codeLocation {
    position: absolute;
    bottom: 0;
    right: 0; }

.spanText {
  width: 100%;
  text-align: center;
  padding-bottom: 32px; }
  .spanText .spans {
    color: #666;
    display: block;
    font-size: 12px;
    text-align: center;
    line-height: 1.5; }
  .spanText a {
    color: #666;
    text-decoration: none; }

.code {
  width: 100%;
  padding-right: 6.5%;
  display: flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  padding-bottom: 32px; }
  .code .active {
    color: #199EE1; }
  .code .footCode {
    position: relative; }
    .code .footCode .mouseCode {
      z-index: 100;
      position: absolute;
      top: -108px;
      height: 100px;
      width: 100px;
      background-color: #fff;
      left: 50%;
      margin-left: -50px;
      -webkit-box-shadow: 0 0 12px 3px rgba(0, 0, 0, 0.08);
      -moz-box-shadow: 0 0 12px 3px rgba(0, 0, 0, 0.08);
      box-shadow: 0 0 12px 3px rgba(0, 0, 0, 0.08);
      border-radius: 5px; }
      .code .footCode .mouseCode img {
        top: 5%;
        left: 5%;
        position: absolute;
        width: 90%;
        height: 90%; }
    .code .footCode .mouseCode:after {
      position: absolute;
      bottom: 0;
      width: 0;
      height: 0;
      left: 49%;
      margin-left: -5px;
      top: 100%;
      content: " ";
      border-top: 5px solid  #fff;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent; }
    .code .footCode .mouseCode:before {
      position: absolute;
      width: 0;
      height: 0;
      left: 50%;
      margin-left: -5px;
      top: 100%;
      content: " ";
      border-top: 5px solid  #fff;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent; }
  .code li {
    margin: 0 6px;
    cursor: pointer; }
    .code li img {
      height: 27px;
      width: auto;
      display: inline-block;
      vertical-align: middle; }
    .code li span {
      font-size: 16px;
      color: #666;
      margin-right: 20px;
      vertical-align: middle;
      font-weight: 200; }

.onlyFooter {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%; }

.bottomCarousel {
  padding-left: 4.5%;
  width: 100%;
  display: flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  padding-bottom: 36px; }
  .bottomCarousel .footerHeader {
    margin-left: 34px;
    width: 14%;
    margin-right: 8%; }
    .bottomCarousel .footerHeader h1 {
      font-size: 25px;
      line-height: 1;
      color: #333;
      font-weight: bold;
      margin-bottom: 5px; }
    .bottomCarousel .footerHeader span {
      font-size: 14px;
      color: #666;
      line-height: 1; }
  .bottomCarousel .logosCau {
    width: 90%;
    margin-left: 6%;
    margin-top: 54px;
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center; }
  .bottomCarousel .logosUl {
    width: 100%;
    height: 336px;
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -webkit-box-lines: multiple;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap; }
    .bottomCarousel .logosUl li {
      width: 23%;
      height: auto;
      margin: 0 1%; }
      .bottomCarousel .logosUl li img {
        width: 154px;
        height: auto; }
  .bottomCarousel .logoShow {
    display: none; }
  .bottomCarousel .dot {
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    margin-left: -10%; }
    .bottomCarousel .dot li {
      height: 5px;
      width: 5px;
      background-color: rgba(153, 153, 153, 0.8);
      border-radius: 50%;
      margin: 0 4.5px;
      cursor: pointer; }
    .bottomCarousel .dot .actives {
      background-color: #fff;
      border: 1px solid rgba(153, 153, 153, 0.8); }

.beiAnIcons {
  width: 15px;
  height: 15px;
  display: inline-block;
  vertical-align: sub; }

a:hover {
  text-decoration: none !important; }
@charset "UTF-8";
/** 弹性布局 **/
/** 弹性布局 **/
body, html {
  height: 100%;
  width: 100%;
  font-family: "PingFang SC","Segoe UI", Roboto, "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif !important; }

body, ul, li, h1, h2, h3, h4, h5, h6, p, form, dl, dt, dd {
  margin: 0px;
  padding: 0px;
  font-size: 14px;
  color: #666666;
  line-height: normal;
  font-weight: 200; }

ul {
  list-style: none; }

img {
  border-style: none; }

.divMask {
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  z-index: 999999; }

.mask {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: black;
  -moz-opacity: 0.7;
  opacity: .70;
  filter: alpha(opacity=70); }

.maskChild {
  position: absolute;
  z-index: 22;
  top: 35%;
  left: 50%;
  margin-left: -10vw;
  margin-top: -102px; }
  .maskChild .maskSecond {
    width: 20vw;
    height: 25vw;
    background-color: #ffffff;
    border-radius: 12px;
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center; }
    .maskChild .maskSecond img {
      margin-top: 28px;
      width: 90%;
      height: auto;
      margin-bottom: 9px;
      max-height: 73%; }
    .maskChild .maskSecond span {
      font-size: 15px;
      color: #666;
      font-weight: 200; }
  .maskChild .iconImg {
    width: 30px;
    left: 50%;
    position: absolute;
    margin-left: -15px;
    bottom: -68px; }

.notFound {
  width: 100%;
  height: 100%; }
  .notFound .onlyFooter {
    padding-right: 4.5%; }
    .notFound .onlyFooter .code {
      padding-right: 12px; }

.notFoundImg {
  margin-top: 10px;
  width: 100%;
  height: 100%;
  position: relative;
  display: flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center; }
  .notFoundImg .notImg {
    width: 55%;
    height: auto; }

.topCarousel {
  width: 100%;
  height: 100%;
  position: relative; }
  .topCarousel .childCarousel {
    width: 100%;
    height: 100%;
    position: relative;
    background: url(/images/首页二倍图.jpg) 50% no-repeat;
    background-size: cover; }
    .topCarousel .childCarousel .phone {
      position: absolute;
      bottom: 10%;
      left: 10%;
      height: 80%;
      z-index: 2;
      width: auto; }
    .topCarousel .childCarousel .bgImgs {
      width: 100%;
      height: 100%; }
    .topCarousel .childCarousel .text {
      position: absolute;
      color: #ffffff;
      top: 27%;
      left: 58%; }
      .topCarousel .childCarousel .text h1 {
        font-size: 40px;
        color: #ffffff;
        font-weight: bold; }
      .topCarousel .childCarousel .text p {
        font-size: 16px;
        color: #ffffff; }
      .topCarousel .childCarousel .text .smallPhone {
        margin-top: 94px;
        display: flexbox;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex; }
        .topCarousel .childCarousel .text .smallPhone img {
          height: 73px;
          width: auto;
          margin-right: 24px;
          margin-left: -12px; }
  .topCarousel .ant-carousel .slick-dots {
    bottom: 36px; }
  .topCarousel .ant-carousel .slick-slide {
    width: 100%;
    height: 100%;
    min-height: 100%; }
  .topCarousel .ant-carousel {
    width: 100%;
    height: 100%; }
    .topCarousel .ant-carousel .slick-track {
      height: 100%; }
    .topCarousel .ant-carousel .my-carousel {
      height: 100%;
      width: 100%; }
  .topCarousel .slick-list {
    width: 100%;
    height: 100%; }
  .topCarousel .ant-layout {
    height: 100%; }

.officialIndex {
  width: 100%;
  height: 100%; }

.production {
  margin-top: 80px;
  display: flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding-left: 4.5%;
  width: 100%;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column; }
  .production .title {
    font-size: 25px;
    margin-bottom: 5px;
    line-height: 1;
    color: #333;
    font-weight: bold;
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center; }
    .production .title .line {
      width: 18px;
      height: 4px;
      border-radius: 2px;
      background-color: #333333;
      display: inline-block;
      margin-right: 16px; }
  .production .subTitle {
    font-size: 14px;
    color: #666;
    margin-bottom: 41px;
    line-height: 1;
    margin-left: 34px; }
  .production .productVideo {
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    width: 100%;
    padding-left: 8.5%; }
    .production .productVideo .video {
      width: 38vw;
      height: 22vw;
      margin-right: 35px;
      background: #f5f5f5; }
      .production .productVideo .video .video-js {
        width: 100%;
        height: 100%;
        background-color: #ffffff; }
      .production .productVideo .video .vjs-poster {
        border-radius: 5px; }
      .production .productVideo .video .vjs-big-play-centered .vjs-big-play-button {
        margin-top: -1.05em;
        margin-left: -0.65em;
        opacity: 0.75; }
    .production .productVideo .detailPro {
      width: 32vw;
      height: 24vw;
      padding-top: 3%; }
      .production .productVideo .detailPro h1 {
        font-size: 18px;
        font-weight: bold;
        color: #333;
        margin-bottom: 4.5%; }
      .production .productVideo .detailPro span {
        display: inline-block;
        font-size: 16px;
        color: #666;
        line-height: normal; }

.qita {
  width: 100%;
  margin: 0 auto; }
  .qita ul {
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    margin-top: 180px;
    margin-bottom: 115px; }
    .qita ul li {
      width: 21vw;
      height: 23vw;
      padding-top: 2%;
      display: flexbox;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      -o-flex-direction: column;
      flex-direction: column;
      margin: 0 3%;
      -webkit-box-shadow: 0px 18px 34px -6px #e2e2e2;
      -moz-box-shadow: 0px 18px 34px -6px #e2e2e2;
      box-shadow: 0px 18px 34px -6px #e2e2e2;
      position: relative;
      border-radius: 12px; }
      .qita ul li .text {
        display: flexbox;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        color: #666;
        font-size: 16px;
        font-weight: 100;
        text-align: center;
        margin-top: 35px;
        opacity: 1;
        line-height: normal; }
        .qita ul li .text .titles {
          color: #333;
          font-size: 20px;
          text-align: center;
          line-height: normal;
          font-weight: 400; }
      .qita ul li .moreBtn {
        width: 40%;
        height: 13%;
        color: #ffffff;
        border: none; }
      .qita ul li .moreBtn {
        width: 40%;
        height: 13%;
        background: url(data:image/png;base64,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) no-repeat center center;
        background-size: 100%;
        position: absolute;
        bottom: -18px;
        color: #fff;
        left: 50%;
        text-align: center;
        margin-left: -20%;
        font-size: 18px; }
      .qita ul li .imgs {
        height: 26.5%;
        width: auto; }
      .qita ul li .repairImg {
        height: 70px;
        width: 83px;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -43.5px; }
      .qita ul li .recycleImg {
        height: 70px;
        width: 71px;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -35.5px; }
      .qita ul li .line {
        height: 1px;
        width: 16px;
        background-color: #2093CF;
        margin-top: 10px;
        margin-bottom: 13px; }
      .qita ul li .pros {
        display: flexbox;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        height: 110px; }
        .qita ul li .pros p {
          font-size: 16px; }

.information {
  width: 100%;
  display: flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  padding-left: 4.5%;
  padding-right: 4.5%;
  margin-bottom: 85px;
  position: relative; }
  .information .infoLeimu {
    position: absolute;
    right: 3.5%;
    top: 20px; }
    .information .infoLeimu li {
      cursor: pointer;
      display: inline-block;
      margin-right: 42px; }
      .information .infoLeimu li span {
        font-size: 18px;
        color: #333;
        font-weight: 200; }
      .information .infoLeimu li .active {
        font-weight: bold; }
  .information .title {
    font-size: 25px;
    margin-bottom: 5px;
    line-height: 1;
    color: #333;
    font-weight: bold;
    margin-left: 34px; }
  .information .subTitle {
    font-size: 14px;
    color: #666;
    margin-bottom: 20px;
    line-height: 1;
    margin-left: 34px;
    margin-right: 34px;
    padding-bottom: 14px; }
  .information .more {
    font-size: .88rem;
    color: #2093CF;
    line-height: normal;
    margin-bottom: 54px;
    font-weight: 300; }
  .information .mainInfo {
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row; }
    .information .mainInfo li {
      width: 25vw;
      height: 26vw;
      margin: 0 1%;
      border-radius: 4px;
      background-color: #ffffff;
      cursor: pointer;
      position: relative;
      z-index: 200;
      /*图片下面文字内容*/ }
      .information .mainInfo li .imgs {
        height: 100%;
        width: 100%;
        border-radius: 2px; }
      .information .mainInfo li .content {
        position: absolute;
        width: 80%;
        height: 80%;
        top: 10%;
        left: 10%;
        padding: 11% 9% 0 8%;
        background-color: #ffffff;
        line-height: 1;
        z-index: 2;
        border-radius: 0;
        display: flexbox;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column; }
        .information .mainInfo li .content h2 {
          font-size: 18px;
          color: #333;
          font-weight: bold;
          margin-bottom: 10%;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap; }
        .information .mainInfo li .content span {
          color: #666;
          font-size: 16px;
          line-height: normal;
          word-break: break-all;
          text-overflow: ellipsis;
          display: -webkit-box;
          /** 对象作为伸缩盒子模型显示 **/
          -webkit-box-orient: vertical;
          /** 设置或检索伸缩盒对象的子元素的排列方式 **/
          -webkit-line-clamp: 3;
          /** 显示的行数 **/
          overflow: hidden;
          /** 隐藏超出的内容 **/
          font-weight: 200;
          min-height: 66px; }
        .information .mainInfo li .content .times {
          font-size: 16px;
          text-align: right;
          margin-bottom: 14%;
          margin-top: 12%;
          height: auto;
          color: #333;
          font-weight: 200;
          min-height: 0px; }
          .information .mainInfo li .content .times b {
            font-size: 20px;
            color: #333; }
        .information .mainInfo li .content .mores {
          width: 50%;
          height: 15%;
          border: 1px solid #979797;
          margin: 0 auto;
          font-size: 18px;
          color: #666;
          background-color: #ffffff;
          font-weight: 200;
          border-radius: 2px; }
        .information .mainInfo li .content:after {
          content: '';
          height: 5px;
          width: 100%;
          position: absolute;
          bottom: -5px;
          left: 0;
          background: -webkit-linear-gradient(left, #112a9d, #187be0, #04d8f3);
          /* Opera 11.1 - 12.0 */
          background: -o-linear-gradient(left, #112a9d, #187be0, #04d8f3);
          /* Firefox 3.6 - 15 */
          background: -moz-linear-gradient(left, #112a9d, #187be0, #04d8f3);
          /* 标准的语法 */
          background: linear-gradient(to right, #112a9d, #187be0, #04d8f3); }
    .information .mainInfo li:nth-child(1) {
      width: 55px;
      height: 60px;
      display: flexbox;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -o-justify-content: center;
      justify-content: center;
      border-radius: 0; }
      .information .mainInfo li:nth-child(1) img {
        width: 11px;
        height: auto; }
    .information .mainInfo li:nth-child(5) {
      width: 55px;
      height: 60px;
      border-radius: 0;
      display: flexbox;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -o-justify-content: center;
      justify-content: center; }
      .information .mainInfo li:nth-child(5) img {
        width: 11px;
        height: auto; }
    .information .mainInfo .active {
      background-color: rgba(0, 0, 0, 0.08); }
  .information .subInfo {
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row; }
    .information .subInfo li {
      width: 25vw;
      margin: 0 1%; }
    .information .subInfo li:nth-child(1) {
      width: 2.5%;
      height: 42px; }
    .information .subInfo li:nth-child(5) {
      width: 2.5%;
      height: 42px; }
    .information .subInfo .subPage {
      width: 100%;
      height: 100%;
      padding: 0 1%;
      display: flexbox;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      -o-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: space-between;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      -o-justify-content: space-between;
      justify-content: space-between; }
      .information .subInfo .subPage .subHead {
        margin-top: 4%;
        width: 82%; }
        .information .subInfo .subPage .subHead h1 {
          font-size: 18px;
          color: #333;
          font-weight: bold;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; }
        .information .subInfo .subPage .subHead span {
          margin-top: 0;
          font-size: 16px;
          color: #666;
          font-weight: 200;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          display: inline-block;
          width: inherit; }
      .information .subInfo .subPage span {
        margin-top: 4.1%;
        font-size: 16px;
        color: #333;
        font-weight: 200;
        display: flexbox;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: baseline;
        -webkit-align-items: baseline;
        -moz-align-items: baseline;
        -ms-align-items: baseline;
        -o-align-items: baseline;
        align-items: baseline; }
        .information .subInfo .subPage span b {
          font-size: 20px;
          color: #333; }

.video-js .vjs-big-play-button {
  height: 1.5em;
  width: 1.5em;
  border: none;
  border-radius: 50%;
  background-color: #000;
  -webkit-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.5); }

.video-react {
  width: 100% !important;
  height: 100% !important; }

:focus {
  outline: none; }

/*for IE*/
::-moz-focus-inner {
  border-color: transparent; }

/*for mozilla*/
@charset "UTF-8";
/** 弹性布局 **/
.ourDetail {
  width: 100%;
  padding-top: 108px;
  position: relative;
  display: flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center; }
  .ourDetail .jbg {
    position: absolute;
    top: 120px;
    width: 124px;
    right: 0; }
  .ourDetail h1 {
    font-size: 25px;
    color: #333;
    font-weight: bold; }
  .ourDetail .ourHeader {
    font-size: 18px;
    font-weight: 100;
    color: #666;
    margin: 5px 0 28px 0; }
  .ourDetail .detail {
    width: 80%;
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column; }
    .ourDetail .detail span {
      font-size: 16px;
      margin: 0;
      font-weight: 200;
      line-height: normal; }
    .ourDetail .detail span:nth-last-child(1) {
      margin-top: 15px; }
  .ourDetail .videoDiv {
    margin-top: 52px;
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -webkit-box-pack: space-around;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -o-justify-content: space-around;
    justify-content: space-around;
    width: 485px;
    margin-bottom: 154px; }
    .ourDetail .videoDiv .bg {
      position: relative;
      width: 48vw;
      height: 21vw;
      background-color: rgba(151, 151, 151, 0.2);
      border-radius: 5px;
      -webkit-box-shadow: 0px 9px 30px 0px rgba(228, 228, 228, 0.7);
      -moz-box-shadow: 0px 9px 30px 0px rgba(228, 228, 228, 0.7);
      box-shadow: 0px 9px 30px 0px rgba(228, 228, 228, 0.7);
      margin-bottom: 40px;
      display: flexbox;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -o-justify-content: center;
      justify-content: center; }
      .ourDetail .videoDiv .bg .left {
        position: absolute;
        left: 0;
        height: 100%;
        width: 100px; }
      .ourDetail .videoDiv .bg .right {
        position: absolute;
        right: 0;
        height: 100%;
        width: 100px; }
      .ourDetail .videoDiv .bg .hides {
        display: none; }
    .ourDetail .videoDiv .video {
      height: 23vw;
      width: 41.1vw;
      -webkit-box-shadow: 0px 9px 30px 0px rgba(228, 228, 228, 0.7);
      -moz-box-shadow: 0px 9px 30px 0px rgba(228, 228, 228, 0.7);
      box-shadow: 0px 9px 30px 0px rgba(228, 228, 228, 0.7); }
      .ourDetail .videoDiv .video .video-js {
        width: 100%;
        height: 100%;
        border-radius: 5px; }
        .ourDetail .videoDiv .video .video-js .vjs-tech {
          width: 100%;
          border-radius: 5px;
          -webkit-box-shadow: 0px 12px 29px 7px rgba(228, 228, 228, 0.7);
          -moz-box-shadow: 0px 12px 29px 7px rgba(228, 228, 228, 0.7);
          box-shadow: 0px 12px 29px 7px rgba(228, 228, 228, 0.7); }
        .ourDetail .videoDiv .video .video-js .vjs-big-play-button {
          font-size: 4.5em;
          margin-left: -0.65em; }
    .ourDetail .videoDiv .joinBtn {
      cursor: pointer;
      width: 220px;
      height: 58px;
      border-radius: 20px;
      display: flexbox;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -o-justify-content: center;
      justify-content: center;
      border: none;
      background: url(data:image/png;base64,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) no-repeat center center;
      background-size: 100% 100%;
      color: #0663A3;
      font-weight: 400;
      font-size: 16px;
      text-align: center; }
  .ourDetail .introduction {
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    width: 100%;
    position: relative;
    height: 957px; }
    .ourDetail .introduction .mImg {
      position: absolute;
      left: 0;
      top: -36px;
      width: 124px; }
    .ourDetail .introduction ul {
      margin-top: -11px;
      display: flexbox;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      -o-flex-direction: column;
      flex-direction: column; }
      .ourDetail .introduction ul li {
        display: flexbox;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column; }
        .ourDetail .introduction ul li span {
          display: flexbox;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-flex-direction: row;
          -moz-flex-direction: row;
          -ms-flex-direction: row;
          -o-flex-direction: row;
          flex-direction: row;
          margin: 0;
          font-size: 16px;
          color: #666;
          font-weight: 200; }
        .ourDetail .introduction ul li .year {
          font-size: 36px;
          color: rgba(187, 187, 187, 0.5);
          margin-bottom: 15px;
          font-weight: bold; }
        .ourDetail .introduction ul li .spanM {
          margin-bottom: 16px; }
          .ourDetail .introduction ul li .spanM span:nth-child(1) {
            margin-right: 20px; }
    .ourDetail .introduction .left {
      position: absolute;
      width: 37%;
      left: 0; }
      .ourDetail .introduction .left ul {
        -webkit-box-align: flex-end;
        -webkit-align-items: flex-end;
        -moz-align-items: flex-end;
        -ms-align-items: flex-end;
        -o-align-items: flex-end;
        align-items: flex-end; }
      .ourDetail .introduction .left li:nth-child(1) {
        height: 454px;
        margin-bottom: 227px; }
    .ourDetail .introduction .middle {
      position: absolute;
      width: 3%;
      left: 49%; }
      .ourDetail .introduction .middle span {
        margin: 0; }
      .ourDetail .introduction .middle .dotted {
        height: 18px;
        width: 18px;
        background-color: #ffffff;
        border-radius: 18px;
        display: block;
        position: relative; }
        .ourDetail .introduction .middle .dotted .lines {
          height: 209px;
          width: 1px;
          background-color: #199ee1;
          display: block;
          position: absolute;
          top: 472px;
          left: 50%; }
        .ourDetail .introduction .middle .dotted .dot {
          height: 18px;
          width: 18px;
          background-color: #199ee1;
          border-radius: 18px;
          display: block;
          position: absolute;
          top: 681px; }
        .ourDetail .introduction .middle .dotted .lineP {
          top: 699px; }
        .ourDetail .introduction .middle .dotted .dashDot {
          height: 18px;
          width: 18px;
          border-radius: 18px;
          display: block;
          position: absolute;
          top: 454px;
          background-color: #199ee1;
          border-radius: 18px; }
        .ourDetail .introduction .middle .dotted .dashed {
          height: 454px;
          position: absolute;
          border: 0.5px dashed #199ee1;
          top: 0px;
          left: 50%; }
        .ourDetail .introduction .middle .dotted .lastDot {
          height: 18px;
          width: 18px;
          background-color: #199ee1;
          border-radius: 18px;
          display: block;
          position: absolute;
          top: 908px; }
    .ourDetail .introduction .right {
      margin-top: 454px;
      position: absolute;
      width: 36%;
      right: 0; }

.bgFooter {
  width: 100%; }

.ourFooter {
  width: 100%;
  background-size: 100%;
  padding-top: 120px;
  background: url(/images/footerMask.png) 50% no-repeat;
  background-size: 100% 100%;
  position: relative;
  display: flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center; }
  .ourFooter .iImg {
    position: absolute;
    right: 0px;
    width: 70px;
    top: -212px; }
  .ourFooter .contents {
    width: 100%;
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    margin-bottom: 154px; }
    .ourFooter .contents .title {
      width: 100%;
      padding-left: 4.5%;
      padding-right: 4.5%;
      margin-bottom: 16px;
      display: flexbox;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      -o-flex-direction: column;
      flex-direction: column; }
      .ourFooter .contents .title .text {
        margin-bottom: 35px;
        margin-top: 35px; }
        .ourFooter .contents .title .text span {
          line-height: 1;
          font-weight: bold;
          color: #34383C;
          font-size: 25px; }
      .ourFooter .contents .title .edit {
        display: flexbox;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        -o-flex-direction: row;
        flex-direction: row;
        width: 98px; }
      .ourFooter .contents .title .left {
        display: flexbox;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center; }
        .ourFooter .contents .title .left .leftDiv {
          width: 40px;
          height: 50px;
          cursor: pointer;
          display: flexbox;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -moz-justify-content: center;
          -ms-justify-content: center;
          -o-justify-content: center;
          justify-content: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-align-items: center;
          -ms-align-items: center;
          -o-align-items: center;
          align-items: center; }
        .ourFooter .contents .title .left .active {
          background-color: rgba(0, 0, 0, 0.16); }
        .ourFooter .contents .title .left img {
          height: 12px;
          width: auto; }
      .ourFooter .contents .title .left:nth-child(1) {
        margin-left: 2%; }
      .ourFooter .contents .title .left:nth-last-child(1) {
        margin-right: 2%; }
    .ourFooter .contents .culture {
      display: flexbox;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      -o-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: space-between;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      -o-justify-content: space-between;
      justify-content: space-between; }
      .ourFooter .contents .culture li {
        width: 26vw;
        height: 15vw;
        -webkit-box-shadow: 0 0 2rem 0 rgba(158, 189, 221, 0.5);
        -moz-box-shadow: 0 0 2rem 0 rgba(158, 189, 221, 0.5);
        box-shadow: 0 0 2rem 0 rgba(158, 189, 221, 0.5);
        border-radius: 4px;
        margin: 0 2%;
        position: relative; }
        .ourFooter .contents .culture li img {
          width: 100%;
          height: 100%;
          border-radius: 4px; }
        .ourFooter .contents .culture li .showWm {
          position: absolute;
          width: 100%;
          height: 100%;
          -webkit-transform-style: preserve-3d;
          -webkit-transition: .8s ease-in-out;
          /*动画元素背后设置为hidden*/
          -webkit-backface-visibility: hidden;
          -webkit-transform: rotateY(0);
          z-index: 2; }
          .ourFooter .contents .culture li .showWm img {
            width: 100%;
            height: 100%; }
        .ourFooter .contents .culture li .showLm {
          width: 100%;
          height: 100%;
          position: absolute;
          padding-left: 10%;
          padding-right: 10%;
          padding-top: 10%;
          background: #ffffff;
          border-radius: 4px;
          z-index: 1; }
          .ourFooter .contents .culture li .showLm h1 {
            font-size: 18px;
            color: #333;
            font-weight: 400;
            margin-bottom: 20%; }
          .ourFooter .contents .culture li .showLm span {
            font-size: 16px;
            color: #666;
            font-weight: 200; }

.fade-enter {
  opacity: 0;
  animation-duration: .5s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-play-state: paused; }

.fade-appear {
  opacity: 0;
  animation-duration: .5s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-play-state: paused; }

.fade-leave {
  animation-duration: .5s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-play-state: paused; }

.fade-enter.fade-enter-active {
  animation-name: fadeIn;
  animation-play-state: running; }

.fade-appear.fade-appear-active {
  animation-name: fadeIn;
  animation-play-state: running; }

.fade-leave.fade-leave-active {
  animation-name: fadeOut;
  animation-play-state: running; }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@charset "UTF-8";
/** 弹性布局 **/
.product {
  width: 100%;
  height: 100%;
  /****************手机、电脑分类的商品******************/ }
  .product .productPro {
    position: relative;
    height: 420px;
    width: 100%;
    padding-left: 68px;
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    /************顶部最右侧的下滑*******************/ }
    .product .productPro .carousel {
      width: 406px;
      height: 420px;
      background-color: #cccccc;
      margin-right: 40px;
      border-radius: 10px; }
      .product .productPro .carousel img {
        width: 100%;
        height: 100%; }
    .product .productPro .proDetail {
      width: 366px;
      display: flexbox;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      -o-flex-direction: column;
      flex-direction: column;
      font-size: .88rem;
      padding-top: 63px; }
      .product .productPro .proDetail h1 {
        font-weight: 400;
        color: #333;
        font-size: 1.3rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
      .product .productPro .proDetail .proContent {
        height: 224px;
        display: flexbox;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column; }
    .product .productPro .price {
      width: 126px;
      height: 36px;
      border-radius: 100px;
      background: -webkit-linear-gradient(left, #112a9d, #187be0, #04d8f3);
      /* Opera 11.1 - 12.0 */
      background: -o-linear-gradient(left, #112a9d, #187be0, #04d8f3);
      /* Firefox 3.6 - 15 */
      background: -moz-linear-gradient(left, #112a9d, #187be0, #04d8f3);
      /* 标准的语法 */
      background: linear-gradient(to right, #112a9d, #187be0, #04d8f3);
      display: flexbox;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      -o-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -o-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
      color: #ffffff; }
      .product .productPro .price span:nth-child(1) {
        font-size: 1rem; }
      .product .productPro .price span:nth-child(2) {
        font-size: .1rem;
        line-height: 1.3; }
    .product .productPro .productList {
      width: 110px;
      height: 420px;
      position: absolute;
      right: 0;
      -webkit-box-shadow: 0 0 1rem 0 rgba(237, 237, 237, 0.5);
      -moz-box-shadow: 0 0 1rem 0 rgba(237, 237, 237, 0.5);
      box-shadow: 0 0 1rem 0 rgba(237, 237, 237, 0.5); }
      .product .productPro .productList .rightList {
        width: 110px;
        height: 420px;
        display: flexbox;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center; }
        .product .productPro .productList .rightList li {
          display: flexbox;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-align-items: center;
          -ms-align-items: center;
          -o-align-items: center;
          align-items: center;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -moz-justify-content: center;
          -ms-justify-content: center;
          -o-justify-content: center;
          justify-content: center;
          -webkit-flex-direction: column;
          -moz-flex-direction: column;
          -ms-flex-direction: column;
          -o-flex-direction: column;
          flex-direction: column;
          cursor: pointer;
          height: 120px; }
          .product .productPro .productList .rightList li .small {
            height: 120px;
            display: flexbox;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-align-items: center;
            -ms-align-items: center;
            -o-align-items: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -moz-justify-content: center;
            -ms-justify-content: center;
            -o-justify-content: center;
            justify-content: center;
            -webkit-flex-direction: column;
            -moz-flex-direction: column;
            -ms-flex-direction: column;
            -o-flex-direction: column;
            flex-direction: column; }
          .product .productPro .productList .rightList li .big {
            width: 120px;
            height: 120px;
            display: flexbox;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-align-items: center;
            -ms-align-items: center;
            -o-align-items: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -moz-justify-content: center;
            -ms-justify-content: center;
            -o-justify-content: center;
            justify-content: center;
            -webkit-box-shadow: 0 0 1.2rem 0 rgba(0, 0, 0, 0.17);
            -moz-box-shadow: 0 0 1.2rem 0 rgba(0, 0, 0, 0.17);
            box-shadow: 0 0 1.2rem 0 rgba(0, 0, 0, 0.17);
            background-color: #ffffff; }
            .product .productPro .productList .rightList li .big img {
              height: 70px;
              width: auto; }
          .product .productPro .productList .rightList li img {
            height: 50px;
            width: auto;
            margin-bottom: 14px; }
          .product .productPro .productList .rightList li h1 {
            font-size: .7rem;
            color: #666; }
          .product .productPro .productList .rightList li span {
            color: #333;
            font-size: .8rem; }
        .product .productPro .productList .rightList li:nth-child(1) {
          height: 24px; }
          .product .productPro .productList .rightList li:nth-child(1) img {
            height: 8px;
            width: auto;
            margin: 0; }
        .product .productPro .productList .rightList li:nth-last-child(1) {
          height: 24px; }
          .product .productPro .productList .rightList li:nth-last-child(1) img {
            height: 8px;
            width: auto;
            margin: 0; }
  .product .process {
    width: 100%;
    padding-top: 80px;
    margin-bottom: 180px;
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column; }
    .product .process h1 {
      font-size: 28px;
      font-weight: 200;
      color: #333;
      margin-bottom: 10px; }
    .product .process .line {
      width: 20px;
      height: 2px;
      background-color: #333333;
      margin-bottom: 40px; }
    .product .process ul {
      width: 80%;
      display: flexbox;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      -o-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -o-justify-content: center;
      justify-content: center; }
      .product .process ul li {
        width: 100px;
        margin: 0 3%;
        display: flexbox;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center; }
        .product .process ul li img {
          height: 40px;
          width: auto;
          margin-bottom: 14px; }
        .product .process ul li span {
          font-size: 16px;
          font-weight: 200; }
  .product .classifyDetail {
    padding-left: 4.5%;
    padding-right: 4.5%;
    margin-top: 100px;
    margin-bottom: 150px;
    width: 100%; }
    .product .classifyDetail .classifyPro {
      margin-left: 34px;
      margin-right: 34px;
      display: flexbox;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      -o-flex-direction: column;
      flex-direction: column;
      margin-bottom: 90px; }
      .product .classifyDetail .classifyPro .topMain {
        width: 100%;
        margin-bottom: 80px;
        display: flexbox;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        -o-flex-direction: row;
        flex-direction: row; }
        .product .classifyDetail .classifyPro .topMain .lefts {
          margin-right: 9%; }
          .product .classifyDetail .classifyPro .topMain .lefts span {
            font-size: 16px;
            color: #666;
            font-weight: 200; }
          .product .classifyDetail .classifyPro .topMain .lefts h1 {
            font-size: 25px;
            font-weight: bold;
            color: #333; }
        .product .classifyDetail .classifyPro .topMain .btnLeft {
          display: flexbox;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-align-items: center;
          -ms-align-items: center;
          -o-align-items: center;
          align-items: center;
          margin-right: 2%; }
        .product .classifyDetail .classifyPro .topMain .classifyList {
          display: flexbox;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          width: 65%; }
          .product .classifyDetail .classifyPro .topMain .classifyList li {
            width: 27vw;
            height: 22vw;
            display: flexbox;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-direction: column;
            -moz-flex-direction: column;
            -ms-flex-direction: column;
            -o-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-align-items: center;
            -ms-align-items: center;
            -o-align-items: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -moz-justify-content: center;
            -ms-justify-content: center;
            -o-justify-content: center;
            justify-content: center;
            margin: 0 3%;
            cursor: pointer;
            -webkit-box-shadow: 0 16px 56px 9px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: 0 16px 56px 9px rgba(0, 0, 0, 0.1);
            box-shadow: 0 16px 56px 9px rgba(0, 0, 0, 0.1);
            border-radius: 2px; }
            .product .classifyDetail .classifyPro .topMain .classifyList li img {
              max-height: 100%;
              max-width: 100%; }
            .product .classifyDetail .classifyPro .topMain .classifyList li .subImg {
              width: 80%;
              height: 55%;
              overflow: hidden;
              display: flexbox;
              display: -webkit-box;
              display: -moz-box;
              display: -ms-flexbox;
              display: -webkit-flex;
              display: flex;
              -webkit-box-align: center;
              -webkit-align-items: center;
              -moz-align-items: center;
              -ms-align-items: center;
              -o-align-items: center;
              align-items: center;
              -webkit-box-pack: center;
              -webkit-justify-content: center;
              -moz-justify-content: center;
              -ms-justify-content: center;
              -o-justify-content: center;
              justify-content: center;
              margin-top: 6%;
              margin-bottom: 4%; }
            .product .classifyDetail .classifyPro .topMain .classifyList li h1 {
              font-size: 16px;
              color: #666;
              font-weight: 200;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
              width: 80%;
              text-align: center;
              margin-bottom: 1%;
              margin-top: 4%; }
            .product .classifyDetail .classifyPro .topMain .classifyList li .price {
              color: #666;
              font-size: 12px;
              display: flexbox;
              display: -webkit-box;
              display: -moz-box;
              display: -ms-flexbox;
              display: -webkit-flex;
              display: flex;
              -webkit-box-align: center;
              -webkit-align-items: center;
              -moz-align-items: center;
              -ms-align-items: center;
              -o-align-items: center;
              align-items: center; }
              .product .classifyDetail .classifyPro .topMain .classifyList li .price b {
                font-size: 20px;
                color: #333;
                font-weight: bold; }
              .product .classifyDetail .classifyPro .topMain .classifyList li .price .icon {
                display: flexbox;
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex; }
                .product .classifyDetail .classifyPro .topMain .classifyList li .price .icon span:nth-child(1) {
                  padding-top: 2px;
                  margin-right: 3px; }
              .product .classifyDetail .classifyPro .topMain .classifyList li .price span:nth-last-child(1) {
                margin-left: 3px;
                padding-top: 2px; }
        .product .classifyDetail .classifyPro .topMain .btnRight {
          margin-left: 2%;
          display: flexbox;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-align-items: center;
          -ms-align-items: center;
          -o-align-items: center;
          align-items: center; }
        .product .classifyDetail .classifyPro .topMain .bgDiv {
          display: flexbox;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-align-items: center;
          -ms-align-items: center;
          -o-align-items: center;
          align-items: center;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -moz-justify-content: center;
          -ms-justify-content: center;
          -o-justify-content: center;
          justify-content: center;
          width: 55px;
          height: 60px;
          cursor: pointer; }
          .product .classifyDetail .classifyPro .topMain .bgDiv img {
            height: 12px;
            width: auto; }
        .product .classifyDetail .classifyPro .topMain .active {
          background-color: rgba(0, 0, 0, 0.08); }
      .product .classifyDetail .classifyPro .mainImg {
        width: 100%;
        position: relative;
        max-height: 350px; }
        .product .classifyDetail .classifyPro .mainImg img {
          width: 100%;
          height: auto; }
        .product .classifyDetail .classifyPro .mainImg .imgPro {
          position: absolute;
          top: 30%;
          width: 100%; }
          .product .classifyDetail .classifyPro .mainImg .imgPro h1 {
            font-size: 24px;
            color: #ffffff;
            text-align: center;
            font-weight: bold;
            margin-bottom: 2%; }
          .product .classifyDetail .classifyPro .mainImg .imgPro span {
            display: block;
            font-weight: 200;
            color: #ffffff;
            font-size: 13px;
            text-align: center; }

.proFooter {
  position: relative;
  width: 100%; }

.classifyDetail {
  position: relative;
  z-index: 22; }

.proPages {
  height: 100%;
  width: 100%; }
  .proPages .maskSecond img {
    margin-top: 17px;
    margin-bottom: 2px; }
  .proPages .maskSecond span:nth-child(2) {
    font-size: 15px;
    color: #333;
    font-weight: 400; }
  .proPages .maskSecond span:nth-child(3) {
    font-size: 13px; }
  .proPages .banners {
    width: 100%;
    height: 100%;
    background: url(/images/1屏.png) 50% no-repeat;
    background-size: cover;
    position: relative; }
    .proPages .banners .text {
      position: absolute;
      color: #ffffff;
      bottom: 31%;
      left: 12%; }
      .proPages .banners .text p {
        color: #ffffff;
        font-size: 40px;
        font-weight: bold; }
      .proPages .banners .text p:nth-child(1) {
        font-size: 94px;
        font-weight: bold; }
      .proPages .banners .text p:nth-child(2) {
        font-size: 59px;
        font-weight: bold; }
      .proPages .banners .text img {
        width: auto;
        height: 120px;
        margin-left: -35px;
        margin-top: 23px; }
    .proPages .banners .processNew {
      width: 100%;
      position: absolute;
      bottom: 0;
      height: 100px;
      background-color: rgba(0, 0, 0, 0.26);
      display: flexbox;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      -o-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center; }
      .proPages .banners .processNew .line {
        margin-left: 4.5%;
        width: 18px;
        height: 4px;
        border-radius: 2px;
        background-color: #ffffff;
        display: inline-block;
        margin-right: 16px; }
      .proPages .banners .processNew .titles {
        font-size: 25px;
        color: #ffffff;
        font-weight: bold;
        margin-right: 13.2%; }
      .proPages .banners .processNew ul {
        width: 68%;
        display: flexbox;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        -o-flex-direction: row;
        flex-direction: row; }
        .proPages .banners .processNew ul li {
          display: flexbox;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-flex-direction: column;
          -moz-flex-direction: column;
          -ms-flex-direction: column;
          -o-flex-direction: column;
          flex-direction: column;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-align-items: center;
          -ms-align-items: center;
          -o-align-items: center;
          align-items: center;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -moz-justify-content: center;
          -ms-justify-content: center;
          -o-justify-content: center;
          justify-content: center;
          margin: 0 4%;
          position: relative; }
          .proPages .banners .processNew ul li img {
            width: auto;
            height: 42px;
            margin-bottom: 10px; }
          .proPages .banners .processNew ul li span {
            font-size: 14px;
            color: #fff;
            font-weight: 200; }
@charset "UTF-8";
/** 弹性布局 **/
.prompt {
  z-index: 100;
  position: absolute;
  top: -132px;
  height: 120px;
  width: 120px;
  background-color: #fff;
  left: 50%;
  margin-left: -60px;
  -webkit-box-shadow: 0 0 12px 3px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 0 12px 3px rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 12px 3px rgba(0, 0, 0, 0.08);
  border-radius: 5px; }
  .prompt img {
    top: 5%;
    left: 5%;
    position: absolute;
    width: 90% !important;
    height: 90% !important; }

.prompt:after {
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
  left: 49.5%;
  margin-left: -5px;
  top: 100%;
  content: " ";
  border-top: 5px solid  #fff;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent; }

.prompt:before {
  position: absolute;
  width: 0;
  height: 0;
  left: 50%;
  margin-left: -5px;
  top: 100%;
  content: " ";
  border-top: 5px solid  #fff;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent; }
@charset "UTF-8";
/** 弹性布局 **/
.recycleDetail .content {
  background: url(/images/背景图_中.png) no-repeat 100% 100%;
  background-size: contain;
  margin-top: -6px; }
  .recycleDetail .content .productClauses {
    width: 100%;
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    padding-top: 90px;
    padding-bottom: 96px; }
    .recycleDetail .content .productClauses li {
      width: 14vw;
      height: 14vw;
      margin: 0 1.5%;
      position: relative;
      -webkit-box-shadow: 0px 9px 30px 0px rgba(228, 228, 228, 0.7);
      -moz-box-shadow: 0px 9px 30px 0px rgba(228, 228, 228, 0.7);
      box-shadow: 0px 9px 30px 0px rgba(228, 228, 228, 0.7);
      border-radius: 12px; }
      .recycleDetail .content .productClauses li img {
        width: 100%;
        height: 100%; }
      .recycleDetail .content .productClauses li span {
        position: absolute;
        font-size: 16px;
        top: 13px;
        left: 20px;
        font-weight: 400; }
      .recycleDetail .content .productClauses li .whites {
        color: #333; }
      .recycleDetail .content .productClauses li .blacks {
        color: #333; }
  .recycleDetail .content .serviceProcess {
    width: 100%;
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center; }
    .recycleDetail .content .serviceProcess h1 {
      font-size: 25px;
      color: #333;
      font-weight: bold;
      margin-bottom: 5px;
      line-height: 1.5; }
    .recycleDetail .content .serviceProcess span {
      font-size: 15px;
      color: #666;
      line-height: 1.5;
      font-weight: 200; }
    .recycleDetail .content .serviceProcess ul {
      width: 100%;
      padding-top: 48px;
      padding-bottom: 69px;
      display: flexbox;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      -o-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -o-justify-content: center;
      justify-content: center; }
      .recycleDetail .content .serviceProcess ul li {
        display: flexbox;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        margin: 0 4.5%; }
        .recycleDetail .content .serviceProcess ul li .seviceDiv {
          height: 73px;
          width: 100%;
          margin-bottom: 20px;
          display: flexbox;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -moz-justify-content: center;
          -ms-justify-content: center;
          -o-justify-content: center;
          justify-content: center; }
        .recycleDetail .content .serviceProcess ul li img {
          width: auto;
          height: 100%;
          font-size: 0;
          display: block;
          margin-bottom: 15px; }
        .recycleDetail .content .serviceProcess ul li span {
          font-size: 16px;
          color: #666;
          font-weight: 100; }

.recycleFooter {
  position: relative;
  height: 300px;
  width: 100%;
  padding-top: 58px;
  background-color: #f8fafc;
  display: flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center; }
  .recycleFooter .listProcess {
    width: 100%;
    padding-left: 4.5%;
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row; }
    .recycleFooter .listProcess h1 {
      font-size: 25px;
      color: #333;
      margin-bottom: 13px;
      margin-right: 12%;
      font-weight: bold; }
    .recycleFooter .listProcess .lines {
      height: 2px;
      width: 20px;
      background-color: #333;
      border-radius: 2px;
      margin-bottom: 45px; }
    .recycleFooter .listProcess .special li:nth-last-child(1) img {
      margin-top: 2px; }
    .recycleFooter .listProcess .special li:nth-last-child(1) span {
      margin-top: -2px; }
    .recycleFooter .listProcess ul {
      width: 61%;
      display: flexbox;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      -o-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: space-between;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      -o-justify-content: space-between;
      justify-content: space-between; }
      .recycleFooter .listProcess ul li {
        height: 80px;
        display: flexbox;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        position: relative; }
        .recycleFooter .listProcess ul li img {
          width: auto;
          height: 42px;
          margin-bottom: 13px; }
        .recycleFooter .listProcess ul li span {
          font-size: 16px; }

.recyclePage {
  width: 100%;
  height: 100%; }
  .recyclePage .banner {
    height: 100%;
    width: 100%;
    position: relative;
    background: url(/images/目录.png) 50% no-repeat;
    background-size: cover; }
    .recyclePage .banner .text {
      position: absolute;
      color: #ffffff;
      top: 37%;
      left: 10%; }
      .recyclePage .banner .text h1 {
        font-size: 40px;
        color: #fff;
        font-weight: bold;
        margin-bottom: 10px; }
      .recyclePage .banner .text p {
        font-size: 16px;
        line-height: 1.2;
        color: #ffffff;
        font-weight: 100; }
      .recyclePage .banner .text .smallPhone {
        margin-top: 84px;
        display: flexbox;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex; }
        .recyclePage .banner .text .smallPhone img {
          height: 73px;
          width: auto;
          margin-right: 24px;
          margin-left: -12px; }
    .recyclePage .banner .bannerRe {
      width: auto;
      height: 50%;
      position: absolute;
      right: 0;
      bottom: 20%; }
@charset "UTF-8";
/** 弹性布局 **/
.repairPage {
  width: 100%;
  height: 100%; }

.bg-Img {
  width: 100%;
  height: 100%;
  position: relative;
  background: url(/images/1.png) 50% no-repeat;
  background-size: cover; }
  .bg-Img .bannerimg {
    width: 100%;
    height: 100%;
    font-size: 0; }
  .bg-Img .text {
    position: absolute;
    color: #ffffff;
    top: 37%;
    left: 10%; }
    .bg-Img .text h1 {
      font-size: 40px;
      color: #ffffff;
      font-weight: bold;
      margin-bottom: 10px; }
    .bg-Img .text p {
      font-size: 16px;
      color: #ffffff;
      font-weight: 200; }
    .bg-Img .text .smallPhone {
      margin-top: 107px;
      display: flexbox;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex; }
      .bg-Img .text .smallPhone img {
        height: 73px;
        width: auto;
        margin-right: 24px;
        margin-left: -12px; }

.banner2 {
  margin-top: -6px;
  width: 100%;
  display: flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  overflow: hidden; }
  .banner2 h1 {
    color: #333;
    font-size: 28px;
    font-weight: 300;
    margin-top: 150px; }
  .banner2 span {
    font-size: 18px;
    color: #666;
    font-weight: 200; }
  .banner2 img {
    width: 100%;
    height: 100%; }

img {
  font-size: 0; }
@charset "UTF-8";
/** 弹性布局 **/
.serviceDetail {
  width: 100%;
  display: flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center; }
  .serviceDetail .top {
    width: 100%; }
    .serviceDetail .top img {
      width: 100%;
      height: auto; }
  .serviceDetail .list {
    margin-top: 70px;
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    margin-bottom: 129px; }
    .serviceDetail .list h1 {
      font-size: 25px;
      color: #34383C;
      font-weight: bold; }
    .serviceDetail .list span {
      color: #666;
      font-size: 1rem;
      margin-top: 5px;
      margin-bottom: 36px; }
    .serviceDetail .list ul {
      display: flexbox;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      -o-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center; }
      .serviceDetail .list ul li {
        height: 154px;
        width: 154px;
        display: flexbox;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
        background-color: #F8FAFC;
        margin: 0 76px;
        border-radius: 2px;
        cursor: pointer; }
        .serviceDetail .list ul li img {
          height: 65px;
          width: auto;
          margin-bottom: 20px; }
        .serviceDetail .list ul li span {
          margin: 0; }
  .serviceDetail .link {
    margin-top: 0;
    margin-bottom: 171px; }
    .serviceDetail .link h1 {
      margin-bottom: 43px; }
    .serviceDetail .link .showRight {
      background-color: #F8FAFC;
      height: 154px;
      width: 154px;
      display: flexbox;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      -o-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -o-justify-content: center;
      justify-content: center;
      position: absolute;
      transform-style: preserve-3d;
      -webkit-transform-style: preserve-3d;
      transition: .8s ease-in-out;
      -moz-transition: .8s ease-in-out;
      /* Firefox 4 */
      -o-transition: .8s ease-in-out;
      -webkit-transition: .8s ease-in-out;
      /*动画元素背后设置为hidden*/
      -webkit-backface-visibility: hidden;
      transform: rotateY(0);
      -webkit-transform: rotateY(0);
      /* for Chrome || Safari */
      -moz-transform: rotateY(0);
      /* for Firefox */
      -ms-transform: rotateY(0);
      /* for IE */
      -o-transform: rotateY(0);
      z-index: 2; }
    .serviceDetail .link .proLeft {
      position: absolute;
      display: flexbox;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      -o-flex-direction: column;
      flex-direction: column;
      background-color: #F8FAFC;
      padding-top: 16px;
      padding-left: 16px;
      z-index: 1; }
      .serviceDetail .link .proLeft .tops {
        margin-bottom: 23px; }
      .serviceDetail .link .proLeft h1 {
        color: #333;
        font-size: 14px;
        margin-bottom: 0;
        font-weight: 300; }
      .serviceDetail .link .proLeft span {
        color: #666;
        font-size: 14px; }
    .serviceDetail .link .posLi {
      width: 100%;
      height: 100%;
      position: relative;
      perspective: 800px;
      -webkit-perspective: 800px;
      -moz-perspective: 800px;
      display: inline-block; }
    .serviceDetail .link .posLi:hover .showRight {
      transform: rotateY(-180deg);
      -webkit-transform: rotateY(-180deg);
      /* for Chrome || Safari */
      -moz-transform: rotateY(-180deg);
      /* for Firefox */
      -ms-transform: rotateY(-180deg);
      /* for IE */
      -o-transform: rotateY(-180deg); }
    .serviceDetail .link .posLi:hover .proLeft {
      transform: rotateY(0);
      -webkit-transform: rotateY(0);
      /* for Chrome || Safari */
      -moz-transform: rotateY(0);
      /* for Firefox */
      -ms-transform: rotateY(0);
      /* for IE */
      -o-transform: rotateY(0); }

.serFooter {
  position: relative;
  width: 100%; }

.servicePage {
  height: 100%;
  width: 100%; }
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable declaration-bang-space-before */
/* stylelint-disable declaration-bang-space-before */
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  /* stylelint-disable-line */
  font-size: 1em;
  /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}
/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  /* stylelint-disable-line */
  font-size: 1em;
  /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
@font-face {
  font-family: "Helvetica Neue For Number";
  src: local("Helvetica Neue");
  unicode-range: U+30-39;
}
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
html,
body {
  width: 100%;
  height: 100%;
}
body {
  font-family: "Helvetica Neue For Number", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  margin: 0;
  padding: 0;
}
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
input[type="text"],
textarea {
  -webkit-appearance: none;
}
ul,
ol {
  list-style: none;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
::-moz-selection {
  background: #108ee9;
  color: #fff;
}
::selection {
  background: #108ee9;
  color: #fff;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
}
a {
  color: #108ee9;
  background: transparent;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  -webkit-transition: color .3s ease;
  transition: color .3s ease;
}
a:focus {
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip: ink;
}
a:hover {
  color: #49a9ee;
}
a:active {
  color: #0e77ca;
}
a:active,
a:hover {
  outline: 0;
  text-decoration: none;
}
a[disabled] {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
  pointer-events: none;
}
.ant-divider {
  margin: 0 6px;
  display: inline-block;
  height: 8px;
  width: 1px;
  background: #ccc;
}
code,
kbd,
pre,
samp {
  font-family: Consolas, Menlo, Courier, monospace;
}
.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}
@font-face {
  font-family: 'anticon';
  src: url('https://at.alicdn.com/t/font_zck90zmlh7hf47vi.eot');
  /* IE9*/
  src: url('https://at.alicdn.com/t/font_zck90zmlh7hf47vi.eot?#iefix') format('embedded-opentype'), /* chrome、firefox */ url('https://at.alicdn.com/t/font_zck90zmlh7hf47vi.woff') format('woff'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('https://at.alicdn.com/t/font_zck90zmlh7hf47vi.ttf') format('truetype'), /* iOS 4.1- */ url('https://at.alicdn.com/t/font_zck90zmlh7hf47vi.svg#iconfont') format('svg');
}
.anticon {
  display: inline-block;
  font-style: normal;
  vertical-align: baseline;
  text-align: center;
  text-transform: none;
  line-height: 1;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon:before {
  display: block;
  font-family: "anticon" !important;
}
.anticon-step-forward:before {
  content: "\E600";
}
.anticon-step-backward:before {
  content: "\E601";
}
.anticon-forward:before {
  content: "\E602";
}
.anticon-backward:before {
  content: "\E603";
}
.anticon-caret-right:before {
  content: "\E604";
}
.anticon-caret-left:before {
  content: "\E605";
}
.anticon-caret-down:before {
  content: "\E606";
}
.anticon-caret-up:before {
  content: "\E607";
}
.anticon-right-circle:before {
  content: "\E608";
}
.anticon-circle-right:before {
  content: "\E608";
}
.anticon-caret-circle-right:before {
  content: "\E608";
}
.anticon-left-circle:before {
  content: "\E609";
}
.anticon-circle-left:before {
  content: "\E609";
}
.anticon-caret-circle-left:before {
  content: "\E609";
}
.anticon-up-circle:before {
  content: "\E60A";
}
.anticon-circle-up:before {
  content: "\E60A";
}
.anticon-caret-circle-up:before {
  content: "\E60A";
}
.anticon-down-circle:before {
  content: "\E60B";
}
.anticon-circle-down:before {
  content: "\E60B";
}
.anticon-caret-circle-down:before {
  content: "\E60B";
}
.anticon-right-circle-o:before {
  content: "\E60C";
}
.anticon-circle-o-right:before {
  content: "\E60C";
}
.anticon-caret-circle-o-right:before {
  content: "\E60C";
}
.anticon-left-circle-o:before {
  content: "\E60D";
}
.anticon-circle-o-left:before {
  content: "\E60D";
}
.anticon-caret-circle-o-left:before {
  content: "\E60D";
}
.anticon-up-circle-o:before {
  content: "\E60E";
}
.anticon-circle-o-up:before {
  content: "\E60E";
}
.anticon-caret-circle-o-up:before {
  content: "\E60E";
}
.anticon-down-circle-o:before {
  content: "\E60F";
}
.anticon-circle-o-down:before {
  content: "\E60F";
}
.anticon-caret-circle-o-down:before {
  content: "\E60F";
}
.anticon-verticle-left:before {
  content: "\E610";
}
.anticon-verticle-right:before {
  content: "\E611";
}
.anticon-rollback:before {
  content: "\E612";
}
.anticon-retweet:before {
  content: "\E613";
}
.anticon-shrink:before {
  content: "\E614";
}
.anticon-arrows-alt:before {
  content: "\E615";
}
.anticon-arrow-salt:before {
  content: "\E615";
}
.anticon-reload:before {
  content: "\E616";
}
.anticon-double-right:before {
  content: "\E617";
}
.anticon-double-left:before {
  content: "\E618";
}
.anticon-arrow-down:before {
  content: "\E619";
}
.anticon-arrow-up:before {
  content: "\E61A";
}
.anticon-arrow-right:before {
  content: "\E61B";
}
.anticon-arrow-left:before {
  content: "\E61C";
}
.anticon-down:before {
  content: "\E61D";
}
.anticon-up:before {
  content: "\E61E";
}
.anticon-right:before {
  content: "\E61F";
}
.anticon-left:before {
  content: "\E620";
}
.anticon-minus-square-o:before {
  content: "\E621";
}
.anticon-minus-circle:before {
  content: "\E622";
}
.anticon-minus-circle-o:before {
  content: "\E623";
}
.anticon-minus:before {
  content: "\E624";
}
.anticon-plus-circle-o:before {
  content: "\E625";
}
.anticon-plus-circle:before {
  content: "\E626";
}
.anticon-plus:before {
  content: "\E627";
}
.anticon-info-circle:before {
  content: "\E628";
}
.anticon-info-circle-o:before {
  content: "\E629";
}
.anticon-info:before {
  content: "\E62A";
}
.anticon-exclamation:before {
  content: "\E62B";
}
.anticon-exclamation-circle:before {
  content: "\E62C";
}
.anticon-exclamation-circle-o:before {
  content: "\E62D";
}
.anticon-close-circle:before {
  content: "\E62E";
}
.anticon-cross-circle:before {
  content: "\E62E";
}
.anticon-close-circle-o:before {
  content: "\E62F";
}
.anticon-cross-circle-o:before {
  content: "\E62F";
}
.anticon-check-circle:before {
  content: "\E630";
}
.anticon-check-circle-o:before {
  content: "\E631";
}
.anticon-check:before {
  content: "\E632";
}
.anticon-close:before {
  content: "\E633";
}
.anticon-cross:before {
  content: "\E633";
}
.anticon-customer-service:before {
  content: "\E634";
}
.anticon-customerservice:before {
  content: "\E634";
}
.anticon-credit-card:before {
  content: "\E635";
}
.anticon-code-o:before {
  content: "\E636";
}
.anticon-book:before {
  content: "\E637";
}
.anticon-bar-chart:before {
  content: "\E638";
}
.anticon-bars:before {
  content: "\E639";
}
.anticon-question:before {
  content: "\E63A";
}
.anticon-question-circle:before {
  content: "\E63B";
}
.anticon-question-circle-o:before {
  content: "\E63C";
}
.anticon-pause:before {
  content: "\E63D";
}
.anticon-pause-circle:before {
  content: "\E63E";
}
.anticon-pause-circle-o:before {
  content: "\E63F";
}
.anticon-clock-circle:before {
  content: "\E640";
}
.anticon-clock-circle-o:before {
  content: "\E641";
}
.anticon-swap:before {
  content: "\E642";
}
.anticon-swap-left:before {
  content: "\E643";
}
.anticon-swap-right:before {
  content: "\E644";
}
.anticon-plus-square-o:before {
  content: "\E645";
}
.anticon-frown:before {
  content: "\E646";
}
.anticon-frown-circle:before {
  content: "\E646";
}
.anticon-ellipsis:before {
  content: "\E647";
}
.anticon-copy:before {
  content: "\E648";
}
.anticon-menu-fold:before {
  content: "\E658";
}
.anticon-mail:before {
  content: "\E659";
}
.anticon-logout:before {
  content: "\E65A";
}
.anticon-link:before {
  content: "\E65B";
}
.anticon-area-chart:before {
  content: "\E65C";
}
.anticon-line-chart:before {
  content: "\E65D";
}
.anticon-home:before {
  content: "\E65E";
}
.anticon-laptop:before {
  content: "\E65F";
}
.anticon-star:before {
  content: "\E660";
}
.anticon-star-o:before {
  content: "\E661";
}
.anticon-folder:before {
  content: "\E662";
}
.anticon-filter:before {
  content: "\E663";
}
.anticon-file:before {
  content: "\E664";
}
.anticon-exception:before {
  content: "\E665";
}
.anticon-meh:before {
  content: "\E666";
}
.anticon-meh-circle:before {
  content: "\E666";
}
.anticon-meh-o:before {
  content: "\E667";
}
.anticon-shopping-cart:before {
  content: "\E668";
}
.anticon-save:before {
  content: "\E669";
}
.anticon-user:before {
  content: "\E66A";
}
.anticon-video-camera:before {
  content: "\E66B";
}
.anticon-to-top:before {
  content: "\E66C";
}
.anticon-team:before {
  content: "\E66D";
}
.anticon-tablet:before {
  content: "\E66E";
}
.anticon-solution:before {
  content: "\E66F";
}
.anticon-search:before {
  content: "\E670";
}
.anticon-share-alt:before {
  content: "\E671";
}
.anticon-setting:before {
  content: "\E672";
}
.anticon-poweroff:before {
  content: "\E6D5";
}
.anticon-picture:before {
  content: "\E674";
}
.anticon-phone:before {
  content: "\E675";
}
.anticon-paper-clip:before {
  content: "\E676";
}
.anticon-notification:before {
  content: "\E677";
}
.anticon-mobile:before {
  content: "\E678";
}
.anticon-menu-unfold:before {
  content: "\E679";
}
.anticon-inbox:before {
  content: "\E67A";
}
.anticon-lock:before {
  content: "\E67B";
}
.anticon-qrcode:before {
  content: "\E67C";
}
.anticon-play-circle:before {
  content: "\E6D0";
}
.anticon-play-circle-o:before {
  content: "\E6D1";
}
.anticon-tag:before {
  content: "\E6D2";
}
.anticon-tag-o:before {
  content: "\E6D3";
}
.anticon-tags:before {
  content: "\E67D";
}
.anticon-tags-o:before {
  content: "\E67E";
}
.anticon-cloud-o:before {
  content: "\E67F";
}
.anticon-cloud:before {
  content: "\E680";
}
.anticon-cloud-upload:before {
  content: "\E681";
}
.anticon-cloud-download:before {
  content: "\E682";
}
.anticon-cloud-download-o:before {
  content: "\E683";
}
.anticon-cloud-upload-o:before {
  content: "\E684";
}
.anticon-environment:before {
  content: "\E685";
}
.anticon-environment-o:before {
  content: "\E686";
}
.anticon-eye:before {
  content: "\E687";
}
.anticon-eye-o:before {
  content: "\E688";
}
.anticon-camera:before {
  content: "\E689";
}
.anticon-camera-o:before {
  content: "\E68A";
}
.anticon-windows:before {
  content: "\E68B";
}
.anticon-apple:before {
  content: "\E68C";
}
.anticon-apple-o:before {
  content: "\E6D4";
}
.anticon-android:before {
  content: "\E938";
}
.anticon-android-o:before {
  content: "\E68D";
}
.anticon-aliwangwang:before {
  content: "\E68E";
}
.anticon-aliwangwang-o:before {
  content: "\E68F";
}
.anticon-export:before {
  content: "\E691";
}
.anticon-edit:before {
  content: "\E692";
}
.anticon-circle-down-o:before {
  content: "\E693";
}
.anticon-circle-down-:before {
  content: "\E694";
}
.anticon-appstore-o:before {
  content: "\E695";
}
.anticon-appstore:before {
  content: "\E696";
}
.anticon-scan:before {
  content: "\E697";
}
.anticon-file-text:before {
  content: "\E698";
}
.anticon-folder-open:before {
  content: "\E699";
}
.anticon-hdd:before {
  content: "\E69A";
}
.anticon-ie:before {
  content: "\E69B";
}
.anticon-file-jpg:before {
  content: "\E69C";
}
.anticon-like:before {
  content: "\E64C";
}
.anticon-like-o:before {
  content: "\E69D";
}
.anticon-dislike:before {
  content: "\E64B";
}
.anticon-dislike-o:before {
  content: "\E69E";
}
.anticon-delete:before {
  content: "\E69F";
}
.anticon-enter:before {
  content: "\E6A0";
}
.anticon-pushpin-o:before {
  content: "\E6A1";
}
.anticon-pushpin:before {
  content: "\E6A2";
}
.anticon-heart:before {
  content: "\E6A3";
}
.anticon-heart-o:before {
  content: "\E6A4";
}
.anticon-pay-circle:before {
  content: "\E6A5";
}
.anticon-pay-circle-o:before {
  content: "\E6A6";
}
.anticon-smile:before {
  content: "\E6A7";
}
.anticon-smile-circle:before {
  content: "\E6A7";
}
.anticon-smile-o:before {
  content: "\E6A8";
}
.anticon-frown-o:before {
  content: "\E6A9";
}
.anticon-calculator:before {
  content: "\E6AA";
}
.anticon-message:before {
  content: "\E6AB";
}
.anticon-chrome:before {
  content: "\E6AC";
}
.anticon-github:before {
  content: "\E6AD";
}
.anticon-file-unknown:before {
  content: "\E6AF";
}
.anticon-file-excel:before {
  content: "\E6B0";
}
.anticon-file-ppt:before {
  content: "\E6B1";
}
.anticon-file-word:before {
  content: "\E6B2";
}
.anticon-file-pdf:before {
  content: "\E6B3";
}
.anticon-desktop:before {
  content: "\E6B4";
}
.anticon-upload:before {
  content: "\E6B6";
}
.anticon-download:before {
  content: "\E6B7";
}
.anticon-pie-chart:before {
  content: "\E6B8";
}
.anticon-unlock:before {
  content: "\E6BA";
}
.anticon-calendar:before {
  content: "\E6BB";
}
.anticon-windows-o:before {
  content: "\E6BC";
}
.anticon-dot-chart:before {
  content: "\E6BD";
}
.anticon-bar-chart:before {
  content: "\E6BE";
}
.anticon-code:before {
  content: "\E6BF";
}
.anticon-api:before {
  content: "\E951";
}
.anticon-plus-square:before {
  content: "\E6C0";
}
.anticon-minus-square:before {
  content: "\E6C1";
}
.anticon-close-square:before {
  content: "\E6C2";
}
.anticon-close-square-o:before {
  content: "\E6C3";
}
.anticon-check-square:before {
  content: "\E6C4";
}
.anticon-check-square-o:before {
  content: "\E6C5";
}
.anticon-fast-backward:before {
  content: "\E6C6";
}
.anticon-fast-forward:before {
  content: "\E6C7";
}
.anticon-up-square:before {
  content: "\E6C8";
}
.anticon-down-square:before {
  content: "\E6C9";
}
.anticon-left-square:before {
  content: "\E6CA";
}
.anticon-right-square:before {
  content: "\E6CB";
}
.anticon-right-square-o:before {
  content: "\E6CC";
}
.anticon-left-square-o:before {
  content: "\E6CD";
}
.anticon-down-square-o:before {
  content: "\E6CE";
}
.anticon-up-square-o:before {
  content: "\E6CF";
}
.anticon-loading:before {
  content: "\E64D";
}
.anticon-loading-3-quarters:before {
  content: "\E6AE";
}
.anticon-bulb:before {
  content: "\E649";
}
.anticon-select:before {
  content: "\E64A";
}
.anticon-addfile:before,
.anticon-file-add:before {
  content: "\E910";
}
.anticon-addfolder:before,
.anticon-folder-add:before {
  content: "\E914";
}
.anticon-switcher:before {
  content: "\E913";
}
.anticon-rocket:before {
  content: "\E90F";
}
.anticon-dingding:before {
  content: "\E923";
}
.anticon-dingding-o:before {
  content: "\E925";
}
.anticon-bell:before {
  content: "\E64E";
}
.anticon-disconnect:before {
  content: "\E64F";
}
.anticon-database:before {
  content: "\E650";
}
.anticon-compass:before {
  content: "\E6DB";
}
.anticon-barcode:before {
  content: "\E652";
}
.anticon-hourglass:before {
  content: "\E653";
}
.anticon-key:before {
  content: "\E654";
}
.anticon-flag:before {
  content: "\E655";
}
.anticon-layout:before {
  content: "\E656";
}
.anticon-login:before {
  content: "\E657";
}
.anticon-printer:before {
  content: "\E673";
}
.anticon-sound:before {
  content: "\E6E9";
}
.anticon-usb:before {
  content: "\E6D7";
}
.anticon-skin:before {
  content: "\E6D8";
}
.anticon-tool:before {
  content: "\E6D9";
}
.anticon-sync:before {
  content: "\E6DA";
}
.anticon-wifi:before {
  content: "\E6D6";
}
.anticon-car:before {
  content: "\E6DC";
}
.anticon-copyright:before {
  content: "\E6DE";
}
.anticon-schedule:before {
  content: "\E6DF";
}
.anticon-user-add:before {
  content: "\E6ED";
}
.anticon-user-delete:before {
  content: "\E6E0";
}
.anticon-usergroup-add:before {
  content: "\E6DD";
}
.anticon-usergroup-delete:before {
  content: "\E6E1";
}
.anticon-man:before {
  content: "\E6E2";
}
.anticon-woman:before {
  content: "\E6EC";
}
.anticon-shop:before {
  content: "\E6E3";
}
.anticon-gift:before {
  content: "\E6E4";
}
.anticon-idcard:before {
  content: "\E6E5";
}
.anticon-medicine-box:before {
  content: "\E6E6";
}
.anticon-red-envelope:before {
  content: "\E6E7";
}
.anticon-coffee:before {
  content: "\E6E8";
}
.anticon-trademark:before {
  content: "\E651";
}
.anticon-safety:before {
  content: "\E6EA";
}
.anticon-wallet:before {
  content: "\E6EB";
}
.anticon-bank:before {
  content: "\E6EE";
}
.anticon-trophy:before {
  content: "\E6EF";
}
.anticon-contacts:before {
  content: "\E6F0";
}
.anticon-global:before {
  content: "\E6F1";
}
.anticon-shake:before {
  content: "\E94F";
}
.anticon-fork:before {
  content: "\E6F2";
}
.anticon-spin:before {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
          animation: loadingCircle 1s infinite linear;
}
.fade-enter,
.fade-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.fade-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.fade-enter.fade-enter-active,
.fade-appear.fade-appear-active {
  -webkit-animation-name: antFadeIn;
          animation-name: antFadeIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.fade-leave.fade-leave-active {
  -webkit-animation-name: antFadeOut;
          animation-name: antFadeOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.fade-enter,
.fade-appear {
  opacity: 0;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.fade-leave {
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
@-webkit-keyframes antFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes antFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes antFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes antFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.move-up-enter,
.move-up-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-up-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-up-enter.move-up-enter-active,
.move-up-appear.move-up-appear-active {
  -webkit-animation-name: antMoveUpIn;
          animation-name: antMoveUpIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.move-up-leave.move-up-leave-active {
  -webkit-animation-name: antMoveUpOut;
          animation-name: antMoveUpOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.move-up-enter,
.move-up-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-up-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.move-down-enter,
.move-down-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-down-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-down-enter.move-down-enter-active,
.move-down-appear.move-down-appear-active {
  -webkit-animation-name: antMoveDownIn;
          animation-name: antMoveDownIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.move-down-leave.move-down-leave-active {
  -webkit-animation-name: antMoveDownOut;
          animation-name: antMoveDownOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.move-down-enter,
.move-down-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-down-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.move-left-enter,
.move-left-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-left-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-left-enter.move-left-enter-active,
.move-left-appear.move-left-appear-active {
  -webkit-animation-name: antMoveLeftIn;
          animation-name: antMoveLeftIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.move-left-leave.move-left-leave-active {
  -webkit-animation-name: antMoveLeftOut;
          animation-name: antMoveLeftOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.move-left-enter,
.move-left-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-left-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.move-right-enter,
.move-right-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-right-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-right-enter.move-right-enter-active,
.move-right-appear.move-right-appear-active {
  -webkit-animation-name: antMoveRightIn;
          animation-name: antMoveRightIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.move-right-leave.move-right-leave-active {
  -webkit-animation-name: antMoveRightOut;
          animation-name: antMoveRightOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.move-right-enter,
.move-right-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-right-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
@-webkit-keyframes antMoveDownIn {
  0% {
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1;
  }
}
@keyframes antMoveDownIn {
  0% {
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1;
  }
}
@-webkit-keyframes antMoveDownOut {
  0% {
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0;
  }
}
@keyframes antMoveDownOut {
  0% {
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0;
  }
}
@-webkit-keyframes antMoveLeftIn {
  0% {
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    opacity: 1;
  }
}
@keyframes antMoveLeftIn {
  0% {
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    opacity: 1;
  }
}
@-webkit-keyframes antMoveLeftOut {
  0% {
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    opacity: 0;
  }
}
@keyframes antMoveLeftOut {
  0% {
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    opacity: 0;
  }
}
@-webkit-keyframes antMoveRightIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@keyframes antMoveRightIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@-webkit-keyframes antMoveRightOut {
  0% {
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    opacity: 0;
  }
}
@keyframes antMoveRightOut {
  0% {
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    opacity: 0;
  }
}
@-webkit-keyframes antMoveUpIn {
  0% {
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1;
  }
}
@keyframes antMoveUpIn {
  0% {
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1;
  }
}
@-webkit-keyframes antMoveUpOut {
  0% {
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    opacity: 0;
  }
}
@keyframes antMoveUpOut {
  0% {
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    opacity: 0;
  }
}
@-webkit-keyframes loadingCircle {
  0% {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  0% {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.slide-up-enter,
.slide-up-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-up-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-up-enter.slide-up-enter-active,
.slide-up-appear.slide-up-appear-active {
  -webkit-animation-name: antSlideUpIn;
          animation-name: antSlideUpIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.slide-up-leave.slide-up-leave-active {
  -webkit-animation-name: antSlideUpOut;
          animation-name: antSlideUpOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.slide-up-enter,
.slide-up-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-up-leave {
  -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);
}
.slide-down-enter,
.slide-down-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-down-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-down-enter.slide-down-enter-active,
.slide-down-appear.slide-down-appear-active {
  -webkit-animation-name: antSlideDownIn;
          animation-name: antSlideDownIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.slide-down-leave.slide-down-leave-active {
  -webkit-animation-name: antSlideDownOut;
          animation-name: antSlideDownOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.slide-down-enter,
.slide-down-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-down-leave {
  -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);
}
.slide-left-enter,
.slide-left-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-left-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-left-enter.slide-left-enter-active,
.slide-left-appear.slide-left-appear-active {
  -webkit-animation-name: antSlideLeftIn;
          animation-name: antSlideLeftIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.slide-left-leave.slide-left-leave-active {
  -webkit-animation-name: antSlideLeftOut;
          animation-name: antSlideLeftOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.slide-left-enter,
.slide-left-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-left-leave {
  -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);
}
.slide-right-enter,
.slide-right-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-right-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-right-enter.slide-right-enter-active,
.slide-right-appear.slide-right-appear-active {
  -webkit-animation-name: antSlideRightIn;
          animation-name: antSlideRightIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.slide-right-leave.slide-right-leave-active {
  -webkit-animation-name: antSlideRightOut;
          animation-name: antSlideRightOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.slide-right-enter,
.slide-right-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-right-leave {
  -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-keyframes antSlideUpIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}
@keyframes antSlideUpIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}
@-webkit-keyframes antSlideUpOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
  }
}
@keyframes antSlideUpOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
  }
}
@-webkit-keyframes antSlideDownIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}
@keyframes antSlideDownIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}
@-webkit-keyframes antSlideDownOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
  }
}
@keyframes antSlideDownOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
  }
}
@-webkit-keyframes antSlideLeftIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}
@keyframes antSlideLeftIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}
@-webkit-keyframes antSlideLeftOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
  }
}
@keyframes antSlideLeftOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
  }
}
@-webkit-keyframes antSlideRightIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}
@keyframes antSlideRightIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}
@-webkit-keyframes antSlideRightOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
  }
}
@keyframes antSlideRightOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
  }
}
.swing-enter,
.swing-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.swing-enter.swing-enter-active,
.swing-appear.swing-appear-active {
  -webkit-animation-name: antSwingIn;
          animation-name: antSwingIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
@-webkit-keyframes antSwingIn {
  0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  20% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  40% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  60% {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px);
  }
  80% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
}
@keyframes antSwingIn {
  0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  20% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  40% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  60% {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px);
  }
  80% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
}
.zoom-enter,
.zoom-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-enter.zoom-enter-active,
.zoom-appear.zoom-appear-active {
  -webkit-animation-name: antZoomIn;
          animation-name: antZoomIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.zoom-leave.zoom-leave-active {
  -webkit-animation-name: antZoomOut;
          animation-name: antZoomOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.zoom-enter,
.zoom-appear {
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-big-enter,
.zoom-big-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-big-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-big-enter.zoom-big-enter-active,
.zoom-big-appear.zoom-big-appear-active {
  -webkit-animation-name: antZoomBigIn;
          animation-name: antZoomBigIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.zoom-big-leave.zoom-big-leave-active {
  -webkit-animation-name: antZoomBigOut;
          animation-name: antZoomBigOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.zoom-big-enter,
.zoom-big-appear {
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-big-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-big-fast-enter,
.zoom-big-fast-appear {
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-big-fast-leave {
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-big-fast-enter.zoom-big-fast-enter-active,
.zoom-big-fast-appear.zoom-big-fast-appear-active {
  -webkit-animation-name: antZoomBigIn;
          animation-name: antZoomBigIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.zoom-big-fast-leave.zoom-big-fast-leave-active {
  -webkit-animation-name: antZoomBigOut;
          animation-name: antZoomBigOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.zoom-big-fast-enter,
.zoom-big-fast-appear {
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-big-fast-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-up-enter,
.zoom-up-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-up-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-up-enter.zoom-up-enter-active,
.zoom-up-appear.zoom-up-appear-active {
  -webkit-animation-name: antZoomUpIn;
          animation-name: antZoomUpIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.zoom-up-leave.zoom-up-leave-active {
  -webkit-animation-name: antZoomUpOut;
          animation-name: antZoomUpOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.zoom-up-enter,
.zoom-up-appear {
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-up-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-down-enter,
.zoom-down-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-down-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-down-enter.zoom-down-enter-active,
.zoom-down-appear.zoom-down-appear-active {
  -webkit-animation-name: antZoomDownIn;
          animation-name: antZoomDownIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.zoom-down-leave.zoom-down-leave-active {
  -webkit-animation-name: antZoomDownOut;
          animation-name: antZoomDownOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.zoom-down-enter,
.zoom-down-appear {
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-down-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-left-enter,
.zoom-left-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-left-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-left-enter.zoom-left-enter-active,
.zoom-left-appear.zoom-left-appear-active {
  -webkit-animation-name: antZoomLeftIn;
          animation-name: antZoomLeftIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.zoom-left-leave.zoom-left-leave-active {
  -webkit-animation-name: antZoomLeftOut;
          animation-name: antZoomLeftOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.zoom-left-enter,
.zoom-left-appear {
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-left-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-right-enter,
.zoom-right-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-right-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-right-enter.zoom-right-enter-active,
.zoom-right-appear.zoom-right-appear-active {
  -webkit-animation-name: antZoomRightIn;
          animation-name: antZoomRightIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.zoom-right-leave.zoom-right-leave-active {
  -webkit-animation-name: antZoomRightOut;
          animation-name: antZoomRightOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.zoom-right-enter,
.zoom-right-appear {
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-right-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
@-webkit-keyframes antZoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes antZoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes antZoomOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
  }
}
@keyframes antZoomOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
  }
}
@-webkit-keyframes antZoomBigIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes antZoomBigIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes antZoomBigOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
@keyframes antZoomBigOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
@-webkit-keyframes antZoomUpIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes antZoomUpIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes antZoomUpOut {
  0% {
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
@keyframes antZoomUpOut {
  0% {
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
@-webkit-keyframes antZoomLeftIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes antZoomLeftIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes antZoomLeftOut {
  0% {
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
@keyframes antZoomLeftOut {
  0% {
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
@-webkit-keyframes antZoomRightIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes antZoomRightIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes antZoomRightOut {
  0% {
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
@keyframes antZoomRightOut {
  0% {
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
@-webkit-keyframes antZoomDownIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes antZoomDownIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes antZoomDownOut {
  0% {
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
@keyframes antZoomDownOut {
  0% {
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
.ant-motion-collapse {
  overflow: hidden;
}
.ant-motion-collapse-active {
  -webkit-transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable declaration-bang-space-before */
/* stylelint-disable declaration-bang-space-before */
.ant-collapse {
  background-color: #f7f7f7;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  border-bottom: 0;
}
.ant-collapse > .ant-collapse-item {
  border-bottom: 1px solid #d9d9d9;
}
.ant-collapse > .ant-collapse-item:last-child,
.ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
  border-radius: 0 0 4px 4px;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header {
  line-height: 22px;
  padding: 8px 0 8px 32px;
  color: rgba(0, 0, 0, 0.85);
  cursor: pointer;
  position: relative;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .arrow {
  font-size: 12px;
  font-size: 9px \9;
  -webkit-transform: scale(0.75) rotate(0);
          transform: scale(0.75) rotate(0);
  /* IE6-IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
  zoom: 1;
  font-style: normal;
  vertical-align: baseline;
  text-align: center;
  text-transform: none;
  line-height: 1;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  color: rgba(0, 0, 0, 0.43);
  display: inline-block;
  font-weight: bold;
  line-height: 40px;
  vertical-align: top;
  -webkit-transition: -webkit-transform 0.24s;
  transition: -webkit-transform 0.24s;
  transition: transform 0.24s;
  transition: transform 0.24s, -webkit-transform 0.24s;
  top: 0;
  left: 16px;
}
:root .ant-collapse > .ant-collapse-item > .ant-collapse-header .arrow {
  -webkit-filter: none;
          filter: none;
}
:root .ant-collapse > .ant-collapse-item > .ant-collapse-header .arrow {
  font-size: 12px;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .arrow:before {
  display: block;
  font-family: "anticon" !important;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .arrow:before {
  content: "\E61F";
}
.ant-collapse-anim-active {
  -webkit-transition: height 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: height 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.ant-collapse-content {
  overflow: hidden;
  color: rgba(0, 0, 0, 0.65);
  padding: 0 16px;
  background-color: #fff;
}
.ant-collapse-content > .ant-collapse-content-box {
  padding-top: 16px;
  padding-bottom: 16px;
}
.ant-collapse-content-inactive {
  display: none;
}
.ant-collapse-item:last-child > .ant-collapse-content {
  border-radius: 0 0 4px 4px;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header[aria-expanded="true"] .arrow {
  display: inline-block;
  font-size: 12px;
  font-size: 9px \9;
  -webkit-transform: scale(0.75) rotate(90deg);
          transform: scale(0.75) rotate(90deg);
  /* IE6-IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.00000000000000006123, M12=-1, M21=1, M22=0.00000000000000006123)";
  zoom: 1;
}
:root .ant-collapse > .ant-collapse-item > .ant-collapse-header[aria-expanded="true"] .arrow {
  -webkit-filter: none;
          filter: none;
}
:root .ant-collapse > .ant-collapse-item > .ant-collapse-header[aria-expanded="true"] .arrow {
  font-size: 12px;
}
.ant-collapse-borderless {
  background-color: #fff;
  border: 0;
}
.ant-collapse-borderless > .ant-collapse-item:last-child,
.ant-collapse-borderless > .ant-collapse-item:last-child .ant-collapse-header {
  border-radius: 0;
}
.ant-collapse-borderless > .ant-collapse-item-active {
  border: 0;
}
.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content {
  background-color: transparent;
  border-top: 1px solid #d9d9d9;
}
.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-header {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-header:hover {
  background-color: #f7f7f7;
}
.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header,
.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow {
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.25);
  background-color: #f7f7f7;
}
.ant-collapse > .ant-collapse-item:not(.ant-collapse-item-disabled) > .ant-collapse-header:active {
  background-color: #eee;
}
@charset "UTF-8";
/** 弹性布局 **/
.question {
  width: 94%; }
  .question .hraders {
    font-size: 16px;
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 49px; }
    .question .hraders span {
      font-size: 16px;
      font-weight: 200; }
    .question .hraders li {
      display: flexbox;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -o-justify-content: center;
      justify-content: center;
      width: 84px;
      height: 32px;
      cursor: pointer; }
    .question .hraders .active {
      background-color: #f8fafc; }
      .question .hraders .active span {
        color: #199EE1;
        font-weight: 400;
        font-size: 16px; }
  .question .contents {
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column; }
    .question .contents p {
      font-size: 16px;
      font-weight: 200; }
    .question .contents .template {
      display: flexbox;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      -o-flex-direction: column;
      flex-direction: column; }
      .question .contents .template .heading {
        padding: 28px 0 12px 0;
        cursor: pointer; }
      .question .contents .template .lines {
        width: 100%;
        height: 1px;
        background-color: #666; }
      .question .contents .template ul {
        padding-top: 8px;
        display: flexbox;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column; }
        .question .contents .template ul li {
          display: flexbox;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-flex-direction: column;
          -moz-flex-direction: column;
          -ms-flex-direction: column;
          -o-flex-direction: column;
          flex-direction: column;
          margin-bottom: 20px; }
        .question .contents .template ul li:nth-last-child(1) {
          margin-bottom: 0; }
  .question .ant-collapse-header[aria-expanded='true'] {
    color: #199EE1 !important;
    font-weight: 400 !important; }
@charset "UTF-8";
/** 弹性布局 **/
.cooperation {
  width: 90%;
  display: flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column; }
  .cooperation h1 {
    color: #333;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 18px; }
  .cooperation .spanBlue {
    color: #199EE1; }
    .cooperation .spanBlue b {
      color: #333; }
  .cooperation span b {
    color: #333; }
  .cooperation .destination {
    margin-top: 17px;
    margin-bottom: 5px;
    font-weight: bold;
    color: #333;
    font-size: 18px; }
  .cooperation table {
    width: 100%;
    margin-top: 11px;
    margin-bottom: 91px; }
    .cooperation table tr {
      height: 54px; }
      .cooperation table tr td:nth-child(1) {
        padding-left: 10px;
        width: 26%;
        background-color: #d9dcde;
        border-bottom: 1px solid #ffffff; }
      .cooperation table tr td:nth-child(2) {
        background-color: #e7e9eb;
        border-bottom: 1px solid #ffffff;
        padding-left: 10px;
        padding-right: 10px; }
        .cooperation table tr td:nth-child(2) input {
          border: none;
          background: #e7e9eb;
          width: 100%; }
  .cooperation .btns {
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    width: 100%; }
  .cooperation .submit {
    width: 136px;
    height: 40px;
    background: -webkit-linear-gradient(left, #112a9d, #187be0, #04d8f3);
    /* Opera 11.1 - 12.0 */
    background: -o-linear-gradient(left, #112a9d, #187be0, #04d8f3);
    /* Firefox 3.6 - 15 */
    background: -moz-linear-gradient(left, #112a9d, #187be0, #04d8f3);
    /* 标准的语法 */
    background: linear-gradient(to right, #112a9d, #187be0, #04d8f3);
    color: #fff;
    margin-bottom: 72px;
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    border: none;
    border-radius: 20px;
    cursor: pointer; }
  .cooperation .commonQues {
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column; }
    .cooperation .commonQues span:nth-last-child(1) {
      margin-bottom: 70px; }
    .cooperation .commonQues h1 {
      margin-bottom: -10px; }
    .cooperation .commonQues .spanB {
      color: #333;
      font-weight: 400;
      margin-top: 28px; }
@charset "UTF-8";
/** 弹性布局 **/
.details {
  width: 100%;
  padding-top: 107px;
  padding-left: 4.5%;
  margin-bottom: 148px;
  min-height: 77%;
  display: flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center; }
  .details .left {
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    margin-right: 102px; }
    .details .left h1 {
      font-size: 25px;
      color: #333;
      font-weight: bold;
      cursor: pointer; }
    .details .left span {
      font-size: 16px;
      color: #666;
      font-weight: 200; }
      .details .left span span:nth-of-type(1) {
        cursor: pointer; }
    .details .left ul {
      margin-top: 70px;
      display: flexbox;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      -o-flex-direction: column;
      flex-direction: column; }
      .details .left ul li {
        height: 32px;
        width: 92px;
        display: flexbox;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
        cursor: pointer;
        margin-bottom: 20px; }
      .details .left ul .active {
        background-color: #edf0f2; }
        .details .left ul .active span {
          color: #333;
          font-weight: 400;
          font-size: 16px; }
  .details .right {
    width: 80%;
    font-size: 16px; }
  .details .ant-collapse > .ant-collapse-item > .ant-collapse-header {
    padding: 28px 0 8px 32px;
    color: #333;
    font-weight: 300; }
  .details .ant-collapse > .ant-collapse-item > .ant-collapse-header .arrow {
    top: 18px; }

.serviceCon {
  height: 100%;
  width: 100%; }

.serviceFooter {
  position: relative;
  width: 100%;
  height: 54px; }
  .serviceFooter .onlyFooter {
    position: relative; }
@charset "UTF-8";
/** 弹性布局 **/
body, html {
  width: 100%;
  height: 100%; }

.informationDetail {
  position: relative;
  padding-top: 107px;
  width: 100%;
  min-height: 100%;
  display: flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  padding-left: 4.5%; }
  .informationDetail .left {
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    margin-right: 102px; }
    .informationDetail .left h1 {
      font-size: 25px;
      color: #333;
      font-weight: bold; }
    .informationDetail .left span {
      color: #666; }
    .informationDetail .left .leimu {
      margin-top: 60px;
      display: flexbox;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      -o-flex-direction: column;
      flex-direction: column; }
      .informationDetail .left .leimu li {
        height: 32px;
        width: 92px;
        display: flexbox;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
        cursor: pointer;
        margin-bottom: 4px;
        font-size: 16px; }
      .informationDetail .left .leimu .active {
        background-color: #edf0f2; }
        .informationDetail .left .leimu .active span {
          color: #333;
          font-weight: 500; }
    .informationDetail .left .pages {
      display: flexbox;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      -o-flex-direction: column;
      flex-direction: column; }
      .informationDetail .left .pages li {
        height: 124px;
        width: 186px;
        border: 1px solid gainsboro;
        padding: 0 14px 0 18px;
        border-radius: 2px;
        display: flexbox;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
        margin-bottom: 18px;
        font-size: 12px;
        cursor: pointer; }
        .informationDetail .left .pages li span {
          font-size: 12px;
          color: #999; }
        .informationDetail .left .pages li .pgC {
          margin-top: 12px;
          margin-bottom: 14px;
          font-size: 16px;
          color: #333;
          word-break: break-all;
          text-overflow: ellipsis;
          display: -webkit-box;
          /** 对象作为伸缩盒子模型显示 **/
          -webkit-box-orient: vertical;
          /** 设置或检索伸缩盒对象的子元素的排列方式 **/
          -webkit-line-clamp: 2;
          /** 显示的行数 **/
          overflow: hidden;
          /** 隐藏超出的内容 **/ }
        .informationDetail .left .pages li .infoIcon {
          width: 10px;
          display: inline-block;
          vertical-align: middle;
          margin-right: 4px;
          height: auto; }
        .informationDetail .left .pages li .from {
          font-size: .5rem; }
  .informationDetail .right {
    width: 70%;
    position: relative; }
    .informationDetail .right .infoTitle span {
      width: 660px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      font-size: 25px;
      font-weight: bold;
      color: #333; }
    .informationDetail .right .time {
      color: #199EE1;
      margin-top: 8px;
      margin-bottom: 40px; }
      .informationDetail .right .time b {
        color: #666;
        font-weight: 200;
        margin-right: 10px; }

.infoWm {
  width: 100%;
  height: 100%;
  position: relative; }
  .infoWm .footers {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%; }

#root {
  width: 100%;
  height: 100%; }

.rootChild {
  width: 100%;
  height: 100%; }

.infoFooter {
  width: 100%; }

.shares {
  display: flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  margin-bottom: 120px; }
  .shares span {
    margin-right: 9px;
    color: #999999; }
  .shares img {
    width: 27px;
    height: auto;
    margin: 0 3px;
    cursor: pointer; }
@charset "UTF-8";
/** 弹性布局 **/
.detailInfo {
  margin-bottom: 200px;
  margin-top: 40px; }
  .detailInfo img {
    width: 100%;
    height: 100%; }
  .detailInfo p {
    text-indent: 28px;
    font-size: 16px;
    margin-bottom: 13px; }
  .detailInfo h2 {
    font-size: 20px;
    font-weight: bold;
    color: #333; }
  .detailInfo .infoCenter {
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    text-align: center; }

.noIndent p {
  text-indent: 0px; }

.contentCenter {
  display: flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center; }

.video {
  height: 500px;
  width: 100%; }
  .video iframe {
    width: 100%;
    height: 100%; }