#defsch .hotrecomm {
    margin: 0 .18rem .24rem;
    overflow: hidden
}

#defsch .hotrecomm li {
    width: 33.33%;
    float: left;
    padding: 0 14px;
    margin-bottom: 12px;
}

#defsch .hotrecomm li div {
    border: .02rem solid #e6e6e6;
    border-radius: .3rem;
    height: .62rem;
    line-height: .62rem;
    font-size: .24rem;
    color: #333;
    padding: 0 .18rem;
    text-align: center
}

#defsch .hotrecomm li div.hover {
    background: #eee
}

#defsch .hotrecomm_wrap {
    padding: .4rem 0 .2rem
}

#defsch .his_list {
    padding: 0 .32rem
}

#defsch .his_list li {
    height: .96rem;
    line-height: .96rem;
    border-bottom: 1px solid #e5e5e5;
    font-size: .28rem;
    color: #333
}

#defsch .his_list li.hover {
    background: #eee
}

#defsch .his_list li:last-child {
    border-bottom: 0
}

#defsch .nodata {
    text-align: center;
    padding-top: .64rem;
    font-size: .28rem
}

#defsch .garbage {
    font-size: .24rem;
    float: right;
    color: #999;
    padding-right: .36rem;
    line-height: 0.56rem;
    padding-left: .36rem;
    -webkit-background-size: .24rem .25rem;
    background-size: .24rem .25rem;
}

#defsch {
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

#def-sch {
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.schHead {
    background: #F0F0F2;
    padding: .2rem .32rem;
    height: 1.2rem;
    position: relative;
    display: flex;
}

.schBlock {
    height: .8rem;
    width: 80%;
    display: -webkit-box;
    -webkit-box-align: center;
    padding: 0 .32rem 0 .24rem;
    background: #fff;
    border-radius: .04rem;
}
.schBtn{
    width:20%;
    height: .8rem;
    text-align: right;
}
.schBtn button{
    background: #fff;
    color: #000;
    font-size: 0.28rem;
    padding: 0.26rem;
    border-radius: .04rem

}

.schBlock .search_icon {
    width: .28rem;
    height: .28rem;
    display: block;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAbCAYAAABiFp9rAAAABGdBTUEAALGPC/xhBQAAA/dJREFUSA2tlm9I3WUUx72/O+9tymgkuRyrEH0xsAJ70da2a8ogVgRJ6Bix9m4UgTL24g78h3m704nUhqycC6m9TOpVhKIMlcHawIIEa04Iy+nd5GZUmnd6dZ/v4/1dfvfnpl3dA+c+5znn+z3nec7z53c9GRu0urq6AsuyCoE9hfiQfxlPLyws/NLS0jK7AT3p9iQ1h9LY2GgxPIJ8sLKy8iL9Ho/Hs82GYPub8W+M+xcXFy+Ew+E/bN+j+jWJampq8nw+3zkIx5DMRxEd9onl5eVQJBK50tnZueiwp6gpiVjJC3ivIMU2itmPM/s+gt2iZP9hz0VeQV5H/EgGmGUwF1GDxFiQzd2S5QDwDITLEOwkM4A/Xlpa+mZsbCzS3d0dt8nBYHBHVlZWEfgz4MsRlboKiSBnbZyzNyvSnkD6FEK1nOi/op/Efs0Jduv4fWDD2E+B16TnkHLs/W6sV4ZAIFAC8AKi8R3KdLSpqemGG+weDwwMxHNzc68iO/AdQHQqny8tLf0WX8yJ15IzqP2HJBFI7XwoFBpeVTf+VUljsVgzK/tBaPoAnfYwpVm1tbXPYtkvK6Bxui+kp9Oam5ujTPRz+DoUmvxbSMpBs7xe716MOklqPdT3r1U17V+t6J5YWlVVVZVdIROIqlm7mMUTCcCPxrqJn2g0OkGcu6LS5+fk5KTcQYuNz7bjklRHelOtvb09xkp0z9R87Ju5Y6tDcw6s5G0m6XbbsYlee2LuJQlXiLXkjKEVzcouIysqcDrT0dnbpynZk+KohPdpTr726DaOqIwkfANC8rVwAv+H/hJ8nWDFGZ6cnExNNDU1dQvHbQFI+Go8Hj8oPZ3G5PSyVMI3h4q+1/lkKZalFxdQVyJwJsf9I4g700lE+d8GfzzBMZ8PN99+GbpxXE84XyOxkpnZuQnuMbhDrOATJAueytWB7Xc3zrx1epd4nzSTdxA/pH2QdvMGjgwNDT30AldWVnorKir0cncg+YnAM+inibeGk/JMMJMTED5D7Ls1gf4d8j1f0hFKNO/3+/PoDxLwKHatxvkC6FPy9fz8/Putra3/oCdbSiJZGxoatKltyHM2itXp+Nv3wsLnPpmDYAqw7xEHvWtubq66ra1Nnw3TTOnsgfrBwcHRsrKyHlQdkiLIKqWaNyFmXxOcn+iDSB2+m+DfpM9Givk7kMd29FFG8yCsWVEigDoP/4AKuWelEA8g+dh0QP5ERilfL75hyq2xaejlKF8i5uKS+Pz09HRQJ3u9RIac7g/J3oXTgehjqBbmwQ099kSKzD6/x2ovoW5nVfpGHV6zRwJutbHPP5eUlERIEEBmeW2+2mrMdfn19fX7KOXLAj0Av3CdoAd4EN0AAAAASUVORK5CYII=);
    -webkit-background-size: .26rem .27rem;
    background-size: .26rem .27rem;
    background-position: center center;
    margin-right: .15rem;
    background-repeat: no-repeat
}

.schBlock input {
    display: block;
    -webkit-box-flex: 1;
    -webkit-box-pack: center;
    display: -webkit-box;
    font-size: .28rem;
    color: #333;
    height: .4rem
}

.schBlock .close {
    width: .4rem;
    height: .4rem;
    display: block;
    -webkit-background-size: .2rem .2rem;
    background-size: .2rem .2rem;
}

#view-classList-in {
    background-color: #F8F8F8
}

#view-classList-in .error, #view-classList-in .fail {
    display: none
}

#view-classList-in .category-block .title {
    font-size: .24rem;
    padding-top: .27rem;
    padding-bottom: .2rem;
    padding-left: .32rem;
    color: #999
}

#view-classList-in .category-block .category-list li {
    position: relative;
    background-color: #fff
}

#view-classList-in .category-block .category-list li::after {
    display: block;
    content: " ";
    position: absolute;
    height: 1px;
    bottom: 0;
    background-color: #f3f3f3;
    right: 0;
    left: .32rem
}

#view-classList-in .category-block .category-list li:last-child:after {
    display: none
}

#view-classList-in .category-block .category-list li a {
    padding: .28rem .32rem;
    padding-right: 0;
    background-color: #fff;
    display: block
}

#view-classList-in .category-block .category-list li a.hover {
    background-color: #f7f7fa
}

#view-classList-in .category-block .category-list li a > div {
    display: inline-block;
    vertical-align: middle
}

#view-classList-in .category-block .category-list li:last-child {
    border-bottom: 0
}

#view-classList-in .category-block .category-list .left {
    overflow: hidden;
    border-radius: 50%;
    height: .73rem;
    width: .72rem;
    -webkit-background-size: 100% 100%;
    margin-right: .2rem
}

#view-classList-in .category-block .category-list .left img{
    width: inherit;
}

#view-classList-in .category-block .category-list .middle {
    overflow: hidden;
    width: 80%;
}

#view-classList-in .category-block .category-list .middle .large-title {
    color: #333;
    font-size: .28rem;
    margin-bottom: .12rem;
    margin-top: .1rem
}

#view-classList-in .category-block .category-list .middle span {
    max-width: 1.4rem;
    display: inline-block;
    vertical-align: text-top
}

#view-classList-in .category-list .middle .category-name {
    font-size: .24rem;
    overflow: hidden;
    color: #999
}

 #classDetail_in {
     background-color: #F8F8F8;
 }

#classDetail_in .fixed-header {
    /* position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1 */
}

#classDetail_in .filters, #classDetail_in .filtering {
    /* position: absolute;
    left: 0;
    right: 0;
    top: 0; */
    -webkit-transition: -webkit-transform 200ms;
    transition: -webkit-transform 200ms;
    transition: transform 200ms;
    transition: transform 200ms, -webkit-transform 200ms
}

#classDetail_in .filters {
    padding-left: .32rem;
    background-color: #fff;
    color: #888;
    font-size: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

#classDetail_in .filters ul {
    font-size: .28rem;
    border-bottom: 1px solid #f3f3f3;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: .24rem;
    padding-left: 0;
}

#classDetail_in .filters ul.states {
    border-bottom: 0
}

#classDetail_in .filters li {
    display: inline-block;
    margin-bottom: .24rem;
    color: #333
}

#classDetail_in .filters li.active {
    color: #ff9966;
    border: 1px solid #ff9966;
    border-radius: .24rem
}

#classDetail_in .filters li {
    border: 1px solid #fff;
    padding: .05rem .15rem;
}

#classDetail_in.shrink .filters {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

#classDetail_in.shrink .filtering {
    -webkit-transform: translateY(0.88rem);
    transform: translateY(0.88rem)
}

#classDetail_in .content {
    background-color: #fff;
    -webkit-transition: -webkit-transform 200ms;
    transition: -webkit-transform 200ms;
    transition: transform 200ms;
    transition: transform 200ms, -webkit-transform 200ms;
    margin-top: .12rem
}

#classDetail_in.shrink .content {
    -webkit-transform: translateY(0px) !important;
    transform: translateY(0px) !important
}

#classDetail_in.shrink .fixed-header {
    position: fixed
}

#classDetail_in.fixed .fixed-header {
    top: 0;
    position: fixed
}

#classDetail_in.fixed .filters {
    top: .88rem
}

.tags-wrapper ul .active{
    width: auto;
}
#classDetail_in .info {
    margin: .24rem;
    height: .7rem;
    line-height: .7rem;
    color: #777;
    text-align: center;
    font-size: .3rem
}

