.NoScroll {
    position: fixed;
    width: 100%
}

body {
    max-width: 600px;
    min-width: 320px;
    margin: 0 auto;
    background: #f5f5f5;
    font-size: 12px;
    color: #616161;
    line-height: 1.5
}

html{
    touch-action: none;
    touch-action: pan-y;
}

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

a:hover {
    text-decoration: none
}

dd, dl, dt, form {
    margin: 0;
    padding: 0
}

button, input[type=submit], input[type=reset], input[type=button] {
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

img.gray {
    filter: grayscale(100%)
}

.red, a.red {
    color: #f60
}

.Btn {
    display: block;
    padding: 0 1em;
    line-height: 2;
    font-size: 14px;
    color: #fff;
    background: #f60;
    border-radius: 4px;
    margin: 0 auto
}

.Btn.min {
    display: inline-block
}

.Btn.max {
    display: block
}

.Btn.red {
    background: #f60;
    color: #fff
}

.Btn.white {
    background: #fff;
    color: #f60;
    border: 1px solid #ececec
}

.Btn.block {
    display: block;
    margin: 2em
}

a.Btn {
    font-size: 1.5em;
    text-align: center
}

.loading {
    padding: 50px;
    background: url(all/loading2.gif) no-repeat center center
}

.gray {
    color: #ececec
}

.right {
    float: right
}

.center {
    text-align: center
}

.loadMore {
    color: #999;
    text-align: center;
    padding: 1em 0 1em;
    display: block
}

.emptyList {
    display: none;
    padding: 5em 0;
    text-align: center;
    color: #999;
    font-size: 1.5em
}

section.tips {
    padding: 3em;
    text-align: center
}

header#NavFloat {
    max-width: 600px;
    min-width: 320px;
    height: 3.7em;
    background: 0 0;
    transition: background .15s;
    position: relative;
    z-index: 2147483646
}

header#NavFloat .NavFloatBox {
    font-size: 16px;
    position: relative;
    box-sizing: border-box;
    height: 2.75em;
    padding-top: .6875em;
    padding-bottom: .625em;
    border-bottom: 1px solid #f0f1f2;
    background-color: #fff;
    display: flex;
    align-items: center;
    z-index: 1;
    border-bottom: 0;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .11)
}

header#NavFloat .NavFloatBox > a.back {
    flex: 0 0 3em;
    padding: 0 .5em;
    height: 1em;
    line-height: 1;
    font-size: 1em;
    color: grey
}

header#NavFloat .NavFloatBox > a.back:before {
    content: '';
    background: url(all/icon_back.png) no-repeat center;
    background-size: 1.2em auto;
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: bottom
}

header#NavFloat .NavFloatBox > h2.NavTitle {
    font-size: 16px;
    line-height: 1;
    margin: 0;
    flex: 1;
    text-align: center;
    font-weight: 400;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

header#NavFloat .NavFloatBox > div.NavOperate {
    flex: 0 0 3.5em;
    margin-right: .5em;
    display: flex;
    justify-content: space-around;
    align-items: center
}

header#NavFloat .NavFloatBox > div.NavOperate > a {
    flex: 0 0 1em;
    height: 1em;
    width: 1em;
    color: #888;
    display: block
}

header#NavFloat .NavFloatBox > div.NavOperate > a.icon-search {
    background: url(all/icon_search.png) no-repeat center;
    background-size: 1em 1em
}

header#NavFloat .NavFloatBox > div.NavOperate > a#navShow {
    position: relative;
    height: .8em
}

header#NavFloat .NavFloatBox > div.NavOperate > a#navShow::after, header#NavFloat .NavFloatBox > div.NavOperate > a#navShow::before {
    content: '';
    transition: transform .15s;
    border-bottom: 1px solid;
    overflow: hidden;
    width: 100%;
    position: absolute;
    left: 0;
    height: 36%
}

header#NavFloat .NavFloatBox > div.NavOperate > a#navShow::before {
    top: 0;
    border-top: 1px solid
}

