body,html {
    min-height: 100%;
}

body {
    font-family: Helvetica Neue,Helvetica,STHeiTi,sans-serif;
    word-break: normal;
    margin: 0;
    background-color: #f1f1f1;
    color: #333;
    font-size: 12px;
    overflow-x:hidden;
}
.m-booklists-search{
    overflow: hidden;
    /*background: #fff;*/
    margin-bottom: 10px;
    border: 1px solid #eaeaea;
}
.m-booklists-search ul li {
    float: left;
    width: 50%;
    height: 48px;
}
.m-booklists-search ul li a {
    display: inline-block;
    width: 100%;
    height: 48px;
    line-height: 48px;
    /*text-decoration: none;*/
    text-align: center;
    color: #2196f3;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-family: arial,Simsun;
    font-size: 15px;
    font-weight: bold;
   /* border-right: 1px solid #e5e6e9;
    border-bottom: 1px solid #e5e6e9;*/
}
.m-booklists-search ul li a:hover{text-decoration: underline;color: #FF0000;}
.header-line {
    padding-bottom: .31rem;
    border-bottom: 1px solid #f3f3f3;
}
.header {
    background: #fff;
    width: 100%;
    padding: .26rem 0;
    font-size: 0;
    position: relative;
}
.header .title {
    padding-left: .52rem;
    color: #333;
    display: inline-block;
    height: .82rem;
    line-height: .78rem;
    font-size: .68rem;
    position: relative;
}
.header .title:after {
    content: '';
    width: .16rem;
    height: .68rem;
    display: inline-block;
    background: #00c98d;
    position: absolute;
    top: .02rem;
    left: 0;
}
/*footer*/
.ft_cm{
    background-color: #fff;
}
.m-ft{
    display: table;
    width: 100%;
    text-align: center;
}
.m-ft p{
    font-size: .56rem;
    line-height: 2rem;
    display: table-cell;
    padding: 0 .1rem;
    color: #969ba3;
}
.m-ft  a{
    padding: 0 .1rem;
    color: #969ba3;
}
.read_page{-webkit-column-gap:16px;}
.read_page_con{padding: 0 5px 0 10px;box-sizing:border-box;}
.read_page_con  a.keyurl{color: #493c49;border-bottom: 1px dashed #03a9f4;}
.read_page_con img{max-width:100%;vertical-align:top;min-height:2rem;margin:0 auto .5rem;display:block}
#text{display: none;}
#main{font-size:20px}
#main p{
	text-indent:0em;
    line-height: 1.8;
    text-align: justify;
    margin-bottom: 1em;
}
#topbox,#sub_nav{display:none;}
a,div,li,span,ul {
    -webkit-tap-highlight-color: transparent
}

dd,dl,h1,h2,h3,p {
    font-weight: 400;
    margin: 0
}

ul {
    list-style: none
}

ol,ul {
    margin: 0;
    padding: 0
}

a {
    color: #333;
    text-decoration: none
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration {
    display: none
}

@media(min-width: 270px) {
    html {
        font-size:14.4px
    }
}

@media(min-width: 320px) {
    html {
        font-size:17.06667px
    }
}

@media(min-width: 360px) {
    html {
        font-size:19.2px
    }
}

@media(min-width: 375px) {
    html {
        font-size:20px
    }
}

@media(min-width: 414px) {
    html {
        font-size:22.08px
    }
}

@media(min-width: 480px) {
    html {
        font-size:25.6px
    }
}

body,html {
    height: 100%
}

a {
    color: #7d7d7d
}

table {
    border-collapse: collapse;
    font-size: 14px
}

em {
    color: #fa0113;
    font-style: normal
}

.clearfix:after,.clearfix:before {
    content: '';
    display: table
}

.clearfix:after {
    clear: both
}

.clearfix {zoom:1}

.c-63a {
    color: #63abed
}

.c-ef2 {
    color: #ef2e02
}

.bg-green {
    background: #cedfd1
}

.bg-default {
    background: #e8e5df
}

.bg-purple {
    background: #dfcedf
}

.bg-sheepskin {
    background: #e9dabe
}

.bg-night {
    background: #121212
}

.bg-f1f {
    background: #f1f1f1
}

.pt3,.pt4 {
    padding-top: .1rem!important
}

.pt4 {
    padding-bottom: .2rem!important
}

.i-brightness-high,.i-brightness-low,.i-close,.i-close2,.i-collect,.i-collect-cur,.i-down,.i-err,.i-h-center,.i-h-left,.i-h-right,.i-help,.i-help2,.i-home,.i-menu,.i-more,.i-more2,.i-new,.i-offline,.i-ok,.i-optimal,.i-pro,.i-query-lst-btn,.i-query-lst-btn-top,.i-ranking,.i-recom,.i-report,.i-return,.i-return2,.i-s-bottom,.i-s-center,.i-s-top,.i-set-close,.i-share,.i-speaker,.i-text-set,.i-top,.i_next,.i_pre,.icon {
    background: url(./img/icon.png) no-repeat;
    display: inline-block;
    position: relative;
    background-size: 16rem auto;
    padding: 1px
}
.wrapper{
	max-width: 750px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    background-color: hsla(0,0%,100%,.6);
}
.i-return {
    width: 2.15rem;
    height: 2.25rem;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2
}

.i-help {
    width: 1rem;
    background-position: -3.35rem 0;
    right: 2.65rem
}

.i-help,.i-ranking {
    height: 1rem;
    position: absolute;
    top: .6rem;
    z-index: 2
}

.i-ranking {
    width: 1.05rem;
    background-position: -4.5rem 0;
    right: .75rem
}

.i-close {
    width: .6rem;
    height: .6rem;
    background-position: -5.7rem 0
}

.i-close,.i-set-close {
    position: absolute;
    right: .75rem;
    top: .6rem;
    z-index: 2
}

.i-set-close {
    width: .65rem;
    height: .65rem;
    background-position: -13.65rem 0
}

.i-brightness-low {
    width: .75rem;
    height: .75rem;
    background-position: -14.45rem 0;
    position: absolute;
    left: .3rem;
    top: .35rem;
    z-index: 2
}

.i-brightness-high {
    width: 1.1rem;
    height: 1.1rem;
    background-position: -13.55rem -.85rem;
    position: absolute;
    right: .25rem;
    top: .2rem;
    z-index: 2
}

.i-menu {
    width: 1.1rem;
    background-position: -6.55rem 0
}

.i-menu,.i-text-set {
    height: 1.1rem;
    display: inline-block
}

.i-text-set {
    width: 1.25rem;
    background-position: -7.9rem 0
}

.i-recom {
    width: 1.15rem;
    height: 2rem;
    background-position: -10.75rem 0
}

.i-more,.i-recom {
    display: inline-block
}

.i-more {
    width: 1.1rem;
    height: 1.1rem;
    background-position: -12.1rem 0
}

.i-share {
    width: 1rem;
    height: 1.05rem;
    background-position: -6.55rem -4.5rem;
    display: inline-block
}

.i-collect {
    background-position: -8.1rem -4.45rem
}

.i-collect,.i-collect-cur {
    width: 1.1rem;
    height: 1.05rem;
    display: inline-block
}

.i-collect-cur {
    background-position: -11rem -4.45rem
}

.i-home {
    width: 1.1rem;
    height: 1.05rem;
    background-position: -9.6rem -4.5rem;
    display: inline-block
}

.i-new {
    width: 1.75rem;
    height: .85rem;
    background-position: -2.75rem -2.7rem;
    position: absolute;
    left: 0;
    top: .25rem
}

.i-down {
    background-position: -2.7rem -3.9rem
}

.i-down,.i-ok {
    width: 2.3rem;
    height: 2.3rem;
    display: inline-block
}

.i-ok {
    background-position: -2.7rem -6.45rem
}

.i-err {
    width: 2.3rem;
    height: 2.3rem;
    background-position: 0 -6.45rem;
    display: inline-block
}

.i-optimal {
    width: 2.25rem;
    height: .65rem;
    background-position: -6.55rem -7rem;
    position: absolute;
    top: .4rem;
    margin: 0 0 0 -2.6rem
}

.i-more2 {
    width: .7rem;
    height: .7rem;
    background-position: -15rem -3rem;
    top: .1rem;
    margin: 0 .4rem 0 0
}

.i-help2,.i-more2 {
    display: inline-block;
    position: relative
}

.i-help2 {
    width: 1rem;
    height: 1rem;
    background-position: -9.6rem -7rem;
    top: .25rem;
    margin: 0 .3rem 0 0
}

.i_next,.i_pre {
    width: .5rem;
    height: .8rem;
    background-position: -13.55rem -4.45rem;
    position: absolute;
    left: 1rem;
    top: .5rem
}

.i_next {
    background-position: -14.2rem -4.45rem
}

.i-top {
    width: .8rem;
    height: .95rem;
    position: absolute;
    left: .6rem;
    top: .5rem;
    background-position: -13.7rem -2.25rem
}

.i-h-left {
    width: 2.85rem;
    height: 3.6rem;
    vertical-align: middle;
    background-position: 0 -9rem;
    margin-top: -1.8rem
}

.i-h-center,.i-h-left {
    display: inline-block;
    top: 50%
}

.i-h-center {
    width: 3.95rem;
    height: 3.8rem;
    background-position: -3rem -9rem;
    margin-top: -1.9rem
}

.i-h-right {
    width: 2.85rem;
    height: 3.65rem;
    background-position: -7.25rem -9rem;
    margin-top: -1.55rem
}

.i-h-right,.i-s-top {
    display: inline-block;
    top: 50%
}

.i-s-top {
    width: 2.9rem;
    height: 3.45rem;
    background-position: -12.25rem -5.55rem;
    margin-top: -1.7rem
}

.i-s-center {
    width: 4rem;
    height: 3.55rem;
    background-position: -10.55rem -9.05rem;
    margin-top: -1.75rem
}

.i-s-bottom,.i-s-center {
    display: inline-block;
    top: 50%
}

.i-s-bottom {
    width: 2.9rem;
    height: 3.35rem;
    background-position: 0 -12.9rem;
    margin-top: -1.65rem
}

.i-speaker {
    width: .7rem;
    height: .6rem;
    background-position: -14.8rem -.9rem;
    position: absolute;
    left: .75rem;
    top: .7rem
}

.i-close2 {
    width: 1rem;
    height: 1rem;
    background-position: -14.75rem -1.75rem;
    position: absolute!important;
    padding: 0!important;
    right: .75rem;
    top: .5rem
}

.i-return2 {
    width: .55rem;
    height: .9rem;
    position: absolute;
    left: .75rem;
    top: .7rem;
    z-index: 2;
    background-position: -15.45rem -5rem
}

.i-pro {
    width: .9rem;
    height: .9rem;
    background-position: -15rem -11.1rem;
    position: relative;
    display: inline-block;
    top: .2rem;
    margin: 0 .3rem 0 0
}

.bg-night .i-return {
    background-position: 0 -2.25rem
}

.bg-night .i-help {
    background-position: -3.35rem -1.35rem
}

.bg-night .i-ranking {
    background-position: -4.5rem -1.35rem
}

.bg-night .i-close {
    background-position: -5.7rem -1.35rem
}

.bg-night .i-menu {
    background-position: -6.55rem -2.15rem
}

.bg-night .i-text-set {
    background-position: -7.9rem -2.15rem
}

.bg-night .i-offline {
    background-position: -9.45rem -2.15rem
}

.bg-night .i-recom {
    background-position: -10.75rem -2.15rem
}

.bg-night .i-more {
    background-position: -12.1rem -2.15rem
}

.bg-night .i-share {
    background-position: -6.55rem -5.75rem
}

.bg-night .i-collect {
    background-position: -8.1rem -5.75rem
}

.bg-night .i-collect-cur {
    background-position: -11rem -5.75rem
}

.bg-night .i-home {
    background-position: -9.6rem -5.75rem
}

.bg-night .i-set-close {
    background-position: -15.3rem 0
}

.bg-night .i-optimal {
    background-position: -6.55rem -7.85rem;
    width: 2.35rem;
    height: .75rem
}

.bg-night .i-more2 {
    background-position: -15rem -4rem
}

.i-bookspre {
    width: 1.1rem;
    height: 1.1rem;
    background: url(./img/bookpre.png) no-repeat;
    display: inline-block;
    background-size: 1.1rem 1.1rem
}
.i-booksnext{
    width: 1.1rem;
    height: 1.1rem;
    background: url(./img/booknext.png) no-repeat;
    display: inline-block;
    background-size: 1.1rem 1.1rem
}
.cur-optimal {
    line-height: .6rem;
    padding: 0 .1rem;
    border: 1px solid #f5431b;
    border-radius: .1rem;
    font-size: 10px;
    color: #f0380f;
    position: absolute;
    margin-left: -.35rem;
    -webkit-transform: translate(-100%,50%);
    transform: translate(-100%,50%)
}

.bg-night .cur-optimal {
    border-color: #474747;
    color: #7d7d7d
}

.main {
    font-size: 19px;
    color: #4a5a4d;
    line-height: 1.6;
    padding: 0 .75rem;
    position: relative
}

.main h2 {
    color: #3f4c41;
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1.2;
    margin: 1em 0;
    padding: 0 5px 0 10px;
}

.bg-purple .main {
    color: #493c49
}

.bg-purple .main h2 {
    color: #584857
}

.bg-sheepskin .main {
    color: #453c2e
}

.bg-sheepskin .main h2 {
    color: #8e5435
}

.bg-night .main,.bg-night .main h2 {
    color: #626262
}

.bg-default .main {
    color: #373737
}

.bg-default .main h2 {
    color: #8e5435
}

.topbox {
    position: fixed;
    top: 0;
    width: 100%;
    background: hsla(0,0%,96%,.93);
    z-index: 3;
    max-width: 750px;
}

.searchbox {
    height: 2.3rem;
    position: relative;
    z-index: 1
}

.query {
    margin: 0 4.55rem 0 4.2rem;
    position: relative;
    top: .5rem
}

.query a {
    background: hsla(0,0%,91%,.93);
    border-radius: 1.3rem;
    color: #7d7d7d;
    border: 0;
    padding: .25rem 1.25rem .25rem .65rem;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    font-size: 13px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.page-control {
    border-bottom: 1px solid #d9d9d9;
    height: 2rem
}

.page-control a {
    float: left;
    width: 50%;
    height: 2rem;
    text-align: center;
    line-height: 2rem;
    font-size: 15px;
    position: relative
}

.page-control a:first-child:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 2rem;
    border-right: 1px solid #d9d9d9;
    content: ''
}

.sub-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.sub-btn a {
    display: block;
    text-align: center;
    height: 2.4rem;
    width: 20%;
    padding-top: .55rem;
    font-size: 11px;
    color: #505050
}

.bg-night .sub-btn a {
    color: #7d7d7d
}

.sub-btn i[class^=i-] {
    height: 1.1rem;
    display: block;
    margin: 0 auto .25rem
}

.ad {
    background: rgba(255,243,222,.93);
    height: 1.8rem;
    line-height: 1.8rem;
    position: relative
}

.ad-logo {
    float: left;
    margin: .3rem .5rem 0 .75rem
}

.ad2 {
    background: hsla(0,0%,100%,.25);
    height: 1.95rem;
    line-height: 1.95rem;
    position: relative;
    color: #0b0b0b
}

.ad2 a {
    display: block
}

.ad2-logo {
    float: left;
    margin: .4rem .5rem 0 .75rem
}

.ad3 {
    margin: 1px 0 0
}

.ad3 img {
    display: block
}

.ad-lstm {
    margin: 0 0 .5rem
}

.ad-lst {
    color: #0b0b0b;
    line-height: 1.95rem;
    background: hsla(0,0%,100%,.25);
    margin: 1px 0 0;
    position: relative
}

.ad-lst a {
    padding: 0 0 0 1.9rem;
    position: relative;
    display: block
}

.ad-lst .kbox2-page {
    line-height: .5rem;
    padding: .25rem 0 .6rem
}

.ad-sum {
    color: #7d7d7d;
    line-height: .95rem;
    font-size: 12px;
    margin: -.2rem 0 0
}

.bg-night .main {
    color: #545455
}

.bg-night .topbox {
    background: rgba(34,34,34,.95)
}

.bg-night .searchbox {
    height: 2.3rem;
    position: relative;
    z-index: 1
}

.bg-night .query a {
    background: rgba(43,43,43,.9);
    color: #7d7d7d
}

.bg-night .popup-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(39,39,39,.93)
}

.bg-night .page-control {
    border-bottom: 1px solid #2d2d2e
}

.bg-night .page-control a:first-child:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 2rem;
    border-right: 1px solid #2d2d2e;
    content: ''
}