/*.listBig-li:after {
    content: " ";
    position: absolute;
    bottom: 0;
    height: 1px;
    background-color: #f3f3f3;
    left: .32rem;
    right: 0;
    z-index: 1000
}*/

#classDetail_in .listBig-li > a {
    display: block;
    position: relative;
    overflow: hidden;
}

#classDetail_in .listBig-li > a .big-wrap {
    border-bottom: 0
}


#page-cover {
    background: #f8f8f8
}

#page-cover section {
    background: #fff
}

#page-cover .comment {
    padding-bottom: 0
}

#page-cover .comment-content {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

#page-cover .cover-about, #page-cover .cover-author-other-books, #page-cover .cover-related-books, #page-cover .cover-comments {
    margin-bottom: .16rem
}

#page-cover .modular-link {
    border-top: 1px solid #f3f3f3
}

#page-cover .listsmall-ul li.active {
    background: #f7f7fa
}

#page-cover .listsmall-ul li:last-child .big-wrap {
    border: 0 none
}

#page-cover .comments-list {
    padding: 0;
    margin: 0;
}

.cover-download-tip {
    padding: .32rem;
    text-align: center
}

.cover-download-tip p {
    font-size: .32rem;
    color: #333;
    margin-bottom: .2rem
}


.cover-header-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    font-size: .28rem;
    color: #999;
    line-height: .4rem;
    overflow: hidden;
    margin-right: .6rem;
}

.cover-header-info.two-line-title .cover-book-author {
    padding-bottom: .08rem;
}

.cover-header-info.two-line-title .cover-book-classify-etc {
    margin-bottom: .08rem
}

.cover-book-title {
    font-size: .32rem;
    color: #333;
    line-height: .4rem;
    height: .4rem;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.cover-book-author {
    color: #999;
    padding: .1rem 0 .1rem
}

.sq-bookshelf-books li:nth-child(3n+2){
    margin: 0 .53rem;
} 
.cover-book-classify-etc {
    margin-bottom: .16rem
}

.cover-fn-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}

.cover-fn-buttons .bs-button {
    width: 2.53rem;
    margin: .5rem auto;
}


.cover-mate {
    margin-bottom: .16rem
}

.cover-book-desc {
    position: relative;
    margin: 0 .32rem;
    padding-top: .28rem
}

.cover-book-desc p {
    line-height: .44rem;
    font-size: .28rem;
    color: #626262;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4
}

.cover-book-desc i {
    height: .3rem;
    width: .14rem;
    display: inline-block;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAsCAYAAAB/nHhDAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAGISURBVFjDzdi/K0VhGAdwLmJXUgalKIPhDhaDRcnC4C4sJpPJZFPf7/Oezq1zSzqDuqVuWeiWxcJ2/weDMihSSol0E+7FazHodt7pPI+ceudPz3mf8/w4Xd77AskUQJPkUa1WG+jSfEjuAPC/zmmapv1qAIBmB+BJnlSr1T6tCM46gZ9z3Gg0enMDcRwPkjwPIIf1er0nN1KpVIZIXmQhJA+894XcSJIkwwAuA8i+9747NxJF0QiAqwCyp3LpURSNkrwOILsqSLlcHgNwG0ASFcQ5N07yLpBdTguZBHAfiGRbBRGRKZIPWYiIbGkhRZKPAWRTC5kG8BxANrRSeCZQHL9EZF0LmQXwkhHJp4isaVXgOQCvWQjJVa0UXiD5loG0SZa0Ilkk2cq4k5ZzbkkrkmUA7YxI3p1z81opvELyIwO5+f8AyZLZKzK9ZNM0Nf3QTEuFabEzLdciUgTwZNJwTFumadOP43jCbGwxHbxMR0fT4dd0fDddQMxXKPMl8C/WWNtF3PpXwjeBsCO9VR743wAAAABJRU5ErkJggg==);
    -webkit-background-size: .1rem .18rem;
    background-size: .1rem .18rem;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.cover-book-desc.opened i {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.cover-book-desc.opened p {
    display: block
}

.cover-book-desc .extend-button {
    display: none;
    position: absolute;
    right: 0;
    bottom: -.06rem;
    width: 1.28rem;
    height: .44rem;
    line-height: .56rem;
    padding-right: .18rem;
    text-align: right;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(70%, #fff), color-stop(70%, #fff));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 70%, #fff);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 70%, #fff)
}

.cover-book-directory, .cover-book-latest-chapter {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 1.08rem;
    padding: 0 .32rem;
    font-size: .24rem;
    color: #999
}

.cover-book-directory.active, .cover-book-latest-chapter.active {
    background: #f7f7fa
}

.cover-book-latest-chapter:after {
    content: '';
    border-bottom: 1px solid #f2f2f2;
    position: absolute;
    bottom: 0;
    left: .32rem;
    right: .32rem
}

.cover-icon {
    display: block;
    height: .36rem;
    width: .36rem;
    margin-right: .16rem;
    vertical-align: middle
}

.icon-dir {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAABGdBTUEAALGPC/xhBQAAAa1JREFUeNrt2rFKw0Acx/G+kw8ggpuDi4OTCi4+gXPSJm0heYaOHTslpEhAyFQwIrqo0Wqxs7o4CErS+29yTUkxiCT5Dj8I/9wN94FccuHfyrJsg6xOCwSAAAIIIIAAAgggAhBAAAEEEEA1BxqPxwe2bT+applK5FpqeZMHg4HVbrffDcPIqh7Lsl48zzsuBFIgU32y1PRxSZJsq3tfdcD5sc7nQqBVk/Vxvu8f1Qln1TqXgNRj9a1Pkpo+LgiCw7rh5K1zCajf71/pE6Wmj5vP55tq//moE1Cv17spBIrjeMd13TP1PD5I5FpqeZv0aDQ6UXiXspFXPY7jnE8mk11e83wHAQQQQAABBBABCCCA/gMoiqI9db66UAfRV4lcSy1v8nA4PFXnmKdOp/NW9aiD6nUYhvuFQN1u91Y/5UpNHzebzbZM0/ys02lerfN+nf9Bac5/krQh/4NSgMoCNfkRU/vpHZt02U2aAAQQQAABBBBAABGAAPoDoF82L0wrnvWbF2h/oYGqXAMVLXg0cZZr4qQNmNc830EAAQQQQAABRAACCCCAAAIIIICanAW0tp2kADVFwwAAAABJRU5ErkJggg==);
    -webkit-background-size: 100% 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 0 -1px
}

.icon-right-arrow {
    height: .3rem;
    width: .14rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAsCAYAAAB/nHhDAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAGISURBVFjDzdi/K0VhGAdwLmJXUgalKIPhDhaDRcnC4C4sJpPJZFPf7/Oezq1zSzqDuqVuWeiWxcJ2/weDMihSSol0E+7FazHodt7pPI+ceudPz3mf8/w4Xd77AskUQJPkUa1WG+jSfEjuAPC/zmmapv1qAIBmB+BJnlSr1T6tCM46gZ9z3Gg0enMDcRwPkjwPIIf1er0nN1KpVIZIXmQhJA+894XcSJIkwwAuA8i+9747NxJF0QiAqwCyp3LpURSNkrwOILsqSLlcHgNwG0ASFcQ5N07yLpBdTguZBHAfiGRbBRGRKZIPWYiIbGkhRZKPAWRTC5kG8BxANrRSeCZQHL9EZF0LmQXwkhHJp4isaVXgOQCvWQjJVa0UXiD5loG0SZa0Ilkk2cq4k5ZzbkkrkmUA7YxI3p1z81opvELyIwO5+f8AyZLZKzK9ZNM0Nf3QTEuFabEzLdciUgTwZNJwTFumadOP43jCbGwxHbxMR0fT4dd0fDddQMxXKPMl8C/WWNtF3PpXwjeBsCO9VR743wAAAABJRU5ErkJggg==);
    -webkit-background-size: .1rem .18rem;
    background-size: .1rem .18rem;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: .1rem
}

.cover-mate-title {
    font-size: .28rem;
    color: #333
}

.cover-mate-text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    padding: 0 .32rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    height:.24rem;

}

.avatar, .avatar-smaller, .avatar-small, .avatar-medium, .avatar-large {
    border-radius: 50%;
    vertical-align: middle;
    display: inline-block
}

.avatar {
    width: 1rem;
    height: 1rem
}

.avatar-smaller {
    width: .26rem;
    height: .26rem
}

.avatar-small {
    width: 27px;
    height: 27px;
}

.avatar-medium {
    width: .8rem;
    height: .8rem
}

.avatar-large {
    width: 1.12rem;
    height: 1.12rem
}

.badge-top::before {
    display: inline-block;
    content: "置顶";
    vertical-align: top;
    height: 0
}

