.go_top {
  position: fixed;
  right: 32px;
  width: 80px;
  height: 80px;
  bottom: 212px;
  cursor: pointer;
  display: none;
  animation: showTop 1.2s;
  transition: all 0.3s;
  background: url(../imgs/common/top@2x.png) no-repeat center/contain;
}

.go_top:hover {
  background: url(../imgs/common/top1@2x.png) no-repeat center/contain;
}

.footer_wrap {
  width: 100%;
  height: 180px;
  background: #fafafb;
}

.footer_wrap .footer_box {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.footer_wrap .footer_box .top {
  width: 100%;
  height: 20px;
  margin-top: 48px;
  position: relative;
}

.footer_wrap .footer_box .top .t_1 {
  height: 20px;
  font-size: 14px;
      
  color: #999999;
  display: flex;
  align-items: center;
}

.footer_wrap .footer_box .top .t_1 .f {
  width: 13px;
  height: 20px;
  background: url(../imgs/footer/f0@2x.png) no-repeat center/contain;
  margin-left: 12px;
  cursor: pointer;
  transition: all 0.3s;
}

.footer_wrap .footer_box .top .t_1 .f:hover {
  background: url(../imgs/footer/f1@2x.png) no-repeat center/contain;
}

.footer_wrap .footer_box .top .t_1 .t {
  width: 20px;
  height: 20px;
  background: url(../imgs/footer/t0@2x.png) no-repeat center/contain;
  margin-left: 12px;
  cursor: pointer;
  transition: all 0.3s;
}

.footer_wrap .footer_box .top .t_1 .t:hover {
  background: url(../imgs/footer/t1@2x.png) no-repeat center/contain;
}

.footer_wrap .footer_box .top .t_1 .g {
  width: 28px;
  height: 20px;
  background: url(../imgs/footer/g0@2x.png) no-repeat center/contain;
  margin-left: 12px;
  cursor: pointer;
  transition: all 0.3s;
}

.footer_wrap .footer_box .top .t_1 .g:hover {
  background: url(../imgs/footer/g1@2x.png) no-repeat center/contain;
}

.footer_wrap .footer_box .top .t_2 {
  width: 275px;
  height: 20px;
  display: flex;
  align-items: center;
  position: absolute;
  left: 466px;
  top: 0;
  justify-content: space-between;
}

.footer_wrap .footer_box .top .t_2 .t_2_item {
  height: 20px;
  font-size: 14px;
      
  color: #666666;
  line-height: 20px;
  cursor: pointer;
  transition: all 0.3s;
}

.footer_wrap .footer_box .top .t_2 .t_2_item:hover {
  color: #333333;
}

.footer_wrap .footer_box .top .t_3 {
  height: 20px;
  font-size: 14px;
      
  color: #999999;
  line-height: 20px;
  position: absolute;
  right: 0;
  top: 0;
}

.footer_wrap .footer_box .tip_1 {
  margin-top: 31px;
  width: 100%;
  height: 19px;
  font-size: 14px;
      
  color: #999999;
  line-height: 19px;
  text-align: center;
}

.footer_wrap .footer_box .tip_2 {
  margin-top: 5px;
  width: 100%;
  height: 19px;
  font-size: 14px;
      
  color: #999999;
  line-height: 19px;
  text-align: center;
}

@keyframes showTop {
  0% {
    opacity: 0;
  }

  25% {
    opacity: 2.5;
  }

  50% {
    opacity: 5;
  }

  75% {
    opacity: 7.5;
  }

  100% {
    opacity: 1;
  }
}