.comp-twitter {
  background: url("../image/footer-bg.png") no-repeat;
  background-size: 100%;
  width: 100%;
  position: relative;
}

/* 页脚 */
.footer {
  width: 19.2rem;
  height: 3.1rem;
  position: relative;
  bottom: 0;
}

/* 底栏 */
.footer-link {
  width: 3.70rem;
  height: 0.7rem;
  /* background-color: aquamarine;
  opacity: .3; */
  position: absolute;
  top: 1.6rem;
  left: 8rem;
  transform: translate(0);
}

.footer-link a {
  display: block;
  position: absolute;
  color: #8f8f8f;
  cursor: pointer;
}

.ft_linkPrivacy {
  width: 1.1rem;
  height: .22rem;
  background: url(../image/section8/ft_linkPrivacy.png) no-repeat;
  background-size: 100%;
  top: 0.11rem;
  left: 0.206rem;
}

.ft_linkUSE {
  width: .79rem;
  height: .21rem;
  background: url(../image/section8/ft_linkUSE.png) no-repeat;
  background-size: 100%;
  top: 0.11rem;
  left: 1.45rem;
}

.ft_linkSpecial {
  width: 1.1rem;
  height: .18rem;
  background: url(../image/section8/ft_linkSpecial.png) no-repeat;
  background-size: 100%;
  top: 0.13rem;
  left: 2.35rem;
}

.ft_linkMail {
  width: 3.97rem;
  height: .21rem;
  background: url(../image/section8/ft_linkMail.png) no-repeat;
  background-size: 100%;
  top: 0.4rem;
  left: 0.2rem;
}


/* 底部 */
.footer-pact .header-ul {
  position: relative;
  width: 11rem;
  display: flex;
  vertical-align: middle;
  font-size: 0.22rem;
  color: #ffffff;
  height: 0.90rem;
  align-items: center;
  left: 4.4rem;
  justify-content: space-between;
  /* background-color: #8f8f8f; */
}

.footer-pact .header-ul li {
  height: 0.95rem;
  top: .05rem;
  cursor: pointer;
  /* display: flex;
  align-items: center;
  justify-content: center; */
  position: relative;
}

.footer-pact .header-ul li::before {
  content: '';
  position: absolute;
  width: 2.18rem;
  height: .95rem;
  opacity: 0; 
  background:url(../image/section1/active.png) no-repeat;
  background-size: 100%;
  transition: opacity 0.3s ease-in-out;
  display: none;
}

.footer-pact .header-ul li:hover::before{
  opacity: 1;
}

.footer-pact .header-ul li:nth-child(1) {
  width: 2.2rem;
  position: relative;
}

.footer-pact .header-ul li:nth-child(1)::after {
  content: '';
  width: .54rem;
  height: .54rem;
  background: url(../image/section1/header-top.png) no-repeat;
  background-size: 100%;
  background: none;
  position: absolute;
  top: 0.22rem;
  left: 0.278rem;
}

.footer-pact .header-ul li:nth-child(1)::before {
  /* transform: translateX(-50%); */
}


.footer-pact .header-ul li:nth-child(2) {
  width: 2.2rem;
  position: relative;
  left: 0rem;
}

.footer-pact .header-ul li:nth-child(2)::after {
  content: '';
  width: 1.39rem;
  height: .54rem;
  background: url(../image/section1/header-registration.png) no-repeat;
  background-size: 100%;
  background: none;
  position: absolute;
  top: 0.215rem;
  left: 0.19rem;
}

.footer-pact .header-ul li:nth-child(3) {
  width: 2.2rem;
  position: relative;
  left: -0.03rem;
}

.footer-pact .header-ul li:nth-child(3)::before  {
  /* transform: translateX(-45%); */
}

.footer-pact .header-ul li:nth-child(3)::after {
  content: '';
  width: .72rem;
  height: .54rem;
  background: url(../image/section1/header-region.png) no-repeat;
  background-size: 100%;
  background: none;
  position: absolute;
  top: 0.22rem;
  left: 0.5rem;
}


.footer-pact .header-ul li:nth-child(4) {
  width: 2.2rem;
  position: relative;
  left: -0.04rem;
}

.footer-pact .header-ul li:nth-child(4)::after {
  content: '';
  width: 1.13rem;
  height: .54rem;
  background: url(../image/section1/header-char.png) no-repeat;
  background-size: 100%;
  background: none;
  position: absolute;
  top: 0.22rem;
  left: 0.3rem;
}


.footer-pact .header-ul li:nth-child(5) {
  width: 2.2rem;
  position: relative;
  left: -.07rem;
}

.footer-pact .header-ul li:nth-child(5)::after {
  content: '';
  width: .90rem;
  height: .68rem;
  background: url(../image/section1/header-story.png) no-repeat;
  background-size: 100%;
  background: none;
  position: absolute;
  top: 0.08rem;
  left: 0.44rem;
}


.footer-pact .header-ul li:nth-child(6) {
  width: 2.2rem;
  position: relative;
  left: -.1rem;
}

.footer-pact .header-ul li:nth-child(6)::after {
  content: '';
  width: 1.32rem;
  height: .54rem;
  background: url(../image/section1/header-feature.png) no-repeat;
  background-size: 100%;
  background: none;
  position: absolute;
  top: 0.2rem;
  left: 0.31rem;
}

.footer-pact .header-ul li:nth-child(6)::before {
  transform: translateX(40%);
}

.overFooter {
  display: none;
}