.booklist_top_swiper {
    width: 100%;
    height: 434px;
    position: relative;
}

.swiper-image-class {
    height: 100%;
}

.swiper-card {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0f51b2;
}

.book_title_class {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 70px;
}

.book_title_zh {
    display: flex;
    font-size: 26px;
    align-items: flex-end;
    justify-content: center;
}

.book_title_zh_red {
    font-size: 22px;
    color: #f00;
}

.book_title_en {
    color: #a5a5a5;
}

.book_list_type {
    width: 100%;
    max-width: 1280px;
    margin: 30px auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.book_list_set_type {
    background: #616161;
    width: 13%;
    padding: 20px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    width:150px;
}

.book_list_set_type_click {
    background: #bb0019;
}

.book_list_type_small {
    width: 100%;
    max-width: 1280px;
    margin: 30px auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.book_list_type_small_button {
    width: 13%;
    margin: 10px calc((100% / 7 - 13%) / 2 - 1px);
    display: flex;
    align-items: center;
    justify-content: center;
    background: #dfdfdf;
    border: 1px solid #dfdfdf;
    padding: 5px 0px;
    cursor: pointer;
}

.book_list_type_small_button_click {
    background: #f8e5e7;
    color: #bb061c;
    border: 1px solid #bb061c;
    font-weight: 900;
}

.book_list_body {
    width: 100%;
    max-width: 1280px;
    margin: 20px auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.book_list_card {
    margin: 20px;
    cursor: pointer;
}

.classification_book_only_image_class {
    width: 180px;
    height: 240px;
}

.title_class {
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width:260px;
}

.author_class {
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width:260px;
}

.such_class {
    color: #f00;
    font-weight: 900;
    font-size: 20px;
}

.book_list_card img {
    border: 4px solid #fff;
    border-radius: 5px;
}

/* .book_click img {
    transform: scale(1.03);
    border: 4px solid #b8000d;
    border-radius: 5px;
} */