header#NavFloat .NavFloatBox > div.NavOperate > a#navShow::after {
    height: 0;
    bottom: 0
}

header#NavFloat .NavFloatBox > div.NavOperate > a#navShow.on::before {
    height: 0;
    transform: translateY(0) rotate(45deg);
    border-bottom: 0;
    top: 48%
}

header#NavFloat .NavFloatBox > div.NavOperate > a#navShow.on::after {
    transform: translateY(0) rotate(-45deg);
    bottom: 48%
}

header#NavFloat #shadowBox {
    position: relative;
    overflow: hidden;
    height: 0;
    background: 0 0
}

header#NavFloat #shadowBox.on {
    height: 100vh;
    background: rgba(0, 0, 0, .45);
    transition: background .15s
}

header#NavFloat #shadowBox.on .shadowBoxCon {
    transform: translateY(0)
}

header#NavFloat #shadowBox.off {
    transition: height .5s
}

header#NavFloat #shadowBox .shadowBoxCon {
    overflow: hidden;
    transition: transform .15s;
    transform: translateY(-100%);
    background: rgba(0, 0, 0, .45)
}

header#NavFloat #shadowBox .shadowBoxCon .shadowBoxButton, header#NavFloat #shadowBox .shadowBoxCon .shadowBoxTop {
    padding: 0 1em;
    background: #F9F9F9
}

header#NavFloat #shadowBox .shadowBoxCon .shadowBoxTop {
    display: flex;
    flex-wrap: wrap;
    padding-top: 1.5em
}

header#NavFloat #shadowBox .shadowBoxCon .shadowBoxTop > a {
    width: 25%;
    text-align: center;
    position: relative;
    margin-bottom: .6em;
    color: #3d3d3d
}

header#NavFloat #shadowBox .shadowBoxCon .shadowBoxTop > a img {
    width: 40%;
    margin-bottom: .6em
}

header#NavFloat #shadowBox .shadowBoxCon .shadowBoxTop > a span {
    display: block;
    width: 100%;
    font-size: 14px;
    color: #333;
    position: relative;
    top: -.5em
}

header#NavFloat #shadowBox .shadowBoxCon .shadowBoxButton {
    padding-top: 1em;
    padding-bottom: 1.5em;
    text-align: center
}

header#NavFloat #shadowBox .shadowBoxCon .shadowBoxButton > a {
    font-size: 14px;
    color: #FFF;
    width: 80%;
    margin: 0 auto;
    line-height: 2.25em;
    display: block;
    padding-right: 1em;
    padding-left: 1em;
    text-align: center;
    border-radius: 5px;
    background-color: #F14C36
}

header.Nav {
    background: #f1f1f3;
    display: -webkit-box;
    display: -ms-flexbox;
    font-size: 1.5em;
    line-height: 2.5;
    border-bottom: 1px solid #ececec;
    overflow: hidden
}

header.Nav a {
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    min-width: 3.5em;
    text-align: center;
    display: block
}

header.Nav a.back {
    background: url(arrow/arr_left.png) no-repeat 1em center;
    -webkit-background-size: 1.4em auto;
    background-size: 1.4em auto;
    -webkit-background-size: 1.4em auto 100%;
    background-size: 1.4em auto 100%
}

header.Nav a.more {
    font-size: .8em;
    line-height: 3.2;
    max-width: 5em;
    padding-right: .5em;
    text-align: center
}

