.view-body {
    max-width: 960px;
    min-width: 320px;
}
.view-body {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    position: absolute;
    background-color: #fff;
    height: 100%;
    overflow: hidden;
}
.rd-static {
    position: absolute;
    z-index: 99;
    left: 0;
    bottom: 0;
    display: inline-block;
    height: .48rem;
    width: auto;
    min-width: 2rem;
    padding: .0266666667rem .2666666667rem;
    border-top-right-radius: .2666666667rem;
    font-size: .2666666667rem;
    line-height: .48rem;
    color: #fff;
    background-color: rgba(0,0,0,.6);
}
.rd-static span {
    padding-right: .0666666667rem;
}
.read-box.v {
    overflow-y: scroll;
}
.read-box {
    width: 100%;
    height: 100%;
    font-size: 0;
    overflow: hidden;
    position: relative;
    background: #000;
    -webkit-overflow-scrolling: touch;
}
.read-content{
    text-align: center;
    position: relative;
}
.read-content .item{
    width: auto;
    position: relative;
    overflow: hidden;
    -moz-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
}
.read-content .item img{
    width: 100%;
}
.rd-hd {
    background-color: rgba(0,0,0,.7);
}
.rd-hd {
    position: absolute;
    z-index: 100;
    left: 0;
    top: 0;
    display: none;
    height: 1.3866666667rem;
    width: 100%;
    color: #fff;
    background-color: rgba(0,0,0,.6);
    -webkit-animation: dropShow .36s ease-out;
    -moz-animation: dropShow .36s ease-out;
    -o-animation: dropShow .36s ease-out;
    animation: dropShow .36s ease-out;
}
.rd-hd .hd-left {
    width: 1.3333333333rem;
    left: 0;
}
.rd-hd .hd-left, .rd-hd .hd-right {
    position: absolute;
    top: 0;
    display: block;
    height: 1.3866666667rem;
    font-size: .4266666667rem;
    line-height: 1.3866666667rem;
    text-align: center;
}
.rd-hd a {
    cursor: pointer;
}
.header-show .ift-back {
    color: #fff;
}
.header-show .ift-back:before{
    content: "\e60f";
}
.rd-hd .hd-title {
    font-size: .4266666667rem;
}
.rd-hd .hd-title {
    height: 1.12rem;
    padding: .1333333333rem 1.3333333333rem;
    margin: 0;
    font-size: .3733333333rem;
    font-weight: 300;
    line-height: 1.12rem;
}
.rd-hd .hd-right {
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: stretch;
}
.rd-hd .icon-box {
    width: auto;
    padding-left: .16rem;
    padding-right: .16rem;
}
.rd-hd .icon-box {
    width: 1.3866666667rem;
    line-height: 1.3866666667rem;
}
.rd-hd .home {
    font-size: .3733333333rem;
    padding-left: .16rem;
    padding-right: .16rem;
}
.rd-hd .home {
    display: inline-block;
    border: .0266666667rem solid hsla(0,0%,100%,.75);
    padding: .0533333333rem .1066666667rem;
    line-height: .4rem;
    border-radius: 5px;
    font-size: .32rem;
    color: #fff;
}

.rd-ft {
    background-color: rgba(0,0,0,.7);
    padding: .2133333333rem .4266666667rem .32rem;
}
.rd-ft {
    position: absolute;
    z-index: 100;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    padding: .1333333333rem .48rem;
    color: #fff;
    background-color: rgba(0,0,0,.6);
    animation: riseShow .36s ease-out;
}

.rd-ft .ft-page .page-prev {
    text-align: left;
}
.rd-ft .ft-page .page-next, .rd-ft .ft-page .page-prev {
    height: .64rem;
    width: .64rem;
    font-size: .32rem;
    line-height: .64rem;
}
.rd-ft.show-page .ft-page {
    display: flex;
}
.rd-ft .ft-page {
    display: none;
    height: .64rem;
    padding: .1066666667rem 0;
}
.rd-ft .ft-page .page-info {
    display: inline-block;
    width: auto;
    min-width: .6666666667rem;
    padding: 0 .0666666667rem;
    font-size: .32rem;
    text-align: center;
    line-height: .64rem;
}

