footer {
  width: 100%;
  min-height: 5.2rem;
  background: linear-gradient(90deg, rgba(60, 178, 205, 0.76) 0%, rgba(14, 85, 85, 0.76) 100%);
  position: relative;
  padding-top: .93rem;
}

footer .footBack {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  opacity: .44;
  z-index: -1;
}

footer .main {
  display: flex;
  gap: 2.49rem;
  padding-bottom: .7rem;
  border-bottom: .01rem solid rgba(255, 255, 255, 1);
}

footer .left .logo {
  width: 2.91rem;
  height: .75rem;
  margin-bottom: .59rem;
}

footer .left .codeBox {
  display: flex;
  gap: .23rem;
}

footer .left .codeBox .item {
  width: 1.21rem;
}

footer .left .codeBox .item img {
  width: 1.21rem;
  height: 1.21rem;
  margin-bottom: .05rem;
}

footer .left .codeBox .item p {
  font-family: AlibabaPuHuiTi-3-45-Light;
  font-weight: 300;
  font-size: .16rem;
  text-align: center;
  color: rgba(255, 255, 255, 1);
}

footer .right {
  display: flex;
  gap: 1rem;
  padding-top: .4rem;
}

footer .right .item {
  min-width: .65rem;
}

footer .right .item a {
  font-family: AlibabaPuHuiTi-3-45-Light;
  font-weight: 300;
  font-size: .16rem;
  color: rgba(255, 255, 255, 1);
  margin-bottom: .18rem;
}

footer .right .item .title {
  font-family: AlibabaPuHuiTi-3-65-Medium;
  font-weight: 500;
  font-size: .24rem;
  color: rgba(255, 255, 255, 1);
  margin-bottom: .28rem;
}

footer .right .item.other .title {
  margin-bottom: .7rem;
}

footer .right .item.other .it {
  display: flex;
  gap: .19rem;
  align-items: center;
  margin-bottom: .15rem;
}

footer .right .item.other .it img,
footer .right .item.other .it svg {
  width: .3rem;
  height: .3rem;
  flex-shrink: 0;
}

footer .right .item.other .it svg {
  color: rgba(255, 255, 255, 1);
}

footer .right .item.other .it svg path {
  fill: rgba(255, 255, 255, 1) !important;
}

footer .right .item.other .it p {
  font-family: AlibabaPuHuiTi-3-55-Regular;
  font-weight: 400;
  font-size: .16rem;
  color: rgba(255, 255, 255, 1);
}

.beian {
  height: .75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: AlibabaPuHuiTi-3-55-Regular;
  font-weight: 400;
  font-size: .14rem;
  color: rgba(255, 255, 255, 1);
}

.beian * {
  font-family: AlibabaPuHuiTi-3-55-Regular;
  font-weight: 400;
  font-size: .14rem;
  color: rgba(255, 255, 255, 1);
}

@media screen and (max-width:1024px){
    
    footer .main{
        gap: .5rem;
    }
    footer .right .item{
        display: none;
    }
    footer .left .codeBox .item p{
        font-size: 12px;
    }
    footer .right .item.other{
        display: block;
    }
    footer .right .item.other .it p{
        font-size: 12px;
    }
    .beian{
        font-size: 12px;
    }
    .beian *{
        font-size: 12px;
    }
}