li {
    LIST-STYLE-TYPE: none;
    xMARGIN: 0px auto;
}

BODY {
    color: #222;
    font: 14px/1.5 "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;
    word-break:break-word;
    word-wrap:break-word;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	overflow-wrap: break-word;
	
}

BODY, div, ul, dl, dt, dd, p, h1, h2, h3, h4, .text {
    zoom: 1;
    margin: 0;
    padding: 0;
}
ins {
    margin-top: 20px;
    margin-bottom: 20px;
}
@media (min-width: 800px) { 
    html {
        padding-left:15%;
        max-width: 70%;
    }
}
a {
    color: #222;
    text-decoration: none;
}

    a:hover {
        xcolor: #FD5500;
        xtext-decoration: underline;
    }

img {
    border: none;
}

.clear {
    zoom: 1;
    margin-bottom: 10px;
}

.history {
    z-index: 99;
}

.history, .list_filter {
    width: 100%;
    background-color: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,.3);
    position: absolute;
    left: 0;
    top: 44px;
    display: none;
}

.history_list {
    height: 200px;
    margin: 10px 5px 0 0;
    padding: 0 10px 0 15px;
    position: relative;
    overflow-y: auto;
}

    .history_list li {
        width: 100%;
        height: 70px;
        margin: 0 0 10px;
        border-bottom: 1px solid #eee;
        font-size: .95em;
        display: block;
        white-space: nowrap;
        overflow: hidden;
    }

    .history_list h1 {
        font-size: 1.1em;
        height: 35px;
        line-height: 30px;
        display: block;
        overflow: hidden;
    }

    .history_list p {
        line-height: 20px;
        color: #888;
    }

.history_clear {
    width: 100%;
    height: 50px;
    line-height: 50px;
    margin: 10px 0 0;
    border-top: 1px solid #eee;
    font-size: .95em;
    text-align: center;
    display: block;
}

.history_empty {
    margin: 40px;
    text-align: center;
    font-size: .95em;
    color: #888;
}
/*托盘0078B6*/

.header {
    background: #507BBF;
    line-height: 44px;
    display: block;
    position: relative;
    font-size: 1.1em;
}

    .header .title {
        height: 44px;
        margin: 0 50px 0 10px;
        color: #fff;
        display: block;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 1.2em; /* for internet explorer */
        overflow: hidden;
    }

    .header .title1 {
        height: 44px;
        margin: 0 50px 0 50px;
        text-align: center;
        color: #fff;
        display: block;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 1.2em;
        overflow: hidden;
    }

    .header .black {
        position: absolute;
        width: 50px;
        height: 44px;
        left: 0;
        top: 0;
    }

        .header .black:before {
            content: '';
            display: block;
            width: 12px;
            height: 12px;
            margin: 16px 0 0 16px;
            border-left: 2px solid #fff;
            border-top: 2px solid #fff;
            transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
        }

    .header .home {
        color: #fff;
        position: absolute;
        height: 44px;
        text-align: center;
        right: 10px;
        top: 0;
    }

    .header a {
        color: #fff;
    }

.book_info {
    margin: 10px;
    display: block;
    position: relative;
    overflow: hidden;
}

    .book_info .cover {
        position: absolute;
        left: 0;
        top: 0;
    }

        .book_info .cover img {
            border: 1px solid #CCC;
            padding: 1px;
        }

.readlink {
    margin: 20px;
    line-height: 38px;
    overflow: hidden;
}

    .readlink a {
        float: left;
        display: block;
        width: 48%;
        text-align: center;
        background: #65BBEC;
        color: #fff;
        font-size: 16px;
        border-radius: 4px;
    }

    .readlink .rl {
        margin-right: 2%;
        background: #F77720;
    }

    .readlink .rr {
        margin-left: 2%;
        background: #ED424B;
    }

.bdsharebuttonbox {
    margin: 10px;
    height: 42px;
    overflow: hidden;
}