.rd-progress {
    height: .4266666667rem;
}
.rd-ft .ft-speed .speed-row, .rd-progress {
    padding-left: .2133333333rem;
    padding-right: .2133333333rem;
}
.rd-progress {
    position: relative;
    height: .5333333333rem;
    padding: 0 .2666666667rem;
    overflow: hidden;
}
.rd-progress .rd-progress-cursor {
    position: relative;
    top: 0;
    left: 0;
    height: .5333333333rem;
}
.rd-progress .rd-progress-cursor {
    height: 100%;
}
.rd-progress .rd-progress-cursor:before {
    content: "";
    position: absolute;
    right: 100%;
    top: .24rem;
    display: block;
    height: .0533333333rem;
    width: 100%;
    margin-right: .2666666667rem;
    background-color: #de92d4;
}
.rd-progress .rd-progress-cursor .cursor {
    display: block;
    height: .48rem;
    width: .48rem;
    border: .0266666667rem solid #de92d4;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-left: -.2666666667rem;
    font-size: .32rem;
    line-height: .48rem;
    text-align: center;
    color: #de92d4;
}
.rd-progress .rd-progress-cursor .cursor {
    margin-left: -.2133333333rem;
    height: .4266666667rem;
    width: .4266666667rem;
    border-width: .0533333333rem;
    background-color: #de92d4;
    border-color: #fff;
}
.rd-progress .rd-progress-cursor:before {
    margin-right: .2133333333rem;
}



.rd-progress .rd-progress-cursor:after {
    content: "";
    position: absolute;
    left: .2666666667rem;
    top: .24rem;
    display: block;
    height: .0533333333rem;
    width: 100%;
    background-color: #999;
}
.rd-progress .rd-progress-cursor:after, .rd-progress .rd-progress-cursor:before {
    top: .1733333333rem;
}
.rd-progress .rd-progress-cursor:after {
    left: .2133333333rem;
}
.rd-ft .ft-page .page-next {
    text-align: right;
}

.ift-chapter-next:before {
    content: "\e62e";
    font-size: 12px;
    font-weight: 600;
}
.rd-progress {
    height: .4266666667rem;
}
.rd-ft .ft-speed .speed-row, .rd-progress {
    padding-left: .2133333333rem;
    padding-right: .2133333333rem;
}
.rd-ft .ft-page .page-row {
    height: .5333333333rem;
    padding: .1066666667rem .1333333333rem;
}

.rd-ft .ft-page .page-row {
    height: .64rem;
    padding-right: .2133333333rem;
}
.rd-ft .ft-page .page-info, .rd-ft .ft-page .page-row {
    padding-left: .2133333333rem;
}
.rd-flex .flex {
    flex: 1;
}
.rd-ft * {
    box-sizing: border-box;
}
.rd-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.ift-chapter-prev:before {
    content: "\e62f";
    font-size: 0.32rem;
    font-weight: 600;
}
.rd-ft .ft-speed {
    display: none;
    height: .64rem;
    padding: .1066666667rem 0;
}
.rd-flex.rd-flex-around {
    justify-content: space-around;
}
.rd-ft .ft-menu {
    padding-bottom: 0;
    padding-top: 0;
}
.rd-ft .ft-menu {
    padding: .1066666667rem 0;
    height: 2rem;
}
.rd-ft .ft-menu .menu-block {
    height: auto;
    margin-top: .32rem;
    padding-top: 0;
    position: relative;
}
.rd-ft .ft-menu .menu-block {
    display: block;
    height: 2.0666666667rem;
    width: 1.7333333333rem;
    padding-top: .1333333333rem;
    color: #fff;
    text-align: center;
}
.rd-ft .ft-menu .menu-block .icon {
    display: block;
    height: 1.2rem;
    width: 1.2rem;
    margin: 0 auto;
    font-size: .8rem;
    line-height: 1.2rem;
}
.rd-ft .ft-menu .menu-block .icon {
    font-size: .8533333333rem;
    width: .8533333333rem;
    height: .8533333333rem;
    line-height: .8533333333rem;
}
.rd-ft.show-page .menu-block .icon.play {
    display: none;
}
.rd-ft .ft-menu .menu-block .ift-stop {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    height: .5333333333rem;
    width: .5333333333rem;
    margin: -.2666666667rem 0 0 -.2666666667rem;
    font-size: .4266666667rem;
    line-height: .5333333333rem;
    text-align: center;
    color: #fd5158;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity)";
    filter: alpha(opacity=70);
    opacity: .7;
}
.ift-light:before{
    content: "\e635";
}
.ift-bookmark:before{
    content: "\e610";
    font-size: .693rem;
}
.rd-ft .ft-menu .menu-block .name {
    font-size: .32rem;
    margin-top: .1066666667rem;
    height: .4266666667rem;
    line-height: .4266666667rem;
}
.rd-ft .ft-menu .menu-block .name {
    display: block;
    padding-bottom: .0933333333rem;
    height: .64rem;
    font-size: .3733333333rem;
    line-height: .64rem;
}
.ift-read-list:before {
    font-size: .747rem;
    font-weight: 600;
    content: "\e612";
}
.ift-auto-play:before{
    content: "\e66c";
    font-size: .8rem;
}
.ift-stop-play:before{
    content: "\e629";
    font-weight: 600;
    font-size: .693rem;
}
.ift-error:before{
    content: "\e767";
    font-size: .8rem;
}
.ift-checked:before {
    content: "\e671";
    color: #de92d4;
    font-weight: 600;
}
.ift-nocheck:before{
    content: "\f0129";
}
.modal-cover.modal-cover-rise {
    -webkit-animation: riseShow .3s ease-out;
    -moz-animation: riseShow .3s ease-out;
    -o-animation: riseShow .3s ease-out;
    animation: riseShow .3s ease-out;
}
.modal-cover {
    cursor: pointer;
    position: absolute;
    z-index: 101;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: none;
    transform: translateZ(0);
    opacity: 1;
    -webkit-transition: opacity .15s ease-out,-webkit-transform .15s ease-out;
    transition: opacity .15s ease-out,-webkit-transform .15s ease-out;
    -o-transition: opacity .15s ease-out,-o-transform .15s ease-out;
    -moz-transition: transform .15s ease-out,opacity .15s ease-out,-moz-transform .15s ease-out;
    transition: transform .15s ease-out,opacity .15s ease-out;
    transition: transform .15s ease-out,opacity .15s ease-out,-webkit-transform .15s ease-out,-moz-transform .15s ease-out,-o-transform .15s ease-out;
    overflow: hidden;
}
.cover-light {
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    height: 1.92rem;
    width: 8.2666666667rem;
    -webkit-border-radius: .2666666667rem;
    -moz-border-radius: .2666666667rem;
    border-radius: .2666666667rem;
    padding: 0 .4rem;
    margin: -.96rem 0 0 -4.1333333333rem;
    color: #fff;
    background-color: rgba(0,0,0,.6);
}
.cover-light {
    height: 3.0933333333rem;
}
.modal-cover * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.cover-light .light-progress {
    padding: .1333333333rem 0;
}
.cover-light .light-progress {
    padding-top: .64rem;
    padding-bottom: .48rem;
}

