@charset "UTF-8";

* {

  margin: 0;

  padding: 0;

  font-family: "Microsoft YaHei";

}



ul, li {

  list-style: none;

}



a, a:link, a:hover, a:active {

  text-decoration: none;

  cursor: pointer;

}



/*公用底部*/

#footer {

  width: 100%;

  background: #373d41;

}

#footer .footer_center {

  width: 1200px;

  margin: 0 auto;

}

#footer .footer_center .footer_top {

  border-bottom: 1px solid #5c6163;

  overflow: hidden;

  padding-top: 30px;

}

#footer .footer_center .footer_top .logos {

  border-right: 1px solid #5c6163;

  width: 450px;

  overflow: hidden;

  padding-bottom: 19px;

  float: left;

}

#footer .footer_center .footer_top .logos .logo {

  float: left;

  margin-top: 38px;

}

#footer .footer_center .footer_top .logos .qrCode {

  width: 148px;

  float: right;

  margin-top: 10px;

  margin-right: 56px;

}

#footer .footer_center .footer_top .logos .qrCode img {

  width: 106px;

  display: block;

  margin: 0 auto;

}

#footer .footer_center .footer_top .logos .qrCode span {

  display: block;

  font-size: 12px;

  color: #fff;

  text-align: center;

  margin-top: 5px;

}

#footer .footer_center .footer_top .menu_footer {

  float: left;

}

#footer .footer_center .footer_top .menu_footer ul {

  float: left;

  margin-left: 83px;

}

#footer .footer_center .footer_top .menu_footer ul li a {

  font-size: 12px;

  color: #ccc;

  line-height: 24px;

  cursor: pointer;

}

#footer .footer_center .footer_top .menu_footer ul li.title {

  margin-bottom: 10px;

  margin-left: -18px;

}

#footer .footer_center .footer_top .menu_footer ul li.title i {

  font-size: 14px;

  color: #f3f3f3;

  margin-right: 5px;

}

#footer .footer_center .footer_top .menu_footer ul li.title a {

  font-size: 14px;

  color: #f3f3f3;

  font-weight: bold;

}

#footer .footer_center .footer_top .photo {

  margin-left: 50px;

  float: left;

  margin-top: 20px;

}

#footer .footer_center .footer_top .photo i {

  float: left;

  font-size: 60px;

  color: #ececec;

}

#footer .footer_center .footer_top .photo ul {

  float: left;

  margin-left: 15px;

}

#footer .footer_center .footer_top .photo ul li {

  font-size: 14px;

  color: #ececec;

}

#footer .footer_center .footer_top .photo ul li.title {

  font-size: 24px;

  font-weight: bold;

  color: #ececec;

}

#footer .footer_center .footer_top .photo ul li.margin_li {

  margin: 10px 0;

}

#footer .footer_center .find_link {

  border-bottom: 1px solid #5c6163;

  padding: 10px 0;

}

#footer .footer_center .find_link span{

  font-size: 15px;

  color: #cccccc;

  line-height: 30px;

  display: inline-block;

}

#footer .footer_center .find_link .link_a {

  margin-top: 10px;

  display: inline-block;

  margin-left: 5px;

}

#footer .footer_center .find_link .link_a a {

  font-size: 13px;

  color: #afafaf;

  margin-right: 20px;

}

#footer .footer_center .footer_copyright {

  font-size: 12px;

  color: #cccccc;

  line-height: 40px;

  text-align: center;

}

#footer .footer_center .footer_copyright a{
  font-size: 12px;

  color: #cccccc;

}



#m-footer {

  display: none;

}



@media all and (max-width: 640px) {

  #footer {

    display: none;

  }



  #m-footer {

    position: fixed;

    left: 0;

    bottom: 0;

    z-index: 2;

    width: 100%;

    display: block;

  }

  #m-footer .tabbar {

    background: #ce0505;

    width: 100%;

    height: 68px;

    display: flex;

    justify-content: center;

    align-items: center;

  }

  #m-footer .tabbar li {

    width: 20%;

    text-align: center;

    height: 68px;

  }

  #m-footer .tabbar li a {

    display: flex;

    flex-direction: column;

    width: 100%;

    height: 100%;

    align-items: center;

    text-decoration: none;

    color: #fff;

    padding-top: 2px;

  }

  #m-footer .tabbar li a i {

    flex: 1;

    align-items: flex-end;

    display: flex;

    font-size: 26px;

  }

  #m-footer .tabbar li a span {

    flex: 1;

    display: flex;

    align-items: center;

    margin-top: -5px;

  }

  #m-footer .tabbar li a.position {

    position: relative;

  }

  #m-footer .tabbar li a.position i {

    font-size: 40px;

    position: absolute;

    top: -50%;

    transform: translateY(50%);

    border-radius: 50%;

    background: #fff;

    height: 40px;

    color: #f55858;

    line-height: 40px;

    padding: 5px;

    width: 40px;

    box-shadow: 0 0 10px rgba(206, 5, 5, 0.5);

  }

  #m-footer .tabbar li a.position span {

    padding-top: 34px;

  }

}