@media screen and (max-width: 808px) {
    body {
        background: none #f5f5f5;
    }

    .main {
        width: 95%;
        padding: 0;
    }

    .entry-tit, .entry-text, .foot, #ds-thread {
        width: 100%;
        padding: 0;
    }

    #s-menu {
        display: block;
        float: right;
        margin-top: 22px;
        cursor: pointer;
    }

    .bcrumb {
        margin-left: 3%;
    }

    #header2 h1 {
        width: 50%;
        float: left;
    }

    #header2 .s-logo {
        width: 50%;
        float: left;
    }

    .bcrumb {
        display: none;
        float: left;
        width: 100%;
        margin: 24px 0 0 0;
        font-size: 14px;
        line-height: 44px;
        border-top: 1px solid #e4e4df;
    }

    .book-list ul {
        width: auto;
    }

    .xsbox ul {
        width: 100%;
    }

        .xsbox ul li {
            font-size: 16px;
            line-height: 2.5em;
            text-align: left;
            width: 47.7958%;
            padding-left: 2%;
        }

    .book-img {
        width: 20%;
        float: left;
        margin-right: 3%;
    }

        .book-img img {
            width: auto;
        }

    .book-describe, .book-describe2 {
        float: left;
        width: 100%;
    }

        .book-describe .to-read {
            position: absolute;
            display: inline-block;
            margin: 0 0 2%;
        }
}
/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {
    .wenxue2 td, .wenxue td {
        float: left;
        text-align: left;
        width: 96%;
        padding: 0 2%
    }

    .xsbox ul li {
        text-align: left;
        line-height: 2.5em;
        width: 345px;
        height: 2.5em;
        overflow: hidden;
        padding: 0 5px;
        box-sizing: border-box;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .bdshare-button-style1-16 {
        width: auto;
    }

    .entry-text p {
        font-size: 1.1em;
        line-height: 2em;
    }

    .book-recommend {
        padding: 3% 0;
    }

    .hwdtips {
        display: none;
    }

    #code {
        display: none;
    }

    #gotop {
        background-position: -197px -160px;
        bottom: 60px;
        _margin-bottom: 60px;
        cursor: pointer;
    }

    .book-img {
        width: 20%;
        text-align: center;
        float: left;
        margin-right: 8%;
    }

        .book-img img {
            width: auto;
        }

    .book-describe, .book-describe2 {
        float: left;
        width: 100%;
    }
}
/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) {
    /* disable webkit text size adjust (for iPhone) */
    html {
        -webkit-text-size-adjust: none;
    }

    #header2 h1 {
        width: 40%;
        float: left;
    }

    #header2 .s-logo {
        width: 40%;
        float: left;
    }

    .book-list ul li {
        width: 100%;
    }

    #code {
        display: none;
    }
    /*#code,#code_hover,#gotop{width:40px;height:40px;background:url(img/icon.png) no-repeat;position:fixed;right:15px;cursor:pointer;}*/
    #gotop {
        right: 20px;
        bottom: 50px;
        background-position: -197px -160px;
        cursor: pointer;
    }

    .book-img {
        width: 130px;
        /*text-align: center;
		margin-bottom: 10px;*/
        text-align: center;
        float: left;
        margin-right: 8%;
    }

        .book-img img {
            float: none;
        }

    .book-describe, .book-describe2 {
        float: left;
        width: 100%;
        margin-left: 0;
        margin-top: 2%;
    }

        .book-describe h1, .book-describe2 h1 {
            /*text-align: center;*/
            font-size: 1.5em;
            margin-bottom: 1%;
        }

        .book-describe p, .book-describe2 p, .describe-html p {
           /* text-indent: 2em;*/
            margin-left: 0;
        }

        .book-describe .to-read {
            /*display: block;
            float: left;
            width: 100%;
            margin: 2% 0 2.5%;
            text-align: center;*/

             display: block;
            float: left;
            width: 50%;
            text-align: center;
        }
}
/************************************************************************************
smaller than 320
*************************************************************************************/
@media screen and (max-width: 320px) {

    /* disable webkit text size adjust (for iPhone) */
    html {
        -webkit-text-size-adjust: none;
    }

    .main {
        width: 100%;
        padding: 0;
    }

    #header2, .entry-tit, .entry-text, .foot, #ds-thread, .book-recommend, .title, .book-list, .book-intro {
        margin: 0 auto;
        width: 96%;
        padding: 0;
    }

    .book-intro {
        padding-top: 3%;
    }

    .content-thds {
        display: block;
        float: none;
        height: auto;
        margin: 2% 0;
        width: auto;
    }

    .book-img {
        width: 100%;
        text-align: center;
    }
}