@import url(./common.css);

.project-article .card{
    border:  0;
    border-radius: 0;
    color: #000;
    box-shadow: 0px 0px 7px 0px rgba(127, 127, 127, 0.14);
    transition: all linear .2s;
    
}

.project-article .card:hover{
    transform: translate(-2px, -2px);
    box-shadow: 2px 2px 7px 0px rgba(127, 127, 127, 0.4);
}

.project-article .card-img-top{
    border-radius: 0;
}

.project-article .card-title{
    height: 58px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.project-article .card-text{
    color: #5B5E66 ;
    height: 120px;
    overflow: hidden;
    -webkit-line-clamp: 5;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.busi_title{
    cursor: default;
    border-bottom: 1px solid #dcdee2;
    margin: 10px 0;
    padding: 7px 0;
}

.busi_title span{
    color: #008cd7;
    padding: 4px 0;
    font-size: 24px;
    font-weight: 600;
    border-bottom: 6px solid #008cd7;
}

.project-article .emptyList{
    align-items: center;
    flex: 100%;
    max-width: 100%;
}

.emptyList a{
    color: #008cd7;
}

.emptyList .refresh{
    cursor: pointer;
    color: #008cd7;
}

.emptyList .back{
    cursor: pointer;
    color: #008cd7;
}

.project-article .emptyList .card{
    box-shadow: none;
}

.project-article .emptyList .card:hover{
    transform: none;
}

.project-article .emptyList a{
    transition: all linear .2s;
}

.project-article .emptyList a:hover{
    transform: translate(-2px, -2px);
    box-shadow: 2px 2px 7px 0px rgba(127, 127, 127, 0.4);
}