.footer {
  width: 100%;
  height: 407px;
  background: #282828;
}
.footer .footer-top {
  display: flex;
  padding: 37px 0;
}
.footer .footer-top ul {
  display: flex;
  flex-direction: column;
  width: 152px;
  text-align: center;
}
.footer .footer-top ul li a {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #DCDCDC;
  line-height: 33px;
}
.footer .footer-top ul li a.title {
  width: 64px;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 33px;
}
.footer .footer-top .erweimaWrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  margin-right: 50px;
}
.footer .footer-top .erweimaWrapper span {
  margin-top: 10px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #FFFFFF;
}
.footer .footer-top .erweimaWrapper img {
  width: 117px;
}
.footer .footer-bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 10px;
  border-top: 1px solid #474747;
}
.footer .footer-bottom p {
  font-size: 13px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #FFFFFF;
  margin-top: 22px;
}
.footer .addresssWrapper .addressItem {
  display: flex;
}
.footer .addresssWrapper .addressItem .imgWrapper {
  width: 31px;
}
.footer .addresssWrapper .addressItem .info {
  margin-left: 8px;
}
.footer .addresssWrapper .addressItem .info p {
  font-size: 16px;
  font-family: Microsoft YaHei;
  color: #FFFFFF;
  line-height: 30px;
}


.fixed-left{
  position: fixed;
  top: 50%;
  right: 1px;
  margin-top: -295px;
}
.fixed-left .fl-top{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 35px;
  cursor: pointer;
}