.ft{
   padding: 3.75rem 0 5.625rem;
   background-color: #3D6C53;
}
.ft > div{
   display: flex;
   justify-content: space-between;
   align-items: flex-end;
}
.ft .left svg{
   width: 6.5625rem;
}
.ft .left ul{
   margin: .625rem 0 0;
   display: flex;
   flex-direction: column;
   gap: .3125rem;
}
.ft .left ul li{
   font-size: .875rem;
   line-height: 1.5;
   color: #ccc;
}
.ft .left ul li span{
   font-size: .875rem;
   line-height: 1.5;
   color: #ccc;
}
.ft .left ul li span:first-child{
   display: inline-block;
   margin: 0 1.25rem 0 0;
   position: relative;
}
.ft .left ul li span:first-child::after{
   border-right: 1px solid #ccc;
   position: absolute;
   right: -0.625rem;
   top: 50%;
   transform: translate(-50%);
   width: .0625rem;
   height: .9375rem;
}
.ft .right > a{
   display: flex;
   justify-content: center;
   align-items: center;
   gap: .5rem;
   border: 1px solid #fff;
   border-radius: 5px;
   width: 8.125rem;
}
.ft .right > a svg{
   width: 5rem;
}

@media (max-width:1024px){
   .ft{
      padding: 2.8571rem 0 4.2857rem;
   }
   .ft > div{
      flex-direction: column;
      align-items: flex-start;
      gap: 1.4286rem;
   }
   .ft .left ul{
      margin: 1.4286rem 0 0;
   }
   .ft .left ul li{
      font-size: .7857rem;
   }
   .ft .right > a{
      width: 6.4286rem;
   }
   .ft .right > a svg{
      width: 3.9286rem;
   }
   .ft .right > a img{
      width: 1.2857rem;
      vertical-align: middle;
   }
}