@media screen and (max-width: 1024px) and (min-width: 768px) {

    body {
        min-width: 0;
    }

    .main-area {
        width: 100%
    }

    .home-top-search .input-container {
        width: 17%;
    }

    .home-top-search .home-input {
        width: 100%;
    }

    .home-top-search .textbook-container button {
        width: 100px;
    }

    .left-highlight-item {
        width: 376px;
    }

    .box-filter .box-list .cate-head {
        padding-left: 20px;
    }

    .box-filter .box-header {
        padding: 15px;
    }

    .main-img-container {
        width: 300px;
    }

    .preview-container {
        width: 300px;
    }

    .header .nav li a {
        padding: 12px 7px;
    }

    .header .nav li.search {
        margin-left: 10px;
    }

    .header .nav {
        margin: 0 10px;
    }

    .book-from-item-inner-container input[type=text], .book-from-item-inner-container input[type=number] {
        width: 100%;
    }

    .book-from-item-inner-container select {
        width: 100%;
    }

    .input-table {
        width: 100%;
    }

    .member-function-container {
        width: 25%;
    }

    .member-content-container {
        width: 70%;
    }

    .search-area {
        display: none;
    }

    .home-whyus-section .whyus-item.item-1 .whyus-container, .home-whyus-section .whyus-item.item-3 .whyus-container {
        margin-right: 100px;
    }

    .home-whyus-section .whyus-item.item-2 .whyus-container, .home-whyus-section .whyus-item.item-4 .whyus-container {
        margin-left: 100px;
    }

    .home-cate-container .item {
        float: left;
        width: 50%;
    }

    .home-cate-container, .home-cate-item-container {
        float: none;
        width: 100%;
    }

    .home-cate-section .home-cate-item-container .cate-item.active {
        height: 170px;
    }

    .home-intro-section {
        padding: 0 5%;
    }

    .home-intro-section .title {
        margin-top: 0px;
        padding-top: 30px;
    }

    .href-btn {
        padding: 10px 20px;
        font-size: 18px;
    }

    .home-tutorial-section .btn-container a {
        padding: 10px 20px;
        font-size: 18px;
    }

    .home-tutorial-section .tutorial-item .name {
        font-size: 20px;
    }

    .blog-cate-section .home-cate-item-container .cate-item.active {
        height: 170px;
    }

    .right-highlight-item {
        width: 46%;
        height: 160px;
        margin: 12px 2%;
    }

    .blog-data-container .intro-area .right-intro-blog {
        padding: 0;
    }

    .right-highlight-item .blog-description .title {
        font-size: 16px;
        line-height: 16px;
    }

    .book-item {
        width: 32%;
        margin: 10px 0.5%;
    }

    .catalog-container {
        width: 30%;
    }

    .book-content-container {
        width: 68%;
    }

    .book-shop-detail-container {
        padding: 85px 10px 65px 10px;
    }

    .book-shop-detail-container .content-left {
        margin-right: 5%;
    }

    .book-shop-detail-container .content-right {
        width: 45%;
    }

    .side {
        width: 25%;
    }

    .side.right {
        width: 5%;
    }

    .middle {
        width: 65%;
    }

    .logo-container {
        display: none;
    }

    .swiper-container .slideshow-mask-left, .swiper-container .slideshow-mask-right {
        display: none;
    }

}