@charset "UTF-8";
/************* 颜色定义 **************/
/************* 字体定义 **************/
/************* 公用@mimix ***********/
.footer-root {
  display: flex;
  display: -ms-flexbox;
  /* IE 10 */
  flex-direction: row;
  -ms-flex-direction: row;
  /* IE 10 */
  justify-content: initial;
  -ms-flex-pack: initial;
  /* IE 10 */
  align-items: center;
  -ms-flex-align: center;
  /* IE 10 */
  flex-basis: auto;
  height: 400px;
  background: #333333;
  font-size: 14px; }
  .footer-root .container {
    display: flex;
    display: -ms-flexbox;
    /* IE 10 */
    flex-direction: row;
    -ms-flex-direction: row;
    /* IE 10 */
    justify-content: space-between;
    -ms-flex-pack: space-between;
    /* IE 10 */
    align-items: flex-start;
    -ms-flex-align: flex-start;
    /* IE 10 */
    flex-basis: auto;
    padding: 0 20px; }
    .footer-root .container .left-section .link-btn-layout {
      display: flex;
      display: -ms-flexbox;
      /* IE 10 */
      flex-direction: row;
      -ms-flex-direction: row;
      /* IE 10 */
      justify-content: initial;
      -ms-flex-pack: initial;
      /* IE 10 */
      align-items: center;
      -ms-flex-align: center;
      /* IE 10 */
      flex-basis: auto; }
      .footer-root .container .left-section .link-btn-layout a {
        color: white; }
      .footer-root .container .left-section .link-btn-layout span {
        color: white;
        padding: 0 15px; }
    .footer-root .container .left-section .copyright {
      color: #666666;
      line-height: 20px; }
    .footer-root .container .left-section .contract {
      color: #666666;
      font-size: 10px;
      line-height: 20px; }
    .footer-root .container .qr-code-layout {
      margin-left: 50px;
      width: 100px;
      height: 100px; }
    .footer-root .container .right-section {
      margin-left: 70px;
      flex-grow: 1;
      display: flex;
      display: -ms-flexbox;
      /* IE 10 */
      flex-direction: row;
      -ms-flex-direction: row;
      /* IE 10 */
      justify-content: initial;
      -ms-flex-pack: initial;
      /* IE 10 */
      align-items: flex-start;
      -ms-flex-align: flex-start;
      /* IE 10 */
      flex-basis: auto; }
      .footer-root .container .right-section .row-layout {
        display: flex;
        display: -ms-flexbox;
        /* IE 10 */
        flex-direction: column;
        -ms-flex-direction: column;
        /* IE 10 */
        justify-content: initial;
        -ms-flex-pack: initial;
        /* IE 10 */
        align-items: initial;
        -ms-flex-align: initial;
        /* IE 10 */
        flex-basis: auto;
        width: 25%; }
        .footer-root .container .right-section .row-layout .title {
          color: #666666;
          margin-bottom: 10px; }
        .footer-root .container .right-section .row-layout a {
          color: white;
          margin-top: 15px; }

.footer-wrap {
  width: 1200px;
  margin: 0 auto;
  background: #6A3F38;
  height: 290px;
  display: flex;
  flex-direction: row;
  justify-content:space-between;
  align-items:center;
  padding: 64px 80px;
  box-sizing: border-box;
}
.footer-wrap > .qr-code {
  width: 135px;
  height: 163px;
}
.footer-wrap > .brand {
  width: 77px;
  height: 93px;
}
.footer-wrap > .copyright-content {
  width: 500px;
  height: 120px;
  color: #ffffff;
  font-size: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content:space-between;
}
.footer-wrap > .mistake {
  width: 222px;
  height: 100px;
}