.user-info-line {
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.user-info-line .user-info-name {
    line-height: .4rem;
    height: .4rem;
    color: #999;
    vertical-align: middle;
    display: inline-block;
    font-size: .24rem
}

.user-info-line[data-user-role=author] .user-info-name {
    color: #70a7e3
}


.user-info-line .user-info-privilege {
    vertical-align: middle;
    display: inline-block;
    font-size: 0
}

.user-info-line .user-info-privilege .badge-author {
    display: none
}

.comment-pub-time {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    display: inline-block;
    height: .32rem;
    line-height: .32rem;
    color: #999;
    font-size: .24rem;
    max-width: 100%;
    vertical-align: text-bottom
}

.comment-operation {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    display: inline-block;
    height: .32rem;
    line-height: .32rem;
    color: #999;
    font-size: .24rem;
    max-width: 100%;
    vertical-align: text-bottom
}

.comment-operation[data-operation-status]::before {
    display: inline-block
}

.comment-operation[data-operation-status=off] {
    color: #999
}

.comment-operation[data-operation-status=off]::before {
    content: "设为"
}

.comment-operation[data-operation-status=on] {
    color: #999
}

.comment-operation[data-operation-status=on]::before {
    content: "取消"
}

.comment-content {
    font-size: .28rem;
    color: #333;
    position: relative;
    line-height: .44rem;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    max-height: 440rem;
    word-break: break-word
}

.comment-content[data-max-lines][data-expandable=true].comment-collapsed, .comment-content[data-max-lines][data-expandable=true].comment-expanded {
    display: inline-block;
    max-height: 440rem
}

.comment-content[data-max-lines="3"][data-expandable=true] {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    max-height: 1.32rem
}

.comment-content[data-max-lines="2"][data-expandable=true] {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-height: .88rem
}

.comment-content .comment-ellipsis {
    display: none;
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, #fff), color-stop(50%, #fff));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 50%, #fff);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%, #fff);
    text-align: right;
    width: 2em
}

.comment-content[data-expandable=true] .comment-ellipsis {
    right: .44rem
}

.comment-content[data-expandable=true] .comment-expander {
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAMBAMAAACU11D1AAAAA3NCSVQICAjb4U/gAAAAHlBMVEWZmZn19fWrq6v///+pqamtra2vr6/39/ezs7OxsbGQwZ74AAAACXBIWXMAAAsSAAALEgHS3X78AAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNi8wNC8xNZsegMMAAABVSURBVAiZLYmxCYBAEAQXQXPfL+AFA9NjG7AEMyswMLZ/8PbXiYYZ3AtN7DjX3+uEMnjEcSGaRx1f0CMzQY/M6X0oyzWU5Tlm5e7RNuXuLFC2x6PMD728GJucotNbAAAAAElFTkSuQmCC) center center no-repeat;
    display: none;
    position: absolute;
    bottom: 0;
    right: 0;
    width: .44rem;
    height: .44rem;
    -webkit-background-size: 50% 50%;
    background-size: 50%
}

.comment-content.comment-collapsed {
    -webkit-transition: max-height 150ms linear;
    transition: max-height 150ms linear
}

.comment-content.comment-collapsed[data-expandable=true] .comment-expander, .comment-content.comment-collapsed .comment-ellipsis {
    display: inline-block
}

.comment-header {
    font-size: 0;
    position: relative;
    height: .48rem
}

.comment-header .user-info-line {
    margin-left: .24rem
}

.comment-header .comment-status {
    display: inline-block;
    vertical-align: middle
}

.comment-header .comment-score {
    float: right;
    display: -webkit-box;
    height: 100%;
    -webkit-box-align: center
}

.comment-header .reply-status {
    float: right
}

.comment-footer {
    position: relative;
    height: .32rem
}

.comment-footer .comment-operation {
    float: right;
    margin-right: .48rem
}

.comment-footer .comment-stats {
    display: inline-block;
    height: 100%;
    float: right
}

.comment-footer .comment-stats .comment-count {
    margin-left: .24rem
}

.comment, .comment-primary {
    position: relative;
    padding: .4rem 0
}

.comment .comment-header, .comment-primary .comment-header {
    padding: 0 .32rem
}

.comment .comment-body, .comment-primary .comment-body {
    padding: .08rem .32rem .16rem 1.04rem
}

.comment .comment-body .comment-source, .comment-primary .comment-body .comment-source {
    margin-top: .16rem
}

.comment .comment-footer, .comment-primary .comment-footer {
    padding: 0 .32rem 0 1.04rem
}

.reply-status {
    float: right;
    height: .36rem
}

.reply-header {
    position: relative
}

.reply-header {
    margin-bottom: .11rem
}

.reply-to {
    color: #999;
    display: inline-block;
    line-height: .44rem;
    font-size: .28rem
}

.reply-to::before {
    display: inline-block;
    content: "回复";
    color: #333
}

.reply-to::after {
    display: inline-block;
    content: ":";
    color: #333;
    margin-right: .5em
}

.reply-content {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size: .28rem;
    color: #333;
    position: relative;
    line-height: .44rem;
    max-height: 1.43rem;
    word-break: break-word
}

.reply {
    position: relative;
    border-left: .08rem solid #f9f9fb;
    padding: .24rem .32rem .32rem .24rem
}

.comment-primary .comment-body {
    padding: .24rem .32rem
}

.comment-primary .comment-body .comment-content {
    font-size: .3rem
}

.comment-primary .comment-footer {
    padding-left: .32rem
}

.comment-item {
    position: relative;
    padding-left: .32rem
}

.comment-item .comment, .comment-item .comment-primary {
    margin-left: -.32rem
}

.comment-item .reply {
    margin-left: .72rem;
    margin-bottom: .4rem
}

.comment-item:after {
    content: "";
    display: -webkit-box;
    width: 100%;
    height: 1px;
    min-height: 1px;
    background: #f3f3f3
}

.comment-item:last-of-type:after, .comment-item.comment-no-separator-line:after {
    display: none
}

.comments-list {
    position: relative
}

.comments-list .comment-placeholder:first-child:last-child {
    display: inline-block;
    padding: 0;
    width: 100%
}

.book {
    width: 33%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-flex: 1
}

.book:last-of-type {
    margin-right: 0
}

.book .book-cover, .book .book-cover-xiaoshuo {
    display: -webkit-box;
    width: 100%;
    /* padding-top: 133.33333%; */
    -webkit-box-flex: 2;
    -webkit-box-orient: vertical;
    position: relative;
    overflow: hidden;
    box-shadow: 2px 2px 10px -5px rgba(0, 4, 8, 0.2);
}

.book .book-cover::before {
    content: ' ';
    display: inline-block;
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* border: .01rem solid rgba(0, 0, 0, .1); */
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 105%;
    /*z-index: 2 ;*/
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 67%,rgba(0,0,0,0.24) 79%,rgba(0,0,0,0.65) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(67%, rgba(0,0,0,0)),color-stop(79%, rgba(0,0,0,0.24)),to(rgba(0,0,0,0.65)));
    background: -o-linear-gradient(top, rgba(0,0,0,0) 67%,rgba(0,0,0,0.24) 79%,rgba(0,0,0,0.65) 100%);
     background: linear-gradient(to bottom, rgba(0,0,0,0) 67%,rgba(0,0,0,0.24) 79%,rgba(0,0,0,0.65) 100%);
}


.book .book-cover-img {
    width: 2.2rem;
    height: 2.62rem;
}

.book:last-of-type {
    margin-right: 0
}

.books-group-4 {
    margin: 0;
    /*text-align: center;*/
    display: block;
    overflow: hidden;
    display: -webkit-box;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
}
.book-title{
    text-align: center;
}
.book a{
    width: 100%;
    display: block;
    /*margin: 0 auto;*/
}

.books-group-4n {
    padding-top: 0.1rem;
    background-color: white;
}

.books-group-4n ul {
    padding: 0;
}

.books-group-4n .books-group-4:nth-of-type(n+2) {
    padding-top: 0
}
.user-read-log{
    padding-bottom: 1.5rem;
}
#bookshelf{
    padding-bottom: .5rem;
}
.books-group-4n .books-group-4 .book .book-title, .books-group-4n .books-group-4 .book .book-author, .books-group-4n .books-group-4 .book .book-price {
    font-size: .26rem
}

.books-group-ul {
    /*padding: .12rem .12rem 0 .12rem;*/
}
.books-group-ul li {
    width: 100%;
    margin-right: .15rem;
}
.books-group-ul li img {
    width: 100%;
    height: 3.2rem;
}

.book-rank-carousel {
    overflow: hidden
}

.book-rank-carousel .book-rank-carousel-header {
    text-align: center;
    font-size: .24rem;
    color: #22B48D;
    display: -webkit-box;
    padding: .32rem .32rem 0
}

.book-rank-carousel .book-rank-carousel-header .book-rank-carousel-title {
    display: -webkit-box
}

.book-rank-carousel .book-rank-carousel-header::before, .book-rank-carousel .book-rank-carousel-header::after {
    display: -webkit-box;
    content: " ";
    -webkit-box-flex: 2;
    border-bottom: 1px solid #f3f3f3;
    position: relative;
    height: .14rem
}

.book-rank-carousel .book-rank-carousel-header::before {
    margin-right: .4rem
}

.book-rank-carousel .book-rank-carousel-header::after {
    margin-left: .4rem
}

.book-rank-carousel .book-rank-carousel-panel {
    display: -webkit-box;
    -webkit-transition: all .3s
}

.book-rank-carousel .book-rank-carousel-panel .bookrank-wrap {
    display: list-item !important;
    list-style: none
}

.book-rank-carousel .book-rank-carousel-indicator {
    display: block;
    margin: 0 .32rem .32rem;
    text-align: center
}

.book-rank-carousel .book-rank-carousel-indicator li {
    width: .1rem;
    height: .1rem;
    margin-right: .1rem;
    border-radius: 50%;
    display: inline-block;
    background-color: #e6e6ed;
    font-size: 0
}

.book-rank-carousel .book-rank-carousel-indicator li:last-of-type {
    margin-right: 0
}

.book-rank-carousel .book-rank-carousel-indicator li.on {
    background-color: #22B48D
}

.book:last-of-type {
    margin-right: 0
}

.book:last-of-type {
    margin-right: 0
}

.book .book-price .book-price-limited-time-free {
    color: #ffa472;
    float: right
}

.hover .book-cover {
    background: rgba(0, 0, 0, .8)
}

.hover .book-cover img {
    opacity: .7
}

.books-list {
    position: relative;
    padding: 0 0 0 .32rem
}

.books-list .books-list-item:last-child {
    border-bottom: 0
}

.books-list .books-list-item {
    padding: .32rem .32rem .32rem 0;
    border-bottom: 1px solid #f3f3f3
}

.books-list .books-list-item:first-of-type {
    border-top: 1px solid #f3f3f3
}

.books-list .books-list-item.active, .books-list .books-list-item.hover {
    background-color: #f0f0f2
}

.books-list .books-list-item .books-list-item-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: .3rem;
    height: .4rem;
    margin-bottom: .16rem
}

.books-list .books-list-item .books-list-item-title .books-list-item-title-text {
    color: #000;
    line-height: .4rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all
}

.books-list .books-list-item .books-list-item-title .tags {
    display: inline-block
}

