/* footer */
  .footer {
      background-color: #242424;
  }


  .footer .footer-hd {
      border-bottom: 1px solid rgba(255, 255, 255, .2);
  }

  .footer .hd-logo {
      float: left;
      width: 40%;
  }

  .footer .footer-nav {
      float: right;
      width: 60%;
  }

  .footer .footer-nav dl {
      float: left;
      width: 33.3333%;
  }

  .footer .footer-nav dt {
      font-size: 18px;
      color: #fff;
  }

  .footer .footer-nav .line {
      position: relative;
      /* width: 220px; */
      height: 1px;
      margin: 20px 10px 20px 0;
      background-color: rgba(255, 255, 255, .2);
  }

  .footer .footer-nav .line:before {
      content: "";
      position: absolute;
      top: -2px;
      width: 20px;
      height: 4px;
      background-color: #E35811;
  }

  .footer .footer-nav dd {
      margin-bottom: 10px;
      font-size: 0;
  }

  .footer .footer-nav dd>a {
      display: inline-block;
      font-size: 16px;
      color: #fff;
  }


  .footer .footer-nav dd>a:hover {
      color: #E35811;
      text-decoration: underline;
  }

  .footer .hd-logo .logo {
      margin-bottom: 20px;
  }

  .footer .check-country .ic-map {
      display: inline-block;
      vertical-align: middle;
      width: 24px;
      height: 24px;
      background: url("../images/ic_map.png") no-repeat center/contain;
  }

  .footer .check-country .country {
      margin: 0 10px;
      font-size: 16px;
      color: #fff;
  }

  .footer .check-country .ul-li {
      margin: 0 10px;
      font-size: 16px;
      color: #000000;
  }

  .footer .check-country .ic-arrow-b {
      display: inline-block;
      vertical-align: middle;
      width: 13px;
      height: 7px;
      background: url("../images/ic_arrow_b.png") no-repeat center/contain;
      vertical-align: middle;
  }

  .footer .society>a {
      margin-right: 50px;
  }

  .footer .society .ic-facebook {
      display: inline-block;
      vertical-align: middle;
      width: 14px;
      height: 28px;
      background: url("../images/ic_facebook.png") no-repeat center/contain;
  }

  .footer .society .ic-twitter {
      display: inline-block;
      vertical-align: middle;
      width: 26px;
      height: 21px;
      background: url("../images/ic_tw.png") no-repeat center/contain;
  }

  .footer .society .ic-linkedin {
      display: inline-block;
      vertical-align: middle;
      width: 23px;
      height: 23px;
      background: url("../images/ic_in.png") no-repeat center/contain;
  }

  .footer .society .ic-tube {
      display: inline-block;
      vertical-align: middle;
      width: 24px;
      height: 28px;
      background: url("../images/ic_tube.png") no-repeat center/contain;
  }

  .footer .society .ic-instagram {
      display: inline-block;
      vertical-align: middle;
      width: 23px;
      height: 23px;
      background: url("../images/ic-instagram.png") no-repeat center/contain;
  }

  .diy-logo {
      margin-top: 20px;
  }

  .footer .footer-bd {
      font-size: 14px;
      color: #B3B3B3;
  }

  .footer .footer-bd a {
      color: #B3B3B3;
  }

  .country {
      display: inline-block;
      vertical-align: middle;
  }

  .country .current {
      width: 100%;
      height: 100%;
      line-height: 38px;
  }

  .nice-select {
      width: 245px;
      padding: 0 10px;
      height: 38px;
      font-size: 16px;
      color: #333;
      position: relative;
      background: #847c7b26 url(../images/seldown.png) no-repeat right center;
  }
  .nice-select a{
      color: #ffffff;
  }
  .nice-select ul li a{
      color: #333;}
  .nice-select .current span{
      color: #fff;
  }
  .nice-select input {
      display: block;
      width: 100%;
      height: 38px;
      line-height: 38px \9;
      border: 0;
      outline: 0;
      background: none;
  }

  .nice-select ul {
      width: 100%;
      display: none;
      position: absolute;
      left: 0;
      top: 38px;
      overflow: hidden;
      background-color: #fff;
      max-height: 150px;
      overflow-y: auto;
      border: 1px solid #999;
      border-top: 0;
      box-shadow: 0 3px 5px #999;
      z-index: 9999;
  }

  .nice-select ul li {
      height: 30px;
      line-height: 30px;
      overflow: hidden;
      padding: 0 10px;

      cursor: pointer;
  }

  .nice-select ul li.on {
      background-color: #e0e0e0;
  }

  .nice-select img {
      display: inline-block;
      width: 20px;
      margin-right: 10px;
  }

  .footer .footer-nav .support .left {
      float: left;
      width: 40%;
  }
  .footer .footer-nav .support .right {
      float: left;
  }
  .footer .footer-nav .support a {
      display: block;
      margin-bottom: 10px;
      font-size: 16px;
      color: #fff;
  }
  .footer .footer-nav .support a:hover {
      color: #e35811;
      text-decoration: underline;
  }
  @media (max-width: 768px) {
      .footer .footer-nav .support .left {
          width: 20%;
      }
      .footer .footer-nav .support a {
          font-size: 14px;
      }
  }

  @media (max-width: 1024px) {
      .nice-select ul li {
          text-align: left;
      }
  }