.book-list {
}

    .book-list ul {
        display: flex;
        flex-wrap: wrap
    }

.book-item {
    /*float: left*/
    margin: 22px;
    /*box-shadow: 10px 10px 5px #888888;*/
    box-shadow: 13px 15px 10px #d8d8d8;
    max-width: 250px;
}

    .book-item:hover {
        box-shadow: 13px 15px 10px #888888
    }

    .book-item img {
        width: 250px;
        height: 350px;
    }

    .book-item .dic {
        padding: 12px;
        background: #b5b5b53b;
    }

    .book-item .title {
        /*text-align: center;*/
        font-size: 20px;
        /*margin-top: 8px*/
        white-space: nowrap;
        overflow: hidden;
    }

    .book-item .author {
        margin-top: 6px;
        color: #808080;
        white-space: nowrap;
        overflow: hidden;
    }

.book-cover {
    width: 300px;
}