.roi-logo {
    background: #F6F8F8;
    border-top: solid 3px #F6F8F8;
    padding: 20px 15px;
    text-align: center;
    margin: 0 0 20px 0;
    position: relative;
    transition: all 0.3s ease-out;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    color: grey;
}

.roi-logo:hover{
    box-shadow: 0 0 20px 2px #918f8f;/*盒子阴影*/
    transition: all 0.5s;/*持续时间*/
    border-top-width: 3px;
    border-color: #F34982;
}

.logo-span{
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.logo-title{
    /* font-family: "Rift",sans-serif; */
    font-weight: 600;
    color: #F34982;
    font-size: 40px;
    line-height: 50px;
    margin: 0;
    width: 100%;
    letter-spacing: -.01rem;
}

figure {
    margin: 20px 0 0 0;
    align-self: flex-end;
}