.books-list .books-list-item .books-list-item-desc {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    font-size: .24rem;
    line-height: .32rem;
    height: .32rem;
    color: #6f6f6f;
}

.books-group-with-list {
    position: relative
}

.book .book-title, .book .book-author, .book .book-price {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    display: block;
    font-size: .24rem;
    line-height: .32rem;
    height: .32rem;
    /* text-align: left */
    text-align: center;
}

.book .book-author {
    color: #999
}

.book .book-title {
    color: #000;
    width: 100%;
    margin: .16rem 0 0;
    line-height: .26rem;
    height: .26rem;
}

.book .book-price {
    color: #999
}

.book .book-price .book-price-saved {
    text-decoration: line-through
}

.book .book-price .book-price-limited-time-free {
    color: #ffa472;
    float: right
}

.hover .book-cover {
    background: rgba(0, 0, 0, .8)
}

.hover .book-cover img {
    opacity: .7
}

.listsmall-ul {
    overflow: hidden
}

.listsmall-ul li {
    padding: .1rem;
    position: relative
}

.listsmall-ul li:last-child > div {
    border-bottom: 0
}

.listsmall-ul li .listbook-rank {
    display: none;
    overflow: hidden;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    text-align: center;
    height: 1rem;
    position: absolute;
    right: .32rem;
    z-index: 1;
    font-size: 1.12rem;
    color: #e6e6ed;
    top: .54rem;
    font-weight: 500
}

.listsmall-ul li.hover, .listsmall-ul li > a.hover {
    background-color: #F7F7FA
}

.listsmall-ul li.hover .listbook-rank, .listsmall-ul li > a.hover .listbook-rank {
    display: block
}

.listsmall-ul li.hover .view, .listsmall-ul li > a.hover .view {
    display: none
}

.listsmall-ul .big-wrap {
    padding: .2rem .32rem .2rem 0;
    display: -webkit-box;
    border-bottom: 1px solid #f3f3f3
}

.listsmall-ul .listbook-cove {
    margin-right: .32rem;
    width: 1.12rem;
    height: 1.48rem;
    position: relative;
    overflow: hidden;
    background: url("data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QMxaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0NSA3OS4xNjM0OTksIDIwMTgvMDgvMTMtMTY6NDA6MjIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkYwNUMwRUZEMkRFMDExRTk5MEJCODdDNzYwNDEyOEI5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkYwNUMwRUZFMkRFMDExRTk5MEJCODdDNzYwNDEyOEI5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjA1QzBFRkIyREUwMTFFOTkwQkI4N0M3NjA0MTI4QjkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjA1QzBFRkMyREUwMTFFOTkwQkI4N0M3NjA0MTI4QjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAAGBAQEBQQGBQUGCQYFBgkLCAYGCAsMCgoLCgoMEAwMDAwMDBAMDg8QDw4MExMUFBMTHBsbGxwfHx8fHx8fHx8fAQcHBw0MDRgQEBgaFREVGh8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx//wAARCACoAIADAREAAhEBAxEB/8QAdwABAAIDAQEAAAAAAAAAAAAAAAQFAQMGAggBAQAAAAAAAAAAAAAAAAAAAAAQAAICAQIDAwoEAwkAAAAAAAABAgMEEQUhMRJxExVBYZGx0SIyUiM1UZJTFIFCVKHhYsKDJHSURREBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8A+lwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADDaS1fBLmwKbK3yzrccZJQX88lq3/ACP4zuHzr8qAeM7h86/KgHjO4fOvyoB4zuHzr8qAeM7h86/KgHjO4fOvyoDfjb5cppZCU4PnKK0aAuoyjKKlF6xa1T8zAyAAAAAACNuUnHAva59OnpaQHMrTVa8gLdbZtyx4t3zlZfrKlqt6qEfifRry84EavBxLruinKcoRhKyybra0UdPJrxA1Xx22NTjRZbbbrwm0ow07OLA3bftORlSqm4f7aUtJyUop6J6Pg+IHjN2vLxnKUofS6nGD1Um1x04LzAYwsSNteVKyMtaqnOvmve1QEQDo9ok5bfXr5OpLsTAmAAAAAAAi7p9vv7F60BzQHRYGUnbGM86q3prkoxVXFJR+ZryARoZlcFflwvhbKuru6/pxr9+x/L5UkgPGVnXPasefudd7sja1COuiei8nADXtktujfjvS6WUpLSK6Ohy14cwMztw45beJZdRlSscZTs6eiPU9JctQJOPmbnB59V90nZRVJx18kk1xQFJOcpzlOb1lJtyb8rYHQ7N9vh2y9YE0AAAAAAEXdPt9/YvWgOaAucBwhtKm5xqk75R63V3ra6Vw004AZ/dR/rIf8AT/uA1bz0vFw5qSm5KzWxQ7vq0a/lAbPkZKvx6o48JVda1t7vWSTfPrAxukc+ULJW4sKqI2PS1QUJPi0uPN6gMXKsya82diXVHE6HJc30tcX5wKsDotm+3w7ZesCaAAAAAACLun2+/sXrQHNASadyzKKO5ptdcOpz93g9WtOYHrxfcv6qfpA15Odk5Ua43z7zu9elvnx56sD1DPz4VRqrunGuPCMYvRf2AabLL7HrZKc3/ibfrAkW7nn2UOiUvpySUlGKTaX4tICIB0Wzfb4dsvWBNAAAAAABF3T7ff2L1oDmgJdO7ZlNUaq3Dojy1hFv8ebQE/cd0yqP2yr6E7KI2Wawi9ZS18wFblbhkZSjG1xai9V0xUefYBOwLt1eGpVZNdOPXLu13jiuPPTimBPjduFVF0L82j9zJR7nWUUop8XL4fKuQGmct+jKUHmUuyEXJ1px6tEteXT+AFDOcrJynJ6ym3KT87A6HZvt8O2XrAmgAAAAAAi7p9vv7F60BzQFjVuufbbCqEanObUYru482BZX7hJ2Z6goSji1xVbcE/eTSkBUXbtlW1Srmq1Ga0ekIp+lAe//AAJf8n/IBOzq1K5N7bPJ+nD6qlNJ+6vwWnABZ9+yOGn0JcP9JAUS5AdFs32+HbL1gTQAAAAAARdzTeBel8uvoaYHNAWSvw9vg/2s/wBxmSWnf6aQgn8uvNga9tso6Mqm61Vd/X0xslq1qnrx0A9xrwcbHyJPIryLbIdFUIxfBt/FxXkAzjPCntEqci/un3/UlFdUvh05fgBuysjAut64591S6Yx6Iwlp7q015oDb+42yzOtyo5L65VSioSh0r4On4mBRLkB0W0Jrb69fK5NfxYE0AAAAAAGGk001qnwa8zAo8rZb4Tbx/qVvlHXSS83ECP4XuH6D9K9oDwvcP0H6V7QHhe4foP0r2gPC9w/QfpXtAeF7h+g/SvaA8L3D9B+le0DfjbLkzmu++lX5eKcn2aAXkIRhCMIrSMVol5kB6AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP//Z");
    -webkit-background-size: 1.12rem 1.48rem;
    background-size: 1.12rem 1.48rem
}

.listsmall-ul .listbook-cove:before {
    content: ' ';
    display: inline-block;
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #d4d4d4;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    opacity: .5;
    z-index: 2
}

.listsmall-ul .listbook-cove.book-cover-label::after {
    content: ' ';
    display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    width: .36rem;
    padding-top: .56rem;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3
}


.listsmall-ul .listbook-info {
    -webkit-box-flex: 1
}

.listsmall-ul .listbook-info h3 {
    color: #333;
    font-size: .32rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    height: .36rem;
    line-height: .36rem;
    margin-bottom: .22rem
}

.listsmall-ul .listbook-info p {
    font-size: .24rem;
    color: #999;
    line-height: .3rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    max-height: 100%;
    height: .32rem
}

.listsmall-ul .book-tag {
    font-size: 0;
    margin-top: .22rem;
    height: .4rem;
    overflow: hidden;
    line-height: .34rem
}

.listsmall-ul .book-tag span {
    font-size: .2rem;
    line-height: .36rem;
    border: 1px solid rgba(153, 153, 153, .3);
    border-radius: .04rem;
    padding: 0 .12rem;
    margin-right: .08rem;
    color: #999;
    display: inline-block
}

.listsmall-ul .book-tag .wj {
    color: #22B48D;
    border-color: rgba(0, 201, 141, .3)
}

.listsmall-ul .book-tag .lz {
    color: #499fff;
    border-color: rgba(73, 159, 255, .3)
}

.listsmall-ul .book-cover-img {
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    height: 100%
}

.listsmall-ul .author_wrap {
    display: -webkit-box;
    -webkit-box-align: center;
    padding-right: .32rem;
    position: relative
}

.listsmall-ul .author_wrap .authorinfo {
    -webkit-box-flex: 1;
    margin-right: .56rem;
    display: -webkit-box;
    -webkit-box-align: center
}

.listsmall-ul .author_wrap .authorinfo .author {
    height: .32rem;
    line-height: .32rem;
    font-size: .24rem;
    color: #999;
    -webkit-box-flex: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    margin-top: 10px;
}

.listsmall-ul .author_wrap .authorinfo .level-base {
    width: .48rem
}

.listsmall-ul .author_wrap .timebox {
    position: relative;
    padding-left: .34rem;
    font-size: .2rem;
    color: #999
}

.listsmall-ul .author_wrap .timebox::before {
    content: '';
    display: inline-block;
    position: absolute;
    width: .3rem;
    height: .3rem;
    left: 0;
    top: -.06rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAARVBMVEUAAACZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZkBVNYgAAAAFnRSTlMAHaTz+bl35KeXWMNwTEsGCJhO1ykNOOnArgAAALJJREFUOMvNklcShDAMQ9dOhdC26f5H3Yoozgy/6CvYb4QT63IySQzJu3uIUm9nj1m5gtwcoINMz8eggGv3/Q5QoZkC3bbfAtf1dwNsPMSh+Z1KmQm3nkOh/xPAUl4ZALIAS41AfBsQWFwjgYDeAj0CgQSxgCAR8JgsMMJXga8KAfOLQkCQzJAUhzTXpHhN8yj1WoZag2yWRXFZh+s+DoyN3DgKI2dCCxPaWux9+sT+XHoB4j0L3SApdwUAAAAASUVORK5CYII=);
    background-position: 0 0;
    -webkit-background-size: .3rem auto;
    background-size: .3rem auto
}