header.Nav span {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    display: block;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

section.MODLE {
    border-bottom: 10px solid #f5f5f5
}

section.MODLE.last {
    border-bottom: none
}

section.MODLE .TIT {
    padding: .8em;
    padding-left: 0;
    margin: 0;
    margin-left: .8em;
    color: #131313;
    font-size: 1.14em;
    border-bottom: 1px solid #ececec;
    line-height: 1em;
    font-weight: 400
}

section.MODLE .TIT:before {
    content: ' ';
    display: inline-block;
    width: 4px;
    background: #F14C36;
    height: 1em;
    vertical-align: top;
    margin-right: .5em;
    border-radius: 3px
}

section.MODLE .TIT .more {
    font-weight: 400;
    color: #999;
    float: right;
    font-size: .8em
}

section.MODLE .TIT .more.swap {
    padding-left: .7em
}

section.swapUser {
    background: #fff;
    overflow: hidden;
    padding: 1em 1.5em
}

section.swapUser p {
    margin: 0;
    line-height: 2;
    overflow: hidden
}

section.swapUser p:last-child {
    color: #999
}

section.swapUser p a {
    float: right;
    line-height: 2;
    color: #f60
}

dt.btn {
    padding-left: .5em
}

section.info {
    margin: 1em 1.5em;
    font-size: 1.2em;
    word-wrap: break-word
}

section.info a {
    color: #f60;
    white-space: nowrap
}

section.idIcon {
    font-size: 2em;
    padding: .5em
}

section.idIcon img.icon {
    width: 3em;
    height: 3em;
    border-radius: 50%;
    vertical-align: middle
}

.TimeCount {
    color: #979797;
    font-weight: 700;
    overflow: hidden;
    vertical-align: middle
}

.TimeCount b {
    color: #fff;
    background: #565656;
    display: inline-block;
    border-radius: .2em;
    font-weight: 400;
    text-indent: 0;
    margin: 0 .2em;
    height: 1.5em;
    padding: 0 .5em;
    text-align: center;
    line-height: 1.5em
}

.TimeCount b:nth-of-type(1) {
    margin-left: .5em
}

.TimeCount b.sec {
    color: #f14c36
}

dl.storeResult dt {
    font-size: 2em;
    line-height: 1.5;
    padding: 4em 0;
    border-bottom: 1px solid #ececec;
    text-align: center
}

dl.storeResult dt.fail {
    font-size: 1em
}

dl.storeResult dt.fail p {
    font-size: 1.5em
}

dl.storeResult dt.fail p a {
    display: inline-block;
    border: 1px solid #616161;
    padding: .5em 1em;
    border-radius: .5em;
    margin-top: .2em
}

dl.storeResult dt div.jump {
    line-height: 3.5em;
    font-size: .5em
}

dl.storeResult dt div.jump span {
    color: #48A2E0
}

dl.storeResult dd {
    padding: 2em
}

dl.TAB {
    overflow: hidden
}

dl.TAB dt.NAV {
    border-bottom: 1px solid #ececec;
    display: -webkit-box;
    display: -ms-flexbox
}

dl.TAB dt.NAV label {
    padding: 1em 0;
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    -ms-flex: 1;
    -webkit-box-flex: 1;
    display: block
}

dl.TAB dt.NAV label.now {
    border-bottom: 3px solid #f60
}

dl.TAB dt.NAV label.now span {
    color: #f60
}

dl.TAB dt.NAV label span {
    font-size: 1.2em;
    line-height: 1;
    display: block;
    text-align: center;
    border-right: 1px solid #ececec
}

dl.TAB dt.NAV label:last-child span {
    border: 0
}

dl.TAB dd.CONT {
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

dl.TAB dd.CONT .node {
    width: 100%;
    display: block;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0
}

dl.TAB dd.CONT .node:nth-of-type(1) {
    position: static
}

dl.TAB dd.CONT .node:nth-of-type(2) {
    left: 100%
}

dl.TAB dd.CONT .node:nth-of-type(3) {
    left: 200%
}

dl.TAB dd.CONT .node:nth-of-type(4) {
    left: 300%
}

dl.TAB dd.CONT .node:nth-of-type(5) {
    left: 400%
}

dl.TAB dd.CONT .node:nth-of-type(6) {
    left: 500%
}

dl.TAB dd.CONT label.node a {
    overflow: hidden;
    clear: both;
    display: block;
    padding: 1em;
    border-bottom: 1px solid #ececec
}

dl.TAB dd.CONT label.node a img {
    width: 8em;
    height: 11.5em;
    float: left;
    margin-right: 1em
}

dl.TAB dd.CONT label.node a span {
    display: block;
    font-size: 1em;
    margin-bottom: .25em
}

dl.TAB dd.CONT label.node a span.title {
    font-size: 1.2em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

dl.TAB.T2 dd.CONT label {
    display: none;
    position: static !important
}

dl.TAB.T2 dd.CONT label:nth-of-type(1) {
    display: block
}

dl.TAB dd.MORE, dl.TAB dd.loading {
    border-bottom: 1px solid #ececec;
    height: 3em
}

dl.TAB dd.MORE a, dl.TAB dd.loading a {
    margin: .75em;
    color: #f60;
    background: url(arrow/arr_right.png) no-repeat right center;
    -webkit-background-size: .5em .9em;
    background-size: .5em .9em;
    display: block;
    font-size: 1.2em
}

dl.TAB dd.loading {
    background: url(all/loading.gif) no-repeat center center
}

dl.TAB dd.loading a {
    display: none
}

.feedback {
    background: #eaeaea;
    position: fixed;
    overflow: auto;
    z-index: 90;
    top: 100%;
    opacity: 0;
    width: 100%;
    max-width: 600px;
    height: 120%;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.feedback iframe {
    display: none
}

.feedback .h1 {
    display: -webkit-box;
    display: -ms-flexbox;
    line-height: 1.2em;
    background: #fff;
    padding: 1em
}

.feedback .h1 span {
    text-align: center;
    font-size: 1em;
    -ms-flex: 1;
    -webkit-box-flex: 1;
    display: block
}

.feedback .h1 a {
    width: 3em;
    text-align: center;
    color: red;
    -ms-flex: 0;
    -webkit-box-flex: 0;
    display: block
}

.feedback p {
    margin: 1em;
    font-size: .6em;
    line-height: 1.2
}

.feedback p a {
    color: #f60
}

.feedback p.warn {
    font-size: 10px;
    color: #999;
    line-height: 1.2em;
    text-align: right
}

.feedback form {
    padding: .1em 1em 1em;
    background: #fff
}

.feedback form .info {
    display: none;
    color: #f60;
    text-align: right;
    margin: 0;
    font-size: 10px
}

.feedback input, .feedback textarea {
    border: 1px solid #f60;
    display: block;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-top: 1em;
    font-size: 1em;
    line-height: 1.8
}

.feedback textarea {
    height: 7em
}

.feedback input[type=submit] {
    background: #f60;
    color: #fff;
    line-height: 2em;
    -webkit-appearance: none
}

.feedback_alert {
    min-height: 5em;
    margin-top: -2em;
    background: url(all/feedback.png) no-repeat 2em top;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    padding-left: 3em;
    color: #f60;
    text-align: center
}

.feedback_alert h2 {
    margin: 0;
    text-align: center;
    font-size: 2em
}

.help_context {
    background: #F6F5F5;
    padding: 1em 0
}

.help_context dl {
    margin: 0 0 .5em 1.5em;
    display: none
}

.help_context dl:nth-of-type(1) {
    display: block
}

.help_context dd {
    display: none;
    border-bottom: 1px solid #ececec;
    padding: 0 1.5em .2em 0
}

.help_context dd > img {
    width: 100%
}

.help_context dt {
    border-bottom: 1px solid #DCDCDC;
    font-weight: 700;
    padding: .5em 1.5em .2em 0
}

.help_context dt span {
    display: block;
    background: url(arrow/arr_right.png) no-repeat right center;
    -webkit-background-size: .4em .8em;
    background-size: .4em .8em
}

.booklist {
    background: #fff;
    border: 1px solid #ececec;
    border-width: 1px 0;
    padding-left: 2em;
    display: block
}

.booklist a {
    display: block;
    border-bottom: 1px solid #ececec;
    overflow: hidden;
    padding: 2em 2em 2em 0
}

.booklist a img {
    width: 8em;
    float: left;
    margin-right: 1em
}

.booklist a span {
    display: block
}

.booklist a span.tit {
    font-size: 1.7em;
    line-height: 1.2
}

.booklist a span.author {
    margin-bottom: 1em;
    font-size: .8em;
    color: #999
}

.Note {
    display: block;
    background: #fdf4af;
    color: #f60;
    line-height: 1.2;
    text-align: center;
    padding: .5em 1em
}

.Note img.icon {
    height: 1em
}

.Tab .tags {
    display: flex;
    border-bottom: 1px solid #f1f1f1
}

.Tab .tags .item {
    flex: 1;
    border-bottom: 2px solid #fff;
    background: #fff;
    text-align: center;
    line-height: 3em;
    font-weight: 700;
    font-size: 1.2em
}

.Tab .tags .item.now {
    border-color: #f60;
    color: #f60
}

.newChapter_title {
    background: #FFF
}

.newChapter_title div {
    height: 3em;
    line-height: 3em;
    text-align: center;
    font-size: 1.2em
}

.bookOfRead {
    background: #FFF
}

.bookOfRead dt {
    padding: .5em 0 0 1em;
    font-size: 1.5em
}

section.bottomTip {
    padding: 0 1em;
    color: #999;
    font-size: 1em
}

section.bottomTip span {
    display: inline-block;
    color: #DB3738;
    font-size: 1em;
    margin-bottom: .5em
}

section.bottomTip p {
    margin-bottom: 5em
}

.nav_bottom {
    border-top: 1px solid #ececec;
    background: #fff;
    width: 100%;
    max-width: 600px;
    position: fixed;
    z-index: 100;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox
}

.nav_bottom a {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    display: block;
    text-align: center;
    padding: 2.5em 0 .5em;
    background: no-repeat center .5em;
    background-size: auto 2em
}

.nav_bottom a.now {
    border-top: 2px solid #f60;
    color: #f60
}

.nav_bottom a.list {
    background-image: url(indexNav/booklib.png)
}

.nav_bottom a.list.now {
    background-image: url(indexNav/booklib_a.png)
}

.nav_bottom a.so {
    background-image: url(indexNav/bookso.png)
}

.nav_bottom a.so.now {
    background-image: url(indexNav/bookso_a.png)
}

.nav_bottom a.bbs {
    background-image: url(indexNav/bbs.png)
}

.nav_bottom a.bbs.now {
    background-image: url(indexNav/bbs_a.png)
}

.nav_bottom a.me {
    background-image: url(indexNav/me.png)
}

.nav_bottom a.me.now {
    background-image: url(indexNav/me_a.png)
}

h2.title_arr {
    padding: 0 1em;
    background: #fff;
    margin: 0;
    border-bottom: 1px solid #ececec
}

h2.title_arr span {
    font-size: 1em;
    line-height: 2em;
    background: url(arrow/arr_right_red.png) no-repeat right center;
    -webkit-background-size: .4em .8em;
    background-size: .4em .8em;
    display: block
}

.footer_bot {
    text-align: center;
    padding: 1em;
    background: 0 0
}

.footer_bot a {
    color: #999;
    padding: 8px;
    font-size: .8em
}

.footer_bot a.down_btn {
    display: block;
    background: #F14C36;
    border-radius: 5px;
    color: #fff;
    font-size: 1.2em
}

.footer_bot p {
    margin: .5em 0 2em;
    color: #666;
    font-size: 1.2em
}

.footer_bot .copy {
    margin-top: .5em;
    text-align: center;
    font-size: 10px;
    color: #999
}

.footer_bot .jubao {
    text-align: center;
    font-size: 10px;
    color: #999;
    padding-bottom: 3em
}

div.app_float {
    box-sizing: border-box;
    padding: .5em 2em;
    position: fixed;
    bottom: 0;
    z-index: 100;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #ececec;
    border-width: 1px 0;
    overflow: hidden
}

div.app_float img.logo {
    width: 2.5em;
    float: left;
    margin-right: .8em;
    box-shadow: 0 0 1px 0 #F14C36;
    border-radius: .5em
}

div.app_float div {
    float: left
}

div.app_float div p {
    font-size: 10px;
    color: #F14C36;
    margin: 0;
    line-height: 1.5em
}

div.app_float a.down_btn {
    background: #F14C36;
    float: right;
    margin-top: .2em;
    padding: .5em 1em;
    color: #fff;
    border-radius: .3em;
    font-size: .8em;
    margin-right: 1.5em
}

div.app_float a.close_btn {
    position: absolute;
    right: .5em;
    width: 2.5em;
    height: 2.5em;
    padding: 3px;
    background: url(all/close.png) no-repeat center center;
    background-size: 1em 1em
}

div.app_bot {
    box-sizing: border-box;
    margin: 1em 0 2em;
    overflow: hidden
}

div.app_bot img.logo {
    width: 2.6em;
    float: left;
    margin-right: .8em;
    box-shadow: 0 0 1px 0 #F14C36;
    border-radius: .5em
}

div.app_bot div {
    float: left
}

div.app_bot div p {
    margin: 0
}

div.app_bot div p.name {
    line-height: 17px;
    font-size: 14px;
    color: #4A4A4A;
    font-weight: 600
}

div.app_bot div p span.red {
    color: #F14C36
}

div.app_bot div p.info {
    line-height: 14px;
    font-size: 9px;
    color: #9B9B9B;
    text-align: left
}

div.app_bot a.down_btn {
    background: #F14C36;
    float: right;
    margin-top: .2em;
    padding: 8px;
    color: #fff;
    border-radius: .3em;
    letter-spacing: 1px;
    line-height: 1em;
    font-size: .9em
}

.LIST_IMG {
    overflow: hidden
}

.LIST_IMG dd {
    border-bottom: 1px solid #ececec;
    padding: 1em 0;
    margin: 0 1em;
    overflow: hidden
}

.LIST_IMG dd a.main {
    display: block;
    height: 7.2em
}

.LIST_IMG dd a.main .cover {
    width: 5em;
    height: 7.2em;
    float: left;
    margin-right: 1em
}

.LIST_IMG dd a.main h2, .LIST_IMG dd a.main p {
    margin: 5px 0
}

.LIST_IMG dd a.main p {
    color: #979797;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 1.4em
}

.LIST_IMG dd a.main h2 {
    font-size: 1.1em;
    margin-top: 0;
    line-height: 1;
    margin-bottom: .5em;
    font-weight: 400;
    color: #131313
}

.LIST_IMG dd a.main span {
    color: #999;
    font-size: .8em;
    line-height: 1.5em
}

.LIST_IMG dd a.main span.sign {
    border: 1px solid #ececec;
    padding: 0 8px;
    float: right;
    border-radius: 2px;
    color: #979797
}

.LIST_IMG dd a.main span.author {
    font-size: .8em;
    color: #565656
}

.book-list-col4 {
    padding: 2vw;
    background: #fff;
    margin-bottom: 1em
}

.book-list-col4 dt {
    height: 3em;
    line-height: 3em;
    font-size: 1.2em;
    padding: 0 2vw
}

.book-list-col4 dt a {
    display: block;
    background: url(arrow/arr_right.png) no-repeat right center;
    -webkit-background-size: .5em .8em;
    background-size: .5em .8em
}

.book-list-col4 dd {
    overflow: hidden
}

.book-list-col4 dd a {
    float: left;
    width: 20vw;
    padding: 2vw
}

.book-list-col4 dd a .cover {
    width: 20vw;
    height: 29vw
}

.book-list-col4 dd a .name {
    font-size: .9em;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.book-list-col4 dd a .author {
    font-size: .9em;
    display: block;
    color: #999;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}