.footer {
  square(100%, 258px, #333234)
  box-shadow: 0 0 12px 0 #DBDBDB;
  min-width: $PageCenterWidth;
  clear: both;


  .container {
    square($PageCenterWidth, 140px, transparent)
    margin: auto;
    padding: 56px 0;

    .left {
      square(510px, 140px, transparent)

      border-right: 1px solid #666
      float: left
      padding-left: 204px;

      .title {
        paragraph(16px, $UnifiedFont, 500, #999)
        margin-top: 6px;
        cursor: default;
        line-height: 1;
        height: auto;
      }

      ul {

        margin-top: 30px;

        li {
          height: 50px;
          line-height: 80px;
          list-style: none
          float: left;
          margin-right: 32px;
          positioning(relative);
          top: -16px;
          /*.footer_weibo {
            &:hover {
              & + .footer_weibo_qr_code {
                display: block
              }
            }
          }*/

          .footer_weibo_qr_code {
            positioning(absolute, -134px, 0, 0, -51px);
            display: none
          }

          &:first-child {

            &:hover {
              .footer_weibo_qr_code {
                display: block;
              }
            }

          }

        }
      }
    }

    .right {
      float: left
      square(690px, 140px, transparent)

      .top {

        cursor: default;
        padding-left: 92px;

        p {
          paragraph(14px, $UnifiedFont, 500, #C8C8C8)
          margin-top: 8px;

          .cut {
            margin: 0 4px 0 14px
          }

          &:first-child {
            margin-top: 12px;
          }
        }

      }

      .bottom {
        paragraph(14px, $UnifiedFont, 500, #999)
        padding-left: 160px;
        margin-top: 18px;
        cursor: default;

        .footer_logo {
          vertical-align: middle
          margin-right: 10px;

        }
      }
    }

  }

}

.gszjfooters {
  .gszjContainer {
    width: 100%;
    overflow hidden
    background: #282C2F;
    box-shadow: 0 0 12px 0 #DBDBDB;
    text-align center

    .gszjContainerText {
      margin: 0 auto 0;
      padding: 30px 0 30px 0;
      font-size: 12px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: rgba(255, 255, 255, 0.5);
      border-bottom 1px solid rgb(32, 35, 38)
    }

    .bottomText {
      font-size: 13px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      height 43px
      color: rgba(255, 255, 255, 0.65);
      display: flex;
      align-items: center;
      justify-content: center;
    }
  }
}


.footers {
  square(100%, 291px, #333234)
  border-radius: 0;
  border: 0 solid transparent;
  box-shadow: 0 0 12px 0 #dbdbdb;
  clear: both;


  .container {
    square($PageCenterWidth, auto, transparent)
    margin: auto;
    padding: 44px 0 0;
    display flex
    justify-content: space-between;

    .detailList {
      display flex

      .detailItem {
        font-size: 14px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #FFFFFF;
        line-height: 14px;
        margin-right 36px
        cursor: pointer;
      }
    }

    .title {
      font-size: 26px;
      font-family: PingFangSC-Semibold, PingFang SC;
      font-weight: 600;
      color: #F3F3F3;
      line-height: 26px;
      margin-top 51px
      height: auto;
    }

    .footerText {
      font-size: 12px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #999999;
      line-height: 12px;
      margin-top 50px
      display: flex;
      align-items: center;

      .line {
        width: 1px;
        height: 11px;
        display: inline-block;
        background: #999999;
        margin-right 8px
      }

      .lines {
        margin-left 8px
      }
    }

    .footerTexts {
      margin-top 12px
    }

    .rightBox {

      .title {
        font-size: 16px;
        font-family: PingFangSC-Semibold, PingFang SC;
        font-weight: 600;
        color: #FFFFFF;
        line-height: 1;
        margin-top 0
        height: auto;
      }

      .iphoneText {
        font-size: 14px;
        font-family: AlibabaSansThai-Bold, AlibabaSansThai;
        font-weight: bold;
        color: #FF5867;
        margin-top 16px
        margin-bottom 51px

        span {
          font-size: 14px;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: #9FA2AA;
          margin-left 25px
        }
      }

      .qrList {
        display flex
        margin-top 42px

        .qrItem {
          width 110px
          margin-right 54px

          .qrItemImg {
            width 110px
            height 110px
          }

          .qrItemText {
            font-size: 14px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #9FA2AA;
            text-align: center;
            margin-top 20px
            line-height: 1;
          }

        }
      }

      .appletsList {
        margin-top 22px
        display flex

        &:last-child {
          margin-right 0
        }

        .appletsItem {
          width: 60px;
          margin-right: 10px;
          position: relative;

          &:hover {
            .footer_weibo_qr_code {
              display: block;
            }
          }

          .footer_weibo_qr_code {
            positioning(absolute, -134px, 0, 0, -51px);
            display: none
          }

          img {
            width 42px
            height 42px
            margin-left: 9px;
          }

          .appletsItemText {
            width: 60px;
            height: 32px;
            font-size: 12px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #B6B4B4;
            line-height: 16px;
            text-align: center;
          }
        }

      }
    }


  }

}

.newFooters {
  height: 554px;
  background-color: #474C5D;

  .container {
    justify-content: left;

    .footerText {
      font-size: 12px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #999999;
      line-height: 12px;
      margin-top 50px
      display: flex;
      align-items: center;

      .line {
        width: 1px;
        height: 11px;
        display: inline-block;
        background: #999999;
        margin-right 8px
      }

      .lines {
        margin-left 8px
      }
    }

    .footerTexts {
      margin-top 12px
    }

    .foterNews {
      font-size: 12px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #9FA2AA;
    }

    .addressText {
      font-size: 14px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #9FA2AA;
      margin-top: 16px;
    }
  }

  .newFooter {
    .line {
      width: 1px;
      height: 236px;
      background: #9FA2AA;
      margin-right 25px
    }

    .title {
      margin-top 0
      font-size: 16px;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: #FFFFFF;
      line-height: 1;
      height: auto;
    }

    .titles {
      font-size: 14px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #9FA2AA;
      line-height: 1;
      margin-top 30px
      height: auto;
    }

    .detailItem {
      margin-right 102px !important
    }

    .lastDetailItem {
      margin-right 200px !important
    }
  }
}

.detailList {
  display flex

  .detailItem {
    height: 14px;
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 14px;
    margin-right 36px
    cursor: pointer;
  }
}

:root {
  --maincolor: #fe4747;
  background-color: #f5f5f5 !important;
}

.previewBoxMode1{
  min-width 1200px

  .previewFooterBox{
    background: #282C2F;
    min-width: 1200px;
    height: 43px;
  }
}

.previewBoxMode2{
  min-width 1200px
  overflow hidden

  .NavList{
    display: flex;
    justify-content: center;
    align-items: center;
    background: #282C2F;
    padding: 60px 0 24px 0;

    .navItem{
      font-size: 14px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: rgba(255,255,255,0.9);
      margin-left 36px

      &:first-child {
        margin-left 0
      }
    }

    
  }



  .copyrightInfo{
    height 42px
    padding-top 0px
  }

  .previewFooterBox{
    background: #282C2F;
    min-width: 1200px;
    height: 42px;
  }
}


.copyrightInfo{
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(255,255,255,0.5);
  line-height: 12px;
  text-align: center;
  height: 114px;
  background: #282C2F;
  padding-top 72px
  border-bottom 1px solid rgb(32, 35, 38)
}

.support{
  height: 43px;
  background: #282C2F;
  font-size: 13px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(255,255,255,0.65);
  line-height: 13px;
  display: flex;
  align-items: center;
  justify-content: center;

  .supportIcon{
    width: 17px;
    height: 17px;
    margin-right 5px
  }
}

.footerTitle{
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 14px;
}

.navList{
  width 100% 
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(255,255,255,0.9);
  line-height: 14px;

  .navItem{

  }
}

.setSureForm{
  width: 112px;
  height: 40px;
  background: #1bd89a;
  border-radius: 4px;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #fff;
  line-height: 24px;
  border: none;
  cursor: pointer;
  margin-left 103px
}

.navSetOption{
  margin 28px 0 0
}