.listsmall-ul .author_wrap .view {
    left: .3rem;
    width: 1.1rem;
    padding-left: .4rem;
    color: #999;
    font-size: .24rem;
    line-height: .24rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    position: relative;
    display: inline-block
}

.listsmall-ul .author_wrap .view::before {
    content: '';
    width: .32rem;
    height: .32rem;
    display: inline-block;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAALEgAACxIB0t1+/AAAA/RJREFUeNrtWkloVEEQTVxw32LwoBFUcMnRPYgbGNGLGEFFJXrJRVFccDm4IXiJ60FFM5klzpgBCQqCOCgKcxCSU6KggivuKGhGTIJmMRlfYQszxZ8///f/f5b8Lih6Jpmqrq2rq7u6oECBAgUKFChQoECBAgUKbIS6urqhPp9vqdfr3VtbW3sReMfj8TzD+BFjDGMXxh6MPzB+Aj7H5/vAGtAcxLiqvr5+dF4pDaFnAI9CmUahYNwi9gIfg9cpGGVuTiodiUSGQLgqCNpig8Lp8DVFB8YxOaE4BDkE73zNgOJJiDnbgGewzMZmRXkIUQF8Y0DQVuANfN4Pz1UiJ6z2+/3zIPiUUCg0gvIE/l6Cv8/GuBK4Gb/dDZqQyAvpjPENv90ej8cLM6I4JSVMGNRbs/j/XeABUgqCDbAyH4w1Ezx3CCN26sz7IBgMTnLa67NoDaYQoAd4lX7j1PwwxkQY4hywI1W0IYKWO5Xdl4ntik/cDbxMIZ2p5QdPj4csJzHvTw0jdNFSs9vzc4DtGsq/R5gvyFYSDgQC0yBDc4pluM6WSWDNqVpZnooaKF+UCzsRFU4a8v0GLrLq+WIweaFh4WMyWRd0g2HQ9RiviaqvTUTWS+B1fN9ECkk6qlIsx6ScYCkngcEtDeVPSAq4FvxeGdg235EhJB22BbR9jOeTaDQ6yDQzhPcaDeFqzPKhbRB01RLFziUZwencwXlR5WjWksPJE0z5poaGhoESUVRtodq7Ihm5IcanAwlzshkDHGHCdMKKpZLVopZiPvArw74+CkYdie/zyePi4MO9t00ieot44iajGA3ZQhC8ZcTHZRKeRtH0BbzKdWgW09bK5v5MESkRBRv5rhAOh8cZsd4KJnS7zMkLNBuYAH16yies4TL87g+LgiqJ3FPIdzDw2WlEcC9PRpIZOcz4eE3QnmXGuy0pwy4mw0MjodPEJi+XTES8flhoIpOX8qUjufWWMD4xI4K3JhLhyDpB0vpJpTMlO5NbZ+Iy6JXZgYQcMWaE4nQE391ugEZXLwHXJ0HXb4OuL4SEFw67thRWh6E8Pw6Dbp/l47C6EEm+fc2LKzHQbrX9SizNpWgkVy5FPf+AO+mX5UtRI9fiZio8h67FW1J0lCv6bWNE3FZnrjGSMLFua0z0DJ1ujZ1P1Rqjgxw5ylHrU/GSrjkKvGd3cxR4U685Si9LHG+O8m3NaHuchCeDUKZObI9TFQgcRkXK//a42Mr2UDEjyuDcao/zDCze8mTlgQTG01l7IKFhCPc9kdECeGS63Y+kwOdRTj+S0jEGPX9ZItb0BeooA59CqQ/i6QwZqLtfPZNToECBAgUKFChQoEBB3sBf6pPdz7S2/8IAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    -webkit-background-size: .32rem .32rem;
    background-size: .32rem .32rem;
    background-position: center center;
    margin-right: .08rem;
    position: absolute;
    top: -.05rem;
    left: 0
}

.listsmall-ul .author_wrap .shelf {
    width: .96rem;
    height: .52rem;
    background: #e6e7ed;
    border-radius: .06rem;
    color: #333;
    line-height: .52rem;
    position: absolute;
    right: 0;
    text-align: center;
    font-size: .24rem;
    top: -.1rem
}

.listsmall-ul .author_wrap .shelf[data-operation-status=on]:after {
    content: "加书架"
}

.listsmall-ul .author_wrap .shelf[data-operation-status=off] {
    pointer-events: none
}

.listsmall-ul .author_wrap .shelf[data-operation-status=off]:after {
    content: "已添加";
    color: #C6C7CC
}

.listsmall-ul .author_wrap .shelf.hover {
    background: #CDCED4
}

.listsmall-ul .vote-line {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: .16rem;
    font-size: .24rem;
    color: #999
}

.listsmall-ul .vote-line p {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    overflow: hidden;
    margin: 0
}

.listsmall-ul .vote-line + .book-tag {
    margin-top: .12rem
}

 #slide .none {
     display: none
 }

#slide > .container.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100
}

#channel-nav .tabs {
    height: .88rem;
    line-height: .88rem;
    display: -webkit-box;
    background: #fff;
    border-bottom: 1px solid #f3f3f3
}

#channel-nav .tabs li {
    -webkit-box-flex: 1;
    color: #333;
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: .28rem
}

#channel-nav .tabs li.on {
    color: #ff9966  ;
    border-bottom: .06rem solid #ff9966
}

#read_in #read-body {
    width: 100%; min-height: 736px; font-size: 20px;
}
#read_in .readtop-box {
    position: fixed;
    z-index: 501;
    top: 0;
    right: 0;
    width: 100%;
}
.read-body p{
    text-indent: 2em;
    margin: .2rem 0;
    /* line-height: .65rem; */
}
.content{
    font-size: .32rem;
    line-height: 2;
}

#read_in .readtopnav, #read_in .readbottomnav {
    background-color: #fff;
    width: 100%;
    position: relative;
    /* height: 48px; */
}
.read-body h3{
    text-align: center;
    padding-top: .3rem;
    margin-bottom: .23rem;
    /* color: #333; */
    font-size: .4rem;
}
#read_in .read-topul , #read_in .read-bottonul{
    width: 100%;
    height: 100%;
    display: flex;
    font-size: 12px;
}
#read_in .readtopnav .title {
    color: #000;
    position: relative;
    text-align: center;
    -webkit-box-flex: 1;
    overflow: hidden;
    line-height: 48px;
    font-size: 12px;
}
.read_bottom{
    padding: .3rem 0 .2rem;
    font-size: .36rem;
    line-height: .4rem;
    /* position: absolute;
    left: 10%;
    bottom:0; */
    width: 80%;
    margin-left: 10%;

}
.read_bottom .catalog{
    display:-webkit-flex;
    display: flex;
    justify-content: space-between;
    color: #000;
}
.read_bottom .catalog img{
    width: .6rem;
    height: .4rem;
}
.read_bottom .report{
    text-align: center;
    color: #8b8b8b;
    font-size: .24rem;
    line-height: .24rem;
    margin-bottom: .4rem;
    margin-top: .5rem;
}
.read_bottom .report span{
    display: inline-block;
}
.read_bottom .report img{
    height: .3rem;
    vertical-align: middle;
}
/* #read_in .library {
    color: #000;
    position: absolute;
    right: 20px;
    top: 8px;
    padding: 2px 5px;
    border-radius: 3px;
    border: 1px solid #1f1f1f;

} */
.mask .library{
    background: rgba(255,255,255,.8);
    position: fixed;
    right: 0;
    top: 100px;
    line-height: 30px;
    padding: 0 20px;
    font-size: 15px;
    border-radius: 15px 0 0 15px;
}
#read_in .rack-btn {
    margin-left: 0px !important;
    height: 30px;
    line-height: 30px;
    border-radius: 2px;
    border: 1px solid #1f1f1f;
    background-color: rgba(48,48,48,.97);
    margin: 9px 10px;
}
#read_in .read-topul span {
    display: block;
    line-height: 30px;
}

#read_in .readbottom-box {
    position: fixed;
    z-index: 502;
    bottom: 0;
    right: 0;
    width: 100%;
    background-color: #fff;
}

#read_in .pagi {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 34px;
    padding: 10px 0;
    margin: 0 28px;
    border-bottom: 1px solid #333;
}

#read_in .pagi .pre, #read_in .pagi .next {
    color: #000;
    float: left;
    font-size: 15px;
    line-height: 34px;
}
#read_in .mp-icon {
    font-family: 'iconfont';
    font-style: normal;
    font-size: 18px;
    /* color: #AFB0BA; */
    color: #333;
}
#read_in .read-bottonul{
    border-top: 1px solid #f2f2f2;
    padding: 0 0 .1rem 0;
}
#read_in .readbottom-box .set-fl{
    padding-bottom: .3rem
}
#read_in .read-bottonul li{
    /* float: left; */
    /* width: 25%; */
    height: 64px;
    text-align: center;
    color: #888;
    overflow: hidden;
    /* color: white; */
    /*line-height: 64px;*/
}
#read_in .list-font {
    font-size: 30px;
}
#read_in .read-bottonul li p{
    line-height: 30px;
}