.bg-night .ad {
    background: hsla(33,8%,56%,.93)
}

.bg-night .c-63a {
    color: #44698b
}

.bg-night .c-ef2 {
    color: #8c2710
}

.setboxm {
    padding: .55rem 0
}

.setboxm ul li {
    min-height: 2.35rem;
    padding: .4rem .85rem .4rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    box-sizing: border-box
}

.brightnessm {
    position: relative;
    height: 1.4rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.brightnessmn {
    position: absolute;
    left: 1.4rem;
    right: 1.75rem;
    top: .7rem;
    height: .1rem;
    font-size: 0;
    background: #d0d0d0
}

.bg-night .brightnessmn {
    background: #1f1f1f
}

.brightnessmn-activity {
    height: .1rem;
    font-size: 0;
    background: #f5431b;
    position: absolute
}

.brightnessmn-activity-btn {
    width: .55rem;
    height: .55rem;
    border-radius: .55rem;
    background: #f5f5f5;
    border: 1px solid #f5431b;
    position: absolute;
    right: 0;
    top: -.25rem
}

.setboxm-tit {
    color: #939393;
    font-size: 13px;
    width: 3.05rem;
    text-align: center;
    display: block
}

.bg-night .brightnessmn-activity {
    background: #651818
}

.bg-night .brightnessmn-activity-btn {
    background: #333434;
    border: 1px solid #651818
}

.setboxm-tit {
    color: #505151
}

.fontbox {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.fontboxm {
    position: relative;
    text-align: center;
    color: #69696a;
    font-size: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fontbox-btn-big,.fontbox-btn-small {
    display: block;
    width: 38.72054%;
    height: 1.4rem;
    box-sizing: border-box;
    background: #fafafa;
    color: #505050;
    border: 1px solid #e0e0e0;
    line-height: 1.3rem;
    text-align: center;
    border-radius: 1.3rem
}

.bg-night .fontbox-btn-big,.bg-night .fontbox-btn-small {
    background: #303030;
    border: 1px solid #303030;
    color: #69696a
}

.themebox {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.themebox .themeboxw {
    width: 1.7rem;
    height: 1.7rem
}

.themeboxm {
    border-radius: 50%;
    display: block;
    height: 100%
}

.themeboxmn {
    width: 1.7rem;
    height: 1.7rem;
    background: #e8e5df;
    border-radius: 1.7rem
}

.themebox-st2 {
    background: #e9d9bf
}

.themebox-st3 {
    background: #ceded1
}

.themebox-st4 {
    background: #dfcee0
}

.themebox-st5 {
    background: #4a4b52
}

.bg-night .themeboxmn {
    background: #74726f
}

.bg-night .themebox-st2 {
    background: #746c5f
}

.bg-night .themebox-st3 {
    background: #676f68
}

.bg-night .themebox-st4 {
    background: #6f6770
}

.bg-night .themebox-st5 {
    background: #1e1e1e
}

.pagebox {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.pagebox a {
    display: block;
    width: 47.13805%;
    box-sizing: border-box;
    height: 1.4rem;
    background: #fafafa;
    border: 1px solid #e0e0e0;
    line-height: 1.3rem;
    text-align: center;
    border-radius: 1.3rem;
    font-size: 13px;
    color: #505050
}

.pagebox a.themebox-cur {
    color: #f5431b
}

.bg-night .pagebox a {
    background: #303030;
    border: 1px solid #303030;
    color: #69696a
}

.themebox-cur .themeboxmn:before {
    border-radius: 50%;
    content: '';
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: block;
    border: 1px solid #f5431b;
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
}

.bg-night .themebox-cur {
    border: 1px solid #651818
}

.subox {
    background-image: -webkit-linear-gradient(top,hsla(0,0%,100%,0),hsla(0,0%,100%,.93) 40%,hsla(0,0%,100%,.93));
    background-image: linear-gradient(180deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.93) 40%,hsla(0,0%,100%,.93));
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 6
}

.bg-night .subox {
    background-image: -webkit-linear-gradient(top,rgba(39,39,39,0),rgba(39,39,39,.93) 40%,rgba(39,39,39,.93));
    background-image: linear-gradient(180deg,rgba(39,39,39,0) 0,rgba(39,39,39,.93) 40%,rgba(39,39,39,.93))
}

.sbox {
    padding: 8.5rem 1.3rem .75rem
}

.sbox ul li {
    float: left;
    width: 33%
}

.sbox ul li a {
    width: 3.05rem;
    display: block;
    color: #373737;
    font-size: 13px;
    position: relative;
    text-align: center
}

.sbox ul li a p {
    padding: .15rem 0 .75rem
}

.sbox ul li a .sbox-img-shadow {
    width: 3.05rem;
    height: 3.05rem;
    background: rgba(0,0,0,.5);
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    border-radius: 3.05rem
}

.sbox ul li:nth-of-type(3n+2) a {
    margin: 0 auto
}

.sbox ul li:nth-of-type(3n) a {
    float: right
}

.sbox ul:after {
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
    overflow: hidden;
    content: ''
}

.bg-night .sbox ul li a {
    color: #69696a
}

.bg-night .sbox ul li a .sbox-img-shadow {
    display: block
}

.mbox ul li {
    float: left;
    width: 33%
}

.mbox ul li:last-child {
    width: 34%
}

.mbox ul li a {
    display: block;
    text-align: center;
    color: #505050;
    font-size: 13px;
    margin: 0 auto;
    padding: .6rem 0 .5rem
}

.mbox ul li a p {
    padding: .2rem 0 0
}

.bg-night .mbox ul li a {
    color: #69696a;
    font-size: 13px
}

.kboxm {
    width: 10rem;
    margin: 0 auto
}

.kboxm ul {
    padding: .8rem 0 1.2rem
}

.kboxm ul li {
    width: 4.9rem;
    float: left;
    border: 1px solid #b4b4b4;
    height: 1.4rem;
    line-height: 1.4rem;
    text-align: center;
    margin: 0 0 0 -1px
}

.kboxm ul li a {
    color: #505050;
    display: block
}

.kboxm ul li.cur {
    border: 1px solid #f5431b;
    position: relative
}

.kboxm ul li.cur a {
    color: #f5431b
}

.kboxm ul li:first-child {
    border-radius: .2rem 0 0 .2rem
}

.kboxm ul li:last-child {
    border-radius: 0 .2rem .2rem 0
}

.kboxm ul:after {
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
    overflow: hidden;
    content: ''
}

.kboximg {
    text-align: center
}

.kboximg p {
    color: #929292;
    padding: .6rem 0 2rem
}

.bg-night .kboxm ul li {
    border: 1px solid #505050
}

.bg-night .kboxm ul li a {
    color: #69696a
}

.bg-night .kboxm ul li.cur {
    border: 1px solid #651818
}

.bg-night .kboxm ul li.cur a {
    color: #701919
}

.bg-night .kboximg p {
    color: #69696a
}

.kbox2 ul {
    padding: 1rem .9rem 0
}

.kbox2 ul li {
    float: left;
    width: 33%
}

.kbox2 ul li a {
    width: 4.15rem;
    display: block;
    color: #494949;
    font-size: 12px;
    position: relative;
    line-height: .75rem
}

.kbox2 ul li a p {
    padding: .4rem 0 .25rem
}

.kbox2 ul li:nth-of-type(3n+2) a {
    margin: 0 auto
}

.kbox2 ul li:nth-of-type(3n) a {
    float: right
}

.kbox2 ul:after {
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
    overflow: hidden;
    content: ''
}

.bg-night .kbox2 ul li a {
    color: #494949
}

.kbox2-im {
    width: 4.15rem;
    height: 5.55rem;
    background-color: #fcfcfc;
    box-shadow: 1px 1px .15rem rgba(0,0,0,.18);
    position: relative
}

.kbox2-im-tit {
    font-size: 13px;
    top: .5rem;
    margin: 0 .25rem;
    width: 3.65rem;
    line-height: 1.4
}

.kbox2-im-sum,.kbox2-im-tit {
    color: #fff;
    position: absolute;
    text-align: center
}

.kbox2-im-sum {
    font-size: 12px;
    opacity: .64;
    bottom: .7rem;
    width: 100%
}

.kbox2-page {
    text-align: center;
    padding: 0 0 .75rem
}

.kbox2-page span {
    width: .25rem;
    height: .25rem;
    background: #b3b3b3;
    border-radius: .25rem;
    margin: 0 .25rem 0 0;
    display: inline-block
}

.kbox2-page span.cur {
    background: #f5431b
}

.bg-night .kbox2-page span {
    width: .25rem;
    height: .25rem;
    background: #404040;
    border-radius: .25rem;
    margin: 0 .25rem 0 0;
    display: inline-block
}

.bg-night .kbox2-page span.cur {
    background: #651818
}

.sbox2 {
    padding: 1rem .75rem 0
}

.sbox2 ul {
    display: table;
    width: 100%
}

.sbox2 ul li {
    display: table-cell
}

.sbox2 ul li:nth-of-type(2) {
    width: .7rem
}

.sbox2 ul li a {
    display: block;
    height: 1.5rem;
    line-height: 1.5rem;
    background: #fafafa;
    text-align: center;
    border: 1px solid #e0e0e0;
    color: #504537;
    border-radius: .25rem
}

.sbox2 ul li.cur a {
    border: 1px solid #f5431b
}

.sbox2 ul li.down a {
    color: #63abed
}

.sbox2 ul li.down a img {
    vertical-align: middle;
    position: relative;
    top: -1px
}

.bg-night .sbox2 ul li a {
    background: #303030;
    border: 1px solid #303030;
    color: #69696a
}

.bg-night .sbox2 ul li.cur a {
    border: 1px solid #651818
}

.bg-night .sbox2 ul li.down a {
    color: #69696a
}

.sbox2down {
    margin: 1rem 0
}

.tan1m {
    text-align: center;
    padding: 1rem 0 0
}

.tan1m p {
    color: #fff;
    padding: .6rem 0 0
}

.tan2m {
    height: 7.8rem;
    position: relative;
    overflow: hidden
}

.tan2m ul li {
    height: 1.35rem;
    line-height: 1.35rem;
    text-align: center
}

.tan2m ul li a {
    color: #767676;
    display: block;
    position: relative
}

.tan2m ul li.good a {
    color: #f5431b
}

.bg-night .tan2m li.good a {
    color: #992a11
}

.tan2m-top-shadow {
    background-image: -webkit-linear-gradient(top,#f5f5f5,hsla(0,0%,96%,0));
    background-image: linear-gradient(180deg,#f5f5f5 0,hsla(0,0%,96%,0));
    top: 0
}

.tan2m-bottom-shadow,.tan2m-top-shadow {
    height: 1.1rem;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 3
}

.tan2m-bottom-shadow {
    background-image: -webkit-linear-gradient(top,hsla(0,0%,100%,0),#f5f5f5);
    background-image: linear-gradient(180deg,hsla(0,0%,100%,0) 0,#f5f5f5);
    bottom: 0;
    border-bottom: 1px solid #d9d9d9
}

.bg-night .tan2m-top-shadow {
    background-image: -webkit-linear-gradient(top,#222,rgba(34,34,34,0));
    background-image: linear-gradient(180deg,#222 0,rgba(34,34,34,0))
}

.bg-night .tan2m-bottom-shadow {
    background-image: -webkit-linear-gradient(top,rgba(34,34,34,0),#272727);
    background-image: linear-gradient(180deg,rgba(34,34,34,0) 0,#272727);
    border-bottom: 1px solid #313233
}

.tan2m-btn {
    height: 2.1rem;
    -ms-flex-align: center;
    -ms-flex-pack: center
}

.tan2m-btn,.tan2m-btn a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}

.tan2m-btn a {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    height: 100%;
    border-left: 1px solid #d9d9d9
}

.tan2m-btn a:first-child {
    border: 0
}

.bg-night .tan2m-btn a {
    border-color: #313233
}

.i-source {
    width: .7rem;
    height: .7rem;
    background: url(./img/source.png) no-repeat;
    background-size: .7rem .7rem;
    margin-right: .25rem
}

.bg-night .i-source {
    background-image: url(./img/source_n.png)
}

.i-report {
    width: 1rem;
    height: 1rem;
    background-position: -3.35rem top;
    margin-right: .25rem
}

.bg-night .i-report {
    background-position: -3.35rem -1.35rem
}

.tan2m-btn-more {
    color: #2f66c9;
    text-align: center;
    display: block
}

.tan2m-btn-help {
    float: right;
    color: #646464
}

.bg-night .tan2m-btn-more {
    color: #69696a
}

.bg-night .tan2m-btn-help {
    float: right;
    color: #69696a
}

.loadbox {
    position: fixed;
    top: 40%;
    left: 0;
    margin: 0;
    width: 100%;
    text-align: center;
    color: #6e6e6e;
    font-size: 15px
}

.load_img {
    width: 1.5rem;
    height: 1.5rem;
    background: url(./img/book.gif);
    background-size: contain;
    display: inline-block;
    margin: 0 .5rem 0 0;
    position: relative;
    top: .35rem
}

.bg-night .loadbox {
    position: fixed;
    top: 40%;
    left: 0;
    margin: 0;
    width: 100%;
    text-align: center;
    color: #4a4a4a;
    font-size: 15px
}

.bg-night .load_img {
    width: 1.5rem;
    height: 1.5rem;
    background: url(./img/book_black.gif);
    background-size: contain;
    display: inline-block;
    margin: 0 .5rem 0 0;
    position: relative;
    top: .35rem
}

.box1 {
    padding: .15rem .75rem .35rem;
    margin: 0;
    background: #fcfcfc
}

.box1,.box1 h2 {
    position: relative
}

.box1 h2 {
    line-height: 1.85rem;
    height: 1.85rem;
    border-bottom: 1px solid #efefef;
    font-size: 16px;
    width: 100%
}

.box1 h2 span {
    border-bottom: 1px solid #e13f18;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0
}

.lst1 {
    border-bottom: 1px solid #efefef;
    padding: .6rem 0;
    position: relative
}

.lst1:last-child {
    border-bottom: 0
}

.lst1_img {
    float: left;
    width: 4.15rem;
    height: 5.55rem;
    margin: 0 0 0 .15rem;
    box-shadow: 1px 1px .15rem rgba(0,0,0,.18)
}

.lst1_img img {
    width: 4.2rem;
    height: 5.55rem
}

.lst1_con {
    margin: 0 0 0 4.75rem
}

.lst1_con h3 {
    font-size: 15px;
    padding: .25rem 0 0
}

.lst1_con .lst1-name {
    color: #414141;
    font-size: 13px;
    padding: .4rem 0 .25rem
}

.lst1_con .lst1-page {
    color: #414141;
    font-size: 13px;
    padding: 0 0 .15rem
}

.lst1_con .lst1-sum {
    color: #9e9e9e;
    font-size: 12px;
    line-height: .95rem
}

.c-e13 {
    color: #e13f18
}

.c-148 {
    color: #1487e0
}

.lastbox {
    margin: 0 0 .45rem;
    background: #fcfcfc
}

.lastbox .sbox2 a {
    font-size: 13px
}

.lastbox-text {
    color: #414141;
    font-size: 16px;
    text-align: center;
    padding: 1.6rem 0 .25rem
}

.last-share {
    border-top: 1px solid #efefef;
    padding: .5rem .75rem .4rem;
    margin: 1.3rem 0 0
}

.last-share span {
    float: left;
    margin: .25rem 0 0;
    color: #414141
}

.last-share img {
    margin: 0 .65rem 0 0;
    display: inline-block
}

.loadm {
    padding: 0 .5rem 1.5rem 0;
    text-align: center;
    color: #707070
}

.loadm img {
    position: relative;
    top: .3rem;
    margin: 0 .15rem 0 0
}

.ttop {
    width: 2rem;
    height: 1.85rem;
    border-radius: .1rem;
    background-color: rgba(206,228,249,.5);
    box-shadow: 0 1px 1px rgba(94,107,120,.3);
    bottom: 2.5rem;
    right: -.15rem;
    z-index: 5
}

.helpm,.ttop {
    position: fixed
}

.helpm {
    background: rgba(0,0,0,.6);
    width: 100%
}

.helpm,.helpm ul {
    height: 100%
}

.helpm ul li {
    width: 33%;
    float: left;
    position: relative;
    text-align: center;
    height: 100%;
    vertical-align: middle;
    display: table-cell;
    border-right: 1px solid #7b7b7b
}

.helpm ul li:last-child {
    border: 0
}

.helpm ul.s li {
    width: 100%;
    height: 33%;
    border-bottom: 1px solid #7b7b7b
}

.helpm ul.s li:last-child {
    border: 0
}

.pbox-over {
    font-size: 12px;
    color: #9e9e9e;
    padding: .5rem 0 .75rem;
    text-align: center
}

.pbox ul {
    padding: 0 .75rem .5rem
}

.pbox ul li {
    float: left;
    width: 33%
}

.pbox ul li a {
    display: block;
    color: #930;
    font-size: 15px;
    position: relative
}

.pbox ul li a.no {
    color: #9e9e9e
}

.pbox ul li:nth-of-type(3n+2) a {
    margin: 0 auto;
    text-align: center
}

.pbox ul li:nth-of-type(3n) a {
    float: right
}

.pbox ul:after {
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
    overflow: hidden;
    content: ''
}

.topbox2 {
    height: 2.25rem;
    position: relative;
    z-index: 3;
    text-align: center;
    line-height: 2.25rem;
    color: #000;
    font-size: 18px;
    box-shadow: 1px 1px 1px hsla(0,0%,85%,.75)
}

.errorbox {
    background: #f4f4f4;
    padding: .4rem .75rem .35rem;
    color: #8f8f8f;
    line-height: .9rem;
    font-size: 12px
}

.e-titm {
    margin: 1.2rem .75rem 0;
    border-left: 1px solid #dadada;
    padding: 0 0 0 .45rem
}

.e-titm h2 {
    color: #000;
    font-size: 16px;
    padding: 1px 0 .15rem
}

.e-titm p {
    color: #666;
    line-height: 1rem
}

.e-lst {
    padding: 0 .75rem;
    margin: .75rem 0 0
}

.e-lst-tit,.e-lstm {
    line-height: 1.55rem
}

.e-lstm {
    height: 1.55rem;
    color: #383838;
    width: 100%
}

.e-lstm input[type=radio] {
    width: .6rem;
    height: .6rem;
    box-shadow: 0 0 1px #ef2e02;
    padding: 0;
    margin: 0 .25rem 0 0;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 2px solid #fff;
    border-radius: 50%
}

.e-lstm input[type=radio]:checked {
    background-color: #ef2e02
}

.e-lst-area textarea {
    border: 1px solid #e8e8e8;
    width: 92%;
    margin: .25rem 0 .4rem;
    padding: .4rem .5rem;
    line-height: 1.2rem;
    height: 2.5rem;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(255,0,0,0);
    border-radius: .1rem;
    font-size: 14px
}

.e-lst-area textarea::-webkit-input-placeholder {
    color: #b5b5b5
}

.e-lst-area textarea::-moz-placeholder {
    color: #b5b5b5
}

.e-lst-area textarea:-ms-input-placeholder {
    color: #b5b5b5
}

.e-lst-area textarea::placeholder {
    color: #b5b5b5
}

.e-lst-area input {
    border: 1px solid #e8e8e8;
    width: 92%;
    padding: .4rem .5rem;
    line-height: 1.2rem;
    font-size: 14px;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(255,0,0,0);
    border-radius: .1rem
}

.e-lst-area input::-webkit-input-placeholder {
    color: #b5b5b5
}

.e-lst-area input::-moz-placeholder {
    color: #b5b5b5
}

.e-lst-area input:-ms-input-placeholder {
    color: #b5b5b5
}

.e-lst-area input::placeholder {
    color: #b5b5b5
}

.e-lst-btn {
    margin: 1.5rem 0 2.5rem
}

.e-lst-btn a {
    height: 1.85rem;
    line-height: 1.85rem;
    background: #fff;
    border: 1px solid #ef2e02;
    text-align: center;
    color: #ef2e02;
    font-size: 15px;
    display: block;
    border-radius: .1rem
}

.nobox-tit {
    text-align: center;
    padding: 0 0 1rem
}

.noboxm {
    position: absolute;
    left: 1.25rem;
    right: 1.25rem;
    border: 1px solid hsla(0,0%,46%,.1);
    background: hsla(0,0%,100%,.1);
    text-align: center;
    line-height: 1.4rem;
    padding: .5rem 0
}

.noboxm a {
    color: #1e7dc7
}

.bg-night .noboxm {
    position: absolute;
    left: 1.25rem;
    right: 1.25rem;
    border: 0;
    background: hsla(0,0%,100%,.04);
    text-align: center;
    line-height: 1.4rem;
    padding: .5rem 0;
    color: #545455
}

.bg-night .noboxm a {
    color: #15466d
}

.s-page {
    text-align: center;
    padding: 0 0 1rem;
    line-height: .8rem
}

.s-page a {
    color: #3f4c41;
    font-size: 15px
}

.s-page a:first-child {
    float: left;
    margin: .1rem 0 0
}

.s-page a:last-child {
    float: right;
    margin: .1rem 0 0
}

.s-page a.no {
    color: #9e9e9e!important
}

.bg-night .s-page a {
    color: #626262
}

.bg-purple .s-page a {
    color: #584857
}

.bg-default .s-page a,.bg-sheepskin .s-page a {
    color: #8e5435
}

.tan1 {
    position: absolute;
    top: 7.1rem;
    left: 50%;
    margin: 0 0 0 -2.5rem;
    padding: 0 .7rem;
    height: 2.4rem;
    line-height: 2.4rem;
    color: #fff;
    font-size: 15px;
    background: rgba(0,0,0,.5);
    z-index: 7;
    border-radius: .15rem;
    text-align: center
}

.t-tit {
    font-size: 13px;
    color: #829486;
    padding: .75rem 0 .5rem
}

.pages {
    float: right;
    margin: 0
}

.control-container {
    width: 100%;
    padding: .5rem 0 1rem
}

.control-container .control-bx {
    overflow: hidden;
    padding: 0 .3rem 0 0
}

.control-container .control-bx .contraol-btn {
    width: 21%;
    float: left
}

.control-container .control-bx .contraol-btn2 {
    width: 58%;
    float: left
}

.control-container .control-bx a {
    display: block;
    font-size: 15px;
    height: 1.85rem;
    line-height: 1.85rem;
    border-radius: .15rem;
    background-color: hsla(0,0%,100%,.6);
    margin-left: .3rem;
    text-align: center
}

.control-container .control-bx .control-nxt-btn {
    background-color: #db4b4b;
    color: #fff
}

.bg-night .control-container a {
    background-color: #303030;
    color: #69696a
}

.bg-night .control-container .control-nxt-btn {
    background-color: #561919;
    color: #69696a
}

.btn-container {
    overflow: hidden;
    text-align: center;
    padding: .25rem 0 .9rem
}

.btn-container a {
    display: inline-block;
    padding: .25rem .6rem;
    font-size: 15px;
    color: #242424;
    position: relative
}

.btn-container a:last-child {
    color: #cc2b2b
}

.btn-container a:last-child:after {
    position: absolute;
    content: '';
    left: -.15rem;
    top: .35rem;
    height: .7rem;
    width: 1px;
    background-color: #bab7b2
}

.bg-night .btn-container a,.bg-night .pbox-over {
    color: #545455
}

.bg-night .btn-container a:last-child {
    color: #651818
}

.bg-night .btn-container a:last-child:after {
    background-color: #545455
}

.back-bookshelf {
    font-size: 13px;
    color: #505050;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 .8rem;
    height: 2.3rem;
    line-height: 2.3rem
}

.bg-night .back-bookshelf {
    color: #7d7d7d
}

.my-bookshelf {
    display: block;
    text-align: center;
    height: 1.7rem;
    line-height: 1.7rem;
    border-radius: .15rem;
    background-color: #e94a26;
    color: #fff;
    font-size: 15px;
    margin: .5rem 1rem 1rem
}

.bg-night .my-bookshelf {
    color: #7d7d7d;
    background-color: #2b2b2c
}

.i-offline {
    width: 1.1rem;
    height: 1.1rem;
    display: inline-block;
    background: url(./img/offline.png) no-repeat;
    background-size: 1.1rem 2rem
}

.bg-night .i-offline {
    background: url(./img/offline_n.png) no-repeat;
    background-size: 1.1rem 2rem
}

.i-query-lst-btn,.i-query-lst-btn-top {
    width: .5rem;
    height: .3rem;
    position: absolute;
    right: .55rem;
    top: .5rem;
    background: url(./img/arr_dd.png) no-repeat;
    background-size: .5rem .3rem
}

.i-query-lst-btn-top {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    background-size: .5rem .3rem
}

.remainder-down {
    text-align: center;
    line-height: 1.6rem
}

.remainder-down a {
    color: #595959;
    display: block;
    border-radius: .25rem;
    background-color: #fafafa;
    border: 1px solid #e0e0e0
}

.bg-night .remainder-down a {
    background-color: #303030;
    border-color: #303030;
    color: #69696a
}

.dialog-reader {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 14rem;
    text-align: center;
    font-size: 16px;
    line-height: 1.3rem;
    padding: .75rem 1rem;
    color: #fff;
    background: rgba(51,51,51,.9);
    border-radius: .25rem;
    z-index: 3
}
.reader-tips {
    text-align: center;
    font-size: 16px;
    line-height: 1.3rem;
    padding: .75rem 2rem;
    color: #fff;
    background: rgb(103, 101, 101);
    border-radius: .25rem;
    z-index: 3
}

.buy-wrap {
    padding: .9rem 1.5rem 0
}

.buy-tit {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    color: hsla(0,0%,7%,.6)
}

.buy-tit:after,.buy-tit:before {
    content: '';
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 2.6rem;
    height: 0;
    border-top: 1px dashed #b2b2b2
}

.bg-night .buy-tit {
    color: hsla(0,0%,100%,.3)
}

.bg-night .buy-tit:after,.bg-night .buy-tit:before {
    border-color: #373737
}

.buy-tit+.buy-btn {
    margin-top: 1.45rem
}

.buy-tit p {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin: 0 1.15rem
}

.buy-tit .ico-edit {
    background: url(./img/edit.png) 0 0 no-repeat;
    background-size: .65rem .7rem;
    display: inline-block;
    margin-right: .35rem;
    vertical-align: -1px;
    width: .65rem;
    height: .7rem
}

.bg-night .buy-tit .ico-edit {
    background-image: url(./img/edit2.png)
}

.buy-tit .ico-book {
    background: url(./img/ico-book.png) 0 0 no-repeat;
    background-size: .8rem .7rem;
    display: inline-block;
    margin-right: .35rem;
    vertical-align: -2px;
    width: .8rem;
    height: .7rem
}

.bg-night .buy-tit .ico-book {
    background-image: url(./img/ico-book2.png)
}

.buy-info {
    margin-top: 1.25rem;
    font-size: 14px;
    color: #333;
    line-height: 1.15rem
}

.bg-night .buy-info {
    color: hsla(0,0%,100%,.3)
}

.buy-info dt {
    float: left
}

.buy-info dd strong {
    font-weight: 400;
    color: #ee5048
}

.bg-night .buy-info dd strong {
    color: rgba(201,90,83,.2)
}

.buy-btn {
    margin-top: 1.15rem;
    display: block;
    height: 2.1rem;
    line-height: 2.1rem;
    border-radius: .15rem;
    background-color: #ee5048;
    color: #fff;
    text-align: center;
    font-size: 15px
}

.buy-txt {
    font-size: 11px;
    margin-top: .3rem;
    color: #929292
}

.bg-night .buy-txt {
    color: hsla(0,0%,100%,.18)
}

.popup-mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.6)
}

.popup-wrap {
    height: 14.4rem;
    left: 50%;
    top: 50%;
    margin: -7.2rem 0 0 -7.15rem;
    background-color: #fff;
    border-radius: .45rem
}

.popup-hd,.popup-wrap {
    width: 14.25rem;
    position: absolute
}

.popup-hd span {
    display: block;
    width: 100%;
    position: absolute;
    top: 1.7rem;
    font-size: 20px;
    color: #fff;
    text-align: center
}

.popup-ct {
    padding-top: 7.5rem;
    text-align: center
}

.popup-ct .popup-tit {
    font-size: 16px;
    color: #333
}

.popup-ct .popup-tit em {
    font-weight: 700;
    font-size: 25px;
    color: #f75b53
}

.popup-ct .popup-txt {
    margin-top: .3rem;
    font-size: 15px;
    color: #888
}

.popup-ct .buy-btn {
    margin: .75rem 2.35rem;
    background-color: #f75b53
}

.toast-top {
    font-size: 15px;
    color: #fff;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    background-color: #000;
    background-color: rgba(0,0,0,.7);
    position: fixed;
    top: -2rem;
    left: 0;
    right: 0;
    z-index: 8;
    -webkit-transition: all .5s;
    transition: all .5s
}

.toast-top.toast-down {
    top: 0
}

.popup-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    background: hsla(0,0%,96%,.93);
    z-index: 3;
    max-width: 750px;
    margin: 0 auto;
}

.popup-bottom h2 {
    height: 1.8rem;
    line-height: 1.8rem;
    border-bottom: 1px solid #d9d9d9;
    padding: 0 .75rem;
    font-size: 16px;
    color: #505050;
    position: relative
}

.bg-night .popup-bottom h2 {
    border-bottom-color: #2e2e2f;
    color: #69696a
}

.popup-main {
    padding: 1rem .75rem
}

.btn-offline {
    font-size: 0
}

.btn-offline li {
    display: inline-block;
    padding-bottom: .75rem;
    font-size: 14px;
    color: #505050;
    width: 100%
}

.btn-offline li.col2 {
    width: 47.82609%;
    margin-right: 4.34783%
}

.btn-offline li.col2:nth-child(even) {
    margin-right: 0
}

.btn-offline a {
    text-align: center;
    display: block;
    padding: 0 .5rem;
    color: inherit;
    height: 2rem;
    line-height: 1.9rem;
    box-sizing: border-box;
    border-radius: .2rem;
    background-color: #fafafa;
    border: 1px solid #e0e0e0;
    overflow: hidden
}

.btn-offline a.discount {
    text-align: left
}

.btn-offline a em {
    float: right;
    font-size: 13px;
    color: #ee5048
}

.buy-package {
    margin-top: 1.25rem;
    font-size: 14px
}

.buy-package a {
    color: #ee5048;
    text-decoration: underline
}

.follow {
    text-align: center;
    color: #2788ea;
    font-size: 16px;
    padding: .95rem 0 .75rem
}

.follow a {
    color: inherit
}

.book-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .75rem
}

.book-list .book-cover,.book-list .pb-book-cover {
    width: 3.8rem;
    margin-right: .6rem
}

.book-list .book-cover img,.book-list .pb-book-cover img {
    display: block;
    width: 100%
}

.book-list .book-detail {
    font-size: 14px;
    color: #505050;
    line-height: 1.1rem
}

.book-list .book-detail strong {
    color: #ee5048;
    font-weight: 400
}

.book-list .book-title {
    color: #262626;
    font-size: 17px;
    line-height: 1.55rem
}

@-webkit-keyframes a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.reader-loading {
    text-align: center;
    background-color: #fafafa;
    line-height: 1;
    padding-top: 1.3rem;
    height: 3.65rem;
    box-sizing: border-box
}

.reader-loading:before {
    /*vertical-align: -2px;*/
    content: '';
    display: inline-block;
    width: .6rem;
    height: .6rem;
    margin-right: .3rem;
    background: url(./img/loading.gif) no-repeat;
    background-size: .6rem .6rem;
    -webkit-animation: a linear 1s infinite;
    animation: a linear 1s infinite
}
@-webkit-keyframes b {
    0% {
        background-color: transparent
    }

    1% {
        background-color: transparent
    }

    to {
        background-color: rgba(0,0,0,.7)
    }
}

@keyframes b {
    0% {
        background-color: transparent
    }

    1% {
        background-color: transparent
    }

    to {
        background-color: rgba(0,0,0,.7)
    }
}

@-webkit-keyframes c {
    0% {
        background-color: rgba(0,0,0,.7)
    }

    1% {
        background-color: rgba(0,0,0,.7)
    }

    to {
        background-color: transparent
    }
}

@keyframes c {
    0% {
        background-color: rgba(0,0,0,.7)
    }

    1% {
        background-color: rgba(0,0,0,.7)
    }

    to {
        background-color: transparent
    }
}

@-webkit-keyframes d {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes d {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes e {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes e {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}
/*阅读页其他小说*/
.m-booklists ul li {
    float: left;
    width: 50%;
    height: 48px;
}
.m-booklists ul li a {
    display: inline-block;
    width: 100%;
    height: 48px;
    line-height: 48px;
    text-decoration: none;
    text-align: center;
    color: #2196f3;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-family: arial,Simsun;
    font-size: 15px;
    font-weight: bold;
    border-right: 1px solid #e5e6e9;
    border-bottom: 1px solid #e5e6e9;
}
.m-booklists ul li:nth-of-type(2n) a{
    border-right: none;
}