.people-list{
        display: flex;
        flex-wrap: wrap;
        margin-top:30px;}

      .people-item{
        width:246px;
        height:338px;
        border-radius: 2px;
        margin-bottom:60px;
        position: relative;
        transition: all .3s cubic-bezier(.165,.84,.44,1);}

      .people-item:hover{
        box-shadow: 0 0 8px #c9c7c7;
        transform: translateY(-3px);}
       
       .item-inner{width:100%;height:100%;}
      .people-list .people-item .item-inner:after {
        position: absolute;
        bottom: 0;
        left:0;
        width: 100%;
        height: 110px;
        background-image: linear-gradient(180deg,transparent,#000);
        content: "";}

      .people-list .people-item:not(:nth-child(3n)){
        margin-right:31px;}

      .people-item img{
        width:100%;
        height:100%;
        object-fit: cover;
        border-radius: 2px;}

      .people-name{
        font-size: 24px;
        text-align: center;
        color:#fff;
        position: absolute;
        bottom:30px;
        left:0;
        right:0;
        z-index:9;}

      .people-desc{
        position: absolute;
        z-index:9;
        bottom:-20px;
        left:10%;
        right:10%;
        width: 80%;
        height: 38px;
        background-image: linear-gradient(90deg,#1691d8,#1454A3);
        border-radius: 4px;
        font-size: 16px;
        line-height: 38px;
        text-align: center;
        color:#fff;}
.footer{
        display: flex;
        align-items: center;
        margin:0 auto;
        width:1200px;
        color:#fff;}
    .footer-logo{
      width:400px;
      height:53px;
      margin-right:80px;}
    .footer-info >div{
      text-align: left;}
    .info-youbian{
      padding-left:20px;}
    .footer-info a{
      color: #fff;
      text-decoration: none;}