html {
  font-size: 16px !important; }

@media (max-width: 1800px) {
  html {
    font-size: 14px !important; } }

@media (max-width: 834px) {
  html {
    font-size: 16px !important; } }

@media (max-width: 780px) {
  html {
    font-size: 14px !important; } }

@media (max-width: 640px) {
  html {
    font-size: 14px !important; } }

@media (max-width: 600px) {
  html {
    font-size: 16px !important; } }

.footer-container {
  background: rgba(28, 33, 44, 0.9);
  width: 100%;
  min-height: 366px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center; }
  .footer-container * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .footer-container .index-footer-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 82.5rem;
    width: calc(100% - 106px);
    padding-top: 5rem; }
    .footer-container .index-footer-content .logo-container {
      display: -ms-flexbox;
      display: flex;
      height: 2rem; }
      .footer-container .index-footer-content .logo-container a img {
        height: 2rem; }
      .footer-container .index-footer-content .logo-container .divide-line {
        margin-left: 1.5rem;
        margin-right: 1.5rem;
        height: 2rem;
        width: 1px;
        background: white; }
  .footer-container .footer {
    width: 100%;
    padding: 5rem 0 6.5rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .footer-container .footer .left {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-align: end;
      align-items: flex-end; }
      .footer-container .footer .left .title {
        color: #B8BECC;
        font-weight: 700;
        font-size: .75rem;
        line-height: 1.5rem; }
      .footer-container .footer .left .pc {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: end;
        align-items: flex-end;
        text-align: right; }
        .footer-container .footer .left .pc .left-part {
          display: -ms-flexbox;
          display: flex;
          gap: 16px; }
          .footer-container .footer .left .pc .left-part .code {
            margin-top: 1rem;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column; }
            .footer-container .footer .left .pc .left-part .code img {
              width: 6rem;
              border-radius: .75rem; }
            .footer-container .footer .left .pc .left-part .code .text {
              font-weight: 500;
              line-height: 1.5rem;
              padding-top: .5rem;
              padding-bottom: 1.25rem;
              color: #E6E9ED;
              text-align: center; }
      .footer-container .footer .left .right-part .telephone a {
        font-weight: 700;
        font-size: 1.375rem;
        line-height: 2rem; }
      .footer-container .footer .left .right-part a {
        color: #fff;
        text-decoration: none;
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 500; }
        .footer-container .footer .left .right-part a:hover {
          color: #3385ff; }
    .footer-container .footer .us {
      list-style: none;
      color: #fff;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between;
      width: 67.65%; }
      .footer-container .footer .us .us-row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        -ms-flex-pack: justify;
        justify-content: space-between; }
      .footer-container .footer .us:after {
        content: '';
        display: block;
        clear: both; }
      .footer-container .footer .us h3 {
        margin: 0 0 1rem;
        font-weight: 700;
        font-size: .75rem;
        line-height: 1.5rem;
        color: #fff;
        text-decoration: none; }
        .footer-container .footer .us h3 span {
          vertical-align: 1px; }
      .footer-container .footer .us .list {
        list-style: none;
        margin: 0;
        padding: 0; }
        .footer-container .footer .us .list li {
          width: 100%;
          margin-bottom: .5rem; }
          .footer-container .footer .us .list li a {
            color: #E6E9ED;
            text-decoration: none;
            font-size: 0.875rem;
            line-height: 1.5rem;
            font-weight: 500; }
            .footer-container .footer .us .list li a:hover {
              color: #3385ff; }
  .footer-container .copyright {
    color: #E6E9ED;
    width: calc(100% - 106px);
    height: 64px;
    position: relative;
    bottom: 24px;
    left: 0;
    max-width: 82.5rem; }
    .footer-container .copyright .copyright-content {
      height: 100%;
      position: relative;
      max-width: 82.5rem;
      margin: 0 auto; }
      .footer-container .copyright .copyright-content .info {
        height: 100%;
        font-size: .8125rem;
        line-height: 1rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center; }
        .footer-container .copyright .copyright-content .info .cr-pc {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
          align-items: center;
          width: 100%;
          -ms-flex-pack: justify;
          justify-content: space-between;
          align-items: center; }
          .footer-container .copyright .copyright-content .info .cr-pc .beian {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center; }
          .footer-container .copyright .copyright-content .info .cr-pc .police-logo {
            width: 16px;
            height: 17px;
            position: absolute;
            left: -15px;
            top: -2px; }
          .footer-container .copyright .copyright-content .info .cr-pc .divide-line {
            margin-left: .5rem;
            margin-right: .5rem;
            width: 1px;
            height: .375rem;
            background: #666F80; }
        .footer-container .copyright .copyright-content .info .cr-mb {
          display: none; }
        .footer-container .copyright .copyright-content .info a {
          color: #adbacc;
          text-decoration: none;
          font-size: .8125rem;
          line-height: 1rem;
          position: relative; }
          .footer-container .copyright .copyright-content .info a:hover {
            color: #3385ff; }
  .footer-container .share {
    padding-top: 1.25rem; }
    .footer-container .share .share-item {
      display: inline-block; }
  .footer-container .footer .left .share, .footer-container .footer .us .share {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: end;
    -ms-flex-align: center;
    align-items: center;
    width: 100%; }
    .footer-container .footer .left .share span, .footer-container .footer .us .share span {
      background: #979fa8;
      border: 0.1rem solid #979fa8;
      width: 2rem;
      height: 2rem;
      border-radius: 50%; }
    .footer-container .footer .left .share i, .footer-container .footer .us .share i {
      color: #fff; }
    .footer-container .footer .left .share .qrcode, .footer-container .footer .us .share .qrcode {
      position: relative;
      display: inline-block;
      vertical-align: top;
      z-index: 999; }
    .footer-container .footer .left .share .share-img, .footer-container .footer .us .share .share-img {
      width: 24px;
      cursor: pointer;
      margin-left: 1rem; }
      .footer-container .footer .left .share .share-img:hover, .footer-container .footer .us .share .share-img:hover {
        opacity: 1; }
      .footer-container .footer .left .share .share-img:hover + .dropdown, .footer-container .footer .us .share .share-img:hover + .dropdown {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0); }
    .footer-container .footer .left .share .qrcode .dropdown, .footer-container .footer .us .share .qrcode .dropdown {
      position: absolute;
      top: -160px;
      left: -66px;
      visibility: hidden;
      border: 1px solid #ddd;
      background: #fff;
      border-radius: 2px;
      opacity: 0;
      -webkit-transition: all ease-in-out 0.3s;
      -o-transition: all ease-in-out 0.3s;
      transition: all ease-in-out 0.3s;
      -webkit-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
      transform: translateY(-20px); }
      .footer-container .footer .left .share .qrcode .dropdown img, .footer-container .footer .us .share .qrcode .dropdown img {
        width: 140px;
        height: 140px; }
      .footer-container .footer .left .share .qrcode .dropdown:after, .footer-container .footer .us .share .qrcode .dropdown:after {
        content: '';
        bottom: -5px;
        right: 66px;
        top: auto;
        left: auto;
        position: absolute;
        width: 0.6em;
        height: 0.6em;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        z-index: 2;
        -webkit-transition: background 0.1s linear;
        -o-transition: background 0.1s linear;
        transition: background 0.1s linear;
        background-color: #fff;
        border-left: 1px solid #ddd;
        border-bottom: 1px solid #ddd; }
    .footer-container .footer .left .share .weixin .dropdown, .footer-container .footer .us .share .weixin .dropdown {
      top: -160px; }

#kf5-support-btn {
  top: unset !important;
  left: 20px !important;
  bottom: 240px !important;
  visibility: hidden; }

#kf5-support-block {
  right: 20px;
  bottom: 106px;
  width: 380px;
  height: 560px;
  -webkit-box-shadow: 0px 0px 25px 5px rgba(61, 78, 102, 0.07);
  box-shadow: 0px 0px 25px 5px rgba(61, 78, 102, 0.07); }

.footer-right-section {
  display: -ms-flexbox;
  display: flex;
  bottom: 2rem;
  right: 1.375rem;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  z-index: 999;
  position: fixed; }
  .footer-right-section .top-part {
    background: -webkit-linear-gradient(271.96deg, #5190FF 8.29%, #8DAAFF 31.89%, #768DFF 57.34%, #9086FF 72.52%, #8368F8 93.15%, #5C23FF 107.19%);
    background: -o-linear-gradient(271.96deg, #5190FF 8.29%, #8DAAFF 31.89%, #768DFF 57.34%, #9086FF 72.52%, #8368F8 93.15%, #5C23FF 107.19%);
    background: linear-gradient(178.04deg, #5190FF 8.29%, #8DAAFF 31.89%, #768DFF 57.34%, #9086FF 72.52%, #8368F8 93.15%, #5C23FF 107.19%);
    -webkit-box-shadow: 5px 5px 20px 5px rgba(160, 153, 233, 0.2);
    box-shadow: 5px 5px 20px 5px rgba(160, 153, 233, 0.2);
    border-radius: 3.75rem;
    height: 100%;
    min-width: 3.75rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.75rem 0.375rem; }
    .footer-right-section .top-part .icon-container {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-direction: column;
      flex-direction: column; }
      .footer-right-section .top-part .icon-container .icon-desc {
        font-family: 'PingFang SC';
        font-weight: 400;
        font-size: 12px;
        line-height: 17px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        color: #ffffff;
        padding-bottom: 12px;
        white-space: nowrap; }
      .footer-right-section .top-part .icon-container .img-section {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer;
        width: 2.2rem;
        height: 2.2rem; }
        .footer-right-section .top-part .icon-container .img-section:hover {
          background: #01109933;
          -webkit-backdrop-filter: blur(1.5px);
          backdrop-filter: blur(1.5px);
          border-radius: 50%; }
        .footer-right-section .top-part .icon-container .img-section a .normal-img {
          display: -ms-flexbox;
          display: flex; }
        .footer-right-section .top-part .icon-container .img-section a .pc-img {
          display: none; }
        .footer-right-section .top-part .icon-container .img-section img {
          width: 2rem;
          height: 2rem; }
        .footer-right-section .top-part .icon-container .img-section .right-mb-btn .mb-img, .footer-right-section .top-part .icon-container .img-section .right-mb-btn .normal-img {
          display: none; }
        .footer-right-section .top-part .icon-container .img-section .right-mb-btn {
          outline: none;
          border: none;
          background: transparent;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
          align-items: center;
          -ms-flex-pack: center;
          justify-content: center; }
        .footer-right-section .top-part .icon-container .img-section:first-child {
          cursor: pointer; }
    .footer-right-section .top-part .divide-line {
      background: #F4F7FA;
      height: 1px;
      width: 2rem; }
    .footer-right-section .top-part #coding-communication {
      position: relative;
      top: -2px; }
    .footer-right-section .top-part .contribution-section img {
      position: relative;
      left: 2px; }
  .footer-right-section .bottom-part {
    margin-top: 2.5rem;
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 50%;
    -webkit-box-shadow: 0px 5px 26px 5px rgba(61, 78, 102, 0.1);
    box-shadow: 0px 5px 26px 5px rgba(61, 78, 102, 0.1);
    background: #fff;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    outline: none;
    border: none; }
    .footer-right-section .bottom-part .container {
      width: 3.75rem;
      height: 3.75rem;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center;
      border-radius: 50%; }
      .footer-right-section .bottom-part .container:hover {
        background: rgba(0, 102, 255, 0.1);
        -webkit-box-sizing: 50%;
        box-sizing: 50%; }
        .footer-right-section .bottom-part .container:hover .pc-img {
          display: block; }
        .footer-right-section .bottom-part .container:hover .normal-img {
          display: none; }
      .footer-right-section .bottom-part .container .pc-img {
        display: none; }
      .footer-right-section .bottom-part .container img {
        width: 1.5rem;
        height: 1.5rem; }

.contribution-wrapper {
  display: none;
  position: fixed;
  right: 96px;
  font-size: 14px;
  bottom: 200px;
  z-index: 999;
  width: 310px;
  overflow: hidden;
  border-radius: 8px !important;
  background: #fcfcfc;
  -webkit-box-shadow: 0px 5px 25px 5px #3d4e66;
  box-shadow: 0px 5px 25px 5px #3d4e66; }
  .contribution-wrapper .title-container {
    padding: 10px 16px;
    font-size: 14px;
    color: white;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #1880ff; }
    .contribution-wrapper .title-container .title {
      font-size: 16px; }
    .contribution-wrapper .title-container #close-contribution-button {
      cursor: pointer; }
  .contribution-wrapper .content-container {
    position: relative;
    background: #fcfcfc;
    padding: 22px 30px 30px;
    overflow-y: auto;
    font-size: 14px;
    height: 252px; }
    .contribution-wrapper .content-container .content div {
      padding-top: 8px;
      line-height: 24px; }
    .contribution-wrapper .content-container .content .blank-line {
      padding-top: 12px; }
    .contribution-wrapper .content-container .send-button {
      width: 92px;
      line-height: 32px;
      font-size: 14px;
      font-weight: bold;
      border-radius: 4px;
      cursor: pointer;
      text-align: center;
      background: #1880ff;
      position: relative;
      margin: 16px 0 0 auto; }
      .contribution-wrapper .content-container .send-button a {
        padding: 14px;
        text-decoration: none;
        color: white; }

.text-bold {
  font-weight: bold; }

.contribution-show {
  display: inline-block; }

.contribution-close {
  display: none; }

.communication-modal {
  z-index: 999;
  position: fixed;
  right: 4.6rem;
  bottom: 6.875rem;
  display: none;
  height: 340px;
  width: 282px; }
  .communication-modal .modal-bg {
    width: 100%;
    position: relative;
    -webkit-filter: drop-shadow(0px 0px 25px rgba(61, 78, 102, 0.07));
    filter: drop-shadow(0px 0px 25px rgba(61, 78, 102, 0.07)); }
    .communication-modal .modal-bg img {
      width: 100%; }
  .communication-modal.normal-display {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    pointer-events: none; }
  .communication-modal .top-side img {
    width: 80px; }
  .communication-modal .top-side .title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 24px; }
    .communication-modal .top-side .title p {
      color: #202d40;
      font-size: 16px;
      font-weight: 500;
      line-height: 24px;
      width: 100%;
      text-align: center; }
    .communication-modal .top-side .title span {
      color: #8592A6;
      font-size: 14px;
      line-height: 24px;
      font-weight: 400; }
  .communication-modal img {
    width: 160px; }
  .communication-modal .code-img {
    margin-top: 24px; }
  .communication-modal .modal-content-box {
    position: absolute;
    top: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    width: 224px; }

.mb-communication-modal {
  display: none; }

.group-modal {
  z-index: 999;
  position: fixed;
  right: 4.6rem;
  bottom: 6.875rem;
  display: none;
  height: 340px;
  width: 282px; }
  .group-modal .modal-bg {
    width: 100%;
    position: relative;
    -webkit-filter: drop-shadow(0px 0px 25px rgba(61, 78, 102, 0.07));
    filter: drop-shadow(0px 0px 25px rgba(61, 78, 102, 0.07)); }
    .group-modal .modal-bg img {
      width: 100%; }
  .group-modal.normal-display {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    pointer-events: none; }
  .group-modal .top-side img {
    width: 80px; }
  .group-modal .top-side .title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 24px; }
    .group-modal .top-side .title p {
      color: #202d40;
      font-size: 16px;
      font-weight: 500;
      line-height: 24px;
      width: 100%;
      text-align: center; }
    .group-modal .top-side .title span {
      color: #8592A6;
      font-size: 14px;
      line-height: 24px;
      font-weight: 400; }
  .group-modal img {
    width: 160px; }
  .group-modal .code-img {
    margin-top: 24px; }
  .group-modal .modal-content-box {
    position: absolute;
    top: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    width: 224px; }

.mb-group-modal {
  display: none; }

.online-modal {
  z-index: 999;
  position: fixed;
  right: 3.625rem;
  bottom: 11.375rem;
  display: none;
  height: 6.75rem;
  width: 11rem;
  background: url("https://help-assets.codehub.cn/enterprise/new-static/images/index/icon/floatBar/consult_modal.png?imageMogr2/format/webp") no-repeat;
  background-size: 100%;
  display: none; }
  .online-modal.normal-display {
    pointer-events: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center; }
  .online-modal p {
    color: #32373F;
    font-weight: 500;
    position: relative;
    left: -4px;
    top: -2px;
    font-size: 1rem; }

@media screen and (max-width: 1920px) {
  .footer-container .footer .us .list li a {
    line-height: 1.625rem;
    font-size: 1rem; }
  .footer-container .footer .left .pc .left-part .code img {
    width: 96px;
    height: 96px; } }

@media screen and (max-width: 1800px) {
  .communication-modal {
    bottom: 5.875rem; }
  .group-modal {
    bottom: 5.875rem; } }

@media screen and (max-width: 834px) {
  .communication-modal {
    display: none; }
  .group-modal {
    display: none; }
  .footer-container {
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px); }
    .footer-container .index-footer-content {
      padding-top: 5.5rem;
      height: 900px; }
    .footer-container .share {
      padding-top: 2.5rem; }
    .footer-container .footer {
      -ms-flex-direction: column;
      flex-direction: column;
      padding-bottom: 0; }
      .footer-container .footer .us {
        width: 100%; }
      .footer-container .footer .left {
        padding-top: 5rem;
        -ms-flex-align: start;
        align-items: flex-start; }
        .footer-container .footer .left .pc {
          -ms-flex-direction: row;
          flex-direction: row;
          width: 100%;
          -ms-flex-pack: justify;
          justify-content: space-between;
          -ms-flex-align: start;
          align-items: flex-start; }
          .footer-container .footer .left .pc .left-part p {
            text-align: left; }
          .footer-container .footer .left .pc .left-part .code {
            margin-top: 1.25rem; }
            .footer-container .footer .left .pc .left-part .code .text {
              padding-bottom: 0; }
          .footer-container .footer .left .pc .right-part .telephone {
            padding-top: 2.5rem; }
    .footer-container .copyright {
      bottom: 4rem; }
      .footer-container .copyright .copyright-content .info .cr-pc {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start; }
        .footer-container .copyright .copyright-content .info .cr-pc .beian {
          padding-top: 1rem; }
        .footer-container .copyright .copyright-content .info .cr-pc .police-logo {
          width: 16px;
          height: 17px;
          position: absolute;
          left: -15px;
          top: -2px; } }

@media screen and (max-width: 768px) {
  #beacon_footer_workorder {
    display: none; }
  .communication-modal {
    display: none; }
  .group-modal {
    display: none; }
  #coding_footer_contribute {
    display: none; }
  .contribution-section {
    display: none; }
  .mb-communication-modal {
    -ms-flex-pack: center;
    justify-content: center;
    width: 100vw;
    height: 100vh;
    background-color: rgba(23, 29, 38, 0.7);
    position: fixed;
    top: 0;
    z-index: 999; }
    .mb-communication-modal.normal-modal {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center; }
    .mb-communication-modal .modal-container {
      background: white;
      border-radius: 8px;
      -webkit-box-shadow: 0px 0px 25px rgba(61, 78, 102, 0.07);
      box-shadow: 0px 0px 25px rgba(61, 78, 102, 0.07);
      height: 346px;
      width: 280px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-align: center;
      align-items: center; }
      .mb-communication-modal .modal-container .top-side {
        padding-top: 32px;
        padding-bottom: 24px; }
        .mb-communication-modal .modal-container .top-side img {
          width: 80px; }
        .mb-communication-modal .modal-container .top-side .title {
          margin-left: 3px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
          flex-direction: column;
          -ms-flex-align: center;
          align-items: center; }
          .mb-communication-modal .modal-container .top-side .title p {
            color: #202d40;
            font-size: 16px;
            font-weight: 500;
            line-height: 24px; }
          .mb-communication-modal .modal-container .top-side .title span {
            color: #8592A6;
            font-size: 14px;
            line-height: 24px;
            padding-top: 2px; }
      .mb-communication-modal .modal-container .code-img {
        width: 200px; }
  .mb-group-modal {
    -ms-flex-pack: center;
    justify-content: center;
    width: 100vw;
    height: 100vh;
    background-color: rgba(23, 29, 38, 0.7);
    position: fixed;
    top: 0;
    z-index: 999; }
    .mb-group-modal.normal-modal {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center; }
    .mb-group-modal .modal-container {
      background: white;
      border-radius: 8px;
      -webkit-box-shadow: 0px 0px 25px rgba(61, 78, 102, 0.07);
      box-shadow: 0px 0px 25px rgba(61, 78, 102, 0.07);
      height: 346px;
      width: 280px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-align: center;
      align-items: center; }
      .mb-group-modal .modal-container .top-side {
        padding-top: 32px;
        padding-bottom: 24px; }
        .mb-group-modal .modal-container .top-side img {
          width: 80px; }
        .mb-group-modal .modal-container .top-side .title {
          margin-left: 3px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
          flex-direction: column;
          -ms-flex-align: center;
          align-items: center; }
          .mb-group-modal .modal-container .top-side .title p {
            color: #202d40;
            font-size: 16px;
            font-weight: 500;
            line-height: 24px; }
          .mb-group-modal .modal-container .top-side .title span {
            color: #8592A6;
            font-size: 14px;
            line-height: 24px;
            padding-top: 2px; }
      .mb-group-modal .modal-container .code-img {
        width: 200px; }
  .footer-right-section {
    bottom: 24px; }
    .footer-right-section .top-part {
      min-width: 3rem;
      height: 100%; }
      .footer-right-section .top-part .icon-container .mb-icon-desc {
        display: none; }
      .footer-right-section .top-part .divide-line {
        display: none; }
      .footer-right-section .top-part .mb-divide-line {
        background: #e6e9ed;
        height: 1px;
        width: 24px; }
      .footer-right-section .top-part .img-section {
        width: 40px;
        height: 40px; }
        .footer-right-section .top-part .img-section .right-mb-btn .normal-img {
          display: block; }
        .footer-right-section .top-part .img-section .right-mb-btn.modal-opening .mb-img {
          display: block; }
        .footer-right-section .top-part .img-section .right-mb-btn.modal-opening .normal-img {
          display: none; }
        .footer-right-section .top-part .img-section .pc-img {
          display: none; }
        .footer-right-section .top-part .img-section:last-child {
          display: none; }
    .footer-right-section .bottom-part img {
      width: 26px;
      height: 26px; }
    .footer-right-section .bottom-part:active .container {
      background: rgba(0, 102, 255, 0.1) !important;
      border-radius: 50%; }
      .footer-right-section .bottom-part:active .container .pc-img {
        display: block !important; }
      .footer-right-section .bottom-part:active .container .normal-img {
        display: none !important; }
    .footer-right-section .bottom-part .container:hover {
      background: none; }
      .footer-right-section .bottom-part .container:hover .pc-img {
        display: none; }
      .footer-right-section .bottom-part .container:hover .normal-img {
        display: block; } }

@media screen and (max-width: 600px) {
  .footer-container .index-footer-content {
    width: calc(100% - 64px);
    padding-top: 4rem;
    height: 1500px; }
    .footer-container .index-footer-content .logo-container {
      height: 1.5rem; }
      .footer-container .index-footer-content .logo-container a img {
        height: 1.5rem; }
      .footer-container .index-footer-content .logo-container .divide-line {
        height: 1.5rem;
        margin-left: 1rem;
        margin-right: 1rem; }
  .footer-container .footer {
    padding-top: 1.5rem; }
    .footer-container .footer .us .us-row {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .footer-container .footer .us .us-row .us-col {
        width: 50%;
        padding-top: 2rem; }
    .footer-container .footer .left {
      padding-top: 3.5rem; }
      .footer-container .footer .left .pc {
        -ms-flex-direction: column;
        flex-direction: column; }
        .footer-container .footer .left .pc .right-part {
          text-align: left; }
          .footer-container .footer .left .pc .right-part .telephone {
            padding-top: 1.5rem; }
            .footer-container .footer .left .pc .right-part .telephone a {
              font-size: 23px;
              line-height: 2rem; }
      .footer-container .footer .left .share {
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-top: 1rem; }
        .footer-container .footer .left .share .share-img {
          margin-left: 0;
          margin-right: 1rem; }
  .footer-container .copyright {
    height: auto;
    bottom: 3rem;
    width: calc(100% - 64px); }
    .footer-container .copyright .copyright-content .info .cr-pc .beian {
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-align: start;
      align-items: flex-start;
      padding-top: .75rem; }
      .footer-container .copyright .copyright-content .info .cr-pc .beian .divide-line {
        display: none; }
    .footer-container .copyright .copyright-content .info .cr-pc .police-logo {
      width: 16px;
      height: 17px;
      position: relative;
      left: 0;
      top: 0; }
    .footer-container .copyright .copyright-content .info .police-number-hide {
      display: -ms-flexbox;
      display: flex; }
    .footer-container .copyright .copyright-content .info a {
      line-height: 1.375rem;
      position: relative; }
    .footer-container .copyright .copyright-content .info .beian-number {
      padding-top: .75rem; } }

#kf5-support-btn {
  top: 76%; }

.uperform-page-link {
  position: relative; }
  .uperform-page-link::after {
    content: 'NEW';
    position: absolute;
    left: 80px;
    top: -5px;
    width: 40px;
    height: 18px;
    background: #d10f18;
    text-align: center;
    line-height: 20px;
    line-height: 18px;
    border-radius: 18px;
    font-size: 12px; }
@-webkit-keyframes ceiling-header-show {
  from {
    top: -60px; }
  to {
    top: 0; } }

@keyframes ceiling-header-show {
  from {
    top: -60px; }
  to {
    top: 0; } }

@-webkit-keyframes fade-up-header {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10%);
    transform: translateY(10%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fade-up-header {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10%);
    transform: translateY(10%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

html {
  font-size: 16px !important; }

.selected {
  color: #0066ff;
  border-right: 2px solid #0066ff;
  padding-right: 28px; }

.show {
  display: -ms-flexbox;
  display: flex; }

.hide {
  display: none; }

.normal {
  color: black;
  padding-right: 30px; }

.search-select-icon-dongjian {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-align: center;
  align-items: center; }
  .search-select-icon-dongjian .search-divider {
    opacity: 0.15;
    background: #202D40;
    width: 1px;
    height: 14px; }
  .search-select-icon-dongjian .search-icon {
    width: 16px;
    height: 16px;
    margin-right: 24px;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background: url("https://help-assets.codehub.cn/insight/img/menu-search.svg") no-repeat; }
    .search-select-icon-dongjian .search-icon.on {
      background: url("https://help-assets.codehub.cn/insight/img/nav-close.svg") no-repeat;
      margin-top: 5px; }

.search-content-dongjian {
  width: 260px;
  height: 100%;
  position: absolute;
  z-index: 3;
  top: 0;
  left: 24%;
  -ms-flex-align: center;
  align-items: center;
  display: none;
  opacity: 0; }
  .search-content-dongjian.on {
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
    position: relative;
    top: 10px;
    left: -20px;
    width: 600px; }
  .search-content-dongjian .search-area {
    width: 100%;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 4px; }
    .search-content-dongjian .search-area .header-search-icon {
      display: inline-block;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      margin-left: 2px;
      margin-right: 14px;
      width: 16px;
      height: 16px;
      background: url("https://help-assets.codehub.cn/insight/img/menu-search.svg") no-repeat; }
    .search-content-dongjian .search-area .headerSearchInput {
      -ms-flex-positive: 1;
      flex-grow: 1;
      font-size: 16px;
      color: #202D40;
      line-height: 26px;
      border: 1px solid #000;
      border-radius: 4px;
      padding: 5px 15px;
      background: rgba(255, 255, 255, 0.1);
      position: relative; }
      .search-content-dongjian .search-area .headerSearchInput span.algolia-autocomplete {
        width: 100%; }
      .search-content-dongjian .search-area .headerSearchInput input {
        width: 100%;
        border: none;
        outline: none;
        font-size: 16px;
        color: #000;
        line-height: 26px;
        caret-color: #0066FF;
        background-color: transparent; }
      .search-content-dongjian .search-area .headerSearchInput .cross {
        width: 11px;
        height: 11px;
        position: absolute;
        right: 5px;
        top: 13px;
        cursor: pointer; }
      .search-content-dongjian .search-area .headerSearchInput .cross::before,
      .search-content-dongjian .search-area .headerSearchInput .cross::after {
        content: '';
        width: 2px;
        height: 11px;
        background: #000000;
        position: absolute;
        right: 10px; }
      .search-content-dongjian .search-area .headerSearchInput .cross::before {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
      .search-content-dongjian .search-area .headerSearchInput .cross::after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg); }
      .search-content-dongjian .search-area .headerSearchInput .algolia-autocomplete pre:before {
        display: block;
        position: absolute;
        content: "";
        width: 14px;
        height: 14px;
        background: #fff;
        z-index: 1000;
        top: 0px;
        left: 12px;
        border-top: 1px solid #d9d9d9;
        border-right: 1px solid #d9d9d9;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        border-radius: 2px; }
      .search-content-dongjian .search-area .headerSearchInput .algolia-autocomplete pre.change:before {
        visibility: visible; }
      .search-content-dongjian .search-area .headerSearchInput .algolia-autocomplete .ds-dropdown-menu {
        padding-top: 0px; }
      .search-content-dongjian .search-area .headerSearchInput .ds-dropdown-menu {
        max-height: 450px;
        overflow: auto; }
      .search-content-dongjian .search-area .headerSearchInput .algolia-autocomplete.algolia-autocomplete-right .ds-dropdown-menu {
        left: -15px !important;
        right: inherit !important;
        border: 1px solid #d9d9d9;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 4px;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
        width: calc(100% + 30px); }
      .search-content-dongjian .search-area .headerSearchInput .algolia-autocomplete.algolia-autocomplete-right .ds-dropdown-menu:before {
        display: none; }
      .search-content-dongjian .search-area .headerSearchInput .algolia-autocomplete .ds-dropdown-menu [class^=ds-dataset-] {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none; }

.common-header {
  background-color: transparent;
  position: fixed;
  width: 100%;
  left: 0;
  z-index: 999;
  -webkit-transition-property: background-color;
  -o-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-animation: ceiling-header-show 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  animation: ceiling-header-show 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px; }
  .common-header * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .common-header.isFixed {
    background: rgba(255, 255, 255, 0.86);
    -webkit-backdrop-filter: blur(1.25rem);
    backdrop-filter: blur(1.25rem); }
    .common-header.isFixed .search-select-icon-dongjian .search-icon {
      background: url("https://help-assets.codehub.cn/insight/img/menu-search.svg") no-repeat; }
      .common-header.isFixed .search-select-icon-dongjian .search-icon.on {
        background: url("https://help-assets.codehub.cn/insight/img/nav-close.svg") no-repeat; }
    .common-header.isFixed .search-content-dongjian .search-area .header-search-icon {
      background: url("https://help-assets.codehub.cn/insight/img/menu-search.svg") no-repeat; }
    .common-header.isFixed .search-content-dongjian .search-area .headerSearchInput input {
      color: #000; }
    .common-header.isFixed .login-zone .platform-login a {
      color: #202d40;
      vertical-align: -2px;
      text-decoration: none; }
    .common-header.isFixed .login-zone .login .button {
      background: #ebeff5;
      color: #32373F; }
      .common-header.isFixed .login-zone .login .button:hover {
        background: #202d40;
        color: #fff; }
  .common-header .common-header-content {
    max-width: 86.5rem;
    margin: 0 auto;
    height: 4rem;
    line-height: 4rem; }
    .common-header .common-header-content .header-body {
      margin-left: 2rem;
      margin-right: 2rem;
      height: 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .common-header .common-header-content .header-body .nav-box {
        display: -ms-flexbox;
        display: flex; }
  .common-header .logo {
    position: relative; }
    .common-header .logo .coding-icon img {
      margin: 0;
      position: relative; }
    .common-header .logo a {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center; }
    .common-header .logo img {
      height: 26px; }
    .common-header .logo img:last-child {
      display: none; }
    .common-header .logo .divide-line {
      display: inline-block;
      background: #888888;
      height: 22px;
      width: .5px;
      margin-right: 16px;
      margin-left: 16px; }
  .common-header .logo,
  .common-header .icon,
  .common-header .nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }
    .common-header .logo.visible,
    .common-header .icon.visible,
    .common-header .nav.visible {
      display: none; }
  .common-header .nav {
    margin-left: 7.5rem; }
    .common-header .nav .nav-item {
      float: left;
      padding: 0 1rem;
      cursor: pointer; }
      .common-header .nav .nav-item:first-child {
        margin-left: 0; }
      .common-header .nav .nav-item a {
        cursor: pointer;
        text-decoration: none;
        color: #32373F; }
      .common-header .nav .nav-item span {
        cursor: pointer;
        text-decoration: none;
        color: #32373F;
        padding: 0;
        position: relative;
        -webkit-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
        font-size: 1rem;
        display: inline-block; }
      .common-header .nav .nav-item .hot-icon {
        position: relative;
        height: 12px;
        top: -8px; }
    .common-header .nav .nav-drop-down-wrap {
      position: relative;
      z-index: 999; }
      .common-header .nav .nav-drop-down-wrap span {
        padding-right: 1.5rem; }
        .common-header .nav .nav-drop-down-wrap span:after {
          content: ' ';
          position: absolute;
          background: url("https://help-assets.codehub.cn/enterprise/new-static/images/index/icon/triangle-icon-default.svg");
          right: 0;
          top: 32%;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          width: 1.5rem;
          height: 1.5rem;
          -webkit-transition: all 0.15s ease;
          -o-transition: all 0.15s ease;
          transition: all 0.15s ease; }
      .common-header .nav .nav-drop-down-wrap.active span {
        color: #0066ff; }
        .common-header .nav .nav-drop-down-wrap.active span:after {
          -webkit-transform: rotate3d(0, 0, 1, 180deg);
          transform: rotate3d(0, 0, 1, 180deg);
          background: url("https://help-assets.codehub.cn/enterprise/new-static/images/index/icon/triangle-icon-hover.svg"); }
      .common-header .nav .nav-drop-down-wrap.active .nav-drop-down-container {
        -webkit-animation-name: fade-up-header;
        animation-name: fade-up-header;
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        display: block; }
      .common-header .nav .nav-drop-down-wrap .nav-drop-down-container {
        display: none;
        top: 4rem;
        position: fixed;
        left: 0;
        right: 0;
        width: 87.5rem;
        min-height: 26.75rem;
        margin: 0 auto;
        background: #fff;
        border-radius: 0px;
        cursor: default; }
        .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down {
          font-size: 12px;
          display: -ms-flexbox;
          display: flex;
          width: 100%;
          height: 100%;
          padding-left: 1.5rem; }
          .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .title {
            display: -ms-flexbox;
            display: flex;
            width: 100%; }
          .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .label {
            display: -ms-flexbox;
            display: flex;
            color: #666F80;
            font-weight: 500;
            font-size: .875rem;
            border-bottom: 1px solid;
            border-color: #E6EBF2;
            -ms-flex-align: end;
            align-items: flex-end;
            height: 2.5625rem;
            margin-bottom: 1rem;
            margin-left: 1rem; }
          .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .left-menu-container {
            grid-auto-flow: column;
            -ms-flex-pack: start;
            justify-content: flex-start;
            justify-items: start;
            padding-top: 1.5rem;
            gap: 3.5rem; }
            .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .left-menu-container .top-menu-wrapper {
              width: 100%; }
              .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .left-menu-container .top-menu-wrapper .top-title-devops {
                display: -ms-flexbox;
                display: flex;
                color: #666F80;
                font-weight: 600;
                font-size: .875rem;
                border-bottom: 1px solid;
                border-color: #E6EBF2;
                -ms-flex-align: end;
                align-items: flex-end;
                height: 2.5625rem;
                margin-bottom: 1rem;
                margin-left: 1rem;
                margin-right: 1rem; }
              .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .left-menu-container .top-menu-wrapper .header-tab-content {
                height: 100%;
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                -ms-flex-pack: start;
                justify-content: flex-start;
                justify-items: start; }
                .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .left-menu-container .top-menu-wrapper .header-tab-content .content-detail {
                  height: 100%; }
            .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .left-menu-container .bottom-menu-wrapper {
              width: 100%;
              margin-top: 20px; }
              .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .left-menu-container .bottom-menu-wrapper .bottom-titlie-devops {
                display: -ms-flexbox;
                display: flex;
                color: #666F80;
                font-weight: 600;
                font-size: .875rem;
                border-bottom: 1px solid;
                border-color: #E6EBF2;
                -ms-flex-align: end;
                align-items: flex-end;
                height: 2.5625rem;
                margin-bottom: 1rem;
                margin-left: 1rem;
                margin-right: 1rem; }
              .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .left-menu-container .bottom-menu-wrapper .right-title-cloud {
                display: -ms-flexbox;
                display: flex;
                color: #666F80;
                font-weight: 600;
                font-size: .875rem;
                border-bottom: 1px solid;
                border-color: #E6EBF2;
                -ms-flex-align: end;
                align-items: flex-end;
                height: 2.5625rem;
                margin-bottom: 1rem;
                margin-left: 1rem; }
              .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .left-menu-container .bottom-menu-wrapper .bottom-tab-content {
                display: grid;
                grid-template-rows: repeat(1, minmax(0, 1fr));
                margin-bottom: 1rem; }
              .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .left-menu-container .bottom-menu-wrapper .right-tab-content {
                display: grid;
                grid-template-rows: repeat(1, minmax(0, 1fr)); }
          .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .right-menu-container {
            width: 23rem;
            background-color: rgba(230, 234, 245, 0.5);
            padding-top: 1.5rem;
            padding-left: 1.5rem; }
            .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .right-menu-container .right-title-more {
              display: -ms-flexbox;
              display: flex;
              color: #666F80;
              font-weight: 600;
              font-size: .875rem;
              border-bottom: 1px solid;
              border-color: #E6EBF2;
              -ms-flex-align: end;
              align-items: flex-end;
              height: 2.5625rem;
              margin-bottom: 1rem;
              margin-left: 1rem; }
            .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .right-menu-container .item-container {
              display: -ms-flexbox;
              display: flex;
              -ms-flex-direction: column;
              flex-direction: column;
              -ms-flex-line-pack: start;
              align-content: flex-start;
              -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
              .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .right-menu-container .item-container .tab-txt {
                color: #606c80;
                font-size: 12px;
                text-align: right; }
              .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .right-menu-container .item-container .item-link {
                display: -ms-flexbox;
                display: flex;
                -ms-flex-pack: start;
                justify-content: flex-start;
                -ms-flex-direction: row;
                flex-direction: row;
                -ms-flex-align: center;
                align-items: center;
                min-width: 18.75rem;
                height: 4.5rem;
                border-radius: 2px;
                padding-left: 1.25rem;
                padding-right: 1.25rem; }
                .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .right-menu-container .item-container .item-link img {
                  width: 2rem;
                  height: 2rem;
                  margin-right: 1rem; }
                .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .right-menu-container .item-container .item-link .active-link {
                  color: #0066FF; }
                  .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .right-menu-container .item-container .item-link .active-link img {
                    width: 16px;
                    position: relative;
                    top: -4px;
                    left: 3px; }
                .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .right-menu-container .item-container .item-link div {
                  -ms-flex: 1 1;
                  flex: 1 1;
                  display: -ms-flexbox;
                  display: flex;
                  -ms-flex-direction: column;
                  flex-direction: column;
                  -ms-flex-pack: center;
                  justify-content: center;
                  padding-bottom: 14px;
                  padding-top: 14px; }
                  .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .right-menu-container .item-container .item-link div a {
                    display: -ms-flexbox;
                    display: flex;
                    width: 100%;
                    padding: 0;
                    margin: 0;
                    color: #202d40;
                    font-size: 1rem;
                    line-height: 24px;
                    font-weight: 500; }
                  .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .right-menu-container .item-container .item-link div .desc {
                    display: -ms-flexbox;
                    display: flex;
                    font-weight: 500;
                    height: 1.0625rem;
                    color: #606c80;
                    font-size: .75rem;
                    line-height: 1.0625rem;
                    margin-top: 0.3125rem;
                    white-space: nowrap; }
                  .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .right-menu-container .item-container .item-link div .arrow-link img {
                    display: none;
                    width: 10px !important;
                    height: 10px !important; }
                .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .right-menu-container .item-container .item-link:hover {
                  background: #DFEAFA;
                  border-radius: 0.375rem; }
                  .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .right-menu-container .item-container .item-link:hover div a:first-child {
                    color: #0066ff; }
                  .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .right-menu-container .item-container .item-link:hover .arrow-link {
                    gap: 4px;
                    -ms-flex-align: center;
                    align-items: center; }
                    .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .right-menu-container .item-container .item-link:hover .arrow-link img {
                      display: inline-block; }
          .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box {
            display: -ms-flexbox;
            display: flex;
            height: 100%;
            -ms-flex-direction: column;
            flex-direction: column; }
            .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .title {
              width: 84px;
              padding: 30px 0 8px 0px;
              margin-left: 20px;
              color: #8592a6;
              font-size: 14px;
              line-height: 16px;
              font-weight: bold;
              border-bottom: 1px solid #dadfe6; }
            .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-solution {
              -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
            .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container {
              display: -ms-flexbox;
              display: flex;
              -ms-flex-line-pack: start;
              align-content: flex-start; }
              .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .tab-txt {
                color: #606c80;
                font-size: 12px;
                text-align: right; }
              .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link {
                display: -ms-flexbox;
                display: flex;
                -ms-flex-pack: start;
                justify-content: flex-start;
                -ms-flex-direction: row;
                flex-direction: row;
                -ms-flex-align: center;
                align-items: center;
                min-width: 15.75rem;
                height: 4.5rem;
                border-radius: 2px;
                padding-left: 1.25rem;
                padding-right: 1.25rem; }
                .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link img {
                  width: 2rem;
                  height: 2rem;
                  margin-right: 1rem; }
                .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link .active-link {
                  color: #0066FF; }
                  .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link .active-link img {
                    width: 16px;
                    position: relative;
                    top: -4px;
                    left: 3px; }
                .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link div {
                  -ms-flex: 1 1;
                  flex: 1 1;
                  display: -ms-flexbox;
                  display: flex;
                  -ms-flex-direction: column;
                  flex-direction: column;
                  -ms-flex-pack: center;
                  justify-content: center;
                  padding-bottom: 15px;
                  padding-top: 15px; }
                  .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link div a {
                    display: -ms-flexbox;
                    display: flex;
                    width: 100%;
                    padding: 0;
                    margin: 0;
                    color: #202d40;
                    font-size: 1rem;
                    line-height: 24px;
                    font-weight: 500; }
                  .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link div .hot-line {
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-align: center;
                    align-items: center;
                    gap: .5rem; }
                    .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link div .hot-line img {
                      width: 34px;
                      height: 16px; }
                  .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link div .desc {
                    display: -ms-flexbox;
                    display: flex;
                    font-weight: 500;
                    height: 1.0625rem;
                    color: #606c80;
                    font-size: .75rem;
                    line-height: 1.0625rem;
                    margin-top: 0.3125rem;
                    white-space: nowrap; }
                .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link:hover {
                  background: #EEF5FF;
                  border-radius: 0.375rem; }
                  .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link:hover div a:first-child {
                    color: #0066ff; }
                .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link .example-image-link {
                  height: 100%; }
                  .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link .example-image-link img {
                    width: 114px;
                    height: 100%; }
              .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link-2 {
                display: -ms-flexbox;
                display: flex;
                -ms-flex-pack: start;
                justify-content: flex-start;
                -ms-flex-direction: row;
                flex-direction: row;
                -ms-flex-align: center;
                align-items: center;
                min-width: 11.75rem;
                height: 4.5rem;
                border-radius: 2px;
                padding-left: 1.25rem;
                padding-right: 1.25rem; }
                .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link-2 img {
                  width: 2rem;
                  height: 2rem;
                  margin-right: 1rem; }
                .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link-2 .active-link {
                  color: #0066FF; }
                  .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link-2 .active-link img {
                    width: 16px;
                    position: relative;
                    top: -4px;
                    left: 3px; }
                .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link-2 div {
                  -ms-flex: 1 1;
                  flex: 1 1;
                  display: -ms-flexbox;
                  display: flex;
                  -ms-flex-direction: column;
                  flex-direction: column;
                  -ms-flex-pack: center;
                  justify-content: center;
                  padding-bottom: 15px;
                  padding-top: 15px; }
                  .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link-2 div a {
                    display: -ms-flexbox;
                    display: flex;
                    width: 100%;
                    padding: 0;
                    margin: 0;
                    color: #202d40;
                    font-size: 1rem;
                    line-height: 24px;
                    font-weight: 500; }
                  .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link-2 div .hot-line {
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-align: center;
                    align-items: center;
                    gap: .5rem; }
                    .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link-2 div .hot-line img {
                      width: 34px;
                      height: 16px; }
                  .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link-2 div .desc {
                    display: -ms-flexbox;
                    display: flex;
                    font-weight: 500;
                    height: 1.0625rem;
                    color: #606c80;
                    font-size: .75rem;
                    line-height: 1.0625rem;
                    margin-top: 0.3125rem; }
                .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link-2:hover {
                  background: #EEF5FF;
                  border-radius: 0.375rem; }
                  .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link-2:hover div a:first-child {
                    color: #0066ff; }
                .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link-2 .example-image-link {
                  height: 100%; }
                  .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link-2 .example-image-link img {
                    width: 114px;
                    height: 100%; }
            .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .has-down-link {
              border-left: 1px solid #dadfe6;
              padding-left: 10px; }
          .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box:not(:last-child):after {
            position: absolute;
            max-height: 300px;
            width: 1px;
            right: 0;
            background: #dadfe6;
            -webkit-transform: scaleX(0.5);
            -ms-transform: scaleX(0.5);
            transform: scaleX(0.5);
            content: ' '; }
          .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .common-box {
            padding-top: 2rem;
            padding-left: 1rem; }
            .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .common-box .item-container {
              -ms-flex-direction: row;
              flex-direction: row; }
              .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .common-box .item-container .item-link {
                display: -ms-flexbox;
                display: flex;
                -ms-flex-pack: start;
                justify-content: flex-start;
                -ms-flex-direction: row;
                flex-direction: row;
                -ms-flex-align: center;
                align-items: center;
                min-width: 18.75rem;
                height: 4.5rem;
                border-radius: 2px;
                padding-left: 1.25rem;
                padding-right: 1.25rem;
                margin-bottom: 0.25rem; }
                .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .common-box .item-container .item-link div .desc {
                  display: -ms-flexbox;
                  display: flex;
                  font-weight: 500;
                  height: 1.0625rem;
                  color: #606c80;
                  font-size: .75rem;
                  line-height: 1.0625rem;
                  margin-top: 0.3125rem;
                  white-space: nowrap; }
          .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .industry-box {
            padding-top: 2rem;
            padding-right: 3.5rem; }
            .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .industry-box .item-container {
              -ms-flex-direction: row;
              flex-direction: row; }
              .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .industry-box .item-container .item-link {
                display: -ms-flexbox;
                display: flex;
                -ms-flex-pack: start;
                justify-content: flex-start;
                -ms-flex-direction: row;
                flex-direction: row;
                -ms-flex-align: center;
                align-items: center;
                min-width: 18.75rem;
                height: 4.5rem;
                border-radius: 2px;
                padding-left: 1.25rem;
                padding-right: 1.25rem;
                margin-bottom: 0.25rem; }
                .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .industry-box .item-container .item-link div .desc {
                  display: -ms-flexbox;
                  display: flex;
                  font-weight: 500;
                  height: 1.0625rem;
                  color: #606c80;
                  font-size: .75rem;
                  line-height: 1.0625rem;
                  margin-top: 0.3125rem;
                  white-space: nowrap; }
          .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .full-box {
            width: 600px; }
          .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .more {
            -ms-flex: 1 1;
            flex: 1 1; }
        .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .solutions-container {
          display: grid;
          -ms-flex-pack: start;
          justify-content: flex-start;
          grid-auto-flow: column;
          justify-items: start;
          width: 100%;
          gap: 3.5rem; }
        .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .chanpin {
          margin: 0 auto;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: justify;
          justify-content: space-between; }
        .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .zhichi {
          padding-bottom: 2rem;
          padding-top: 1.5rem;
          padding-left: 1.5rem;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: start;
          align-items: flex-start;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          width: 100%; }
        .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .examples {
          max-width: 1200px;
          margin: 0 auto;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: row;
          flex-direction: row;
          -ms-flex-pack: justify;
          justify-content: space-between;
          padding-top: 30px; }
          .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .examples .drop-down-box:first-child {
            margin-left: 10px; }
          .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .examples .example-box .item-container {
            margin-bottom: 0; }
      .common-header .nav .nav-drop-down-wrap .chanpin-container {
        height: 27rem; }
      .common-header .nav .nav-drop-down-wrap .zhichi-container {
        min-height: unset;
        height: auto; }
        .common-header .nav .nav-drop-down-wrap .zhichi-container .item-container {
          -ms-flex-direction: row !important;
          flex-direction: row !important; }
          .common-header .nav .nav-drop-down-wrap .zhichi-container .item-container .item-link {
            height: 4.5rem;
            width: 18.75rem;
            margin-bottom: 0.25rem; }
  .common-header .login-zone {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center; }
    .common-header .login-zone .register,
    .common-header .login-zone .login,
    .common-header .login-zone .avatar {
      display: none; }
    .common-header .login-zone .button {
      outline: none;
      border: none;
      cursor: pointer;
      display: inline-block;
      margin-left: 10px;
      font-size: 14px;
      line-height: 30px;
      vertical-align: middle;
      text-align: center;
      text-decoration: none;
      border-radius: 2px;
      -webkit-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      transition: all 0.2s ease; }
    .common-header .login-zone .platform-login a {
      color: #fff;
      vertical-align: -2px; }
    .common-header .login-zone .sample a {
      padding-right: 1.875rem;
      padding-left: 1rem;
      cursor: pointer;
      display: inline-block;
      font-size: 1rem;
      line-height: 1.75rem;
      font-family: 'PingFang SC';
      font-style: normal;
      font-weight: 500;
      margin-left: 0;
      color: #32373F; }
      .common-header .login-zone .sample a:hover {
        color: #3385ff; }
    .common-header .login-zone .register .button {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 0.5rem 1.375rem;
      gap: 0.625rem;
      color: #fff;
      width: 6.75rem;
      height: 2.5rem;
      background: -webkit-linear-gradient(348.74deg, #2d61fc 1.01%, #9362ed 45.41%, #f06195 97.11%, #fca1ad 136.14%);
      background: -o-linear-gradient(348.74deg, #2d61fc 1.01%, #9362ed 45.41%, #f06195 97.11%, #fca1ad 136.14%);
      background: linear-gradient(101.26deg, #2d61fc 1.01%, #9362ed 45.41%, #f06195 97.11%, #fca1ad 136.14%);
      border-radius: 0.375rem;
      white-space: nowrap;
      cursor: pointer;
      margin-left: 0;
      font-size: 1rem;
      line-height: 1.75rem;
      font-family: 'PingFang SC';
      font-style: normal;
      font-weight: 500; }
    .common-header .login-zone .login .button {
      background: #ebeff5;
      color: #32373F; }
      .common-header .login-zone .login .button:hover {
        background: #606c80;
        color: #fff; }
  .common-header .login-zone {
    float: right;
    display: -ms-flexbox;
    display: flex; }
  .common-header .icon {
    display: none;
    position: relative;
    height: 2.5rem;
    width: 2.5rem;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    color: transparent;
    cursor: pointer; }
    .common-header .icon span {
      position: absolute;
      left: 50%;
      top: 50%;
      bottom: auto;
      right: auto;
      background-color: #202d40;
      height: 2px;
      width: 1.25rem;
      -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
      -webkit-transition: background-color 0.2s;
      -o-transition: background-color 0.2s;
      transition: background-color 0.2s; }
      .common-header .icon span:after, .common-header .icon span:before {
        position: absolute;
        background-color: #202d40;
        height: 2px;
        width: 1.25rem;
        content: '';
        left: 0;
        transition: -webkit-transform 0.2s;
        -webkit-transition: -webkit-transform 0.2s;
        -o-transition: transform 0.2s;
        transition: transform 0.2s;
        transition: transform 0.2s, -webkit-transform 0.2s; }
      .common-header .icon span:before {
        -webkit-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
        transform: translateY(-8px); }
      .common-header .icon span:after {
        -webkit-transform: translateY(8px);
        -ms-transform: translateY(8px);
        transform: translateY(8px); }
  .common-header .mobile-nav {
    display: none;
    position: absolute;
    top: 4rem;
    left: 0;
    width: 100%;
    z-index: 1000;
    background-color: #fff;
    border-radius: 0 0 0.75rem 0.75rem;
    overflow: auto; }
  .common-header .icon-user {
    display: none;
    position: absolute;
    cursor: pointer;
    top: 15px;
    right: 20px;
    font-size: 16px;
    color: #202d40;
    line-height: 30px; }
  .common-header .mobile-login-zone {
    display: none;
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    z-index: 1000;
    padding: 0 4%;
    -webkit-box-shadow: inset 0 1px 0 #e6e6e6;
    box-shadow: inset 0 1px 0 #e6e6e6;
    background-color: #fff; }
  .common-header.login-checked .login-zone .register,
  .common-header.login-checked .login-zone .login, .common-header.login-checked .login-zone .platform-login {
    display: inline-block; }
  .common-header.expanded .common-header-content {
    background: rgba(255, 255, 255, 0.98);
    -webkit-backdrop-filter: blur(1.25rem);
    backdrop-filter: blur(1.25rem); }
  .common-header.expanded.logged-in .login-zone .avatar {
    display: inherit !important;
    text-align: center; }
  .common-header.expanded.logged-in .login,
  .common-header.expanded.logged-in .register {
    display: none !important; }
  .common-header.expanded .icon span {
    background-color: transparent; }
    .common-header.expanded .icon span:before {
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
    .common-header.expanded .icon span:after {
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg); }
  .common-header.expanded .mobile-nav {
    display: block; }
    .common-header.expanded .mobile-nav ul {
      list-style: none; }
    .common-header.expanded .mobile-nav a {
      color: #32373F;
      outline: none;
      text-decoration: none;
      display: block; }
      .common-header.expanded .mobile-nav a span {
        color: #ee702e; }
      .common-header.expanded .mobile-nav a .hot-icon {
        position: relative;
        height: 12px;
        top: -10px; }
      .common-header.expanded .mobile-nav a.hot-line {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center; }
        .common-header.expanded .mobile-nav a.hot-line img {
          position: relative;
          left: 4px;
          width: 34px !important;
          height: 16px !important; }
    .common-header.expanded .mobile-nav .dropdown-list .dropdown {
      display: block; }
      .common-header.expanded .mobile-nav .dropdown-list .dropdown .label {
        font-size: 16px;
        line-height: 2;
        text-align: left;
        color: #32373F;
        display: block;
        font-weight: 500;
        padding: 8px 0;
        margin: 0;
        border-bottom: solid 1px rgba(50, 55, 63, 0.12);
        position: relative; }
        .common-header.expanded .mobile-nav .dropdown-list .dropdown .label.triangle-icon:after {
          content: ' ';
          position: absolute;
          pointer-events: none;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          background: url("https://help-assets.codehub.cn/enterprise/new-static/images/index/icon/triangle-icon-default.svg");
          top: 50%;
          box-sizing: border-box;
          width: 1.5rem;
          height: 1.5rem;
          right: 0;
          margin-top: -0.75rem;
          z-index: 1;
          -webkit-transform-origin: 50% 50%;
          -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
          -webkit-transition: all 0.1s ease-in;
          -o-transition: all 0.1s ease-in;
          transition: all 0.1s ease-in; }
      .common-header.expanded .mobile-nav .dropdown-list .dropdown .content {
        display: none; }
        .common-header.expanded .mobile-nav .dropdown-list .dropdown .content .menu .content-label {
          padding-left: 20px; }
        .common-header.expanded .mobile-nav .dropdown-list .dropdown .content .menu.has-subsubmenu {
          padding-left: 2rem;
          padding-right: 2rem; }
          .common-header.expanded .mobile-nav .dropdown-list .dropdown .content .menu.has-subsubmenu:first-child {
            padding-top: 1.5rem; }
          .common-header.expanded .mobile-nav .dropdown-list .dropdown .content .menu.has-subsubmenu:last-child {
            padding-top: 0.75rem; }
          .common-header.expanded .mobile-nav .dropdown-list .dropdown .content .menu.has-subsubmenu .label {
            color: #8D95A6;
            font-weight: 600;
            border-bottom: unset;
            font-size: .875rem;
            line-height: 1rem;
            padding-top: 0;
            padding-bottom: 1rem; }
            .common-header.expanded .mobile-nav .dropdown-list .dropdown .content .menu.has-subsubmenu .label:after {
              display: none; }
          .common-header.expanded .mobile-nav .dropdown-list .dropdown .content .menu.has-subsubmenu .content {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr)); }
            .common-header.expanded .mobile-nav .dropdown-list .dropdown .content .menu.has-subsubmenu .content .content-label {
              color: #32373F;
              line-height: 1.75rem;
              font-weight: 500;
              font-size: 1rem;
              padding-bottom: 1.25rem;
              padding-top: 2px;
              padding-left: 0;
              -ms-flex-align: center;
              align-items: center;
              display: -ms-flexbox;
              display: flex;
              gap: .5rem; }
              .common-header.expanded .mobile-nav .dropdown-list .dropdown .content .menu.has-subsubmenu .content .content-label img {
                width: 1.75rem;
                height: 1.75rem; }
              .common-header.expanded .mobile-nav .dropdown-list .dropdown .content .menu.has-subsubmenu .content .content-label.hot-line {
                display: -ms-flexbox;
                display: flex;
                -ms-flex-align: center;
                align-items: center; }
                .common-header.expanded .mobile-nav .dropdown-list .dropdown .content .menu.has-subsubmenu .content .content-label.hot-line a {
                  display: -ms-flexbox;
                  display: flex;
                  -ms-flex-align: center;
                  align-items: center; }
                  .common-header.expanded .mobile-nav .dropdown-list .dropdown .content .menu.has-subsubmenu .content .content-label.hot-line a img {
                    width: 34px;
                    height: 16px;
                    margin-left: .3rem; }
        .common-header.expanded .mobile-nav .dropdown-list .dropdown .content .content-label {
          font-size: 14px;
          line-height: 2;
          text-align: left;
          color: #32373F;
          display: block;
          padding: 10px 0;
          margin: 0;
          position: relative; }
      .common-header.expanded .mobile-nav .dropdown-list .dropdown.has-submenu.is-active .label {
        border-bottom: unset; }
        .common-header.expanded .mobile-nav .dropdown-list .dropdown.has-submenu.is-active .label:after {
          background: url("https://help-assets.codehub.cn/enterprise/new-static/images/index/icon/triangle-icon-hover.svg");
          -webkit-transform: rotate3d(0, 0, 1, 180deg);
          transform: rotate3d(0, 0, 1, 180deg); }
      .common-header.expanded .mobile-nav .dropdown-list .dropdown.has-submenu.is-active .submenu-container {
        background-color: #E6EEFF; }
      .common-header.expanded .mobile-nav .dropdown-list .dropdown.has-submenu.is-active .content {
        display: block; }
  .common-header.expanded .icon-user,
  .common-header.expanded .mobile-login-zone {
    display: none; }
  .common-header.user-expanded .icon-user {
    display: none; }
  .common-header.user-expanded .icon span {
    background-color: transparent; }
    .common-header.user-expanded .icon span:before {
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
    .common-header.user-expanded .icon span:after {
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg); }
  .common-header.user-expanded .mobile-login-zone {
    display: block; }
    .common-header.user-expanded .mobile-login-zone ul {
      list-style: none; }
    .common-header.user-expanded .mobile-login-zone a {
      color: #32373F;
      outline: none;
      text-decoration: none; }
    .common-header.user-expanded .mobile-login-zone .dropdown-list .dropdown .btn {
      height: 40px;
      width: 84%;
      line-height: 40px;
      font-size: 14px;
      text-align: center;
      border-radius: 4px; }
      .common-header.user-expanded .mobile-login-zone .dropdown-list .dropdown .btn.register {
        background: #0066FF;
        margin: 40px auto 15px; }
        .common-header.user-expanded .mobile-login-zone .dropdown-list .dropdown .btn.register a {
          display: block;
          width: 100%;
          height: 100%;
          color: #fff; }
      .common-header.user-expanded .mobile-login-zone .dropdown-list .dropdown .btn.login {
        background: #EDF1F7;
        margin: 15px auto 40px; }
        .common-header.user-expanded .mobile-login-zone .dropdown-list .dropdown .btn.login a {
          display: block;
          width: 100%;
          height: 100%;
          color: #32373F; }
  .common-header .drop-down-wrap {
    position: relative; }
    .common-header .drop-down-wrap:hover .drop-down-container {
      display: block; }
    .common-header .drop-down-wrap .drop-down-container {
      display: none;
      top: 48px;
      position: absolute;
      padding-top: 10px;
      right: -12px; }
      .common-header .drop-down-wrap .drop-down-container .drop-down {
        font-size: 12px;
        color: #202d40;
        border: 1px solid #f5f6f8;
        width: 110px;
        border-radius: 2px 2px 2px 2px;
        background: #fff;
        position: relative; }
        .common-header .drop-down-wrap .drop-down-container .drop-down:after {
          background: #fff;
          border-color: #f5f5f5 transparent transparent #f5f5f5;
          border-style: solid;
          border-width: 1px;
          content: ' ';
          height: 10px;
          position: absolute;
          top: -5px;
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg);
          width: 10px;
          right: 24px; }
        .common-header .drop-down-wrap .drop-down-container .drop-down .item {
          padding-left: 10px;
          height: 36px;
          line-height: 36px;
          cursor: pointer;
          text-align: left !important;
          z-index: 999;
          position: relative;
          background-color: #fff; }
          .common-header .drop-down-wrap .drop-down-container .drop-down .item svg {
            font-size: 15px; }
          .common-header .drop-down-wrap .drop-down-container .drop-down .item a {
            color: #202d40;
            text-decoration: unset;
            margin-left: 3px;
            vertical-align: middle; }
          .common-header .drop-down-wrap .drop-down-container .drop-down .item:hover {
            background-color: #f5f7fa; }
  .common-header.no-touch .nav .nav-item:hover span {
    color: #0066ff; }
  .common-header.no-touch .nav .nav-item:hover a {
    color: #0066ff; }
  .common-header.no-touch .nav .nav-item.spec:hover span {
    color: #0066ff; }
  .common-header.no-touch .nav .nav-item.spec:hover a {
    color: #0066ff; }
  .common-header.no-touch .nav .nav-drop-down-wrap:hover span {
    color: #0066ff; }
    .common-header.no-touch .nav .nav-drop-down-wrap:hover span:after {
      -webkit-transform: rotate3d(0, 0, 1, 180deg);
      transform: rotate3d(0, 0, 1, 180deg);
      background: url("https://help-assets.codehub.cn/enterprise/new-static/images/index/icon/triangle-icon-hover.svg"); }
  .common-header.no-touch .nav .nav-drop-down-wrap:hover .nav-drop-down-container {
    -webkit-animation-name: fade-up-header;
    animation-name: fade-up-header;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    display: block; }
  .common-header.isFixed .nav .nav-item span {
    color: #32373F; }
  .common-header.isFixed .nav .nav-item a {
    color: #32373F; }
  .common-header.isFixed .logo img:first-child {
    display: block; }
  .common-header.isFixed .logo img:last-child {
    display: none; }
  .common-header.darkmode .logo img:first-child {
    display: none; }
  .common-header.darkmode .logo img:last-child {
    display: block; }
  .common-header.darkmode .search-select-icon-dongjian .search-icon {
    background: url("https://help-assets.codehub.cn/insight/img/search.svg") no-repeat; }
    .common-header.darkmode .search-select-icon-dongjian .search-icon.on {
      background: url("https://help-assets.codehub.cn/insight/img/close.svg") no-repeat; }
  .common-header.darkmode .search-content-dongjian .search-area .header-search-icon {
    background: url("https://help-assets.codehub.cn/insight/img/search.svg") no-repeat; }
  .common-header.darkmode .search-content-dongjian .search-area .headerSearchInput {
    border: 1px solid #fff; }
    .common-header.darkmode .search-content-dongjian .search-area .headerSearchInput .cross:hover::after {
      background: #0066ff; }
    .common-header.darkmode .search-content-dongjian .search-area .headerSearchInput .cross:hover::before {
      background: #0066ff; }
    .common-header.darkmode .search-content-dongjian .search-area .headerSearchInput .cross::after {
      background: #fff; }
    .common-header.darkmode .search-content-dongjian .search-area .headerSearchInput .cross::before {
      background: #fff; }
    .common-header.darkmode .search-content-dongjian .search-area .headerSearchInput input {
      color: #fff; }
  .common-header.darkmode .nav .nav-drop-down-wrap span::after {
    background: url("https://help-assets.codehub.cn/enterprise/new-static/images/index/icon/triangle-icon-white.svg"); }
  .common-header.darkmode .nav .nav-item a {
    color: #fff; }
  .common-header.darkmode .nav .nav-item span {
    color: #fff; }
  .common-header.darkmode.no-touch .nav .nav-item:hover span {
    color: #0066ff; }
  .common-header.darkmode.no-touch .nav .nav-item:hover a {
    color: #0066ff; }
  .common-header.darkmode.no-touch .nav .nav-item.spec:hover span {
    color: #0066ff; }
  .common-header.darkmode.no-touch .nav .nav-item.spec:hover a {
    color: #0066ff; }
  .common-header.darkmode.isFixed .nav .nav-item span {
    color: #32373F; }
  .common-header.darkmode.isFixed .nav .nav-item a {
    color: #32373F; }
  .common-header.darkmode.isFixed .nav .nav-drop-down-wrap:hover span {
    color: #0066ff; }
    .common-header.darkmode.isFixed .nav .nav-drop-down-wrap:hover span:after {
      -webkit-transform: rotate3d(0, 0, 1, 180deg);
      transform: rotate3d(0, 0, 1, 180deg);
      background: url("https://help-assets.codehub.cn/enterprise/new-static/images/index/icon/triangle-icon-hover.svg"); }
  .common-header.darkmode.isFixed .nav .nav-drop-down-wrap span::after {
    background: url("https://help-assets.codehub.cn/enterprise/new-static/images/index/icon/triangle-icon-default.svg"); }
  .common-header.darkmode.isFixed .logo img:first-child {
    display: block; }
  .common-header.darkmode.isFixed .logo img:last-child {
    display: none; }
  .common-header.darkmode.isFixed .search-select-icon-dongjian .search-icon {
    background: url("https://help-assets.codehub.cn/insight/img/menu-search.svg") no-repeat; }
    .common-header.darkmode.isFixed .search-select-icon-dongjian .search-icon.on {
      background: url("https://help-assets.codehub.cn/insight/img/nav-close.svg") no-repeat; }
  .common-header.darkmode.isFixed .search-content-dongjian .search-area .header-search-icon {
    opacity: 0; }
  .common-header.darkmode.isFixed .search-content-dongjian .search-area .headerSearchInput {
    border: 1px solid #000; }
    .common-header.darkmode.isFixed .search-content-dongjian .search-area .headerSearchInput input {
      color: #000; }
    .common-header.darkmode.isFixed .search-content-dongjian .search-area .headerSearchInput .cross::after {
      background: #000; }
    .common-header.darkmode.isFixed .search-content-dongjian .search-area .headerSearchInput .cross::before {
      background: #000; }
  .common-header.darkmode.isFixed .login-zone .sample a {
    color: #32373f; }
  .common-header.darkmode .login-zone .sample a {
    color: #fff; }
    .common-header.darkmode .login-zone .sample a:hover {
      color: #0066FF; }

@media only screen and (max-width: 1800px) {
  html {
    font-size: 14px !important; }
  .common-header .nav .nav-drop-down-wrap span:after {
    top: 16px; }
  .common-header.no-touch .nav .nav-drop-down-wrap:hover span:after {
    top: 19px; } }

@media only screen and (max-width: 1279px) {
  .common-header {
    top: 0;
    -webkit-animation: none;
    animation: none; }
    .common-header .nav,
    .common-header .login-zone {
      display: none; }
    .common-header .common-header-content .header-body {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-align: center;
      align-items: center;
      height: 100%; }
    .common-header .icon {
      display: inline-block;
      line-height: 4rem; }
    .common-header .icon-user {
      display: block; }
    .common-header .mobile-login-zone {
      width: 100%;
      max-height: 75vh;
      overflow-y: scroll;
      left: 0;
      background-color: #ffffff; }
    .common-header .logo img:first-child {
      display: block !important; }
    .common-header .logo img:last-child {
      display: none !important; }
  .submenu-container {
    padding: 0 2rem; }
  .mobile-nav .dropdown-list {
    max-height: 75vh;
    overflow: auto; }
  .mobile-nav .mobile-start-wrapper {
    background: rgba(255, 255, 255, 0.88);
    -webkit-box-shadow: 0px -4px 14px rgba(27, 90, 179, 0.033647), 0px -1px 5px rgba(27, 90, 179, 0.06);
    box-shadow: 0px -4px 14px rgba(27, 90, 179, 0.033647), 0px -1px 5px rgba(27, 90, 179, 0.06);
    -webkit-backdrop-filter: blur(0.3125rem);
    backdrop-filter: blur(0.3125rem);
    border-radius: 0 0 0.75rem 0.75rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 5.5rem;
    margin-top: 2.5rem;
    gap: 1rem; }
    .mobile-nav .mobile-start-wrapper span {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 0.625rem 0;
      gap: 0.625rem;
      width: 10rem;
      height: 3rem;
      background: -webkit-linear-gradient(340.77deg, #2d61fc 4.94%, #9362ed 49.73%, #f06195 101.9%, #fca1ad 141.28%);
      background: -o-linear-gradient(340.77deg, #2d61fc 4.94%, #9362ed 49.73%, #f06195 101.9%, #fca1ad 141.28%);
      background: linear-gradient(109.23deg, #2d61fc 4.94%, #9362ed 49.73%, #f06195 101.9%, #fca1ad 141.28%);
      border-radius: 0.375rem;
      font-family: PingFang SC;
      font-style: normal;
      font-weight: 500;
      font-size: 1.25rem;
      color: #fff !important;
      line-height: 1.75rem;
      cursor: pointer; }
    .mobile-nav .mobile-start-wrapper .mobile-start-register {
      border: 2px solid #2D61FC;
      border-radius: 6px;
      background: rgba(45, 97, 252, 0.05);
      color: #2D61FC !important; } }

@media only screen and (max-width: 834px) {
  html {
    font-size: 16px !important; } }

@media (max-width: 780px) {
  html {
    font-size: 14px !important; } }

@media (max-width: 640px) {
  html {
    font-size: 14px !important; } }

@media (max-width: 600px) {
  html {
    font-size: 16px !important; }
  .common-header .icon {
    top: 0; }
  .common-header .common-header-content {
    height: 3.5rem; }
    .common-header .common-header-content .header-body {
      margin-left: 1rem;
      margin-right: 1rem; }
  .common-header .mobile-nav {
    top: 3.5rem; }
  .submenu-container {
    padding: 0 1rem; }
  .common-header.expanded .mobile-nav .dropdown-list .dropdown .content .menu.has-subsubmenu {
    padding-left: 1rem;
    padding-right: 1rem; }
    .common-header.expanded .mobile-nav .dropdown-list .dropdown .content .menu.has-subsubmenu .label {
      font-size: .75rem; }
    .common-header.expanded .mobile-nav .dropdown-list .dropdown .content .menu.has-subsubmenu .content {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      padding-bottom: 5px; }
      .common-header.expanded .mobile-nav .dropdown-list .dropdown .content .menu.has-subsubmenu .content .content-label {
        line-height: 1.5rem;
        font-size: .9375rem;
        gap: 0.25rem;
        padding-bottom: 18px;
        padding-top: 4px; }
        .common-header.expanded .mobile-nav .dropdown-list .dropdown .content .menu.has-subsubmenu .content .content-label img {
          width: 1.5rem;
          height: 1.5rem;
          margin-right: 4px; }
  .common-header.expanded .mobile-nav .dropdown-list .dropdown.has-submenu.is-active .submenu-container {
    padding: 0 1rem;
    line-height: 1.5rem;
    font-size: 1rem; }
  .common-header.expanded .mobile-nav .mobile-start-wrapper {
    height: 5.25rem; }
    .common-header.expanded .mobile-nav .mobile-start-wrapper span {
      font-size: 1rem;
      line-height: 1.5rem;
      width: 10.6875rem;
      height: 2.75rem; } }

@media only screen and (max-width: 600px) {
  .common-header .logo img {
    height: 20px; } }

@media only screen and (max-width: 375px) {
  .common-header .mobile-login-zone {
    max-height: 90vh; } }
@charset "UTF-8";
br {
  line-height: 0; }

body,
html {
  font-family: PingFang SC,Helvetica Neue,Hiragino Sans GB,Segoe UI,Microsoft YaHei,微软雅黑,sans-serif;
  font-size: 14px;
  line-height: 1.5;
  background: #fff;
  color: #202d40;
  -webkit-font-smoothing: antialiased;
  padding: 0;
  margin: 0; }

html {
  overflow-x: hidden;
  overflow-y: scroll;
  text-rendering: optimizeLegibility;
  text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent; }

.clearfix:after,
.clearfix:before {
  content: '';
  display: table; }

.clearfix:after {
  clear: both;
  overflow: hidden; }

.clearfix {
  zoom: 1; }

a {
  transition: all 0.2s ease; }

li {
  list-style: none; }

* {
  box-sizing: border-box; }

* {
  padding: 0;
  margin: 0; }

*,
*:before,
*:after {
  box-sizing: border-box; }
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none; }

.pswp * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.pswp img {
  max-width: none; }

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  -o-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--open {
  display: block; }

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab; }

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing; }

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  -o-transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1), -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  -o-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  -o-transition: none;
  transition: none; }

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden; }

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden; }

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0; }

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden; }

/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222; }

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0; }

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC; }

.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline; }
a {
  outline: none;
  text-decoration: none; }

.index-container * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.index-container {
  background: #fff;
  overflow-x: hidden;
  margin-top: 61px; }

.section-content {
  max-width: 1200px;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
  height: 100%; }
  .section-content .title {
    color: #000;
    font-size: 42px;
    font-weight: 500;
    letter-spacing: 1.75px;
    line-height: 1.2;
    text-align: center;
    padding-top: 80px; }
  .section-content .description {
    color: #76808e;
    font-size: 16px;
    font-weight: normal;
    line-height: 1;
    text-align: center;
    margin-top: 14px;
    margin-bottom: 80px; }

.banner-section {
  background-color: #091834;
  height: 438px;
  padding: 0 20px;
  overflow: hidden;
  position: relative; }
  .banner-section .section-bg {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10; }
    .banner-section .section-bg .bg-box {
      width: 100%;
      height: 100%;
      position: relative;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center; }
      .banner-section .section-bg .bg-box .img {
        height: 100%; }
        .banner-section .section-bg .bg-box .img.pc-img {
          display: block; }
        .banner-section .section-bg .bg-box .img.mb-img {
          display: none; }
  .banner-section .section-container {
    max-width: 1180px;
    margin: 0 auto;
    position: relative;
    padding: 0 0 0 40px;
    z-index: 11; }
    .banner-section .section-container .info {
      color: #fff;
      padding-top: 96px;
      position: relative;
      z-index: 99; }
      .banner-section .section-container .info h2 {
        font-size: 48px;
        font-weight: 600;
        letter-spacing: 1.07px; }
      .banner-section .section-container .info p {
        font-size: 16px;
        color: #fff;
        font-weight: 600;
        padding-top: 12px; }
        .banner-section .section-container .info p.p1 {
          width: 540px;
          line-height: 30px; }
        .banner-section .section-container .info p a {
          color: #fff;
          text-decoration: unset; }
      .banner-section .section-container .info .btn-area {
        margin-top: 30px; }
        .banner-section .section-container .info .btn-area p {
          padding-top: 0;
          padding-bottom: 12px; }
        .banner-section .section-container .info .btn-area .btn {
          background: #0066FF;
          border-radius: 2px 2px 2px 2px;
          height: 50px;
          width: 180px;
          text-align: center;
          line-height: 50px;
          font-size: 20px;
          font-weight: 600;
          -webkit-transition: all 0.2s ease;
          -o-transition: all 0.2s ease;
          transition: all 0.2s ease; }
          .banner-section .section-container .info .btn-area .btn a {
            display: inline-block;
            width: 100%;
            height: 100%;
            color: #fff;
            text-decoration: unset;
            font-size: 20px;
            font-weight: 600; }
          .banner-section .section-container .info .btn-area .btn:hover {
            background: #0052cc; }
          .banner-section .section-container .info .btn-area .btn.disable {
            background: #727f8f; }
    .banner-section .section-container .right {
      position: absolute;
      right: 81px;
      top: 18px;
      width: 684px;
      height: 625px;
      z-index: 10; }
      .banner-section .section-container .right img {
        display: inline-block;
        width: 100%; }

.feature-section {
  background-color: #fff;
  padding-bottom: 0; }
  .feature-section .feature-content {
    max-width: 1180px;
    margin: 0 auto;
    margin-top: 60px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0px; }
    .feature-section .feature-content .item {
      width: 376px;
      height: 223px;
      background: transparent;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-align: center;
      align-items: center;
      margin-left: 8px;
      margin-right: 8px;
      margin-bottom: 20px; }
      .feature-section .feature-content .item .img {
        width: 56px;
        height: 56px;
        margin: 15px 0; }
        .feature-section .feature-content .item .img img {
          display: block;
          width: 56px;
          height: 56px; }
      .feature-section .feature-content .item .tit {
        color: #000;
        font-size: 18px;
        font-weight: 500;
        letter-spacing: 0;
        margin-bottom: 20px; }
      .feature-section .feature-content .item .desc {
        color: #202D40;
        font-size: 14px;
        font-weight: normal;
        line-height: 24px;
        text-align: justify;
        padding: 0 30px; }
        .feature-section .feature-content .item .desc a {
          color: #0066ff;
          display: block;
          cursor: pointer;
          margin-top: 30px;
          -webkit-transition: all 0.2s ease;
          -o-transition: all 0.2s ease;
          transition: all 0.2s ease; }

.model-section {
  background-color: #fff;
  padding-bottom: 0; }
  .model-section .section-content {
    max-width: 100%; }
    .model-section .section-content .title {
      padding-top: 60px; }
  .model-section .model-content {
    margin-top: 40px; }
    .model-section .model-content .item {
      width: 100%;
      height: 240px; }
      .model-section .model-content .item .item-content {
        max-width: 1100px;
        padding: 0 40px;
        margin: 0 auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        border-top: 1px solid #dadfe6; }
        .model-section .model-content .item .item-content.first {
          border-top: none; }
        .model-section .model-content .item .item-content .img {
          -ms-flex-negative: 0;
          flex-shrink: 0;
          width: 140px;
          height: 130px;
          margin-top: 50px; }
          .model-section .model-content .item .item-content .img img {
            display: block;
            width: 100%; }
        .model-section .model-content .item .item-content .item-info {
          margin-top: 50px;
          margin-left: 80px; }
          .model-section .model-content .item .item-content .item-info .tit {
            color: #000;
            font-size: 24px;
            font-weight: 500;
            letter-spacing: 0;
            margin-bottom: 15px; }
          .model-section .model-content .item .item-content .item-info .desc p {
            color: #202D40;
            font-size: 14px;
            font-weight: normal;
            line-height: 24px;
            text-align: justify;
            margin-bottom: 6px; }

.scene-section {
  padding-bottom: 100px;
  background-color: #F5F7FA; }
  .scene-section .section-content {
    max-width: 1140px;
    padding: 0 20px; }
    .scene-section .section-content .title {
      padding-bottom: 60px; }
    .scene-section .section-content .section-body {
      text-align: center; }
      .scene-section .section-content .section-body ul {
        border-bottom: 2px solid #DADFE6;
        position: relative; }
        .scene-section .section-content .section-body ul li {
          display: inline-block;
          border: 0;
          position: relative;
          min-width: 145px;
          margin-right: 10px;
          margin-left: 10px;
          text-align: center; }
          .scene-section .section-content .section-body ul li a {
            display: block;
            padding: 10px 36px 24px;
            text-decoration: none;
            color: #202D40; }
            .scene-section .section-content .section-body ul li a span {
              display: inline-block;
              display: block;
              font-size: 18px;
              font-weight: 500; }
          .scene-section .section-content .section-body ul li:hover a {
            color: #0066ff; }
          .scene-section .section-content .section-body ul li.active a {
            color: #0066ff; }
            .scene-section .section-content .section-body ul li.active a:after {
              display: inline-block;
              content: "";
              height: 2px;
              width: 100%;
              position: absolute;
              left: 0;
              right: 0;
              bottom: -1px;
              background: #0066ff;
              z-index: 1; }
      .scene-section .section-content .section-body .scene-con .panel {
        padding-top: 0;
        display: none; }
        .scene-section .section-content .section-body .scene-con .panel .panel-tab {
          display: none; }
        .scene-section .section-content .section-body .scene-con .panel .wrap {
          word-wrap: break-word;
          margin: 0 auto;
          text-align: left;
          line-height: 28px;
          color: #202D40; }
          .scene-section .section-content .section-body .scene-con .panel .wrap p {
            padding: 40px 60px;
            font-size: 14px;
            margin-bottom: 10px; }
            .scene-section .section-content .section-body .scene-con .panel .wrap p:last-child {
              margin-bottom: 0; }
          .scene-section .section-content .section-body .scene-con .panel .wrap .img {
            width: 100%;
            display: block;
            margin: 0; }
            .scene-section .section-content .section-body .scene-con .panel .wrap .img figure, .scene-section .section-content .section-body .scene-con .panel .wrap .img a {
              display: block;
              width: 100%; }
            .scene-section .section-content .section-body .scene-con .panel .wrap .img img {
              width: 100%;
              display: block;
              -webkit-box-shadow: 0 0 34px 0 rgba(3, 65, 157, 0.1);
              box-shadow: 0 0 34px 0 rgba(3, 65, 157, 0.1); }
        .scene-section .section-content .section-body .scene-con .panel.active {
          display: block; }

.start-section {
  width: 100%;
  height: 179px;
  position: relative;
  background: -webkit-gradient(linear, right top, left top, from(#5cc7ff), to(#0581ff));
  background: -webkit-linear-gradient(right, #5cc7ff 0%, #0581ff 100%);
  background: -o-linear-gradient(right, #5cc7ff 0%, #0581ff 100%);
  background: linear-gradient(-90deg, #5cc7ff 0%, #0581ff 100%); }
  .start-section .section-bg {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10; }
    .start-section .section-bg .bg-box {
      width: 100%;
      height: 100%;
      position: relative;
      margin: 0 auto; }
      .start-section .section-bg .bg-box .img {
        height: 100%;
        position: absolute;
        top: 0; }
        .start-section .section-bg .bg-box .img.pc-img {
          display: block; }
        .start-section .section-bg .bg-box .img:nth-child(1) {
          left: 34px; }
        .start-section .section-bg .bg-box .img:nth-child(2) {
          right: 34px; }
  .start-section .section-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    font-size: 36px;
    font-weight: 500;
    color: #fff;
    position: relative;
    letter-spacing: 1.5px;
    height: 100%;
    z-index: 99; }
    .start-section .section-content a {
      color: #fff;
      text-decoration: unset; }
    .start-section .section-content .btn {
      margin-left: 30px;
      background: #fff;
      border-radius: 2px 2px 2px 2px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      height: 50px;
      width: 180px;
      -webkit-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      transition: all 0.2s ease;
      cursor: pointer;
      -webkit-box-shadow: 0 0 29px 0 rgba(3, 65, 157, 0.1);
      box-shadow: 0 0 29px 0 rgba(3, 65, 157, 0.1); }
      .start-section .section-content .btn a {
        display: block;
        width: 100%;
        height: 50px;
        line-height: 50px;
        color: #0066FF;
        font-size: 20px;
        font-weight: 600;
        text-align: center; }
      .start-section .section-content .btn:hover {
        -webkit-box-shadow: none;
        box-shadow: none; }
        .start-section .section-content .btn:hover a {
          color: #3385ff; }

@media only screen and (max-width: 1100px) {
  .model-section .model-content .item-content {
    max-width: 1080px;
    padding: 0 20px; } }

@media only screen and (max-width: 800px) {
  .section-content .title {
    font-size: 30px;
    letter-spacing: 0px;
    padding-left: 20px;
    padding-right: 20px; }
  .section-content .description {
    color: #76808e;
    font-size: 14px;
    padding-left: 20px;
    padding-right: 20px; } }

@media only screen and (max-width: 768px) {
  .model-section .section-content {
    max-width: 100%; }
    .model-section .section-content .title {
      padding-top: 40px; }
  .model-section .model-content {
    margin-top: 0; }
    .model-section .model-content .item {
      width: 100%;
      height: auto;
      padding-bottom: 40px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      justify-content: center; }
      .model-section .model-content .item .item-content {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        padding: 0;
        margin: 0 30px; }
        .model-section .model-content .item .item-content .img {
          -ms-flex-negative: 0;
          flex-shrink: 0;
          width: 100px;
          height: 93px;
          margin-top: 40px; }
          .model-section .model-content .item .item-content .img img {
            display: block;
            width: 100%; }
        .model-section .model-content .item .item-content .item-info {
          margin-top: 20px;
          margin-left: 0; }
          .model-section .model-content .item .item-content .item-info .tit {
            text-align: center;
            font-size: 18px; }
          .model-section .model-content .item .item-content .item-info .desc {
            width: 100%;
            margin: 0 auto; }
            .model-section .model-content .item .item-content .item-info .desc p {
              margin-bottom: 10px; } }

@media only screen and (max-width: 600px) {
  .banner-section {
    height: 219px;
    padding: 0px; }
    .banner-section .section-bg .bg-box .img {
      height: 112%; }
      .banner-section .section-bg .bg-box .img.pc-img {
        display: block; }
      .banner-section .section-bg .bg-box .img.mb-img {
        display: none; }
    .banner-section .section-container {
      padding: 0 30px 0 30px; }
      .banner-section .section-container .info {
        padding-top: 25px; }
        .banner-section .section-container .info h2 {
          font-size: 30px;
          letter-spacing: 1px; }
        .banner-section .section-container .info p {
          font-size: 12px;
          padding-top: 5px; }
          .banner-section .section-container .info p.p1 {
            width: 100%;
            line-height: 16px; }
        .banner-section .section-container .info .btn-area {
          margin-top: 15px; }
          .banner-section .section-container .info .btn-area .btn {
            height: 40px;
            width: 120px;
            line-height: 40px; }
            .banner-section .section-container .info .btn-area .btn a {
              font-size: 14px;
              font-weight: normal; }
  .feature-section .feature-content {
    margin-top: 40px; }
    .feature-section .feature-content .item {
      width: 100%;
      margin-left: 0px;
      margin-right: 0px;
      margin-bottom: 0px; }
      .feature-section .feature-content .item .desc {
        padding: 0 30px; }
  .start-section {
    height: 100px; }
    .start-section .section-bg .bg-box .img:nth-child(1) {
      left: -4px; }
    .start-section .section-bg .bg-box .img:nth-child(2) {
      right: -4px; }
    .start-section .section-content {
      font-size: 18px; }
      .start-section .section-content .btn {
        margin-left: 10px;
        background: #FFFFFF;
        border-radius: 2px 2px 2px 2px;
        height: 40px;
        width: 120px;
        cursor: pointer; }
        .start-section .section-content .btn a {
          color: #0066FF;
          display: block;
          width: 100%;
          height: 40px;
          line-height: 40px;
          font-size: 14px;
          font-weight: 600;
          text-align: center; }
  .scene-section {
    padding-bottom: 40px; }
    .scene-section .section-content {
      max-width: 100%;
      padding: 0 30px; }
      .scene-section .section-content .title {
        padding-bottom: 24px; } }

@media only screen and (max-width: 500px) {
  .section-content .title {
    padding-top: 40px; } }
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*
	
	1. Buttons

 */
/* <button> css reset */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-box-shadow: none;
  box-shadow: none; }

.pswp__button:focus, .pswp__button:hover {
  opacity: 1; }

.pswp__button:active {
  outline: none;
  opacity: 0.9; }

.pswp__button::-moz-focus-inner {
  padding: 0;
  border: 0; }

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1; }

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQgAAABYCAQAAACjBqE3AAAB6klEQVR4Ae3bsWpUQRTG8YkkanwCa7GzVotsI/gEgk9h4Vu4ySLYmMYgbJrc3lrwZbJwC0FMt4j7F6Y4oIZrsXtgxvx/1c0ufEX4cnbmLCmSJEmSJEmSJEmSJP3XCBPvbJU+8doWmDFwyZpLBmYlNJebz0KwzykwsuSYJSNwykEJreV2BaBMaLIQZ2xYcFgqDlmw4ayE/FwL0dDk4Qh4W37DAjgqIT+3HRbigjH+iikVdxgZStgyN0Su2sXIeTwTT+esdpcbIlfNAuZ/TxresG4zV8kYWSZNiKUTokMMSWeIwTNEn4fK2TW3gRNgVkJLuVksROA9G+bEvoATNlBCa7nZXEwdxEZxzpKRKFh+bsv8LmPFmhX1OwfIz81jIRJQ5eeqG9B+riRJkiRJkiRJkiRJkiRJkiRJUkvA/8RQoEpKlJWINFkJ62AlrEP/mNBibnv2yz/A3t7Uq3LcpoxP8COjC1T5vxoAD5VdoEqdDrd5QuW1swtUSaueh3zkiuBiqgtA2OlkeMcP/uDqugsJdbjHF65VdPMKwS0+WQc/MgKvrIOHysB9vgPwk8+85hmPbnQdvHZyDMAFD7L3EOpgMcVdvnHFS0/vlatrXvCVx0U9gt3fxvnA0/hB4nmRJEmSJEmSJEmSJGmHfgFLaDPoMu5xWwAAAABJRU5ErkJggg==) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px; }

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (-o-min-device-pixel-ratio: 35 / 32), (min-resolution: 105dpi), (-o-min-device-pixel-ratio: 11 / 10), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjY0IiBoZWlnaHQ9Ijg4IiB2aWV3Qm94PSIwIDAgMjY0IDg4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjx0aXRsZT5kZWZhdWx0LXNraW4gMjwvdGl0bGU+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Zz48cGF0aCBkPSJNNjcuMDAyIDU5LjV2My43NjhjLTYuMzA3Ljg0LTkuMTg0IDUuNzUtMTAuMDAyIDkuNzMyIDIuMjItMi44MyA1LjU2NC01LjA5OCAxMC4wMDItNS4wOThWNzEuNUw3MyA2NS41ODUgNjcuMDAyIDU5LjV6IiBpZD0iU2hhcGUiIGZpbGw9IiNmZmYiLz48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMTMgMjl2LTVoMnYzaDN2MmgtNXpNMTMgMTVoNXYyaC0zdjNoLTJ2LTV6TTMxIDE1djVoLTJ2LTNoLTN2LTJoNXpNMzEgMjloLTV2LTJoM3YtM2gydjV6IiBpZD0iU2hhcGUiLz48L2c+PGcgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTYyIDI0djVoLTJ2LTNoLTN2LTJoNXpNNjIgMjBoLTV2LTJoM3YtM2gydjV6TTcwIDIwdi01aDJ2M2gzdjJoLTV6TTcwIDI0aDV2MmgtM3YzaC0ydi01eiIvPjwvZz48cGF0aCBkPSJNMjAuNTg2IDY2bC01LjY1Ni01LjY1NiAxLjQxNC0xLjQxNEwyMiA2NC41ODZsNS42NTYtNS42NTYgMS40MTQgMS40MTRMMjMuNDE0IDY2bDUuNjU2IDUuNjU2LTEuNDE0IDEuNDE0TDIyIDY3LjQxNGwtNS42NTYgNS42NTYtMS40MTQtMS40MTRMMjAuNTg2IDY2eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xMTEuNzg1IDY1LjAzTDExMCA2My41bDMtMy41aC0xMHYtMmgxMGwtMy0zLjUgMS43ODUtMS40NjhMMTE3IDU5bC01LjIxNSA2LjAzeiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xNTIuMjE1IDY1LjAzTDE1NCA2My41bC0zLTMuNWgxMHYtMmgtMTBsMy0zLjUtMS43ODUtMS40NjhMMTQ3IDU5bDUuMjE1IDYuMDN6IiBmaWxsPSIjZmZmIi8+PGc+PHBhdGggaWQ9IlJlY3RhbmdsZS0xMSIgZmlsbD0iI2ZmZiIgZD0iTTE2MC45NTcgMjguNTQzbC0zLjI1LTMuMjUtMS40MTMgMS40MTQgMy4yNSAzLjI1eiIvPjxwYXRoIGQ9Ik0xNTIuNSAyN2MzLjAzOCAwIDUuNS0yLjQ2MiA1LjUtNS41cy0yLjQ2Mi01LjUtNS41LTUuNS01LjUgMi40NjItNS41IDUuNSAyLjQ2MiA1LjUgNS41IDUuNXoiIGlkPSJPdmFsLTEiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTUwIDIxaDV2MWgtNXoiLz48L2c+PGc+PHBhdGggZD0iTTExNi45NTcgMjguNTQzbC0xLjQxNCAxLjQxNC0zLjI1LTMuMjUgMS40MTQtMS40MTQgMy4yNSAzLjI1eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xMDguNSAyN2MzLjAzOCAwIDUuNS0yLjQ2MiA1LjUtNS41cy0yLjQ2Mi01LjUtNS41LTUuNS01LjUgMi40NjItNS41IDUuNSAyLjQ2MiA1LjUgNS41IDUuNXoiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTA2IDIxaDV2MWgtNXoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTA5LjA0MyAxOS4wMDhsLS4wODUgNS0xLS4wMTcuMDg1LTV6Ii8+PC9nPjwvZz48L2c+PC9zdmc+); }
  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none; } }

.pswp__button--close {
  background-position: 0 -44px; }

.pswp__button--share {
  background-position: -44px -44px; }

.pswp__button--fs {
  display: none; }

.pswp--supports-fs .pswp__button--fs {
  display: block; }

.pswp--fs .pswp__button--fs {
  background-position: -44px 0; }

.pswp__button--zoom {
  display: none;
  background-position: -88px 0; }

.pswp--zoom-allowed .pswp__button--zoom {
  display: block; }

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0; }

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden; }

/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute; }

.pswp__button--arrow--left {
  left: 0; }

.pswp__button--arrow--right {
  right: 0; }

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute; }

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px; }

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px; }

/*

	2. Share modal/popup and links

 */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  -o-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__share-modal--hidden {
  display: none; }

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
  -ms-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
  transition: -webkit-transform 0.25s;
  -o-transition: transform 0.25s;
  transition: transform 0.25s;
  transition: transform 0.25s, -webkit-transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform; }

.pswp__share-tooltip a {
  display: block;
  padding: 8px 12px;
  color: #000;
  text-decoration: none;
  font-size: 14px;
  line-height: 18px; }

.pswp__share-tooltip a:hover {
  text-decoration: none;
  color: #000; }

.pswp__share-tooltip a:first-child {
  /* round corners on the first/last list item */
  border-radius: 2px 2px 0 0; }

.pswp__share-tooltip a:last-child {
  border-radius: 0 0 2px 2px; }

.pswp__share-modal--fade-in {
  opacity: 1; }

.pswp__share-modal--fade-in .pswp__share-tooltip {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px; }

a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none; }

a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF; }

a.pswp__share--facebook:hover:before {
  border-bottom-color: #3E5C9A; }

a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF; }

a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D; }

a.pswp__share--download:hover {
  background: #DDD; }

/*

	3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px; }

/*
	
	4. Caption

 */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px; }

.pswp__caption small {
  font-size: 11px;
  color: #BBB; }

.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #CCC; }

.pswp__caption--empty {
  display: none; }

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden; }

/*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  -o-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr; }

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px; }

.pswp__preloader--active {
  opacity: 1; }

.pswp__preloader--active .pswp__preloader__icn {
  /* We use .gif in browsers that don't support CSS animation */
  background: url(data:image/gif;base64,R0lGODlhFAAUAPMIAIeHhz8/P1dXVycnJ8/Pz7e3t5+fn29vb////wAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFBwAIACwAAAAAFAAUAEAEUxDJSatFxtwaggWAdIyHJAhXoRYSQUhDPGx0TbmujahbXGWZWqdDAYEsp5NupLPkdDwE7oXwWVasimzWrAE1tKFHErQRK8eL8mMUlRBJVI307uoiACH5BAUHAAgALAEAAQASABIAAAROEMkpS6E4W5upMdUmEQT2feFIltMJYivbvhnZ3R0A4NMwIDodz+cL7nDEn5CH8DGZh8MtEMBEoxkqlXKVIgQCibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpjaE4W5spANUmFQX2feFIltMJYivbvhnZ3d1x4BNBIDodz+cL7nDEn5CH8DGZAsFtMMBEoxkqlXKVIgIBibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpAaA4W5vpOdUmGQb2feFIltMJYivbvhnZ3Z0g4FNRIDodz+cL7nDEn5CH8DGZgcCNQMBEoxkqlXKVIgYDibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpz6E4W5upENUmAQD2feFIltMJYivbvhnZ3V0Q4JNhIDodz+cL7nDEn5CH8DGZg8GtUMBEoxkqlXKVIggEibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkphaA4W5tpCNUmHQf2feFIltMJYivbvhnZ3d0w4BMAIDodz+cL7nDEn5CH8DGZBMLNYMBEoxkqlXKVIgoFibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpQ6A4W5vpGNUmCQL2feFIltMJYivbvhnZ3R1B4NNxIDodz+cL7nDEn5CH8DGZhcINAMBEoxkqlXKVIgwGibbK9YLBYvLtHH5K0J0IACH5BAUHAAcALAEAAQASABIAAANCeLo6wzA6FxkhbaoQ4L3ZxnXLh0EjWZ4RV71VUcCLIByyTNt2PsO8m452sBGJBsNxkUwuD03lAQBASqnUJ7aq5UYSADs=) 0 0 no-repeat; }

.pswp--css_animation .pswp__preloader--active {
  opacity: 1; }

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
  -webkit-animation: clockwise 500ms linear infinite;
  animation: clockwise 500ms linear infinite; }

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
  -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
  animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }

.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0; }

.pswp--css_animation .pswp__preloader__cut {
  /* 
			The idea of animating inner circle is based on Polymer ("material") loading indicator 
			 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
		*/
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden; }

.pswp--css_animation .pswp__preloader__donut {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0; }

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right; } }

@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0); } }

@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0); } }

/*
	
	6. Additional styles

 */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550; }

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%; }

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  -o-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible; }

.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5); }

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3); }

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0; }

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0; }

/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001; }

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none; }

.pswp__element--disabled {
  display: none !important; }

.pswp--minimal--dark .pswp__top-bar {
  background: none; }
var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__;

var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };

/*! PhotoSwipe - v4.1.3 - 2019-01-08
* http://photoswipe.com
* Copyright (c) 2019 Dmitry Semenov; */
!function (a, b) {
   true ? !(__WEBPACK_AMD_DEFINE_FACTORY__ = (b),
				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
				(__WEBPACK_AMD_DEFINE_FACTORY__.call(exports, __webpack_require__, exports, module)) :
				__WEBPACK_AMD_DEFINE_FACTORY__),
				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__)) : undefined;
}(undefined, function () {
  "use strict";
  var a = function a(_a3, b, c, d) {
    var e = { features: null, bind: function bind(a, b, c, d) {
        var e = (d ? "remove" : "add") + "EventListener";b = b.split(" ");for (var f = 0; f < b.length; f++) {
          b[f] && a[e](b[f], c, !1);
        }
      }, isArray: function isArray(a) {
        return a instanceof Array;
      }, createEl: function createEl(a, b) {
        var c = document.createElement(b || "div");return a && (c.className = a), c;
      }, getScrollY: function getScrollY() {
        var a = window.pageYOffset;return void 0 !== a ? a : document.documentElement.scrollTop;
      }, unbind: function unbind(a, b, c) {
        e.bind(a, b, c, !0);
      }, removeClass: function removeClass(a, b) {
        var c = new RegExp("(\\s|^)" + b + "(\\s|$)");a.className = a.className.replace(c, " ").replace(/^\s\s*/, "").replace(/\s\s*$/, "");
      }, addClass: function addClass(a, b) {
        e.hasClass(a, b) || (a.className += (a.className ? " " : "") + b);
      }, hasClass: function hasClass(a, b) {
        return a.className && new RegExp("(^|\\s)" + b + "(\\s|$)").test(a.className);
      }, getChildByClass: function getChildByClass(a, b) {
        for (var c = a.firstChild; c;) {
          if (e.hasClass(c, b)) return c;c = c.nextSibling;
        }
      }, arraySearch: function arraySearch(a, b, c) {
        for (var d = a.length; d--;) {
          if (a[d][c] === b) return d;
        }return -1;
      }, extend: function extend(a, b, c) {
        for (var d in b) {
          if (b.hasOwnProperty(d)) {
            if (c && a.hasOwnProperty(d)) continue;a[d] = b[d];
          }
        }
      }, easing: { sine: { out: function out(a) {
            return Math.sin(a * (Math.PI / 2));
          }, inOut: function inOut(a) {
            return -(Math.cos(Math.PI * a) - 1) / 2;
          } }, cubic: { out: function out(a) {
            return --a * a * a + 1;
          } } }, detectFeatures: function detectFeatures() {
        if (e.features) return e.features;var a = e.createEl(),
            b = a.style,
            c = "",
            d = {};if (d.oldIE = document.all && !document.addEventListener, d.touch = "ontouchstart" in window, window.requestAnimationFrame && (d.raf = window.requestAnimationFrame, d.caf = window.cancelAnimationFrame), d.pointerEvent = !!window.PointerEvent || navigator.msPointerEnabled, !d.pointerEvent) {
          var f = navigator.userAgent;if (/iP(hone|od)/.test(navigator.platform)) {
            var g = navigator.appVersion.match(/OS (\d+)_(\d+)_?(\d+)?/);g && g.length > 0 && (g = parseInt(g[1], 10), g >= 1 && g < 8 && (d.isOldIOSPhone = !0));
          }var h = f.match(/Android\s([0-9\.]*)/),
              i = h ? h[1] : 0;i = parseFloat(i), i >= 1 && (i < 4.4 && (d.isOldAndroid = !0), d.androidVersion = i), d.isMobileOpera = /opera mini|opera mobi/i.test(f);
        }for (var j, k, l = ["transform", "perspective", "animationName"], m = ["", "webkit", "Moz", "ms", "O"], n = 0; n < 4; n++) {
          c = m[n];for (var o = 0; o < 3; o++) {
            j = l[o], k = c + (c ? j.charAt(0).toUpperCase() + j.slice(1) : j), !d[j] && k in b && (d[j] = k);
          }c && !d.raf && (c = c.toLowerCase(), d.raf = window[c + "RequestAnimationFrame"], d.raf && (d.caf = window[c + "CancelAnimationFrame"] || window[c + "CancelRequestAnimationFrame"]));
        }if (!d.raf) {
          var p = 0;d.raf = function (a) {
            var b = new Date().getTime(),
                c = Math.max(0, 16 - (b - p)),
                d = window.setTimeout(function () {
              a(b + c);
            }, c);return p = b + c, d;
          }, d.caf = function (a) {
            clearTimeout(a);
          };
        }return d.svg = !!document.createElementNS && !!document.createElementNS("http://www.w3.org/2000/svg", "svg").createSVGRect, e.features = d, d;
      } };e.detectFeatures(), e.features.oldIE && (e.bind = function (a, b, c, d) {
      b = b.split(" ");for (var e, f = (d ? "detach" : "attach") + "Event", g = function g() {
        c.handleEvent.call(c);
      }, h = 0; h < b.length; h++) {
        if (e = b[h]) if ("object" == (typeof c === "undefined" ? "undefined" : _typeof(c)) && c.handleEvent) {
          if (d) {
            if (!c["oldIE" + e]) return !1;
          } else c["oldIE" + e] = g;a[f]("on" + e, c["oldIE" + e]);
        } else a[f]("on" + e, c);
      }
    });var f = this,
        g = 25,
        h = 3,
        i = { allowPanToNext: !0, spacing: .12, bgOpacity: 1, mouseUsed: !1, loop: !0, pinchToClose: !0, closeOnScroll: !0, closeOnVerticalDrag: !0, verticalDragRange: .75, hideAnimationDuration: 333, showAnimationDuration: 333, showHideOpacity: !1, focus: !0, escKey: !0, arrowKeys: !0, mainScrollEndFriction: .35, panEndFriction: .35, isClickableElement: function isClickableElement(a) {
        return "A" === a.tagName;
      }, getDoubleTapZoom: function getDoubleTapZoom(a, b) {
        return a ? 1 : b.initialZoomLevel < .7 ? 1 : 1.33;
      }, maxSpreadZoom: 1.33, modal: !0, scaleMode: "fit" };e.extend(i, d);var j,
        k,
        l,
        m,
        n,
        o,
        p,
        q,
        r,
        s,
        t,
        u,
        v,
        w,
        x,
        y,
        z,
        A,
        B,
        C,
        D,
        E,
        F,
        G,
        H,
        I,
        J,
        K,
        L,
        M,
        N,
        O,
        P,
        Q,
        R,
        S,
        T,
        U,
        V,
        W,
        X,
        Y,
        Z,
        $,
        _,
        aa,
        ba,
        ca,
        da,
        ea,
        fa,
        ga,
        ha,
        ia,
        ja,
        ka,
        la,
        ma = function ma() {
      return { x: 0, y: 0 };
    },
        na = ma(),
        oa = ma(),
        pa = ma(),
        qa = {},
        ra = 0,
        sa = {},
        ta = ma(),
        ua = 0,
        va = !0,
        wa = [],
        xa = {},
        ya = !1,
        za = function za(a, b) {
      e.extend(f, b.publicMethods), wa.push(a);
    },
        Aa = function Aa(a) {
      var b = ac();return a > b - 1 ? a - b : a < 0 ? b + a : a;
    },
        Ba = {},
        Ca = function Ca(a, b) {
      return Ba[a] || (Ba[a] = []), Ba[a].push(b);
    },
        Da = function Da(a) {
      var b = Ba[a];if (b) {
        var c = Array.prototype.slice.call(arguments);c.shift();for (var d = 0; d < b.length; d++) {
          b[d].apply(f, c);
        }
      }
    },
        Ea = function Ea() {
      return new Date().getTime();
    },
        Fa = function Fa(a) {
      ja = a, f.bg.style.opacity = a * i.bgOpacity;
    },
        Ga = function Ga(a, b, c, d, e) {
      (!ya || e && e !== f.currItem) && (d /= e ? e.fitRatio : f.currItem.fitRatio), a[E] = u + b + "px, " + c + "px" + v + " scale(" + d + ")";
    },
        Ha = function Ha(a) {
      ea && (a && (s > f.currItem.fitRatio ? ya || (mc(f.currItem, !1, !0), ya = !0) : ya && (mc(f.currItem), ya = !1)), Ga(ea, pa.x, pa.y, s));
    },
        Ia = function Ia(a) {
      a.container && Ga(a.container.style, a.initialPosition.x, a.initialPosition.y, a.initialZoomLevel, a);
    },
        Ja = function Ja(a, b) {
      b[E] = u + a + "px, 0px" + v;
    },
        Ka = function Ka(a, b) {
      if (!i.loop && b) {
        var c = m + (ta.x * ra - a) / ta.x,
            d = Math.round(a - tb.x);(c < 0 && d > 0 || c >= ac() - 1 && d < 0) && (a = tb.x + d * i.mainScrollEndFriction);
      }tb.x = a, Ja(a, n);
    },
        La = function La(a, b) {
      var c = ub[a] - sa[a];return oa[a] + na[a] + c - c * (b / t);
    },
        Ma = function Ma(a, b) {
      a.x = b.x, a.y = b.y, b.id && (a.id = b.id);
    },
        Na = function Na(a) {
      a.x = Math.round(a.x), a.y = Math.round(a.y);
    },
        Oa = null,
        Pa = function Pa() {
      Oa && (e.unbind(document, "mousemove", Pa), e.addClass(_a3, "pswp--has_mouse"), i.mouseUsed = !0, Da("mouseUsed")), Oa = setTimeout(function () {
        Oa = null;
      }, 100);
    },
        Qa = function Qa() {
      e.bind(document, "keydown", f), N.transform && e.bind(f.scrollWrap, "click", f), i.mouseUsed || e.bind(document, "mousemove", Pa), e.bind(window, "resize scroll orientationchange", f), Da("bindEvents");
    },
        Ra = function Ra() {
      e.unbind(window, "resize scroll orientationchange", f), e.unbind(window, "scroll", r.scroll), e.unbind(document, "keydown", f), e.unbind(document, "mousemove", Pa), N.transform && e.unbind(f.scrollWrap, "click", f), V && e.unbind(window, p, f), clearTimeout(O), Da("unbindEvents");
    },
        Sa = function Sa(a, b) {
      var c = ic(f.currItem, qa, a);return b && (da = c), c;
    },
        Ta = function Ta(a) {
      return a || (a = f.currItem), a.initialZoomLevel;
    },
        Ua = function Ua(a) {
      return a || (a = f.currItem), a.w > 0 ? i.maxSpreadZoom : 1;
    },
        Va = function Va(a, b, c, d) {
      return d === f.currItem.initialZoomLevel ? (c[a] = f.currItem.initialPosition[a], !0) : (c[a] = La(a, d), c[a] > b.min[a] ? (c[a] = b.min[a], !0) : c[a] < b.max[a] && (c[a] = b.max[a], !0));
    },
        Wa = function Wa() {
      if (E) {
        var b = N.perspective && !G;return u = "translate" + (b ? "3d(" : "("), void (v = N.perspective ? ", 0px)" : ")");
      }E = "left", e.addClass(_a3, "pswp--ie"), Ja = function Ja(a, b) {
        b.left = a + "px";
      }, Ia = function Ia(a) {
        var b = a.fitRatio > 1 ? 1 : a.fitRatio,
            c = a.container.style,
            d = b * a.w,
            e = b * a.h;c.width = d + "px", c.height = e + "px", c.left = a.initialPosition.x + "px", c.top = a.initialPosition.y + "px";
      }, Ha = function Ha() {
        if (ea) {
          var a = ea,
              b = f.currItem,
              c = b.fitRatio > 1 ? 1 : b.fitRatio,
              d = c * b.w,
              e = c * b.h;a.width = d + "px", a.height = e + "px", a.left = pa.x + "px", a.top = pa.y + "px";
        }
      };
    },
        Xa = function Xa(a) {
      var b = "";i.escKey && 27 === a.keyCode ? b = "close" : i.arrowKeys && (37 === a.keyCode ? b = "prev" : 39 === a.keyCode && (b = "next")), b && (a.ctrlKey || a.altKey || a.shiftKey || a.metaKey || (a.preventDefault ? a.preventDefault() : a.returnValue = !1, f[b]()));
    },
        Ya = function Ya(a) {
      a && (Y || X || fa || T) && (a.preventDefault(), a.stopPropagation());
    },
        Za = function Za() {
      f.setScrollOffset(0, e.getScrollY());
    },
        $a = {},
        _a = 0,
        ab = function ab(a) {
      $a[a] && ($a[a].raf && I($a[a].raf), _a--, delete $a[a]);
    },
        bb = function bb(a) {
      $a[a] && ab(a), $a[a] || (_a++, $a[a] = {});
    },
        cb = function cb() {
      for (var a in $a) {
        $a.hasOwnProperty(a) && ab(a);
      }
    },
        db = function db(a, b, c, d, e, f, g) {
      var h,
          i = Ea();bb(a);var j = function j() {
        if ($a[a]) {
          if (h = Ea() - i, h >= d) return ab(a), f(c), void (g && g());f((c - b) * e(h / d) + b), $a[a].raf = H(j);
        }
      };j();
    },
        eb = { shout: Da, listen: Ca, viewportSize: qa, options: i, isMainScrollAnimating: function isMainScrollAnimating() {
        return fa;
      }, getZoomLevel: function getZoomLevel() {
        return s;
      }, getCurrentIndex: function getCurrentIndex() {
        return m;
      }, isDragging: function isDragging() {
        return V;
      }, isZooming: function isZooming() {
        return aa;
      }, setScrollOffset: function setScrollOffset(a, b) {
        sa.x = a, M = sa.y = b, Da("updateScrollOffset", sa);
      }, applyZoomPan: function applyZoomPan(a, b, c, d) {
        pa.x = b, pa.y = c, s = a, Ha(d);
      }, init: function init() {
        if (!j && !k) {
          var c;f.framework = e, f.template = _a3, f.bg = e.getChildByClass(_a3, "pswp__bg"), J = _a3.className, j = !0, N = e.detectFeatures(), H = N.raf, I = N.caf, E = N.transform, L = N.oldIE, f.scrollWrap = e.getChildByClass(_a3, "pswp__scroll-wrap"), f.container = e.getChildByClass(f.scrollWrap, "pswp__container"), n = f.container.style, f.itemHolders = y = [{ el: f.container.children[0], wrap: 0, index: -1 }, { el: f.container.children[1], wrap: 0, index: -1 }, { el: f.container.children[2], wrap: 0, index: -1 }], y[0].el.style.display = y[2].el.style.display = "none", Wa(), r = { resize: f.updateSize, orientationchange: function orientationchange() {
              clearTimeout(O), O = setTimeout(function () {
                qa.x !== f.scrollWrap.clientWidth && f.updateSize();
              }, 500);
            }, scroll: Za, keydown: Xa, click: Ya };var d = N.isOldIOSPhone || N.isOldAndroid || N.isMobileOpera;for (N.animationName && N.transform && !d || (i.showAnimationDuration = i.hideAnimationDuration = 0), c = 0; c < wa.length; c++) {
            f["init" + wa[c]]();
          }if (b) {
            var g = f.ui = new b(f, e);g.init();
          }Da("firstUpdate"), m = m || i.index || 0, (isNaN(m) || m < 0 || m >= ac()) && (m = 0), f.currItem = _b(m), (N.isOldIOSPhone || N.isOldAndroid) && (va = !1), _a3.setAttribute("aria-hidden", "false"), i.modal && (va ? _a3.style.position = "fixed" : (_a3.style.position = "absolute", _a3.style.top = e.getScrollY() + "px")), void 0 === M && (Da("initialLayout"), M = K = e.getScrollY());var l = "pswp--open ";for (i.mainClass && (l += i.mainClass + " "), i.showHideOpacity && (l += "pswp--animate_opacity "), l += G ? "pswp--touch" : "pswp--notouch", l += N.animationName ? " pswp--css_animation" : "", l += N.svg ? " pswp--svg" : "", e.addClass(_a3, l), f.updateSize(), o = -1, ua = null, c = 0; c < h; c++) {
            Ja((c + o) * ta.x, y[c].el.style);
          }L || e.bind(f.scrollWrap, q, f), Ca("initialZoomInEnd", function () {
            f.setContent(y[0], m - 1), f.setContent(y[2], m + 1), y[0].el.style.display = y[2].el.style.display = "block", i.focus && _a3.focus(), Qa();
          }), f.setContent(y[1], m), f.updateCurrItem(), Da("afterInit"), va || (w = setInterval(function () {
            _a || V || aa || s !== f.currItem.initialZoomLevel || f.updateSize();
          }, 1e3)), e.addClass(_a3, "pswp--visible");
        }
      }, close: function close() {
        j && (j = !1, k = !0, Da("close"), Ra(), cc(f.currItem, null, !0, f.destroy));
      }, destroy: function destroy() {
        Da("destroy"), Xb && clearTimeout(Xb), _a3.setAttribute("aria-hidden", "true"), _a3.className = J, w && clearInterval(w), e.unbind(f.scrollWrap, q, f), e.unbind(window, "scroll", f), zb(), cb(), Ba = null;
      }, panTo: function panTo(a, b, c) {
        c || (a > da.min.x ? a = da.min.x : a < da.max.x && (a = da.max.x), b > da.min.y ? b = da.min.y : b < da.max.y && (b = da.max.y)), pa.x = a, pa.y = b, Ha();
      }, handleEvent: function handleEvent(a) {
        a = a || window.event, r[a.type] && r[a.type](a);
      }, goTo: function goTo(a) {
        a = Aa(a);var b = a - m;ua = b, m = a, f.currItem = _b(m), ra -= b, Ka(ta.x * ra), cb(), fa = !1, f.updateCurrItem();
      }, next: function next() {
        f.goTo(m + 1);
      }, prev: function prev() {
        f.goTo(m - 1);
      }, updateCurrZoomItem: function updateCurrZoomItem(a) {
        if (a && Da("beforeChange", 0), y[1].el.children.length) {
          var b = y[1].el.children[0];ea = e.hasClass(b, "pswp__zoom-wrap") ? b.style : null;
        } else ea = null;da = f.currItem.bounds, t = s = f.currItem.initialZoomLevel, pa.x = da.center.x, pa.y = da.center.y, a && Da("afterChange");
      }, invalidateCurrItems: function invalidateCurrItems() {
        x = !0;for (var a = 0; a < h; a++) {
          y[a].item && (y[a].item.needsUpdate = !0);
        }
      }, updateCurrItem: function updateCurrItem(a) {
        if (0 !== ua) {
          var b,
              c = Math.abs(ua);if (!(a && c < 2)) {
            f.currItem = _b(m), ya = !1, Da("beforeChange", ua), c >= h && (o += ua + (ua > 0 ? -h : h), c = h);for (var d = 0; d < c; d++) {
              ua > 0 ? (b = y.shift(), y[h - 1] = b, o++, Ja((o + 2) * ta.x, b.el.style), f.setContent(b, m - c + d + 1 + 1)) : (b = y.pop(), y.unshift(b), o--, Ja(o * ta.x, b.el.style), f.setContent(b, m + c - d - 1 - 1));
            }if (ea && 1 === Math.abs(ua)) {
              var e = _b(z);e.initialZoomLevel !== s && (ic(e, qa), mc(e), Ia(e));
            }ua = 0, f.updateCurrZoomItem(), z = m, Da("afterChange");
          }
        }
      }, updateSize: function updateSize(b) {
        if (!va && i.modal) {
          var c = e.getScrollY();if (M !== c && (_a3.style.top = c + "px", M = c), !b && xa.x === window.innerWidth && xa.y === window.innerHeight) return;xa.x = window.innerWidth, xa.y = window.innerHeight, _a3.style.height = xa.y + "px";
        }if (qa.x = f.scrollWrap.clientWidth, qa.y = f.scrollWrap.clientHeight, Za(), ta.x = qa.x + Math.round(qa.x * i.spacing), ta.y = qa.y, Ka(ta.x * ra), Da("beforeResize"), void 0 !== o) {
          for (var d, g, j, k = 0; k < h; k++) {
            d = y[k], Ja((k + o) * ta.x, d.el.style), j = m + k - 1, i.loop && ac() > 2 && (j = Aa(j)), g = _b(j), g && (x || g.needsUpdate || !g.bounds) ? (f.cleanSlide(g), f.setContent(d, j), 1 === k && (f.currItem = g, f.updateCurrZoomItem(!0)), g.needsUpdate = !1) : d.index === -1 && j >= 0 && f.setContent(d, j), g && g.container && (ic(g, qa), mc(g), Ia(g));
          }x = !1;
        }t = s = f.currItem.initialZoomLevel, da = f.currItem.bounds, da && (pa.x = da.center.x, pa.y = da.center.y, Ha(!0)), Da("resize");
      }, zoomTo: function zoomTo(a, b, c, d, f) {
        b && (t = s, ub.x = Math.abs(b.x) - pa.x, ub.y = Math.abs(b.y) - pa.y, Ma(oa, pa));var g = Sa(a, !1),
            h = {};Va("x", g, h, a), Va("y", g, h, a);var i = s,
            j = { x: pa.x, y: pa.y };Na(h);var k = function k(b) {
          1 === b ? (s = a, pa.x = h.x, pa.y = h.y) : (s = (a - i) * b + i, pa.x = (h.x - j.x) * b + j.x, pa.y = (h.y - j.y) * b + j.y), f && f(b), Ha(1 === b);
        };c ? db("customZoomTo", 0, 1, c, d || e.easing.sine.inOut, k) : k(1);
      } },
        fb = 30,
        gb = 10,
        hb = {},
        ib = {},
        jb = {},
        kb = {},
        lb = {},
        mb = [],
        nb = {},
        ob = [],
        pb = {},
        qb = 0,
        rb = ma(),
        sb = 0,
        tb = ma(),
        ub = ma(),
        vb = ma(),
        wb = function wb(a, b) {
      return a.x === b.x && a.y === b.y;
    },
        xb = function xb(a, b) {
      return Math.abs(a.x - b.x) < g && Math.abs(a.y - b.y) < g;
    },
        yb = function yb(a, b) {
      return pb.x = Math.abs(a.x - b.x), pb.y = Math.abs(a.y - b.y), Math.sqrt(pb.x * pb.x + pb.y * pb.y);
    },
        zb = function zb() {
      Z && (I(Z), Z = null);
    },
        Ab = function Ab() {
      V && (Z = H(Ab), Qb());
    },
        Bb = function Bb() {
      return !("fit" === i.scaleMode && s === f.currItem.initialZoomLevel);
    },
        Cb = function Cb(a, b) {
      return !(!a || a === document) && !(a.getAttribute("class") && a.getAttribute("class").indexOf("pswp__scroll-wrap") > -1) && (b(a) ? a : Cb(a.parentNode, b));
    },
        Db = {},
        Eb = function Eb(a, b) {
      return Db.prevent = !Cb(a.target, i.isClickableElement), Da("preventDragEvent", a, b, Db), Db.prevent;
    },
        Fb = function Fb(a, b) {
      return b.x = a.pageX, b.y = a.pageY, b.id = a.identifier, b;
    },
        Gb = function Gb(a, b, c) {
      c.x = .5 * (a.x + b.x), c.y = .5 * (a.y + b.y);
    },
        Hb = function Hb(a, b, c) {
      if (a - Q > 50) {
        var d = ob.length > 2 ? ob.shift() : {};d.x = b, d.y = c, ob.push(d), Q = a;
      }
    },
        Ib = function Ib() {
      var a = pa.y - f.currItem.initialPosition.y;return 1 - Math.abs(a / (qa.y / 2));
    },
        Jb = {},
        Kb = {},
        Lb = [],
        Mb = function Mb(a) {
      for (; Lb.length > 0;) {
        Lb.pop();
      }return F ? (la = 0, mb.forEach(function (a) {
        0 === la ? Lb[0] = a : 1 === la && (Lb[1] = a), la++;
      })) : a.type.indexOf("touch") > -1 ? a.touches && a.touches.length > 0 && (Lb[0] = Fb(a.touches[0], Jb), a.touches.length > 1 && (Lb[1] = Fb(a.touches[1], Kb))) : (Jb.x = a.pageX, Jb.y = a.pageY, Jb.id = "", Lb[0] = Jb), Lb;
    },
        Nb = function Nb(a, b) {
      var c,
          d,
          e,
          g,
          h = 0,
          j = pa[a] + b[a],
          k = b[a] > 0,
          l = tb.x + b.x,
          m = tb.x - nb.x;return c = j > da.min[a] || j < da.max[a] ? i.panEndFriction : 1, j = pa[a] + b[a] * c, !i.allowPanToNext && s !== f.currItem.initialZoomLevel || (ea ? "h" !== ga || "x" !== a || X || (k ? (j > da.min[a] && (c = i.panEndFriction, h = da.min[a] - j, d = da.min[a] - oa[a]), (d <= 0 || m < 0) && ac() > 1 ? (g = l, m < 0 && l > nb.x && (g = nb.x)) : da.min.x !== da.max.x && (e = j)) : (j < da.max[a] && (c = i.panEndFriction, h = j - da.max[a], d = oa[a] - da.max[a]), (d <= 0 || m > 0) && ac() > 1 ? (g = l, m > 0 && l < nb.x && (g = nb.x)) : da.min.x !== da.max.x && (e = j))) : g = l, "x" !== a) ? void (fa || $ || s > f.currItem.fitRatio && (pa[a] += b[a] * c)) : (void 0 !== g && (Ka(g, !0), $ = g !== nb.x), da.min.x !== da.max.x && (void 0 !== e ? pa.x = e : $ || (pa.x += b.x * c)), void 0 !== g);
    },
        Ob = function Ob(a) {
      if (!("mousedown" === a.type && a.button > 0)) {
        if ($b) return void a.preventDefault();if (!U || "mousedown" !== a.type) {
          if (Eb(a, !0) && a.preventDefault(), Da("pointerDown"), F) {
            var b = e.arraySearch(mb, a.pointerId, "id");b < 0 && (b = mb.length), mb[b] = { x: a.pageX, y: a.pageY, id: a.pointerId };
          }var c = Mb(a),
              d = c.length;_ = null, cb(), V && 1 !== d || (V = ha = !0, e.bind(window, p, f), S = ka = ia = T = $ = Y = W = X = !1, ga = null, Da("firstTouchStart", c), Ma(oa, pa), na.x = na.y = 0, Ma(kb, c[0]), Ma(lb, kb), nb.x = ta.x * ra, ob = [{ x: kb.x, y: kb.y }], Q = P = Ea(), Sa(s, !0), zb(), Ab()), !aa && d > 1 && !fa && !$ && (t = s, X = !1, aa = W = !0, na.y = na.x = 0, Ma(oa, pa), Ma(hb, c[0]), Ma(ib, c[1]), Gb(hb, ib, vb), ub.x = Math.abs(vb.x) - pa.x, ub.y = Math.abs(vb.y) - pa.y, ba = ca = yb(hb, ib));
        }
      }
    },
        Pb = function Pb(a) {
      if (a.preventDefault(), F) {
        var b = e.arraySearch(mb, a.pointerId, "id");if (b > -1) {
          var c = mb[b];c.x = a.pageX, c.y = a.pageY;
        }
      }if (V) {
        var d = Mb(a);if (ga || Y || aa) _ = d;else if (tb.x !== ta.x * ra) ga = "h";else {
          var f = Math.abs(d[0].x - kb.x) - Math.abs(d[0].y - kb.y);Math.abs(f) >= gb && (ga = f > 0 ? "h" : "v", _ = d);
        }
      }
    },
        Qb = function Qb() {
      if (_) {
        var a = _.length;if (0 !== a) if (Ma(hb, _[0]), jb.x = hb.x - kb.x, jb.y = hb.y - kb.y, aa && a > 1) {
          if (kb.x = hb.x, kb.y = hb.y, !jb.x && !jb.y && wb(_[1], ib)) return;Ma(ib, _[1]), X || (X = !0, Da("zoomGestureStarted"));var b = yb(hb, ib),
              c = Vb(b);c > f.currItem.initialZoomLevel + f.currItem.initialZoomLevel / 15 && (ka = !0);var d = 1,
              e = Ta(),
              g = Ua();if (c < e) {
            if (i.pinchToClose && !ka && t <= f.currItem.initialZoomLevel) {
              var h = e - c,
                  j = 1 - h / (e / 1.2);Fa(j), Da("onPinchClose", j), ia = !0;
            } else d = (e - c) / e, d > 1 && (d = 1), c = e - d * (e / 3);
          } else c > g && (d = (c - g) / (6 * e), d > 1 && (d = 1), c = g + d * e);d < 0 && (d = 0), ba = b, Gb(hb, ib, rb), na.x += rb.x - vb.x, na.y += rb.y - vb.y, Ma(vb, rb), pa.x = La("x", c), pa.y = La("y", c), S = c > s, s = c, Ha();
        } else {
          if (!ga) return;if (ha && (ha = !1, Math.abs(jb.x) >= gb && (jb.x -= _[0].x - lb.x), Math.abs(jb.y) >= gb && (jb.y -= _[0].y - lb.y)), kb.x = hb.x, kb.y = hb.y, 0 === jb.x && 0 === jb.y) return;if ("v" === ga && i.closeOnVerticalDrag && !Bb()) {
            na.y += jb.y, pa.y += jb.y;var k = Ib();return T = !0, Da("onVerticalDrag", k), Fa(k), void Ha();
          }Hb(Ea(), hb.x, hb.y), Y = !0, da = f.currItem.bounds;var l = Nb("x", jb);l || (Nb("y", jb), Na(pa), Ha());
        }
      }
    },
        Rb = function Rb(a) {
      if (N.isOldAndroid) {
        if (U && "mouseup" === a.type) return;a.type.indexOf("touch") > -1 && (clearTimeout(U), U = setTimeout(function () {
          U = 0;
        }, 600));
      }Da("pointerUp"), Eb(a, !1) && a.preventDefault();var b;if (F) {
        var c = e.arraySearch(mb, a.pointerId, "id");if (c > -1) if (b = mb.splice(c, 1)[0], navigator.msPointerEnabled) {
          var d = { 4: "mouse", 2: "touch", 3: "pen" };b.type = d[a.pointerType], b.type || (b.type = a.pointerType || "mouse");
        } else b.type = a.pointerType || "mouse";
      }var g,
          h = Mb(a),
          j = h.length;if ("mouseup" === a.type && (j = 0), 2 === j) return _ = null, !0;1 === j && Ma(lb, h[0]), 0 !== j || ga || fa || (b || ("mouseup" === a.type ? b = { x: a.pageX, y: a.pageY, type: "mouse" } : a.changedTouches && a.changedTouches[0] && (b = { x: a.changedTouches[0].pageX, y: a.changedTouches[0].pageY, type: "touch" })), Da("touchRelease", a, b));var k = -1;if (0 === j && (V = !1, e.unbind(window, p, f), zb(), aa ? k = 0 : sb !== -1 && (k = Ea() - sb)), sb = 1 === j ? Ea() : -1, g = k !== -1 && k < 150 ? "zoom" : "swipe", aa && j < 2 && (aa = !1, 1 === j && (g = "zoomPointerUp"), Da("zoomGestureEnded")), _ = null, Y || X || fa || T) if (cb(), R || (R = Sb()), R.calculateSwipeSpeed("x"), T) {
        var l = Ib();if (l < i.verticalDragRange) f.close();else {
          var m = pa.y,
              n = ja;db("verticalDrag", 0, 1, 300, e.easing.cubic.out, function (a) {
            pa.y = (f.currItem.initialPosition.y - m) * a + m, Fa((1 - n) * a + n), Ha();
          }), Da("onVerticalDrag", 1);
        }
      } else {
        if (($ || fa) && 0 === j) {
          var o = Ub(g, R);if (o) return;g = "zoomPointerUp";
        }if (!fa) return "swipe" !== g ? void Wb() : void (!$ && s > f.currItem.fitRatio && Tb(R));
      }
    },
        Sb = function Sb() {
      var a,
          b,
          c = { lastFlickOffset: {}, lastFlickDist: {}, lastFlickSpeed: {}, slowDownRatio: {}, slowDownRatioReverse: {}, speedDecelerationRatio: {}, speedDecelerationRatioAbs: {}, distanceOffset: {}, backAnimDestination: {}, backAnimStarted: {}, calculateSwipeSpeed: function calculateSwipeSpeed(d) {
          ob.length > 1 ? (a = Ea() - Q + 50, b = ob[ob.length - 2][d]) : (a = Ea() - P, b = lb[d]), c.lastFlickOffset[d] = kb[d] - b, c.lastFlickDist[d] = Math.abs(c.lastFlickOffset[d]), c.lastFlickDist[d] > 20 ? c.lastFlickSpeed[d] = c.lastFlickOffset[d] / a : c.lastFlickSpeed[d] = 0, Math.abs(c.lastFlickSpeed[d]) < .1 && (c.lastFlickSpeed[d] = 0), c.slowDownRatio[d] = .95, c.slowDownRatioReverse[d] = 1 - c.slowDownRatio[d], c.speedDecelerationRatio[d] = 1;
        }, calculateOverBoundsAnimOffset: function calculateOverBoundsAnimOffset(a, b) {
          c.backAnimStarted[a] || (pa[a] > da.min[a] ? c.backAnimDestination[a] = da.min[a] : pa[a] < da.max[a] && (c.backAnimDestination[a] = da.max[a]), void 0 !== c.backAnimDestination[a] && (c.slowDownRatio[a] = .7, c.slowDownRatioReverse[a] = 1 - c.slowDownRatio[a], c.speedDecelerationRatioAbs[a] < .05 && (c.lastFlickSpeed[a] = 0, c.backAnimStarted[a] = !0, db("bounceZoomPan" + a, pa[a], c.backAnimDestination[a], b || 300, e.easing.sine.out, function (b) {
            pa[a] = b, Ha();
          }))));
        }, calculateAnimOffset: function calculateAnimOffset(a) {
          c.backAnimStarted[a] || (c.speedDecelerationRatio[a] = c.speedDecelerationRatio[a] * (c.slowDownRatio[a] + c.slowDownRatioReverse[a] - c.slowDownRatioReverse[a] * c.timeDiff / 10), c.speedDecelerationRatioAbs[a] = Math.abs(c.lastFlickSpeed[a] * c.speedDecelerationRatio[a]), c.distanceOffset[a] = c.lastFlickSpeed[a] * c.speedDecelerationRatio[a] * c.timeDiff, pa[a] += c.distanceOffset[a]);
        }, panAnimLoop: function panAnimLoop() {
          if ($a.zoomPan && ($a.zoomPan.raf = H(c.panAnimLoop), c.now = Ea(), c.timeDiff = c.now - c.lastNow, c.lastNow = c.now, c.calculateAnimOffset("x"), c.calculateAnimOffset("y"), Ha(), c.calculateOverBoundsAnimOffset("x"), c.calculateOverBoundsAnimOffset("y"), c.speedDecelerationRatioAbs.x < .05 && c.speedDecelerationRatioAbs.y < .05)) return pa.x = Math.round(pa.x), pa.y = Math.round(pa.y), Ha(), void ab("zoomPan");
        } };return c;
    },
        Tb = function Tb(a) {
      return a.calculateSwipeSpeed("y"), da = f.currItem.bounds, a.backAnimDestination = {}, a.backAnimStarted = {}, Math.abs(a.lastFlickSpeed.x) <= .05 && Math.abs(a.lastFlickSpeed.y) <= .05 ? (a.speedDecelerationRatioAbs.x = a.speedDecelerationRatioAbs.y = 0, a.calculateOverBoundsAnimOffset("x"), a.calculateOverBoundsAnimOffset("y"), !0) : (bb("zoomPan"), a.lastNow = Ea(), void a.panAnimLoop());
    },
        Ub = function Ub(a, b) {
      var c;fa || (qb = m);var d;if ("swipe" === a) {
        var g = kb.x - lb.x,
            h = b.lastFlickDist.x < 10;g > fb && (h || b.lastFlickOffset.x > 20) ? d = -1 : g < -fb && (h || b.lastFlickOffset.x < -20) && (d = 1);
      }var j;d && (m += d, m < 0 ? (m = i.loop ? ac() - 1 : 0, j = !0) : m >= ac() && (m = i.loop ? 0 : ac() - 1, j = !0), j && !i.loop || (ua += d, ra -= d, c = !0));var k,
          l = ta.x * ra,
          n = Math.abs(l - tb.x);return c || l > tb.x == b.lastFlickSpeed.x > 0 ? (k = Math.abs(b.lastFlickSpeed.x) > 0 ? n / Math.abs(b.lastFlickSpeed.x) : 333, k = Math.min(k, 400), k = Math.max(k, 250)) : k = 333, qb === m && (c = !1), fa = !0, Da("mainScrollAnimStart"), db("mainScroll", tb.x, l, k, e.easing.cubic.out, Ka, function () {
        cb(), fa = !1, qb = -1, (c || qb !== m) && f.updateCurrItem(), Da("mainScrollAnimComplete");
      }), c && f.updateCurrItem(!0), c;
    },
        Vb = function Vb(a) {
      return 1 / ca * a * t;
    },
        Wb = function Wb() {
      var a = s,
          b = Ta(),
          c = Ua();s < b ? a = b : s > c && (a = c);var d,
          g = 1,
          h = ja;return ia && !S && !ka && s < b ? (f.close(), !0) : (ia && (d = function d(a) {
        Fa((g - h) * a + h);
      }), f.zoomTo(a, 0, 200, e.easing.cubic.out, d), !0);
    };za("Gestures", { publicMethods: { initGestures: function initGestures() {
          var a = function a(_a2, b, c, d, e) {
            A = _a2 + b, B = _a2 + c, C = _a2 + d, D = e ? _a2 + e : "";
          };F = N.pointerEvent, F && N.touch && (N.touch = !1), F ? navigator.msPointerEnabled ? a("MSPointer", "Down", "Move", "Up", "Cancel") : a("pointer", "down", "move", "up", "cancel") : N.touch ? (a("touch", "start", "move", "end", "cancel"), G = !0) : a("mouse", "down", "move", "up"), p = B + " " + C + " " + D, q = A, F && !G && (G = navigator.maxTouchPoints > 1 || navigator.msMaxTouchPoints > 1), f.likelyTouchDevice = G, r[A] = Ob, r[B] = Pb, r[C] = Rb, D && (r[D] = r[C]), N.touch && (q += " mousedown", p += " mousemove mouseup", r.mousedown = r[A], r.mousemove = r[B], r.mouseup = r[C]), G || (i.allowPanToNext = !1);
        } } });var Xb,
        Yb,
        Zb,
        $b,
        _b,
        ac,
        bc,
        cc = function cc(b, c, d, g) {
      Xb && clearTimeout(Xb), $b = !0, Zb = !0;var h;b.initialLayout ? (h = b.initialLayout, b.initialLayout = null) : h = i.getThumbBoundsFn && i.getThumbBoundsFn(m);var j = d ? i.hideAnimationDuration : i.showAnimationDuration,
          k = function k() {
        ab("initialZoom"), d ? (f.template.removeAttribute("style"), f.bg.removeAttribute("style")) : (Fa(1), c && (c.style.display = "block"), e.addClass(_a3, "pswp--animated-in"), Da("initialZoom" + (d ? "OutEnd" : "InEnd"))), g && g(), $b = !1;
      };if (!j || !h || void 0 === h.x) return Da("initialZoom" + (d ? "Out" : "In")), s = b.initialZoomLevel, Ma(pa, b.initialPosition), Ha(), _a3.style.opacity = d ? 0 : 1, Fa(1), void (j ? setTimeout(function () {
        k();
      }, j) : k());var n = function n() {
        var c = l,
            g = !f.currItem.src || f.currItem.loadError || i.showHideOpacity;b.miniImg && (b.miniImg.style.webkitBackfaceVisibility = "hidden"), d || (s = h.w / b.w, pa.x = h.x, pa.y = h.y - K, f[g ? "template" : "bg"].style.opacity = .001, Ha()), bb("initialZoom"), d && !c && e.removeClass(_a3, "pswp--animated-in"), g && (d ? e[(c ? "remove" : "add") + "Class"](_a3, "pswp--animate_opacity") : setTimeout(function () {
          e.addClass(_a3, "pswp--animate_opacity");
        }, 30)), Xb = setTimeout(function () {
          if (Da("initialZoom" + (d ? "Out" : "In")), d) {
            var f = h.w / b.w,
                i = { x: pa.x, y: pa.y },
                l = s,
                m = ja,
                n = function n(b) {
              1 === b ? (s = f, pa.x = h.x, pa.y = h.y - M) : (s = (f - l) * b + l, pa.x = (h.x - i.x) * b + i.x, pa.y = (h.y - M - i.y) * b + i.y), Ha(), g ? _a3.style.opacity = 1 - b : Fa(m - b * m);
            };c ? db("initialZoom", 0, 1, j, e.easing.cubic.out, n, k) : (n(1), Xb = setTimeout(k, j + 20));
          } else s = b.initialZoomLevel, Ma(pa, b.initialPosition), Ha(), Fa(1), g ? _a3.style.opacity = 1 : Fa(1), Xb = setTimeout(k, j + 20);
        }, d ? 25 : 90);
      };n();
    },
        dc = {},
        ec = [],
        fc = { index: 0, errorMsg: '<div class="pswp__error-msg"><a href="%url%" target="_blank">The image</a> could not be loaded.</div>', forceProgressiveLoading: !1, preload: [1, 1], getNumItemsFn: function getNumItemsFn() {
        return Yb.length;
      } },
        gc = function gc() {
      return { center: { x: 0, y: 0 }, max: { x: 0, y: 0 }, min: { x: 0, y: 0 } };
    },
        hc = function hc(a, b, c) {
      var d = a.bounds;d.center.x = Math.round((dc.x - b) / 2), d.center.y = Math.round((dc.y - c) / 2) + a.vGap.top, d.max.x = b > dc.x ? Math.round(dc.x - b) : d.center.x, d.max.y = c > dc.y ? Math.round(dc.y - c) + a.vGap.top : d.center.y, d.min.x = b > dc.x ? 0 : d.center.x, d.min.y = c > dc.y ? a.vGap.top : d.center.y;
    },
        ic = function ic(a, b, c) {
      if (a.src && !a.loadError) {
        var d = !c;if (d && (a.vGap || (a.vGap = { top: 0, bottom: 0 }), Da("parseVerticalMargin", a)), dc.x = b.x, dc.y = b.y - a.vGap.top - a.vGap.bottom, d) {
          var e = dc.x / a.w,
              f = dc.y / a.h;a.fitRatio = e < f ? e : f;var g = i.scaleMode;"orig" === g ? c = 1 : "fit" === g && (c = a.fitRatio), c > 1 && (c = 1), a.initialZoomLevel = c, a.bounds || (a.bounds = gc());
        }if (!c) return;return hc(a, a.w * c, a.h * c), d && c === a.initialZoomLevel && (a.initialPosition = a.bounds.center), a.bounds;
      }return a.w = a.h = 0, a.initialZoomLevel = a.fitRatio = 1, a.bounds = gc(), a.initialPosition = a.bounds.center, a.bounds;
    },
        jc = function jc(a, b, c, d, e, g) {
      b.loadError || d && (b.imageAppended = !0, mc(b, d, b === f.currItem && ya), c.appendChild(d), g && setTimeout(function () {
        b && b.loaded && b.placeholder && (b.placeholder.style.display = "none", b.placeholder = null);
      }, 500));
    },
        kc = function kc(a) {
      a.loading = !0, a.loaded = !1;var b = a.img = e.createEl("pswp__img", "img"),
          c = function c() {
        a.loading = !1, a.loaded = !0, a.loadComplete ? a.loadComplete(a) : a.img = null, b.onload = b.onerror = null, b = null;
      };return b.onload = c, b.onerror = function () {
        a.loadError = !0, c();
      }, b.src = a.src, b;
    },
        lc = function lc(a, b) {
      if (a.src && a.loadError && a.container) return b && (a.container.innerHTML = ""), a.container.innerHTML = i.errorMsg.replace("%url%", a.src), !0;
    },
        mc = function mc(a, b, c) {
      if (a.src) {
        b || (b = a.container.lastChild);var d = c ? a.w : Math.round(a.w * a.fitRatio),
            e = c ? a.h : Math.round(a.h * a.fitRatio);a.placeholder && !a.loaded && (a.placeholder.style.width = d + "px", a.placeholder.style.height = e + "px"), b.style.width = d + "px", b.style.height = e + "px";
      }
    },
        nc = function nc() {
      if (ec.length) {
        for (var a, b = 0; b < ec.length; b++) {
          a = ec[b], a.holder.index === a.index && jc(a.index, a.item, a.baseDiv, a.img, !1, a.clearPlaceholder);
        }ec = [];
      }
    };za("Controller", { publicMethods: { lazyLoadItem: function lazyLoadItem(a) {
          a = Aa(a);var b = _b(a);b && (!b.loaded && !b.loading || x) && (Da("gettingData", a, b), b.src && kc(b));
        }, initController: function initController() {
          e.extend(i, fc, !0), f.items = Yb = c, _b = f.getItemAt, ac = i.getNumItemsFn, bc = i.loop, ac() < 3 && (i.loop = !1), Ca("beforeChange", function (a) {
            var b,
                c = i.preload,
                d = null === a || a >= 0,
                e = Math.min(c[0], ac()),
                g = Math.min(c[1], ac());for (b = 1; b <= (d ? g : e); b++) {
              f.lazyLoadItem(m + b);
            }for (b = 1; b <= (d ? e : g); b++) {
              f.lazyLoadItem(m - b);
            }
          }), Ca("initialLayout", function () {
            f.currItem.initialLayout = i.getThumbBoundsFn && i.getThumbBoundsFn(m);
          }), Ca("mainScrollAnimComplete", nc), Ca("initialZoomInEnd", nc), Ca("destroy", function () {
            for (var a, b = 0; b < Yb.length; b++) {
              a = Yb[b], a.container && (a.container = null), a.placeholder && (a.placeholder = null), a.img && (a.img = null), a.preloader && (a.preloader = null), a.loadError && (a.loaded = a.loadError = !1);
            }ec = null;
          });
        }, getItemAt: function getItemAt(a) {
          return a >= 0 && void 0 !== Yb[a] && Yb[a];
        }, allowProgressiveImg: function allowProgressiveImg() {
          return i.forceProgressiveLoading || !G || i.mouseUsed || screen.width > 1200;
        }, setContent: function setContent(a, b) {
          i.loop && (b = Aa(b));var c = f.getItemAt(a.index);c && (c.container = null);var d,
              g = f.getItemAt(b);if (!g) return void (a.el.innerHTML = "");Da("gettingData", b, g), a.index = b, a.item = g;var h = g.container = e.createEl("pswp__zoom-wrap");if (!g.src && g.html && (g.html.tagName ? h.appendChild(g.html) : h.innerHTML = g.html), lc(g), ic(g, qa), !g.src || g.loadError || g.loaded) g.src && !g.loadError && (d = e.createEl("pswp__img", "img"), d.style.opacity = 1, d.src = g.src, mc(g, d), jc(b, g, h, d, !0));else {
            if (g.loadComplete = function (c) {
              if (j) {
                if (a && a.index === b) {
                  if (lc(c, !0)) return c.loadComplete = c.img = null, ic(c, qa), Ia(c), void (a.index === m && f.updateCurrZoomItem());c.imageAppended ? !$b && c.placeholder && (c.placeholder.style.display = "none", c.placeholder = null) : N.transform && (fa || $b) ? ec.push({ item: c, baseDiv: h, img: c.img, index: b, holder: a, clearPlaceholder: !0 }) : jc(b, c, h, c.img, fa || $b, !0);
                }c.loadComplete = null, c.img = null, Da("imageLoadComplete", b, c);
              }
            }, e.features.transform) {
              var k = "pswp__img pswp__img--placeholder";k += g.msrc ? "" : " pswp__img--placeholder--blank";var l = e.createEl(k, g.msrc ? "img" : "");g.msrc && (l.src = g.msrc), mc(g, l), h.appendChild(l), g.placeholder = l;
            }g.loading || kc(g), f.allowProgressiveImg() && (!Zb && N.transform ? ec.push({ item: g, baseDiv: h, img: g.img, index: b, holder: a }) : jc(b, g, h, g.img, !0, !0));
          }Zb || b !== m ? Ia(g) : (ea = h.style, cc(g, d || g.img)), a.el.innerHTML = "", a.el.appendChild(h);
        }, cleanSlide: function cleanSlide(a) {
          a.img && (a.img.onload = a.img.onerror = null), a.loaded = a.loading = a.img = a.imageAppended = !1;
        } } });var oc,
        pc = {},
        qc = function qc(a, b, c) {
      var d = document.createEvent("CustomEvent"),
          e = { origEvent: a, target: a.target, releasePoint: b, pointerType: c || "touch" };d.initCustomEvent("pswpTap", !0, !0, e), a.target.dispatchEvent(d);
    };za("Tap", { publicMethods: { initTap: function initTap() {
          Ca("firstTouchStart", f.onTapStart), Ca("touchRelease", f.onTapRelease), Ca("destroy", function () {
            pc = {}, oc = null;
          });
        }, onTapStart: function onTapStart(a) {
          a.length > 1 && (clearTimeout(oc), oc = null);
        }, onTapRelease: function onTapRelease(a, b) {
          if (b && !Y && !W && !_a) {
            var c = b;if (oc && (clearTimeout(oc), oc = null, xb(c, pc))) return void Da("doubleTap", c);if ("mouse" === b.type) return void qc(a, b, "mouse");var d = a.target.tagName.toUpperCase();if ("BUTTON" === d || e.hasClass(a.target, "pswp__single-tap")) return void qc(a, b);Ma(pc, c), oc = setTimeout(function () {
              qc(a, b), oc = null;
            }, 300);
          }
        } } });var rc;za("DesktopZoom", { publicMethods: { initDesktopZoom: function initDesktopZoom() {
          L || (G ? Ca("mouseUsed", function () {
            f.setupDesktopZoom();
          }) : f.setupDesktopZoom(!0));
        }, setupDesktopZoom: function setupDesktopZoom(b) {
          rc = {};var c = "wheel mousewheel DOMMouseScroll";Ca("bindEvents", function () {
            e.bind(_a3, c, f.handleMouseWheel);
          }), Ca("unbindEvents", function () {
            rc && e.unbind(_a3, c, f.handleMouseWheel);
          }), f.mouseZoomedIn = !1;var d,
              g = function g() {
            f.mouseZoomedIn && (e.removeClass(_a3, "pswp--zoomed-in"), f.mouseZoomedIn = !1), s < 1 ? e.addClass(_a3, "pswp--zoom-allowed") : e.removeClass(_a3, "pswp--zoom-allowed"), h();
          },
              h = function h() {
            d && (e.removeClass(_a3, "pswp--dragging"), d = !1);
          };Ca("resize", g), Ca("afterChange", g), Ca("pointerDown", function () {
            f.mouseZoomedIn && (d = !0, e.addClass(_a3, "pswp--dragging"));
          }), Ca("pointerUp", h), b || g();
        }, handleMouseWheel: function handleMouseWheel(a) {
          if (s <= f.currItem.fitRatio) return i.modal && (!i.closeOnScroll || _a || V ? a.preventDefault() : E && Math.abs(a.deltaY) > 2 && (l = !0, f.close())), !0;if (a.stopPropagation(), rc.x = 0, "deltaX" in a) 1 === a.deltaMode ? (rc.x = 18 * a.deltaX, rc.y = 18 * a.deltaY) : (rc.x = a.deltaX, rc.y = a.deltaY);else if ("wheelDelta" in a) a.wheelDeltaX && (rc.x = -.16 * a.wheelDeltaX), a.wheelDeltaY ? rc.y = -.16 * a.wheelDeltaY : rc.y = -.16 * a.wheelDelta;else {
            if (!("detail" in a)) return;rc.y = a.detail;
          }Sa(s, !0);var b = pa.x - rc.x,
              c = pa.y - rc.y;(i.modal || b <= da.min.x && b >= da.max.x && c <= da.min.y && c >= da.max.y) && a.preventDefault(), f.panTo(b, c);
        }, toggleDesktopZoom: function toggleDesktopZoom(b) {
          b = b || { x: qa.x / 2 + sa.x, y: qa.y / 2 + sa.y };var c = i.getDoubleTapZoom(!0, f.currItem),
              d = s === c;f.mouseZoomedIn = !d, f.zoomTo(d ? f.currItem.initialZoomLevel : c, b, 333), e[(d ? "remove" : "add") + "Class"](_a3, "pswp--zoomed-in");
        } } });var sc,
        tc,
        uc,
        vc,
        wc,
        xc,
        yc,
        zc,
        Ac,
        Bc,
        Cc,
        Dc,
        Ec = { history: !0, galleryUID: 1 },
        Fc = function Fc() {
      return Cc.hash.substring(1);
    },
        Gc = function Gc() {
      sc && clearTimeout(sc), uc && clearTimeout(uc);
    },
        Hc = function Hc() {
      var a = Fc(),
          b = {};if (a.length < 5) return b;var c,
          d = a.split("&");for (c = 0; c < d.length; c++) {
        if (d[c]) {
          var e = d[c].split("=");e.length < 2 || (b[e[0]] = e[1]);
        }
      }if (i.galleryPIDs) {
        var f = b.pid;for (b.pid = 0, c = 0; c < Yb.length; c++) {
          if (Yb[c].pid === f) {
            b.pid = c;break;
          }
        }
      } else b.pid = parseInt(b.pid, 10) - 1;return b.pid < 0 && (b.pid = 0), b;
    },
        Ic = function Ic() {
      if (uc && clearTimeout(uc), _a || V) return void (uc = setTimeout(Ic, 500));vc ? clearTimeout(tc) : vc = !0;var a = m + 1,
          b = _b(m);b.hasOwnProperty("pid") && (a = b.pid);var c = yc + "&gid=" + i.galleryUID + "&pid=" + a;zc || Cc.hash.indexOf(c) === -1 && (Bc = !0);var d = Cc.href.split("#")[0] + "#" + c;Dc ? "#" + c !== window.location.hash && history[zc ? "replaceState" : "pushState"]("", document.title, d) : zc ? Cc.replace(d) : Cc.hash = c, zc = !0, tc = setTimeout(function () {
        vc = !1;
      }, 60);
    };za("History", { publicMethods: { initHistory: function initHistory() {
          if (e.extend(i, Ec, !0), i.history) {
            Cc = window.location, Bc = !1, Ac = !1, zc = !1, yc = Fc(), Dc = "pushState" in history, yc.indexOf("gid=") > -1 && (yc = yc.split("&gid=")[0], yc = yc.split("?gid=")[0]), Ca("afterChange", f.updateURL), Ca("unbindEvents", function () {
              e.unbind(window, "hashchange", f.onHashChange);
            });var a = function a() {
              xc = !0, Ac || (Bc ? history.back() : yc ? Cc.hash = yc : Dc ? history.pushState("", document.title, Cc.pathname + Cc.search) : Cc.hash = ""), Gc();
            };Ca("unbindEvents", function () {
              l && a();
            }), Ca("destroy", function () {
              xc || a();
            }), Ca("firstUpdate", function () {
              m = Hc().pid;
            });var b = yc.indexOf("pid=");b > -1 && (yc = yc.substring(0, b), "&" === yc.slice(-1) && (yc = yc.slice(0, -1))), setTimeout(function () {
              j && e.bind(window, "hashchange", f.onHashChange);
            }, 40);
          }
        }, onHashChange: function onHashChange() {
          return Fc() === yc ? (Ac = !0, void f.close()) : void (vc || (wc = !0, f.goTo(Hc().pid), wc = !1));
        }, updateURL: function updateURL() {
          Gc(), wc || (zc ? sc = setTimeout(Ic, 800) : Ic());
        } } }), e.extend(f, eb);
  };return a;
});var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__;

var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };

/*! PhotoSwipe Default UI - 4.1.3 - 2019-01-08
* http://photoswipe.com
* Copyright (c) 2019 Dmitry Semenov; */
!function (a, b) {
   true ? !(__WEBPACK_AMD_DEFINE_FACTORY__ = (b),
				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
				(__WEBPACK_AMD_DEFINE_FACTORY__.call(exports, __webpack_require__, exports, module)) :
				__WEBPACK_AMD_DEFINE_FACTORY__),
				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__)) : undefined;
}(undefined, function () {
  "use strict";
  var a = function a(_a, b) {
    var c,
        d,
        e,
        f,
        g,
        h,
        i,
        j,
        k,
        l,
        m,
        n,
        o,
        p,
        q,
        r,
        s,
        t,
        u,
        v = this,
        w = !1,
        x = !0,
        y = !0,
        z = { barsSize: { top: 44, bottom: "auto" }, closeElClasses: ["item", "caption", "zoom-wrap", "ui", "top-bar"], timeToIdle: 4e3, timeToIdleOutside: 1e3, loadingIndicatorDelay: 1e3, addCaptionHTMLFn: function addCaptionHTMLFn(a, b) {
        return a.title ? (b.children[0].innerHTML = a.title, !0) : (b.children[0].innerHTML = "", !1);
      }, closeEl: !0, captionEl: !0, fullscreenEl: !0, zoomEl: !0, shareEl: !0, counterEl: !0, arrowEl: !0, preloaderEl: !0, tapToClose: !1, tapToToggleControls: !0, clickToCloseNonZoomable: !0, shareButtons: [{ id: "facebook", label: "Share on Facebook", url: "https://www.facebook.com/sharer/sharer.php?u={{url}}" }, { id: "twitter", label: "Tweet", url: "https://twitter.com/intent/tweet?text={{text}}&url={{url}}" }, { id: "pinterest", label: "Pin it", url: "http://www.pinterest.com/pin/create/button/?url={{url}}&media={{image_url}}&description={{text}}" }, { id: "download", label: "Download image", url: "{{raw_image_url}}", download: !0 }], getImageURLForShare: function getImageURLForShare() {
        return _a.currItem.src || "";
      }, getPageURLForShare: function getPageURLForShare() {
        return window.location.href;
      }, getTextForShare: function getTextForShare() {
        return _a.currItem.title || "";
      }, indexIndicatorSep: " / ", fitControlsWidth: 1200 },
        A = function A(a) {
      if (r) return !0;a = a || window.event, q.timeToIdle && q.mouseUsed && !k && K();for (var c, d, e = a.target || a.srcElement, f = e.getAttribute("class") || "", g = 0; g < S.length; g++) {
        c = S[g], c.onTap && f.indexOf("pswp__" + c.name) > -1 && (c.onTap(), d = !0);
      }if (d) {
        a.stopPropagation && a.stopPropagation(), r = !0;var h = b.features.isOldAndroid ? 600 : 30;s = setTimeout(function () {
          r = !1;
        }, h);
      }
    },
        B = function B() {
      return !_a.likelyTouchDevice || q.mouseUsed || screen.width > q.fitControlsWidth;
    },
        C = function C(a, c, d) {
      b[(d ? "add" : "remove") + "Class"](a, "pswp__" + c);
    },
        D = function D() {
      var a = 1 === q.getNumItemsFn();a !== p && (C(d, "ui--one-slide", a), p = a);
    },
        E = function E() {
      C(i, "share-modal--hidden", y);
    },
        F = function F() {
      return y = !y, y ? (b.removeClass(i, "pswp__share-modal--fade-in"), setTimeout(function () {
        y && E();
      }, 300)) : (E(), setTimeout(function () {
        y || b.addClass(i, "pswp__share-modal--fade-in");
      }, 30)), y || H(), !1;
    },
        G = function G(b) {
      b = b || window.event;var c = b.target || b.srcElement;return _a.shout("shareLinkClick", b, c), !!c.href && (!!c.hasAttribute("download") || (window.open(c.href, "pswp_share", "scrollbars=yes,resizable=yes,toolbar=no,location=yes,width=550,height=420,top=100,left=" + (window.screen ? Math.round(screen.width / 2 - 275) : 100)), y || F(), !1));
    },
        H = function H() {
      for (var a, b, c, d, e, f = "", g = 0; g < q.shareButtons.length; g++) {
        a = q.shareButtons[g], c = q.getImageURLForShare(a), d = q.getPageURLForShare(a), e = q.getTextForShare(a), b = a.url.replace("{{url}}", encodeURIComponent(d)).replace("{{image_url}}", encodeURIComponent(c)).replace("{{raw_image_url}}", c).replace("{{text}}", encodeURIComponent(e)), f += '<a href="' + b + '" target="_blank" class="pswp__share--' + a.id + '"' + (a.download ? "download" : "") + ">" + a.label + "</a>", q.parseShareButtonOut && (f = q.parseShareButtonOut(a, f));
      }i.children[0].innerHTML = f, i.children[0].onclick = G;
    },
        I = function I(a) {
      for (var c = 0; c < q.closeElClasses.length; c++) {
        if (b.hasClass(a, "pswp__" + q.closeElClasses[c])) return !0;
      }
    },
        J = 0,
        K = function K() {
      clearTimeout(u), J = 0, k && v.setIdle(!1);
    },
        L = function L(a) {
      a = a ? a : window.event;var b = a.relatedTarget || a.toElement;b && "HTML" !== b.nodeName || (clearTimeout(u), u = setTimeout(function () {
        v.setIdle(!0);
      }, q.timeToIdleOutside));
    },
        M = function M() {
      q.fullscreenEl && !b.features.isOldAndroid && (c || (c = v.getFullscreenAPI()), c ? (b.bind(document, c.eventK, v.updateFullscreen), v.updateFullscreen(), b.addClass(_a.template, "pswp--supports-fs")) : b.removeClass(_a.template, "pswp--supports-fs"));
    },
        N = function N() {
      q.preloaderEl && (O(!0), l("beforeChange", function () {
        clearTimeout(o), o = setTimeout(function () {
          _a.currItem && _a.currItem.loading ? (!_a.allowProgressiveImg() || _a.currItem.img && !_a.currItem.img.naturalWidth) && O(!1) : O(!0);
        }, q.loadingIndicatorDelay);
      }), l("imageLoadComplete", function (b, c) {
        _a.currItem === c && O(!0);
      }));
    },
        O = function O(a) {
      n !== a && (C(m, "preloader--active", !a), n = a);
    },
        P = function P(a) {
      var c = a.vGap;if (B()) {
        var g = q.barsSize;if (q.captionEl && "auto" === g.bottom) {
          if (f || (f = b.createEl("pswp__caption pswp__caption--fake"), f.appendChild(b.createEl("pswp__caption__center")), d.insertBefore(f, e), b.addClass(d, "pswp__ui--fit")), q.addCaptionHTMLFn(a, f, !0)) {
            var h = f.clientHeight;c.bottom = parseInt(h, 10) || 44;
          } else c.bottom = g.top;
        } else c.bottom = "auto" === g.bottom ? 0 : g.bottom;c.top = g.top;
      } else c.top = c.bottom = 0;
    },
        Q = function Q() {
      q.timeToIdle && l("mouseUsed", function () {
        b.bind(document, "mousemove", K), b.bind(document, "mouseout", L), t = setInterval(function () {
          J++, 2 === J && v.setIdle(!0);
        }, q.timeToIdle / 2);
      });
    },
        R = function R() {
      l("onVerticalDrag", function (a) {
        x && a < .95 ? v.hideControls() : !x && a >= .95 && v.showControls();
      });var a;l("onPinchClose", function (b) {
        x && b < .9 ? (v.hideControls(), a = !0) : a && !x && b > .9 && v.showControls();
      }), l("zoomGestureEnded", function () {
        a = !1, a && !x && v.showControls();
      });
    },
        S = [{ name: "caption", option: "captionEl", onInit: function onInit(a) {
        e = a;
      } }, { name: "share-modal", option: "shareEl", onInit: function onInit(a) {
        i = a;
      }, onTap: function onTap() {
        F();
      } }, { name: "button--share", option: "shareEl", onInit: function onInit(a) {
        h = a;
      }, onTap: function onTap() {
        F();
      } }, { name: "button--zoom", option: "zoomEl", onTap: _a.toggleDesktopZoom }, { name: "counter", option: "counterEl", onInit: function onInit(a) {
        g = a;
      } }, { name: "button--close", option: "closeEl", onTap: _a.close }, { name: "button--arrow--left", option: "arrowEl", onTap: _a.prev }, { name: "button--arrow--right", option: "arrowEl", onTap: _a.next }, { name: "button--fs", option: "fullscreenEl", onTap: function onTap() {
        c.isFullscreen() ? c.exit() : c.enter();
      } }, { name: "preloader", option: "preloaderEl", onInit: function onInit(a) {
        m = a;
      } }],
        T = function T() {
      var a,
          c,
          e,
          f = function f(d) {
        if (d) for (var f = d.length, g = 0; g < f; g++) {
          a = d[g], c = a.className;for (var h = 0; h < S.length; h++) {
            e = S[h], c.indexOf("pswp__" + e.name) > -1 && (q[e.option] ? (b.removeClass(a, "pswp__element--disabled"), e.onInit && e.onInit(a)) : b.addClass(a, "pswp__element--disabled"));
          }
        }
      };f(d.children);var g = b.getChildByClass(d, "pswp__top-bar");g && f(g.children);
    };v.init = function () {
      b.extend(_a.options, z, !0), q = _a.options, d = b.getChildByClass(_a.scrollWrap, "pswp__ui"), l = _a.listen, R(), l("beforeChange", v.update), l("doubleTap", function (b) {
        var c = _a.currItem.initialZoomLevel;_a.getZoomLevel() !== c ? _a.zoomTo(c, b, 333) : _a.zoomTo(q.getDoubleTapZoom(!1, _a.currItem), b, 333);
      }), l("preventDragEvent", function (a, b, c) {
        var d = a.target || a.srcElement;d && d.getAttribute("class") && a.type.indexOf("mouse") > -1 && (d.getAttribute("class").indexOf("__caption") > 0 || /(SMALL|STRONG|EM)/i.test(d.tagName)) && (c.prevent = !1);
      }), l("bindEvents", function () {
        b.bind(d, "pswpTap click", A), b.bind(_a.scrollWrap, "pswpTap", v.onGlobalTap), _a.likelyTouchDevice || b.bind(_a.scrollWrap, "mouseover", v.onMouseOver);
      }), l("unbindEvents", function () {
        y || F(), t && clearInterval(t), b.unbind(document, "mouseout", L), b.unbind(document, "mousemove", K), b.unbind(d, "pswpTap click", A), b.unbind(_a.scrollWrap, "pswpTap", v.onGlobalTap), b.unbind(_a.scrollWrap, "mouseover", v.onMouseOver), c && (b.unbind(document, c.eventK, v.updateFullscreen), c.isFullscreen() && (q.hideAnimationDuration = 0, c.exit()), c = null);
      }), l("destroy", function () {
        q.captionEl && (f && d.removeChild(f), b.removeClass(e, "pswp__caption--empty")), i && (i.children[0].onclick = null), b.removeClass(d, "pswp__ui--over-close"), b.addClass(d, "pswp__ui--hidden"), v.setIdle(!1);
      }), q.showAnimationDuration || b.removeClass(d, "pswp__ui--hidden"), l("initialZoomIn", function () {
        q.showAnimationDuration && b.removeClass(d, "pswp__ui--hidden");
      }), l("initialZoomOut", function () {
        b.addClass(d, "pswp__ui--hidden");
      }), l("parseVerticalMargin", P), T(), q.shareEl && h && i && (y = !0), D(), Q(), M(), N();
    }, v.setIdle = function (a) {
      k = a, C(d, "ui--idle", a);
    }, v.update = function () {
      x && _a.currItem ? (v.updateIndexIndicator(), q.captionEl && (q.addCaptionHTMLFn(_a.currItem, e), C(e, "caption--empty", !_a.currItem.title)), w = !0) : w = !1, y || F(), D();
    }, v.updateFullscreen = function (d) {
      d && setTimeout(function () {
        _a.setScrollOffset(0, b.getScrollY());
      }, 50), b[(c.isFullscreen() ? "add" : "remove") + "Class"](_a.template, "pswp--fs");
    }, v.updateIndexIndicator = function () {
      q.counterEl && (g.innerHTML = _a.getCurrentIndex() + 1 + q.indexIndicatorSep + q.getNumItemsFn());
    }, v.onGlobalTap = function (c) {
      c = c || window.event;var d = c.target || c.srcElement;if (!r) if (c.detail && "mouse" === c.detail.pointerType) {
        if (I(d)) return void _a.close();b.hasClass(d, "pswp__img") && (1 === _a.getZoomLevel() && _a.getZoomLevel() <= _a.currItem.fitRatio ? q.clickToCloseNonZoomable && _a.close() : _a.toggleDesktopZoom(c.detail.releasePoint));
      } else if (q.tapToToggleControls && (x ? v.hideControls() : v.showControls()), q.tapToClose && (b.hasClass(d, "pswp__img") || I(d))) return void _a.close();
    }, v.onMouseOver = function (a) {
      a = a || window.event;var b = a.target || a.srcElement;C(d, "ui--over-close", I(b));
    }, v.hideControls = function () {
      b.addClass(d, "pswp__ui--hidden"), x = !1;
    }, v.showControls = function () {
      x = !0, w || v.update(), b.removeClass(d, "pswp__ui--hidden");
    }, v.supportsFullscreen = function () {
      var a = document;return !!(a.exitFullscreen || a.mozCancelFullScreen || a.webkitExitFullscreen || a.msExitFullscreen);
    }, v.getFullscreenAPI = function () {
      var b,
          c = document.documentElement,
          d = "fullscreenchange";return c.requestFullscreen ? b = { enterK: "requestFullscreen", exitK: "exitFullscreen", elementK: "fullscreenElement", eventK: d } : c.mozRequestFullScreen ? b = { enterK: "mozRequestFullScreen", exitK: "mozCancelFullScreen", elementK: "mozFullScreenElement", eventK: "moz" + d } : c.webkitRequestFullscreen ? b = { enterK: "webkitRequestFullscreen", exitK: "webkitExitFullscreen", elementK: "webkitFullscreenElement", eventK: "webkit" + d } : c.msRequestFullscreen && (b = { enterK: "msRequestFullscreen", exitK: "msExitFullscreen", elementK: "msFullscreenElement", eventK: "MSFullscreenChange" }), b && (b.enter = function () {
        return j = q.closeOnScroll, q.closeOnScroll = !1, "webkitRequestFullscreen" !== this.enterK ? _a.template[this.enterK]() : void _a.template[this.enterK](Element.ALLOW_KEYBOARD_INPUT);
      }, b.exit = function () {
        return q.closeOnScroll = j, document[this.exitK]();
      }, b.isFullscreen = function () {
        return document[this.elementK];
      }), b;
    };
  };return a;
});