.book-list .item {
    border-bottom: 1px solid #f2f2f2;
    padding: 0.2rem 0rem;

}
.book-list{
    /*margin-top: -10px;*/
}
.book-list .item:last-child{
    border-bottom:none;
}
.book-list .item a {
    display: block;
    position: relative;
    overflow: hidden;
}
.book-list .min-imgdiv{
    width:35%;
}
.book-list .min-img {
    width: 2rem;
    height: 2.67rem;
    display: block;
    float: left;
}
.book-list .min-list{
    float: left;
    padding-left:0.2rem;
    width: 65%;
}
.book-list .item .t {
    height: .5rem;
    line-height: .5rem;
    font-size: .3rem;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 100px;
    color: #000;
    font-size: .28rem;
    font-weight: 500;
}
.book-list .item .author {
    font-size: 13px;
    color: #666;
    display: block;
    line-height: 24px;
}
.book-list .item .btn {
    padding: 0px;
    position: absolute;
    right: 15px;
    top: 0px;
    font-size: .29rem;
    width: 80px;
    height: .5rem;
    line-height: .5rem;
    text-align: center;
    border: 1px solid #22B48D;
    border-radius: 5px;
    color: #22B48D;
}
.book-list .item .serialize,.book-list .item .finished{
    font-size: .2rem;
    /* line-height: .36rem; */
    padding: 0 .1rem;
    position: absolute;
    right:.3rem;
    top: 0;
    border-radius: .05rem;
    margin-top: .1rem;
    font-size: .22rem;
    line-height: .32rem;
}

.header .mp-icon{
    font-size: .3rem;
}
.book-list .item .serialize
{
    color:#949494;
    border:1px solid #f2f2f2
}
.book-list .item .finished
{
    color:#909d67;
    border:1px solid #e5e5e7
}
.go_home{
    position: absolute;
    right: .3rem;
    top: .3rem;
}
.tags {
    margin-top: .5rem;
    padding: 0;
    position: absolute;
    right: .1rem;
}
.min-list-author{
    margin-top: .5rem;
    padding: 0;
    position: absolute;
    /*left: .1rem;*/
    color: #888;
    font-size: .22rem;
    font-weight: 300;
    line-height: .3rem;
    height: 1.1rem;
}
.tags li{
    float: left;
    font-size: .22rem;
    font-weight: 300;
    line-height: .32rem;
    padding: 0 .1rem;
    /*margin-right: .2rem;*/
}
.go_home img{
    width: .5rem;
    height: .5rem;
}
.sns_time{
    font-size: .24rem;
}
.book-list .item p {
    font-size: .24rem;
    color: #8f8f8f;
    line-height: .36rem;
    height: 1.1rem;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: .1rem 0 0 0;
    font-weight: 300;
}

.finish-tag {
    color: #22B48D;
}
.serialize-tag {
    color: #70a7e3;
}

.more{
    float: right;
    font-size: .24rem;
    line-height: .3rem;
    color: #888;
}
.exchange {
    margin: .27rem .2rem 0 0;
    border: 1px solid #ddd;
    border-radius: 0.3rem;
    padding: .05rem .05rem 0.02rem .15rem;
}
.book-cover-desc {
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 15px;
}
.header-line a{
    color: #ff9966;
    margin-right: 10px;
}

.header-line a:active{
    color: #ff9966;
}
.header-line a:hover{
    color: #ff9966;
}

.sns_operation {
    height: 16px;
    padding: 13px 0 15px;
    line-height: 16px;
    font-size: 12px;
    overflow: hidden;
    position: relative;
}
.sns_time {
    color: #cbcbcb;
}

.comment-body .reply-user {
    background: #F9F9F9;
    border-color: #F9F9F9;
    color: #aaaaaa;
    padding: 3px 10px;
    font-size: 12px;
    margin: 5px 0;
}

.comment-create .comment-area {
    padding: 20px 15px;
}
.comment-create .comment-content {
    position: relative;
}
.comment-create .comment-content textarea {
    width: 100%;
    height: 120px;
    display: block;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-sizing: border-box;
    color: #666;
    font-size: 14px;
    padding: 12px 14px;
    line-height: 16px;
    margin-top: 16px;
}

.comment-create .book-info {
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-top: 10px;
    padding: 8px 10px 18px 56px;
}
.comment-create .book-info img {
    display: block;
    float: left;
    margin-left: -46px;
    width: 36px;
    height: 48px;
}
.comment-create .book-info .body {
    height: 40px;
    padding: 4px 0;
}
.comment-create .book-info .body .title,.comment-create .book-info .body .text {
    line-height: 20px;
    height: 20px;
}
.comment-create .book-info .body .text {
    font-size: 12px;
    color: #999;
}

/*目录页*/
.book-catalog {
    font-size: 14px;
    color: black;
}
.book-catalog .chapter-range {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: .97rem;
    border-bottom: 1px solid #f3f3f3;
    padding-left: .32rem;
}
.book-catalog .chapter-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.book-catalog .chapter-range .chapter-sort {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .32rem;
}
.book-catalog .icon-sort {
    display: inline-block;
    width: .38rem;
    height: .28rem;
}
.book-catalog .chapter-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: .97rem;
    padding: 0 .44rem 0 .64rem;
    position: relative;
    overflow: hidden;
}
.book-catalog .chapter-item:not(:last-child):after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #f3f3f3;
    margin-left: .64rem;
}


.sq-bookshelf-shelf {
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.sq-bookshelf-shelf .sq-bookshelf-primary-button {
    font-size: .3rem;
    color: #333;
    background-color: #e6e7ed;
    line-height: .44rem;
    padding: .18rem .92rem;
    border-radius: .08rem;
    cursor: pointer
}

.sq-bookshelf-shelf .sq-bookshelf-placeholder-img {
    width: 4.34rem
}

.sq-bookshelf-shelf .sq-bookshelf-placeholder-text {
    font-size: .24rem;
    line-height: .32rem;
    color: #000033
}
.book-comic-nav .tab-nav ul {
    overflow: hidden;
    margin: 0 35%;
    padding: 0;
    display: -webkit-box;
}
.book-comic-nav .tab-nav li {
    width: 50%;
    text-align: center;
    padding-top: .5rem;
    font-size: .35rem;
}
.book-comic-nav .tab-nav .active {
    color: #FF9966;
}
.book-comic-nav .tab-nav .active span{
    color: black;
    border-bottom: 0.08rem solid #FF9966;
    border-radius: 0.06rem;
    display: block;
    width: .3rem;
    margin: 0.09rem auto;
}
#bookshelf .bookshelf-recommend {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin: .2rem;
    padding: .2rem;
    background-color: #f8f8f8;
    border-radius: .1rem;
}
#bookshelf .bookshelf-recommend img {
    height: 1.25rem;
    width: 1rem;
    border-radius: .05rem;
}
#bookshelf .bookshelf-recommend .recommend {
    padding-left: .26rem;
}
#bookshelf .bookshelf-recommend .recommend-title {
    font-size: .30rem;
    padding: .1rem 0;
}
#bookshelf .bookshelf-recommend .recommend-desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    width: 5rem;
    font-size: 0.25rem;
    line-height: 0.29rem;
    padding-top: 0.16rem;
    color: #666;
}

.sq-bookshelf-shelf .sq-bookshelf-books {
    padding: .24rem 0.32rem .48rem;
    width: 100%;
}

.sq-bookshelf-shelf .sq-bookshelf-book-grid, .sq-bookshelf-shelf .sq-bookshelf-generic-grid {
    /* display: inline-block; */
    position: relative;
    width: 1.92rem;
    margin-bottom: 15px;    
    /* padding: .24rem .48rem .24rem 0 */
}
.sq-bookshelf-books{
    display: flex;
    /* justify-content: space-between; */
    flex-flow: wrap;
    padding: 0 .3rem;
}
.sq-bookshelf-books a{
    width:1.92rem;
    display: block;
}
.sq-bookshelf-shelf .sq-bookshelf-book, .sq-bookshelf-shelf .sq-bookshelf-action-button-container {
    display: inline-block;
    position: relative;
    width: 100%;
    z-index: 1;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
}

.sq-bookshelf-shelf .sq-bookshelf-book.sq-bookshelf-book--pressed .sq-bookshelf-book-cover {
    -webkit-box-shadow: transparent 0 0 0;
    box-shadow: transparent 0 0 0
}

.sq-bookshelf-shelf .sq-bookshelf-book-cover-delete-btn {
    display: none;
    width: .4rem;
    height: .4rem;
    padding: .2rem;
    right: 0rem;
    top: -.3rem;
    position: absolute
}

.sq-bookshelf-shelf .sq-bookshelf-book-cover-container, .sq-bookshelf-shelf .sq-bookshelf-action-button {
    position: relative;
    width: 100%;
    padding-top: 132.38636%
}

.sq-bookshelf-shelf .sq-bookshelf-book-cover, .sq-bookshelf-shelf .sq-bookshelf-action-button::before {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: -webkit-box-shadow 100ms ease-in-out;
    transition: -webkit-box-shadow 100ms ease-in-out;
    transition: box-shadow 100ms ease-in-out;
    transition: box-shadow 100ms ease-in-out, -webkit-box-shadow 100ms ease-in-out;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: rgba(0, 0, 0, .11) 0 .04rem .06rem;
    box-shadow: rgba(0, 0, 0, .11) 0 .04rem .06rem;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none
}

.sq-bookshelf-shelf .sq-bookshelf-action-button::before {
    content: '';
    display: inline-block;
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAADwBAMAAADMe/ShAAAAG1BMVEUAAADn5+fm5ubn5+fu7u7t7e3n5+fm5ubm5uYQ4K/cAAAACHRSTlMA5+6oHhyppvhzH1gAAADXSURBVHja7d2xCYMAEIbRK3QCIXEAHcDOUpwguEG6tOnSipDc2NlBAgfhff3xur+9iNM10/UWFa2ZYwn8yDxK4D5zL4EzM8FgMBgMBoPBYDAYDAaDwWAwGAwGg8FgMBgMBoPBYDAYDAaDwWAwGAwGg8FgMPh3cDtlQZcltixpiFcNfERfA+918FwDf2Ktgcdo7hVudzOZYDAYDAaDwWAwGAwGg8FgMBgMBoPBYDAYDAaDwWAwGAwGg8FgMBgMBoPBYDD4D+CyB3Fz5rsE3jKHErh9dsv56y8nDeAoHydmVwAAAABJRU5ErkJggg==) center center no-repeat;
    -webkit-background-size: .6rem .6rem;
    background-size: .6rem
}

