#mart-footer {
  width: 100%;
  bottom: 0;
  position: absolute;
  box-sizing: border-box; }
  #mart-footer .footer-container {
    box-sizing: border-box;
    width: 100%;
    max-width: 1140px;
    padding-left: 1rem;
    padding-right: 1rem;
    margin: auto; }
    @media only screen and (max-width: 767px) {
      #mart-footer .footer-container {
        padding: 0; } }
  #mart-footer a {
    color: #8796A8; }
  #mart-footer #detailed-footer {
    background: #273444; }
    #mart-footer #detailed-footer .footer-container {
      padding-top: 56px;
      padding-bottom: 70px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    #mart-footer #detailed-footer .section-left {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      #mart-footer #detailed-footer .section-left .footer-list-menu-container {
        margin-right: 70px; }
        #mart-footer #detailed-footer .section-left .footer-list-menu-container:last-child {
          margin-right: 0; }
        #mart-footer #detailed-footer .section-left .footer-list-menu-container .footer-list-menu-head {
          opacity: 0.9;
          color: #EFF2F7;
          font-size: 16px;
          line-height: 24px; }
        #mart-footer #detailed-footer .section-left .footer-list-menu-container .footer-list-menu {
          margin-top: 1.5rem; }
          #mart-footer #detailed-footer .section-left .footer-list-menu-container .footer-list-menu li {
            margin-top: 1rem; }
            #mart-footer #detailed-footer .section-left .footer-list-menu-container .footer-list-menu li a {
              color: #8796A8;
              font-size: 1rem;
              margin-top: 1rem; }
            #mart-footer #detailed-footer .section-left .footer-list-menu-container .footer-list-menu li:hover a {
              color: #4289dc; }
          #mart-footer #detailed-footer .section-left .footer-list-menu-container .footer-list-menu li#download {
            position: relative; }
            #mart-footer #detailed-footer .section-left .footer-list-menu-container .footer-list-menu li#download:hover img.app-qr-code {
              display: block; }
          #mart-footer #detailed-footer .section-left .footer-list-menu-container .footer-list-menu img.app-qr-code {
            width: 80px; }
    #mart-footer #detailed-footer .section-right .footer-list-contact {
      display: inline-block;
      vertical-align: top; }
      #mart-footer #detailed-footer .section-right .footer-list-contact p {
        color: #8796A8;
        font-size: 1rem;
        margin-top: 1rem; }
        #mart-footer #detailed-footer .section-right .footer-list-contact p:first-child {
          margin-top: 0; }
      #mart-footer #detailed-footer .section-right .footer-list-contact p.social-media a {
        margin-right: 1rem; }
      #mart-footer #detailed-footer .section-right .footer-list-contact p.social-media span.fa-stack {
        border-radius: 1em;
        background: #979fa8; }
      #mart-footer #detailed-footer .section-right .footer-list-contact p.social-media i.fa {
        color: #2e3b4d; }
      #mart-footer #detailed-footer .section-right .footer-list-contact p.social-media .wechat {
        position: relative; }
        #mart-footer #detailed-footer .section-right .footer-list-contact p.social-media .wechat img {
          position: absolute;
          display: none;
          width: 150px;
          bottom: 3rem; }
        #mart-footer #detailed-footer .section-right .footer-list-contact p.social-media .wechat:hover img {
          display: block; }
      #mart-footer #detailed-footer .section-right .footer-list-contact p.social-media .zhihu img {
        width: 14px;
        vertical-align: sub; }
      #mart-footer #detailed-footer .section-right .footer-list-contact .logo {
        height: 30px; }
    #mart-footer #detailed-footer .section-right .qun {
      display: inline-block;
      margin-left: 2.5rem;
      color: #8796A8;
      font-size: 1rem; }
      #mart-footer #detailed-footer .section-right .qun img {
        width: 10rem; }
      #mart-footer #detailed-footer .section-right .qun p {
        text-align: center; }
    @media only screen and (max-width: 767px) {
      #mart-footer #detailed-footer .footer-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        padding-top: 0;
        padding-bottom: 0; }
      #mart-footer #detailed-footer .footer-section {
        width: 100%; }
      #mart-footer #detailed-footer .section-right {
        text-align: center;
        padding-top: 3rem;
        padding-bottom: 2rem;
        border-bottom: 1px solid #667280; }
        #mart-footer #detailed-footer .section-right .footer-list-contact .logo {
          height: 60px; }
        #mart-footer #detailed-footer .section-right .qun {
          display: block;
          margin-left: 0;
          margin-top: 1rem; }
      #mart-footer #detailed-footer .section-left {
        box-sizing: border-box;
        padding: 35px 3rem;
        margin-left: auto;
        margin-right: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        min-height: 433px;
        max-height: 490px; }
        #mart-footer #detailed-footer .section-left .footer-list-menu-container {
          margin-right: 0; }
          #mart-footer #detailed-footer .section-left .footer-list-menu-container:nth-child(odd) {
            -webkit-box-ordinal-group: 0;
            -webkit-order: -1;
                -ms-flex-order: -1;
                    order: -1;
            margin-right: 1.5rem; }
          #mart-footer #detailed-footer .section-left .footer-list-menu-container:first-child {
            margin-bottom: 1.5rem; } }
  #mart-footer #simple-footer {
    background: #1f2d3d;
    color: #8796A8; }
    #mart-footer #simple-footer .footer-container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      padding-top: 17.5px;
      padding-bottom: 17.5px; }
    #mart-footer #simple-footer .site {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      #mart-footer #simple-footer .site .brand {
        margin-right: 1rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
        #mart-footer #simple-footer .site .brand a {
          margin-right: 1rem;
          display: inline-block;
          font-size: 0; }
        #mart-footer #simple-footer .site .brand img {
          height: 20px; }
    #mart-footer #simple-footer .lang-select {
      border: 1px solid #979FA8;
      border-radius: 5px;
      color: #EDF1F5;
      padding: 6px 14px;
      position: relative; }
      #mart-footer #simple-footer .lang-select .title {
        display: inline-block;
        padding: 0 10px; }
      #mart-footer #simple-footer .lang-select select {
        opacity: 0;
        position: absolute;
        top: 0px;
        left: 0px;
        height: 100%;
        background: white;
        margin: 0;
        padding: 0;
        cursor: pointer;
        border: none;
        width: 100%; }
    #mart-footer #simple-footer.no-lang-select .site {
      width: 100%;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    #mart-footer #simple-footer.no-lang-select .lang-select {
      display: none; }
    @media only screen and (max-width: 767px) {
      #mart-footer #simple-footer .footer-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem; }
      #mart-footer #simple-footer .site {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column; }
        #mart-footer #simple-footer .site .brand {
          margin: 0 0 18px; }
      #mart-footer #simple-footer .lang-select {
        margin-top: 1.5rem; } }
