.e-card-box {
    display: flex;
    width: 90%;
}
.card {
    width: 300px;
    height: 450px;
    margin: 0 20px;
    background-color: #ffffff;
    border-radius: 8px;
    cursor: pointer;
    box-shadow: 2px 1px 1px #afafaf;
}
.card:hover {
    border: 2px solid #2f2e2e;
}
.card .logo {
    margin-top: 50px;
    text-align: center;
}
.card .logo img {
    width: 50px;
    height: 50px;
}
.card .title {
    margin-top: 20px;
    text-align: center;
    font-size: 20px;
    font-weight: bolder;
}
.card .desc {
    margin-top: 60px;
    padding: 0 20px;
    line-height: 30px;
}
.e-json .title {
    color: #a318da;
}
.e-time .title {
    color: #02855a;
}
.e-unicode .title {
    color: #c46565;
}
.e-diff .title {
    color: #ff0000;
}
.e-sqlin .title {
    color: #da7501;
}