.book_box {
    padding-left: 120px;
    height: 140px;
}

    .book_box dl dt {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .book_box dl dd {
        line-height: 22px;
        color: #888;
    }

        .book_box dl dd span {
            display: block;
            width: 100%;
            float: left;
            white-space: nowrap;
            text-overflow: ellipsis; /* for internet explorer */
            overflow: hidden;
        }

.book_about dt, .book_last dt {
    background: #507BBF;
    line-height: 40px;
    color: #fff;
    padding-left: 15px;
    border-bottom: 1px solid #EEE;
}

.book_about dl dd {
    text-indent: 25px;
    padding: 10px;
    line-height: 150%;
    color: #888;
}

    .book_about dl dd .showall {
        color: #3487DD;
    }

.book_last dl dd {
    line-height: 42px;
    margin: 0 10px;
    xpadding: 0 10px;
    border-bottom: 1px solid #EEE;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis; /* for internet explorer */
    overflow: hidden;
}

    .book_last dl dd:hover {
        background: #F1F1F1;
    }

    .book_last dl dd a {
        display: block;
    }

.book_more {
    margin: 10px;
    line-height: 42px;
    background: #507BBF;
    border-radius: 6px;
}

    .book_more a {
        text-align: center;
        display: block;
        color: #EEE;
    }

.book_news {
    margin: 10px;
    line-height: 42px;
    background: #F77720;
    border-radius: 6px;
}

    .book_news a {
        text-align: center;
        display: block;
        color: #EEE;
    }


.idxlast9 dt {
    background: #507BBF;
    line-height: 40px;
    color: #fff;
    padding-left: 15px;
    border-bottom: 1px solid #EEE;
}

.idxlast9 li {
    line-height: 42px;
    margin: 0 10px;
    xpadding: 0 10px;
    border-bottom: 1px solid #EEE;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis; /* for internet explorer */
    overflow: hidden;
}

    .idxlast9 li:hover {
        background: #F1F1F1;
    }

    .idxlast9 li a {
        display: block;
    }


.search {
    margin: 10px;
    overflow: hidden;
}

    .search form {
        position: relative;
        clear: both;
    }

    .search .text {
        display: block;
        width: 100%;
        padding: 12px 25px 12px 8px;
        height: 40px;
        line-height: 20px;
        overflow: hidden;
        border: 1px solid #ddd;
        border-right: 50px solid #fff;
        font-size: 14px;
    }

    .search .btn {
        position: absolute;
        z-index: 1;
        right: 0;
        top: 0;
        margin: 0;
        width: 50px;
        height: 40px;
        border: 1px solid #ddd;
        background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAqCAMAAAD26OlUAAAC0FBMVEX////19fX19PX///+goKD///+goKD///////////+goKD09fWgoKD19fSgoKD///////+goKCgoKCgoKCgoKCgoKCgoKD////////////////+/v6goKD///+goKCgoKCgoKCgoKD//v7//v+goKD///////////+goKCgoKCgoKCgoKCgoKCgoKCgoKCgoKChoaGioqLDw8OgoKCkpKSzs7PY2NigoKD+/v/+//6jo6OgoKD////x8fHZ2dmgoKCgoKCgoKDw8PD///+goKCkpKSjo6OhoaHFxcWgoKCgoKD39/enp6egoKC0tLSgoKCgoKD///+goKCnp6f///+goKD39/egoKD8/Pz///////+goKD7+/v///////////////+goKCoqKigoKD////////R0dH///////////////+ioqL///////+hoaH////////19PSgoKC4uLj////////////////39/f4+Pj5+fn8/P36+vr7+/v8/Pz9/f3///+goKD29vahoaH9/fyoqKj4+Pn6+/v4+fj3+Pf6+fr7+vv6+vn49/j6+/r5+fj+/f329vf7+vr39/j49/f29/f9/P3JycnLy8v9/v78/fyrq6v5+vr4+fnj4+Pw8PDd3d35+Pj7/Pz8/f38/Pv5+Pn7+/ry8vL6+fn39vb3+Pj5+fr29/b9/v2ioqL9/f739/b39vf9/Pz6+vuqqqrFxcX7+/z8+/v19fWjo6PAwMCzs7OsrKz19vbKysr09PTs7Oz4+Pe+vr7ExMT5+vnv7++wsLDMy8ynp6fGx8bx8PD+/v7c3NzIyMjKysvb29u/v7+pqan7/PvHyMfGxsbf4ODx8fHf396xsbGkpKTg4ODz8vLY2dna2tru7u3x8fL19fTu7u6ysrLZ2dnh4uLc3d3+/f7y8/P29vX08/SmpqbS0tLKycnh4eHa2tvf398EurQLAAAAeHRSTlMAAABUVPv76iT66ABVAJdbi/X6IiPRx5/LDigAB5wICyT5AACGCv0IDM+c5yYyS/aLmfiY9/7emQAAm/cN9tmW+Cz4mub2/vX26s6h/iH9CYeNi9rU9Jzy+jLohPvSVtMm8dlT0JCtJ/b38f1am/4PMwDvqO998Hrq3T51AAADOklEQVR4XpXTBW8bSRyH4bXbnNNw4YLlJmXmK9MhMzMzwyyamRnDzMxYZIZjZr6v0P+40rgbR0r6ene1P+nJWLIUKtaclJ2ZSau2JmWmpSyGuYAau+lpDytJUzfNoOaPSWfmz1OKmrd69ub5N8W5u5co47pxRl7eaLd7WRSEA0W/88zhoqPh6ExaMRrO3RdlpzSOxqDDEWz+TSiJ0tvnit3MO7A7Z2gOBuWN8kaHo1l+kumLfvu9Ingfdqd98ljlcPuxfED0u+zC57Hyck2bRq6Rt/l8bLmc1fjwmdOWXwPXgetAbBsb8oVCbEhgWQHHMmGQS2NuzlTYZwWhQoDKMMHh+SvAW2cTmAIzrO/mhbKK7jL+At8tdHWVwYtQwQ2AXEngFlhDfBcPFw4oDHhCAYBrCHwB1r9Veo6vcrmqzC7ezOt5vZk3u/R8EcAHCbwZ1gmu3cbpOU7f3m6zmTmXzWyDXfU9wPUEvgkLcSYuwkEm7moWuCIcA/AdAm+B1cBFLPVcjcViOhSptzBMfY3JBH9EA1QTeBeswwyuhjnEkLAuBniMwHtgXWYMlfZKe2GhgSlkKu2l8IQKfwG4gcDbYP2jK7Xr7LTBUKnTldLR7DSjOwNwLYE7YIURfTWrdT9traOttBUGGgC4kcBHvoT5M1ZGdx1ye+oQbaxze/Yb6f/A9d5J4DOXYHf86UYeZETIaPUgt9EDb2gYH3gwncBt25tAHkBQayvcqAVBXoT6wKn35FCkvQEldLzF6XXWer0qVa23taEFqS4qoaEsKlbiYz9heeBrZ61K5ax1qhrgU92H3ZGncgGQMqq1WHZ80/PHoAoaVPV8G8ZOW30/BqRFL42cV+LC/s+/+2H4x//9AzDAjTxUQIlKlFV/oYzryGeyxPxHXxTJx58QAk1ipvbzsveehH+vyeIzn1YUd/bGWO/BYsWzz0meh3GDWC7KmKLgSjr7tWq1tr+zhFEkvFwgkbyijpfUq7NeU5Bez8qVSqWSN76Kl1DOW29nyxYulGXPSn8XFMBJCUSOLjlVIpGkSuGRLJG+nxyT4wWy6brkB9T4cgqWH1ITkn/9/RE1IalQfExNSH7yKTXxrgCZKvK/MvmOVwAAAABJRU5ErkJggg==) no-repeat 50% 50%;
        -webkit-background-size: 20px 21px;
        -moz-background-size: 20px 21px;
        -o-background-size: 20px 21px;
        background-size: 20px 21px;
        border-radius: 0px;
    }

.nav {
    overflow: hidden;
    background: #F7F7F7;
    border-bottom: 1px solid #CCC;
}

    .nav ul {
        line-height: 34px;
    }

    .nav li {
        float: left;
        width: 18%;
        line-height: 26px;
        margin: 4px 1%;
        border-radius: 20px;
        text-align: center;
    }

        .nav li a {
            display: block;
            font-size: 14px;
            text-decoration: none;
        }

@media screen and(max-height:800px) {

    .nav li a {
        display: block;
        font-size: 16px;
        text-decoration: none;
    }
}

.hot {
    overflow: hidden;
}

.item {
    margin: 0px 10px 10px;
    padding: 10px;
    position: relative;
    overflow: hidden;
    background: #FEF9EF;
    border-radius: 6px;
    border: 1px solid #D7D7D7;
}

    .item dl {
        padding-left: 90px;
        height: 104px;
    }

        .item dl dt {
            border-bottom: 1px dotted #A6D3E8;
            font-size: 14px;
            font-weight: 700;
            height: 25px;
            line-height: 25px;
            overflow: hidden;
        }

            .item dl dt span {
                color: #999;
                float: right;
                font-weight: 400;
            }

        .item dl dd {
            height: 60px;
            line-height: 20px;
            overflow: hidden;
            padding: 7px 0 0;
            color: #AAA;
        }

    .item .image {
        xfloat: left;
        position: absolute;
        top: 10px;
        left: 10px;
    }

        .item .image img {
            width: 80px;
            height: 100px;
            background-color: #FFF;
            border: 1px solid #DDD;
            padding: 1px;
        }

.block {
    margin-bottom: 10px;
    background: #fff;
}

    .block h2 {
        font-weight: 500;
        line-height: 40px;
        font-size: 16px;
        background: #F6F6F6;
        border-top: 1px solid #D7D7D7;
        border-bottom: 1px solid #D7D7D7;
        padding-left: 10px;
    }
.lisr {
    padding: 0px 10px 10px;
}

    .lisr li {
        border-bottom: 1px solid #DDDDDD;
        height: 46px;
        line-height: 46px;
        overflow: hidden;
        position: relative;
    }

        .lisr li span {
            display: inline-block;
            float: left;
        }

        .lisr li .s1 {
            top: 0px;
            left: 0px;
            color: #888 ;
        }

        .lisr li .ss {
            margin-left:15px;
            white-space: nowrap;
            text-overflow: ellipsis; /* for internet explorer */
            overflow: hidden;
        }

        .lisr li .s3 {
            position: absolute;
            top: 0px;
            right: 0px;
            color: #888;
        }

        

        .lisr li:hover {
            background: #F1F1F1;
        }

.lis {
    padding: 0px 10px 10px;
}

    .lis li {
        border-bottom: 1px solid #DDDDDD;
        height: 46px;
        line-height: 46px;
        overflow: hidden;
        position: relative;
    }

        .lis li span {
            display: inline-block;
            float: left;
        }

        .lis li .s1 {
            position: absolute;
            top: 0px;
            left: 0px;
            color: #888;
        }

        .lis li .ss {
            width: 100%;
            white-space: nowrap;
            text-overflow: ellipsis; /* for internet explorer */
            overflow: hidden;
        }

        .lis li .s2 {
            margin-left: 70px;
            width: 100%;
            white-space: nowrap;
            text-overflow: ellipsis; /* for internet explorer */
            overflow: hidden;
        }

        .lis li .s3 {
            position: absolute;
            top: 0px;
            right: 0px;
            color: #888;
        }

        .lis li a {
            color: #6F78A7;
            width: 100%;
            display: block;
        }

        .lis li:hover {
            background: #F1F1F1;
        }

.block .top {
    margin: 10px;
    height: 104px;
    position: relative;
    overflow: hidden;
}

    .block .top .image {
        xfloat: left;
        position: absolute;
        top: 0px;
        left: 0px;
    }

        .block .top .image img {
            width: 80px;
            height: 100px;
            border: solid 1px #DDDDDD;
            padding: 1px;
            background-color: white;
        }

    .block .top dl {
        padding-left: 90px;
    }

        .block .top dl dt {
            height: 25px;
            line-height: 25px;
            overflow: hidden;
            font-weight: bold;
        }

        .block .top dl dd {
            line-height: 20px;
            height: 60px;
            color: #AAA;
            overflow: hidden;
        }

.block .tlis {
    padding: 0px 10px 10px;
    overflow: hidden
}

    .block .tlis li {
        width: 50%;
        color: #B3B3B3;
        height: 36px;
        line-height: 36px;
        border-bottom: 1px dashed #D7D7D7;
        overflow: hidden;
        float: left;
    }

        .block .tlis li a {
            color: #6F78A7;
        }

.topli {
    padding: 0px 10px 10px;
    xbackground: #EFEEF2;
    overflow: hidden;
}

    .topli li {
        line-height: 38px;
        border-bottom: 1px dashed #CCC;
        position: relative;
        overflow: hidden;
    }

        .topli li em {
            font-style: normal;
            background: #B0B0B0;
            position: absolute;
            top: 10px;
            left: 0px;
            width: 22px;
            line-height: 22px;
            text-align: center;
            color: #eee;
            font-size: 12px;
            border-radius: 20px;
        }

    .topli .num em {
        background: #FA744E;
    }

    .topli li span {
        position: absolute;
        top: 0px;
        right: 0px;
        color: #888;
    }

    .topli li a {
        padding-left: 30px;
        color: #6F78A7;
        width: 100%;
        display: block;
        white-space: nowrap;
        text-overflow: ellipsis; /* for internet explorer */
        overflow: hidden;
    }

    .topli li:hover {
        background: #F1F1F1;
    }

.path {
    width: 980px;
    margin: 0 auto;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
}

    .path .p {
        padding: 0 6px;
    }


.showtxt {
    padding: 10px 30px;
    line-height: 200%;
    font-size: 20px;
    border-top: 1px dashed #CCC;
    border-bottom: 1px dashed #CCC;
}

.oninfo {
    float: right;
}

.onsort {
    padding-right: 6px;
    border: 1px dashed #CCC;
    float: right;
    font-size: 14px;
    color: #FF0000;
    padding-right: 6px;
}

.link {
    margin: 10px;
    padding: 10px;
    border: 1px solid #CCC;
    border-radius: 10px;
}

    .link a {
        color: #666;
    }

    .link a {
        line-height: 32px;
    }

.linkbs {
    margin: 10px;
    padding: 10px;
    border: 1px solid #CCC;
    border-radius: 10px;
    background-color: #fdf6de
}

    .linkbs a {
        color: #666;
    }

    .linkbs a {
        line-height: 32px;
    }
.linkau {
    margin: 10px;
    padding: 10px;
    border: 1px solid #CCC;
    border-radius: 10px;
    background-color: #e3f7fb
}

    .linkau a {
        color: #666;
    }

    .linkau a {
        line-height: 32px;
    }
.footer {
    margin: 20px auto 0;
    padding: 0px 0 60px;
    border-top: 1px solid #CCC;
    background: #f2f2f2;
    line-height: 36px;
    font-size: 16px;
    overflow: hidden;
}

    .footer a {
        color: #666;
        display: inline-block;
        margin-left: 10px;
    }

    .footer .gotop {
        float: right;
        margin-right: 10px;
    }

        .footer .gotop a {
            color: #3487DD;
        }

    .footer hr {
        border-top: 1px dotted #3c3c3c;
        margin: 10px 0;
    }

/*listpage*/
.listpage {
    margin: 10px;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
}

    .listpage span {
        height: 36px;
        line-height: 36px;
        text-align: center;
    }

    .listpage .left {
        float: left;
        width: 25%;
    }

        .listpage .left a, .listpage .right a {
            display: inline-block;
            height: 36px;
            width: 90%
        }

        .listpage .left a {
            float: left;
        }

    .listpage .right a {
        float: right;
    }

    .listpage .right {
        float: right;
        width: 25%
    }

    .listpage .middle {
        width: 49%;
        border: 1px solid #dfdfdf;
        height: 34px;
        display: block;
        float: left;
        border-radius: 5px;
    }

        .listpage .middle em {
            display: inline-block;
            width: 90%;
            text-align: center;
            color: #999;
            font-style: normal;
            float: left;
            line-height: 36px;
            height: 30px
        }

        .listpage .middle a {
            display: inline-block;
            float: left;
            width: 19%;
            height: 36px;
            line-height: 36px;
            vertical-align: middle
        }

        .listpage .middle select {
            border: none;
            color: #999;
            display: inline-block;
            float: left;
            font-style: normal;
            height: 34px;
            line-height: 34px;
            text-align: center;
            width: 100%
        }

    .listpage .onclick {
        background: #507BBF;
        color: #FFFFFF;
    }

    .listpage .before {
        background: #cecece;
        color: #FFFFFF;
    }

.button {
    width: 40px;
    line-height: 38px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    text-shadow: 1px 1px 1px #333;
    border-radius: 5px;
    margin: 3px 10px 10px 0;
    position: relative;
    overflow: hidden;
}

.sizebg {
    width: 15px;
    line-height: 38px;
    text-align: center;
    font-weight: bold;
    color: #6e6e6e;
    text-shadow: 1px 3px 1px #fff;
    border-radius: 10px;
    margin: 3px 3px 3px 0;
    position: relative;
    overflow: hidden;
}

.lighton {
    border: 1px solid #d2a000;
    box-shadow: 0 1px 2px #fedd71 inset,0 -1px 0 #a38b39 inset,0 -2px 3px #fedd71 inset;
    background: -webkit-linear-gradient(top,#fece34,#d8a605);
    background: -moz-linear-gradient(top,#fece34,#d8a605);
    background: linear-gradient(top,#fece34,#d8a605);
}

.lightoff, .huyanoff, .sizebgon {
    border: 1px solid #333;
    box-shadow: 0 1px 2px #8b8b8b inset,0 -1px 0 #3d3d3d inset,0 -2px 3px #8b8b8b inset;
    background: -webkit-linear-gradient(top,#656565,#4c4c4c);
    background: -moz-linear-gradient(top,#656565,#4a4a4a);
    background: linear-gradient(top,#656565,#4a4a4a);
}

.huyanon {
    border: 1px solid #64c878;
    box-shadow: 0 1px 2px #b9ecc4 inset,0 -1px 0 #6c9f76 inset,0 -2px 3px #b9ecc4 inset;
    background: -webkit-linear-gradient(top,#90dfa2,#84d494);
    background: -moz-linear-gradient(top,#90dfa2,#84d494);
    background: linear-gradient(top,#90dfa2,#84d494);
}

.nr_set {
    padding: 10px;
    padding-right: 10px;
    border-bottom: 2px solid #0065B5;
    font-size: 12px;
}

    .nr_set .set1 {
        border: 1px solid #0065B5;
        padding: 5px 10px;
        margin-left: 10px;
        border-radius: 5px;
        color: #0065B5
    }

    .nr_set .set2 {
        border: 1px solid #0065B5;
        padding: 5px 7px;
        margin-left: 5px;
        border-radius: 3px;
        color: #0065B5
    }

        .nr_set .set2 p {
            border: 1px solid #0065B5;
            padding: 5px 5px;
            margin-left: 5px;
            border-radius: 3px;
            color: #0065B5
        }

.Readpage {
    font-size: 14px;
    padding: 0;
    background: #d4eaf2;
    height: 25px;
    line-height: 25px;
    text-align: center;
    padding: 8px;
    margin: 16px 0px 15px 0px;
}

    .Readpage a {
        font-size: 16px;
        padding: 8px 8px;
        line-height: 20px;
    }

    .Readpage .Readpage_up {
        color: #2a779d;
        padding-left: 10px;
        background-size: 90px;
    }

    .Readpage .Readpage_down {
        text-shadow: 1px 1px #2a779d;
        color: #fff;
        background-size: 90px;
    }

    .Readpage .page_txt {
        width: 45px;
        padding: 4px;
        border: 1px #68aac2 solid;
        font-size: 14px;
        margin-left: 15px;
        background: #f2fcff;
    }

    .Readpage .page_btn {
        font-size: 14px;
        border: none;
        background: none;
        color: #4c6978;
        padding: 4px 5px;
        margin-right: 15px;
        background: #f2fcff;
        font-weight: bold;
    }


.nr_page a {
    font-size: 16px;
    padding: 8px 8px;
    line-height: 20px;
}

.nr_page .nr_page_up {
    color: #2a779d;
    padding-left: 10px;
    background-size: 90px;
}

.nr_page .nr_page_down {
    text-shadow: 1px 1px #2a779d;
    color: #fff;
    background-size: 90px;
}

.nr_page .page_txt {
    width: 45px;
    padding: 4px;
    border: 1px #68aac2 solid;
    font-size: 14px;
    margin-left: 15px;
    background: #f2fcff;
}

.nr_page .page_btn {
    font-size: 14px;
    border: none;
    background: none;
    color: #4c6978;
    padding: 4px 5px;
    margin-right: 15px;
    background: #feebdb;
    font-weight: bold;
}

#chaptercontent {
    padding: 20px 15px 25px 15px;
    line-height: 150%;
    font-size: 23px; /*border-top:1px dashed #CCC;border-bottom:1px dashed #CCC;*/
    overflow: hidden;
}
#bodycontent{
    padding-bottom:20px;
}
#styleConfig {
    font-size: 23px;
    text-align: center;
}
.bgchoose {
    display: inline-block;
    font-size: 23px;
}
    .bgchoose li {
        display: inline-block;
        width: 23px;
        height: 23px;
        vertical-align: middle;
        margin-right: 5px;
        border:1px solid black;
    }
.wrap .bookcase {
        overflow: hidden;
    }

.bookbox {
    margin: 10px 10px 0px;
    padding: 10px;
    line-height: 22px;
    overflow: hidden;
    border: 1px solid #d7d7d7;
    border-radius: 6px;
    position: relative;
}

    .bookbox .num {
        position: absolute;
        top: 12px;
        left: 10px;
        width: 22px;
        line-height: 22px;
        border-radius: 4px;
        background: #FA744E;
        display: block;
        text-align: center;
        color: #eee;
        font-weight: bold
    }

    .bookbox .bookinfo {
        padding-left: 30px;
    }

    .bookbox .delbutton {
        position: absolute;
        top: 15px;
        right: 10px;
    }

        .bookbox .delbutton a {
            border: 1px solid #FF4643;
            border-radius: 3px;
            padding: 4px 10px;
            color: #FF4643;
        }

    .bookbox div {
        color: #888;
    }

.noshow {
    display: none;
}

.bookbox .bookimg {
    position: absolute;
    top: 12px;
    left: 10px;
    margin-right: 10px;
}

    .bookbox .bookimg img {
        width: 80px;
        height: 100px;
    }

.so_list .bookinfo {
    padding-left: 90px;
    height: 106px;
    overflow: hidden;
}

/*login*/
.login {
    border: 1px solid #ccc;
    margin: 10px;
    border-radius: 5px;
    padding: 10px 30px 10px 30px;
    background-color: #E1E1E1
}

    .login input {
        border: 1px solid #359AFF;
        height: 25px;
        line-height: 25px;
        width: 96%;
        border-radius: 2px;
    }

.login_name {
    line-height: 40px;
}

.login_pass {
    line-height: 40px;
}

.login_email {
    line-height: 40px;
}

.login_btn {
    background-color: #65BBEC;
}

    .login_btn a, .login_btn input {
        width: 100%;
        line-height: 40px;
        height: 40px;
        color: #fff;
        font-weight: bold;
        display: block;
        margin: 20px 0 20px 0;
        background-color: #65BBEC;
        text-align: center;
        border-radius: 2px;
        font-size: 14px;
        -webkit-appearance: none;
    }

.login .login_save {
    width: 40px;
    vertical-align: middle
}

.login_tips {
    color: red;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    margin-top: 10px;
}

.login_type {
    margin: 10px 10px 0px;
    overflow: hidden;
    border: 1px solid #507BBF;
    border-radius: 6px;
}

    .login_type li {
        float: left;
        width: 33%;
        line-height: 38px;
    }

        .login_type li a {
            display: block;
            text-align: center;
            font-size: 16px;
            color: #507BBF;
            border-left: 1px solid #507BBF;
        }

    .login_type .rl a {
        margin: 0;
        border: none;
    }

    .login_type .this a {
        background: #507BBF;
        color: #fff;
    }

.addbook {
    margin-bottom: 10px;
    overflow: hidden;
}

    .addbook a {
        float: left;
        width: 50%;
        text-align: center;
        line-height: 50px;
        color: #507BBF;
        font-weight: bold;
        font-size: 16px;
    }

.read1, .read2, .read3, .read4 {
    width: 100%;
    overflow: hidden;
}

.list1, .list2, .list3 {
    width: 100%;
    overflow: hidden;
}

.mulucssa {
    color: #fff;
}

#notice {
    max-width: 320px;
    background: #deebef;
    height: 100px;
    margin: auto;
    border: 1px #01394a solid;
    padding: 1px 20px;
}

    #notice .btn {
        margin: 5px 3px;
        padding: 5px 18px 5px 18px;
        background-size: 20px;
        background: #eb2650;
        color: #fff;
        text-align: center;
        font-size: 16px;
        border-radius: 5px;
        box-shadow: 0 2px 1px #d32248 inset;
    }
@media (max-width: 768px) {
   
    .lis li {
        min-height: 92px;
        overflow: auto;
    }

        .lis li span {
            display: contents;
        }


        .lis li .s2 {
            margin-left: 80px;
            width: 100%;
        }

        .lis li .s3 {
            display: block;
        }
}