.clearFix {
  *zoom: 1; }

.clearFix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.after:after {
  content: "";
  display: block; }

.before::before {
  content: "";
  display: block; }

.transition-03 {
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s; }

#footer {
  background-color: #282828; }
  #footer .contentWrap .box {
    padding-top: 30px; }
    #footer .contentWrap .box nav {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      #footer .contentWrap .box nav .footerNavBox {
        flex-grow: 1;
        padding-bottom: 30px;
        text-align: center;
        border-left: 1px solid #181818;
        border-right: 1px solid #3A3A3A;
        padding: 0 20px; }
        #footer .contentWrap .box nav .footerNavBox:last-child {
          border-right: 0; }
        #footer .contentWrap .box nav .footerNavBox:nth-child(1) {
          border-left: 0; }
        #footer .contentWrap .box nav .footerNavBox h2,
        #footer .contentWrap .box nav .footerNavBox h3 {
          color: #FCFCFC;
          margin-bottom: 20px; }
        #footer .contentWrap .box nav .footerNavBox h2 {
          font-size: 2rem;
          text-align: left; }
        #footer .contentWrap .box nav .footerNavBox h3 {
          font-size: 1.8rem;
          font-weight: 400; }
        #footer .contentWrap .box nav .footerNavBox .hrefDiv {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column; }
          #footer .contentWrap .box nav .footerNavBox .hrefDiv a {
            display: block;
            color: #B1B1B1;
            font-size: 1.4rem;
            margin-bottom: 15px; }
            #footer .contentWrap .box nav .footerNavBox .hrefDiv a:hover {
              color: #3e66fc; }
          #footer .contentWrap .box nav .footerNavBox .hrefDiv span {
            font-size: 1.3rem;
            color: #fff;
            display: block;
            margin-top: 10px; }
          #footer .contentWrap .box nav .footerNavBox .hrefDiv .code2 {
            margin-top: 10px; }
          #footer .contentWrap .box nav .footerNavBox .hrefDiv p {
            color: #B1B1B1;
            font-size: 1.6rem;
            line-height: 1.8;
            margin-bottom: 10px;
            text-align: left; }
        #footer .contentWrap .box nav .footerNavBox:last-child .hrefDiv {
          -webkit-box-align: start;
          -ms-flex-align: start;
          align-items: flex-start; }
        #footer .contentWrap .box nav .footerNavBox .customerService {
          width: 100%;
          background-color: #181818;
          color: #fff;
          font-size: 1.8rem;
          height: 42px;
          margin: 10px 0 28px;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          border: 1px solid #181818; }
          #footer .contentWrap .box nav .footerNavBox .customerService:hover {
            background-color: transparent; }
  #footer .bot {
    background-color: #181818; }
    #footer .bot .nei {
      height: 42px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      #footer .bot .nei p {
        font-size: 1.3rem;
        font-weight: 400;
        color: #9E9E9E; }

/*# sourceMappingURL=footer.css.map */
