@charset "utf-8";
/* CSS Document */

@media all and (max-width: 1000px) {
    .allProduct .item {
        width: calc(100% / 4 - 13.5px);
    }
    .forLeft .addBasket {
        padding: 12px 10px;
        margin: 27px 10px;
    }
    .leftText {
        width: calc(100% - 180px);
    }
    .leftText p {
        font-size: 12px;
    }
    .star {
        width: 230px;
    }
    .showComment {
        width: calc(100% - 232px);
    }
}

@media all and (max-width: 890px) {
    .catInto .bestTitle {
        display: none;
    }
    .forRight {
        width: 100%;
        background: #ddd;
    }
    .forLeft {
        width: 100%;
    }
}

@media all and (max-width: 880px) {
    .best {
        margin-top: 0;
    }
    .catBest {
        float: none;
        width: auto;
        margin-left: 0;
        margin-top: 10px;
    }
    .data {
        padding: 0 10px;
    }
    .data div {
        width: auto;
        float: none;
        border-left: none;
        border-bottom: 1px solid #111;
        padding: 20px 0;
    }
    .data div:nth-last-of-type(1) {
        border: none;
    }
    .search {
        width: 100%;
        margin: 0 0 10px;
    }
    .suggestIn {
        display: none;
    }
    .videoShow {
        width: calc(100% - 132px);
    }
    .getBuy {
        width: calc(100% - 1px);
        border-left: none;
    }
}

@media all and (max-width: 780px) {
    .tab span {
        padding: 15px 10px 15px;
        font-size: 13px;
    }
    .star {
        width: 100%;
        border: none;
        border-bottom: 1px solid #ddd;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .showComment {
        width: 100%;
        margin-top: 0;
        padding-bottom: 15px;
    }
    .commentIn {
        height: auto;
        margin: 20px 15px;
    }
}

@media all and (max-width: 750px) {
    .logo {
        width: 100px;
    }
    .info {
        margin: 23px 10px 0 0;
    }
    .allProduct .item {
        width: calc(100% / 3 - 13.5px);
    }
}

@media all and (max-width: 660px) {
    .banner a {
        width: auto;
        float: none;
    }
    .banner a:nth-of-type(1) {
        margin-bottom: 10px;
    }
}

@media all and (max-width: 600px) {
    .info {
        width: auto;
        text-align: center;
        float: none;
        clear: both;
        border-top: 1px solid #5d5382;
        padding-bottom: 10px;
        padding-top: 10px;
    }
}

@media all and (max-width: 510px) {
    .tab span {
        width: calc(100% / 2 - 4px);
        padding-left: 0;
        padding-right: 0;
        padding: 10px 0 9px;
        margin: 3px 3px 0 0;
        float: right;
        font-size: 12px;
        border-top: 0 !important;
        border: none !important;
    }
}

@media all and (max-width: 490px) {
    .allProduct .item {
        width: calc(100% / 2 - 16px);
    }
    .forLeft .addBasket {
        float: none;
        width: auto;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 0;
    }
    .leftText {
        width: auto;
        float: none;
        margin: 10px 0 20px;
    }
}

@media all and (max-width: 460px) {
    .app {
        display: none;
    }
    .register {
        float: right;
        margin-right: 20px;
    }
    .videoShow {
        width: auto;
        float: none;
        margin: 0 10px;
    }
    .vote {
        float: none;
        width: 100%;
        margin-left: 0;
    }
    .voteOne {
        width: calc(100% / 3 - 13.5px);
        float: left;
        margin-left: 10px;
    }
    .reviewText {
        padding: 10px 15px;
    }
}

@media all and (max-width: 410px) {
    #header nav span {
        margin: 2px 5px 0;
    }

    #header nav a:nth-of-type(5), #header nav span:nth-of-type(5) {
        display: none;
    }
}

@media all and (max-width: 380px) {
    .book img {
        width: 120px;
    }
    .bestTitle h3 {
        font-size: 17px;
    }
    .bestTitle p {
        font-size: 11px;
    }
    .writerPage {
        font-size: 13px;
    }
}

@media all and (max-width: 340px) {
    .dr i {
        display: block;
    }
    .dr span {
        margin-top: -54px;
        display: inline-block;
    }
}