.sq-bookshelf-shelf .sq-bookshelf-action-button.sq-bookshelf-action-button--pressed::before {
    -webkit-box-shadow: transparent 0 0 0;
    box-shadow: transparent 0 0 0;
    background-color: #f9f9fb
}

.sq-bookshelf-shelf .sq-bookshelf-action-button-container::after {
    content: '.';
    display: block;
    visibility: hidden
}

.sq-bookshelf-shelf .sq-bookshelf-book-title, .sq-bookshelf-shelf .sq-bookshelf-action-button-container::after {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    width: 100%;
    color: #333;
    font-size: .24rem;
    line-height: .32rem;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none
}
.sq-bookshelf-book-title{
    text-align: l;
}

.sq-bookshelf-shelf[data-bookshelf-editing=true] .sq-bookshelf-book .sq-bookshelf-book-cover-delete-btn {
    display: inline-block
}

.sq-bookshelf-shelf[data-bookshelf-editing=true] .sq-bookshelf-action-button-grid {
    display: none
}

.sq-bookshelf-shelf .sq-bookshelf-book-cover.sq-bookshelf-ani-exit {
    -webkit-animation: ani-async-image-switch-start 100ms ease-out forwards;
    animation: ani-async-image-switch-start 100ms ease-out forwards
}

.sq-bookshelf-shelf .sq-bookshelf-book-cover.sq-bookshelf-ani-enter {
    -webkit-animation: ani-async-image-switch-end 100ms ease-in forwards;
    animation: ani-async-image-switch-end 100ms ease-in forwards
}

.sq-bookshelf-shelf .sq-bookshelf-loading-view {
    display: none;
    margin: auto;
    text-align: center;
    width: 100%;
    font-size: .3rem;
    line-height: .44rem;
    color: #999
}

.sq-bookshelf-shelf .sq-bookshelf-empty-view {
    display: none;
    text-align: center;
    width: 100%;
    padding: .5rem 0
}

.sq-bookshelf-shelf .sq-bookshelf-empty-view .sq-bookshelf-primary-button {
    margin-top: .6rem
}

@media screen and (min-height: 600px) {
    .sq-bookshelf-shelf .sq-bookshelf-empty-view .sq-bookshelf-primary-button {
        margin-top: 1.17rem
    }
}

.sq-bookshelf-shelf .sq-bookshelf-main {
    display: none;
    -webkit-flex-basis: content;
    flex-basis: content;
    width: 100%
}

.sq-bookshelf-shelf[data-bookshelf-view=loading] {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.sq-bookshelf-shelf[data-bookshelf-view=loading] .sq-bookshelf-loading-view {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.sq-bookshelf-shelf[data-bookshelf-view=empty] {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.sq-bookshelf-shelf[data-bookshelf-view=empty] .sq-bookshelf-empty-view {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.sq-bookshelf-shelf[data-bookshelf-view=main] .sq-bookshelf-main {
    display: block
}

/*会员*/
.monthly-pay .btnArea {
    background: #fff;
    padding: 20px 0;
    overflow: hidden;
    text-align: center;
}

.monthly-pay .userArea {
    background: #fff;
    padding: 20px 0;
    overflow: hidden;
    text-align: center;
    border-bottom: 1px #efefef solid;
    line-height: 50px;
    font-size: 0.24rem;

}

.monthly-pay .user_avatar{
    overflow: hidden;
    width: 17%;
    float: left;
}
.monthly-pay .center {
    float:left;
    width: 66%;
}

.monthly-pay .center span {
    float:left;
    width: 100%;
    line-height:27px;
    text-align: left;
    padding-left:15px;
}

.monthly-pay .user_avatar img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.monthly-pay .but{
    width: 17%;
    float: right;
}

.monthly-pay .but .btn{
    background: #ff9966;
    border: none;
}

.monthly-pay .icon-vip{
    font-family: 'iconfont';
    font-style: normal;
    font-size: 37px;
    color: #f5a83f;
    display: block;
}
.monthly-pay .btnArea{
    height: 80px;
    line-height:25px;
    font-weight: normal;
    font-size: 0.24rem;

}
.monthly-pay .but a,.monthly-pay .but a:hover, .monthly-pay .but a:active{
    color: #fff;
}

.monthly-pay .btnArea a{
    float: left;
    width: 50%;
    text-align: center;
}

.monthly-pay .btnArea span{
    text-align: center;
    display: block;
    padding: 5px;
}

.monthly-pay .icon-shuku{
    font-family: 'iconfont';
    font-style: normal;
    font-size: 40px;
    color: #f99469;
    display: block;
}


/*排行*/
#listBox_in .sdlist-cove {
    width: 1.68rem;
    height: 1.6rem;
    position: relative;
    overflow: hidden;
    margin-top: .22rem;
}
#listBox_in .bg1 {
    left: 0;
}
#listBox_in .bg1, #listBox_in .bg3 {
    width: .9rem;
    height: 1.2rem;
    bottom: 0;
    z-index: 1;
}
#listBox_in .bg1 {
    position: absolute;
}
#listBox_in .bg2 {
    width: 1.2rem;
    height: 1.6rem;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    z-index: 2;
}
#listBox_in .bg2 {
    position: absolute;
}
#listBox_in .bg3 {
    right: 0;
}
#listBox_in .bg3 {
    position: absolute;
}

/*阅读页*/
#read_in .set-count .set-bjcolor li div,#read_in .set-count .set-bjcolor li div:after{
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

#read_in .readbottom-box .set-box {
    position: absolute;
    width: 100%;
    z-index: 600;
    bottom: 0;
    /* padding: 0 16px; */
}
#read_in .readbottom-box .set-count {
    background: #fff;
    border-radius: 4px;
    position: relative;
}
#read_in .readbottom-box .set-fl {
    height: 50px;
    line-height: 50px;
    display: -webkit-flex;
    /* color: #d2d4e1; */
    padding: 0 14px;
    margin-bottom:.2rem;
}
#read_in .readbottom-box .set-fl .label {
    margin-right: 21px;
    font-size: 12px;
    line-height: 50px;
}
#read_in .readbottom-box .set-fl {
    height: 50px;
    line-height: 50px;
    display: -webkit-flex;
    /* color: #d2d4e1; */
    padding: 0 14px;
}
#read_in .readbottom-box .set-fl .set-fontul, #read_in .readbottom-box .set-fl .lrturningul {
    display: -webkit-flex;
    -webkit-flex: 1;
}
#read_in .readbottom-box .set-fl .set-fontul .small, #read_in .readbottom-box .set-fl .set-fontul .big {
    position: relative;
    margin-top: 12px;
}
#read_in .readbottom-box .set-fl .set-fontul span {
    width: 45px;
    height: 22px;
    border: 1px solid #fff;
    border-radius: 12px;
    font-size: 16px;
}
#read_in .readbottom-box .set-fl .set-fontul span, #read_in .readbottom-box .set-fl .set-fontul em {
    display: inline-block;
    vertical-align: middle;
}
#read_in .readbottom-box .set-fl .set-fontul em {
    -webkit-flex: 1;
    color: #000;
    font-size: 13px;
    opacity: .8;
    width: 52px;
    text-align: center;
}
#read_in .readbottom-box .set-bjcolor {
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: justify;
    padding: 6px 0;
}
#read_in .readbottom-box .set-bjcolor li {
    position: relative;
    margin-right: 5px;
    border: 2px solid transparent;
}
#read_in .readbottom-box .set-bjcolor li>div {
    width: 34px;
    height: 34px;
    border-radius: 5px;

}

#read_in .readbottom-box .set-fl .set-fontul, #read_in .readbottom-box .set-fl .set-bjcolor, #read_in .readbottom-box .set-fl .lrturningul {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
}

#bookshelf .tab-nav .edit-btn{
    font-size: .27rem;
    position: absolute;
    right: .4rem;
    top: .38rem;
    color: #000;
}
.sq-bookshelf-main img{
    width: .47rem;
    vertical-align: middle;
}
#read_in .readbottom-box .set-bjcolor {
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: justify;
    padding: 6px 0;
}

.er-code{
    padding: 0.1rem;
    border: 0.01rem solid #f0f0f0;
}
.er-code .er-code-p1{
    margin: 0.03rem auto;font-size: 0.5rem;font-weight: 400;
}
#read_in .readbottom-box .set-bja {
    /* background: #f4f4f4; */
    background: url('../image/read_page_bg_0.png') no-repeat;
    width: 100%;
    height: 100%;
}
#read_in .readbottom-box .set-bjb {
    background: url('../image/read_page_bg_1.png') no-repeat;
    width: 100%;
    height: 100%;
}

#read_in .readbottom-box .set-bjc {
    /* background: #d5efd2; */
    background: url('../image/read_page_bg_2.png') no-repeat;
    width: 100%;
    height: 100%;
}

#read_in .readbottom-box .set-bjd {
    /* background: #fec; */
    background: url('../image/read_page_bg_3.png') no-repeat;
    width: 100%;
    height: 100%;
}

#read_in .readbottom-box .set-bje {
    /* background: #383d42; */
    background: url('../image/read_page_bg_4.png') no-repeat;
    width: 100%;
    height: 100%;
}
.head_img{
    width:.75rem;
    height:.75rem;
    border-radius: 50%;
   margin: .1rem 0;
}
#read_in .readbottom-box .set-bjf{
    /* background: #383d42; */
    background: url('../image/read_page_bg_4.png') no-repeat;
    width: 100%;
    height: 100%;
}
.edit-btn span{
    font-size: .24rem;
}
#read_in .readbottom-box .set-bjg{
    /* background: #383d42; */
    background: url('../image/read_page_bg_6.png') no-repeat;
    width: 100%;
    height: 100%;
}
#read_in .readbottom-box .set-bjh{
    /* background: #383d42; */
    background: url('../image/read_page_bg_7.png') no-repeat;
    width: 100%;
    height: 100%;
}
#read_in .readbottom-box .set-bji{
    /* background: #383d42; */
    background: url('../image/read_page_bg_8.png') no-repeat;
    width: 100%;
    height: 100%;
}
#read_in .readbottom-box .set-bjcolor li.active:after {
    /* border: 1px solid #14be7d;
    border-radius: 5px;
    width: 36px;
    height: 36px;
    position: absolute;
    content: ' ';
    left: -2px;
    top: -2px;
    box-sizing: content-box;
    -webkit-box-sizing: content-box; */
}