.cover-light .light-progress .progress-add, .cover-light .light-progress .progress-reduce {
    height: .64rem;
    width: .64rem;
    font-size: .48rem;
    line-height: .64rem;
    color: #ccc;
}
.cover-light .light-progress .progress-add, .cover-light .light-progress .progress-reduce {
    width: .8533333333rem;
    height: .8533333333rem;
    line-height: .8533333333rem;
    font-size: .8533333333rem;
}
.cover-light .light-progress .progress-reduce {
    text-align: left;
}
.cover-light .light-progress .progress-add i, .cover-light .light-progress .progress-reduce i {
    vertical-align: top;
}
.ift-moon:before{
    content: "\e61c";
    font-size: .533rem;
    color: #ccc;
}
.cover-light .light-progress .progress-add {
    text-align: right;
}
.cover-light .light-progress .progress-add .ift-light:before{
    color: #ccc;
    font-size: .853rem;
}
.cover-light .light-option {
    height: .5333333333rem;
    padding: .1333333333rem 0;
}
.cover-light .light-option .option-btn {
    display: inline-block;
    height: .5333333333rem;
    width: auto;
    min-width: 2.1333333333rem;
    font-size: 0;
    line-height: .5333333333rem;
    text-align: center;
    color: #ccc;
}
.cover-light .light-option .option-btn.active, .cover-light .light-option .option-btn:active {
    color: #de92d4;
}
.cover-light .light-option .option-btn.active .ift-checked {
    display: inline-block;
}
.cover-light .light-option .option-btn.active i, .cover-light .light-option .option-btn:active i {
    color: #de92d4;
}
.cover-light .light-option .option-btn .ift-checked {
    display: none;
}
.cover-light .light-option .option-btn i {
    font-size: .4266666667rem;
}
.cover-light .light-option .option-btn i, .cover-light .light-option .option-btn label {
    display: inline-block;
    vertical-align: middle;
}
.cover-light .light-option .option-btn i {
    height: .48rem;
    width: .48rem;
    margin: 0 .1333333333rem 0 0;
    text-align: center;
    line-height: .48rem;
}
.cover-light .light-option .option-btn.active .ift-nocheck {
    display: none;
}
.cover-light .light-option .option-btn label {
    font-size: .3733333333rem;
    line-height: .5333333333rem;
    margin-bottom: 0;
}
.cover-light .light-option .option-btn i, .cover-light .light-option .option-btn label {
    display: inline-block;
    vertical-align: middle;
}
.cover-menu {position: absolute;left: 0;right: 0;bottom: 0;height: auto;max-height: 6.0533333333rem;padding: 0 .4rem;color: #fff;background-color: rgba(0,0,0,.6);overflow: hidden;}
.cover-menu .menu-title {height: .72rem;padding: .2666666667rem 0;}
.cover-menu .menu-title .state {font-size: .3733333333rem;line-height: .72rem;}
.cover-menu .menu-title .state a {color: inherit}
.rd-flex .flex {flex: 1;}
.cover-menu .menu-title .order {display: block;height: .72rem;width: 2.6666666667rem;font-size: 0;line-height: .72rem;text-align: right;}
.cover-menu .menu-title .order span {display: inline-block;width: auto;font-size: .3733333333rem;vertical-align: middle;}
.cover-menu .menu-title .order.order-reverse .forward {display: none;}
.cover-menu .menu-title .order i {display: inline-block;height: .72rem;width: .72rem;font-size: .5333333333rem;line-height: .7733333333rem;text-align: center;vertical-align: middle;}
.cover-menu .menu-title .order .reverse {display: none;}
.cover-menu .menu-title .order i {display: inline-block;height: .72rem;width: .72rem;font-size: .5333333333rem;line-height: .7733333333rem;text-align: center;vertical-align: middle;}
.cover-menu .menu-main {-webkit-overflow-scrolling: touch;height: auto;max-height: 4.8rem;width: 100%;overflow-x: hidden;overflow-y: scroll;}
.cover-menu .menu-main .menu-list {float: left;height: 1.0666666667rem;width: 25%;}
.cover-menu .menu-main .menu-list .btn {display: block;height: .6933333333rem;width: 1.76rem;padding: 0 .1333333333rem;border: .0266666667rem solid #fff;border-radius: .3733333333rem;margin: 0 auto .32rem;line-height: .6933333333rem;text-align: center;color: #fff;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.cover-menu .menu-title .order.order-reverse .reverse {display: inline-block;}
.ift-order-asc:before{content: "\e627";}
.ift-order-desc:before{content: "\e626";}
.rd-ft.show-speed .menu-block .icon.play {display: block;}
.rd-ft.show-speed .menu-block .icon.stop {display: none;}
.poput-body textarea{width: 100%;box-sizing: border-box;padding: .267rem;margin: .533rem;outline: none;border: 1px #de92d4 solid;border-radius: 0.133rem;}
.poput-body .verify{position: relative;width: 100%;margin: 0 20px;}
.poput-body .verify input{outline: none;border-radius: 5px;border: 1px solid #de92d4;height: 40px;box-sizing: border-box;padding: 5px;width: 50%;}
.poput-body .verify img{height: 40px;width: 50%;vertical-align: top;}
.poput-body button{margin: 20px;width: 50%;outline: none;height: 40px;border: none;background: #de92d4;color: #ffffff;font-size: 16px;border-radius: 25px;}
.loading {padding-bottom: .5333333333rem;height: 1.0666666667rem;line-height: 1.0666666667rem;color: #ddd;}
.acgn-reader-chapter__item.loading {height: 19.2rem;display: block;}
.read-content .acgn-reader-chapter__item {position: relative;overflow: hidden;background-size: contain;background-repeat: no-repeat;background-position: top;}
.read-content .acgn-reader-chapter__loading-tip {font-size: 1.0666666667rem;width: 100%;height: 100%;background: #000;display: flex;align-items: center;justify-content: center;}
.layer-loading, .loading {text-align: center;}
.read-content .acgn-reader-chapter__item.loading .acgn-reader-chapter__loading-tip {display: flex;}
.read-content .acgn-reader-chapter__loading-tip.lock {color: #fff;font-size: .48rem;line-height: .6133333333rem;}
.goPay{text-align: right;float: right;color: #de92d4;}
.poput-body span{font-weight: 800;color: #de92d4;}
.poput-body .assets{width: 100%;position: absolute;bottom: 0;box-sizing: border-box;padding: 0.533rem;}
.poput-body .autopay{margin-top: -0.4rem;width: 100%;text-align: center;}
.poput-body .autopay input{vertical-align: middle;}
.poput-body .buy-title{width: 100%;margin: 20px 20px 0;text-align: center;font-size: 18px;}
.poput-body .buySubTitle{width: 100%;margin: 0.533rem 0.533rem 0;text-align: center;font-size: 0.427rem;}
.poput-body .login-item{width: 100%;margin: 0.533rem 0.533rem 0.267rem;}
.poput-body .login-item input{width: 100%;box-sizing: border-box;padding: 0.267rem;border: 0.027rem #de92d4 solid;outline: none;border-radius: 0.133rem;}
.poput-body .forgot{width: 100%;margin: 0 0.533rem;}
.poput-body .forgot a{color: #de92d4;}
.poput-body .forgot .forgot-a{float: right;}