#read_in .readbottom-box .set-fl .lrturningul {
    padding: 10px 0;
}
#read_in .readbottom-box .set-fl .set-fontul li>div.actiov, #read_in .readbottom-box .set-fl .lrturningul li>div.actiov {
    background: #57b18e;
    border: 1px solid #57b18e;
    color: #fff;
}

#read_in .readbottom-box .set-fl .set-fontul li, #read_in .readbottom-box .set-fl .lrturningul li {
    -webkit-flex: 1;
    text-align: center;
    display: -webkit-flex;
}

#read_in .readbottom-box .set-fl .set-fontul, #read_in .readbottom-box .set-fl .lrturningul {
    display: -webkit-flex;
    -webkit-flex: 1;
}
#read_in .readbottom-box .set-fl .label {
    margin-right: 21px;
    font-size: 12px;
}
#read_in .readbottom-box .set-fl {
    height: 50px;
    line-height: 50px;
    display: -webkit-flex;
    color: #000;
    padding: 0 14px;
}
.label{
    color: #696969;
}
#read_in .readbottom-box .set-fl .set-fontul li>div, #read_in .readbottom-box .set-fl .lrturningul li>div {
    text-align: center;
    width: 80px;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    background:#f0eff5;

}
#read_in .readbottom-box .set-fl .set-fontul .small:before {
    margin-left: -7px;
    height: 1px;
    width: 13px;
    background: #000;
}
#read_in .readbottom-box .set-fl .set-fontul .small:before, #read_in .readbottom-box .set-fl .set-fontul .big:before {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 50%;
}

#read_in .readbottom-box .set-fl .set-fontul span {
    width: 70px;
    height: .6rem;
    /* border: 1px solid #000; */
    background: #f0eff5;

    border-radius: .12rem;
    font-size: 16px;
    padding: 0 .6rem;
}
#read_in .readbottom-box .set-fl .set-fontul .small, #read_in .readbottom-box .set-fl .set-fontul .big {
    position: relative;
    margin-top: 12px;
}
#read_in .readbottom-box .set-fl .set-fontul span, #read_in .readbottom-box .set-fl .set-fontul em {
    display: inline-block;
    vertical-align: middle;
}

#read_in .readbottom-box .set-fl .set-fontul .small:before, #read_in .readbottom-box .set-fl .set-fontul .big:before {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 50%;
}
#read_in .readbottom-box .set-fl .set-fontul .small:before, #read_in .readbottom-box .set-fl .set-fontul .big:before {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 50%;
}
#read_in .readbottom-box .set-fl .set-fontul .small:before, #read_in .readbottom-box .set-fl .set-fontul .big:before {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 50%;
}
#read_in .readbottom-box .set-fl .set-fontul .big:after {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 13px;
    background: #000;
    margin-left: 0;
    margin-top: -6px;

}

#read_in .readbottom-box .set-fl .set-fontul .big:before {
    height: 1px;
    width: 13px;
    background: #000;
    margin-left: -6px;
}
#read_in .readbottom-box .set-fl .set-fontul .small:before, #read_in .readbottom-box .set-fl .set-fontul .big:before {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 50%;
}
/*购买主页*/

#read_in .buy-info {
    position: fixed;
    z-index: 502;
    bottom: 0;
    right: 0;
    width: 100%;
    background-color: #fff;
    font-size: 14px;
}

#read_in .buy-info .buy-tit{
    text-align: center;
    height: 40px;
    line-height: 40px;
    margin-bottom: 10px;
    border-bottom: 1px solid #efefef;
    font-size: 16px;
}
#read_in .select-area li {
    float: left;
    width: 100%;
    border-bottom: 1px solid #efefef;
    padding: 5px 5px;

}

.select-area .sll {
    margin-left: 10px;
    height: 40px;line-height: 40px;
}
.sll-left {
    float: left;
}
.sll-right{
    float: right;
}
.select-chapter{
    display:inline-block;
    /* Firefox */
    display:-moz-box;
    -moz-box-orient:horizontal;
    /* Safari, Opera, and Chrome */
    display:-webkit-box;
    -webkit-box-orient:horizontal;
    /* W3C */
    display:box;
    box-orient:horizontal;
    text-align: center;
    margin-bottom: 10px;
}
.select-chapter span{
    height: 30px;
    width: 100%;
    display: block;
    line-height: 30px;
    -webkit-box-flex: 1.0;
    -moz-box-flex:1.0;
    box-flex:1.0;
    border-radius: 5px;
    margin: 0 5px;
    color: #ccc;
    font-size: .24rem;
}

.select-chapter .span_action{
    border:1px solid #64BD63;
    color:#000
}

.buy-info .buy-bottom {
    float: left;
    width: 100%;
    font-size: 14px;
    background: #efefef;
    text-align: center;
    padding: 5px;
}

.buy-info .buy-bottom .buy-money{
    float: left;
    width: 50%;
    height: 40px;
    line-height: 40px;
}
.buy-info .buy-bottom .buy-btn{
    float: right;
    width: 120px;
    height:40px;
    line-height:40px;
    color:#fff;
    border-radius: 5px;
    background: #64BD63;
    margin-right: 10px;
}

.mp-refresh {
    font-family: 'iconfont';
    font-style: normal;
    font-size: 14px;
    padding: 3px;
}

.baoyue-list {
    height: 55px;
    /*width: 45%;*/
    border: 1px solid #eee;
    /*display: -webkit-box;*/
    margin-top: 18px;
    background: #fafafa;
    border-radius: .06rem;
    position: relative;
    overflow: hidden;
}
.baoyue-list .baoyue-list-box{
}
.baoyue-list .baoyue-list-box:nth-child(even){
}
.baoyue-list .baoyue-list-box:nth-child(odd){
}
.mask{
    position: absolute;
    left: 0;
    top: 0;
    bottom:0;
    background: rgba(0,0,0,.4);
    width: 100%;
    height: 100%;
}
.read-bottonul{
    display: flex;
}
.read-bottonul li{
    flex: 1;
}
.read-bottonul li img{
    /* width: .44rem; */
    height: .44rem;
    margin: .2rem 0 0;
}
.set-bjcolor li div{
    border:1px solid #f1f1f1;
}
#read_in .readbottom-box .set-bjcolor .active>div{
    border:1px solid #14be7d;
}
.link_home{
    position: absolute;
    right: .3rem;
    top: 0;
    width: 25px;
    margin-top: 10px;
}
.swiper-container{
    flex:1;
}
.set-bjcolor li{
    width: 36px;
    height: 36px;
    margin-right: 5px;
}
.day_night{
    position: fixed;
    right: .3rem;
    bottom: 4rem;
    width: .8rem;
}
.book_title{
    position: relative;
    border-bottom: 1px solid #b6b6b6;
    padding-bottom: .28rem;
}
.book_title img{
    position: absolute;
    right: .28rem;
    margin-top: 0;
}
.read-body .book_name{
    font-size: .32rem;
    text-align: center;
    margin: 0;
    text-indent: 0;
}


.discount-box{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
.discount1{
    margin-top: 5.38rem;
    line-height: 1.75rem;;
    font-size: 0.7rem;
    color: #fff;
    background: url('../image/active_bg.png') no-repeat;
    background-size: 100%;
    width: 80%;
    margin-left: 10%;
    height: 1.75rem;
}

.discount2{
    margin-top: .5rem;
    margin-left: 0.3rem;
    line-height:1.75rem;
    font-size: 0.7rem;
    background: url('../image/active_bg.png') no-repeat;
    background-size: 100%;
    width: 80%;
    margin-left: 10%;
    height: 1.75rem;
    color: #fff;
}
.discount1-btn{
    margin: 0.42rem 0 0 1.9rem;
    display: block;
    width: 3.5rem;
    height: 0.82rem;
}
.discount-box p{
    padding-left: 2rem;
    box-sizing: border-box;
}
.discount2-btn{
    margin: 0.42rem 0 0 1.9rem;
    display: block;
    width: 3.5rem;
    height: 0.82rem;
}
.discount1 span,.discount2 span{
    font-weight: 600;
}
.report li{
    line-height: .98rem;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    margin-top: -1px;
    margin-left: .3rem;
    padding-left: .1rem;
}
.report li a{
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    color: #2b2b2b;
    font-size: .26rem;
}
.report li a i{
    float: right;
    margin-right: .2rem;
    color: #b9b9b9;
}
.report_success{
    text-align: center;
    margin:.9rem .3rem .6rem;
}
.report_success h2{
    font-size: .4rem;
    font-weight: bold;
    color: #000;
    margin-bottom: .4rem;
}
.report_success button{
    background: #47bd29;
    line-height: 1rem;
    text-align: center;
    color: #fff;
    width: 100%;
    font-size: .26rem;
    border-radius: .1rem;
    margin-top: .5rem;
}

.comic-title{
    padding: .2rem 0 .15rem 0;
    font-size: .25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.comic-desc {
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    word-break:break-all;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    /*padding-left: 0.1rem;*/
    color: #919191;
    padding-bottom: .2rem;
    font-size: .22rem;
    font-weight: 300;
}

/*图片格式*/
.book-cover-img-all {
    width: 7.5rem;
    height: 4.17rem;
}
.book-cover-img-half {
    width: 3.8rem;
    height: 2.53rem;
}
.book-cover-img-third {
    width: 100%;
    height: 3.2rem;
    /*width: 30vh;*/
    /*height: 40vh;*/
}
.update-chapter {
    position: absolute;
    right: .1rem;
    bottom: .1rem;
    font-size: 0.25rem;
    color: #fff;
}