@keyframes slideFromBottom{0%{bottom:-250px}to{bottom:0}}@keyframes slideFromLeft{0%{transform:translate(-100vw)}to{transform:translate(0)}}@keyframes slideEaseIn{0%{filter:opacity(0)}to{filter:opacity(1)}}.read-setting-box{position:absolute;right:-35px;top:26px;z-index:10}@media screen and (max-width:1199px){.read-setting-box{right:80px}}.read-setting-box>.icon-area{background:#fff;padding:40px 0;position:fixed;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:80px}.read-setting-box>.icon-area>[class^=xicon]{color:#3d3b36;cursor:pointer;display:block;font-size:32px;margin-top:40px}.read-setting-box>.icon-area>[class^=xicon]:first-of-type{margin-top:0}.read-setting-box>.icon-area>[class^=xicon].active{color:#009f39!important}.mode_2 .read-setting-box>.icon-area{background:#fcf8ef}.mode_3 .read-setting-box>.icon-area{background:#f4fef1}.mode_4 .read-setting-box>.icon-area{background:#222}.mode_4 .read-setting-box>.icon-area>[class^=xicon]{color:#fff}@media screen and (max-width:767px){.read-setting-box>.icon-area{display:none}}.read-setting-box>.console-box{display:none}.read-setting-box>.console-box .el-icon *{fill:#333}@media screen and (max-width:767px){.read-setting-box>.console-box{align-items:center;animation:slideFromBottom .3s forwards;background:#fff;bottom:0;display:block;display:flex;height:70px;justify-content:space-around;left:0;position:fixed;width:100%;will-change:transform;z-index:2}.read-setting-box>.console-box:after{animation:slideEaseIn .3s forwards;background:rgba(0,0,0,.333);bottom:100%;content:"";height:200vh;left:0;pointer-events:none;position:absolute;width:100vw;will-change:transform;z-index:-2}.read-box.mode_4 .read-setting-box>.console-box{background:#222}}.read-setting-box>.chapter-box,.read-setting-box>.comment-box,.read-setting-box>.setting-box{background:#565552;border-radius:6px;box-sizing:border-box;height:687px;margin-top:-50px;max-width:80vw;padding:0 10px;position:fixed;transform:translate(-100%);white-space:nowrap;width:456px}@media screen and (max-width:767px){.read-setting-box>.chapter-box,.read-setting-box>.comment-box,.read-setting-box>.setting-box{background:#f5f5f5}}.read-setting-box>.chapter-box>.title,.read-setting-box>.comment-box>.title,.read-setting-box>.setting-box>.title{align-items:center;border-bottom:1px solid grey;box-sizing:border-box;color:#fff;display:flex;font-size:26px;font-weight:700;height:80px;justify-content:space-between;padding:0 20px}@media screen and (max-width:767px){.read-setting-box>.chapter-box>.title,.read-setting-box>.comment-box>.title,.read-setting-box>.setting-box>.title{color:#333}}.read-setting-box>.chapter-box>.title>p,.read-setting-box>.comment-box>.title>p,.read-setting-box>.setting-box>.title>p{display:none}.read-setting-box>.chapter-box>.title>span,.read-setting-box>.comment-box>.title>span,.read-setting-box>.setting-box>.title>span{overflow:hidden;text-overflow:ellipsis}.read-setting-box>.chapter-box>ul{font-size:18px;height:calc(100% - 115px);overflow-y:auto}.read-setting-box>.chapter-box>ul li{align-items:center;color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:22px}@media screen and (max-width:767px){.read-setting-box>.chapter-box>ul li{color:#333}.read-setting-box>.chapter-box>ul li.lock{filter:opacity(.6)}}.read-setting-box>.chapter-box>ul li>span{overflow:hidden;text-overflow:ellipsis;width:calc(100% - 30px)}.read-setting-box>.chapter-box>ul li>span.active{color:#00fe24}@media screen and (max-width:767px){.read-setting-box>.chapter-box>ul li>span.active{color:#019118!important}.read-setting-box>.chapter-box{animation:slideFromLeft .3s forwards;height:100%;left:0;margin:0;top:0;transform:none;width:75%;will-change:transform}.read-setting-box>.chapter-box:after{animation:slideEaseIn .3s forwards;background:rgba(0,0,0,.333);bottom:0;content:"";height:100vh;left:100%;pointer-events:none;position:absolute;width:100vw;will-change:transform;z-index:-2}.read-setting-box>.chapter-box>.title{border-bottom:none;flex-wrap:wrap;font-size:18px;height:unset;padding:10px 0 0;position:relative}.read-setting-box>.chapter-box>.title span{padding:10px 0 20px;width:100%}.read-setting-box>.chapter-box>.title p{display:block;font-size:14px;white-space:pre-wrap;width:200px;word-break:break-all}.read-setting-box>.chapter-box>.title .sort{bottom:0;position:absolute;right:10px}.mode_4 .read-setting-box>.chapter-box>.title .sort,.mode_4 .read-setting-box>.chapter-box>.title p,.mode_4 .read-setting-box>.chapter-box>.title span{color:#aaa}.read-setting-box>.chapter-box>ul li{font-size:14px;padding:20px 0}.read-setting-box>.chapter-box>ul li>span.active{font-size:16px}}.read-setting-box>.setting-box>.area{color:#fff;padding:22px}.read-setting-box>.setting-box>.area>.el-input-number{box-sizing:border-box;height:50px;margin:40px 0;width:100%}@media screen and (max-width:767px){.read-setting-box>.setting-box>.area>.el-input-number{margin:0}}.read-setting-box>.setting-box>.area>.el-input-number .el-input-number__decrease,.read-setting-box>.setting-box>.area>.el-input-number .el-input-number__increase{background:transparent;box-sizing:border-box;color:#fff;font-size:22px;font-weight:700;width:33%}.read-setting-box>.setting-box>.area>.el-input-number .el-input-number__decrease .el-icon,.read-setting-box>.setting-box>.area>.el-input-number .el-input-number__increase .el-icon{display:none}.read-setting-box>.setting-box>.area>.el-input-number .el-input-number__decrease.is-disabled,.read-setting-box>.setting-box>.area>.el-input-number .el-input-number__increase.is-disabled{color:#9fa5ac}@media screen and (max-width:767px){.read-setting-box>.setting-box>.area>.el-input-number .el-input-number__decrease,.read-setting-box>.setting-box>.area>.el-input-number .el-input-number__increase{color:#444}.mode_4 .read-setting-box>.setting-box>.area>.el-input-number .el-input-number__decrease,.mode_4 .read-setting-box>.setting-box>.area>.el-input-number .el-input-number__increase{color:#777}}.read-setting-box>.setting-box>.area>.el-input-number .el-input-number__increase:before{content:"\e617";font-family:iconfont;font-size:14px}.read-setting-box>.setting-box>.area>.el-input-number .el-input-number__decrease:before{content:"\e618";font-family:iconfont;font-size:14px}.read-setting-box>.setting-box>.area>.el-input-number .el-input__wrapper{background:transparent}.read-setting-box>.setting-box>.area>.el-input-number .el-input__wrapper input{color:#fff;font-size:20px;font-weight:700}@media screen and (max-width:767px){.read-setting-box>.setting-box>.area>.el-input-number .el-input__wrapper input{color:#444}.mode_4 .read-setting-box>.setting-box>.area>.el-input-number .el-input__wrapper input{color:#777}}.read-setting-box>.setting-box>.area .mode{display:flex;flex-wrap:wrap;padding-top:20px}.read-setting-box>.setting-box>.area .mode>div{align-items:center;border-radius:48px;cursor:pointer;display:flex;font-size:40px;height:48px;justify-content:center;width:48px}.read-setting-box>.setting-box>.area .mode>div+div{margin-left:54px}@media screen and (max-width:767px){.read-setting-box>.setting-box{animation:slideFromBottom .3s forwards;border-radius:0;bottom:0;height:170px;left:0;max-width:100%;transform:none;width:100%;will-change:transform}.read-setting-box>.setting-box:after{animation:slideEaseIn .3s forwards;background:rgba(0,0,0,.333);content:"";height:200vh;left:0;pointer-events:none;position:absolute;top:0;transform:translateY(-100%);width:100vw;will-change:transform;z-index:0}.read-setting-box>.setting-box>.area>p,.read-setting-box>.setting-box>.title{display:none}.read-setting-box>.setting-box>.area .el-input__wrapper{box-shadow:none;height:42px}.read-setting-box>.setting-box>.area .el-input-number__decrease,.read-setting-box>.setting-box>.area .el-input-number__increase{border:1px solid #bababa;border-radius:30px;height:42px;width:40%!important}.read-setting-box>.setting-box>.area>.mode{display:flex;justify-content:space-between}.read-setting-box>.setting-box>.area>.mode>div{margin:0!important;width:50px}}.read-setting-box>.comment-box{color:#fff}@media screen and (max-width:767px){.read-setting-box>.comment-box .title{border-color:#ececec;font-size:18px;height:60px;margin:0 -10px;padding:0 20px}.mode_4 .read-setting-box>.comment-box .title{border-color:#444;color:#d4d4d4}.read-setting-box>.comment-box{background:#fff;color:#333;height:85vh;left:0;margin:0;max-width:100%;position:fixed;top:15vh;transform:none;width:100%;z-index:200}.mode_4 .read-setting-box>.comment-box{background:#333;color:#fff}.read-setting-box>.comment-box:after{animation:slideEaseIn .3s forwards;background:rgba(0,0,0,.333);bottom:100%;content:"";height:200vh;left:0;pointer-events:none;position:absolute;width:100vw;will-change:transform;z-index:-2}}.read-setting-box>.comment-box>ul{height:calc(100% - 140px);overflow-y:auto}.read-setting-box>.comment-box>ul li{border-bottom:1px solid #717171;margin:0 20px;padding:27px 0 17px}@media screen and (max-width:767px){.read-setting-box>.comment-box>ul li{border-color:#ececec;margin:0 10px;padding:10px 0}.mode_4 .read-setting-box>.comment-box>ul li{border-color:#444}}.read-setting-box>.comment-box>ul li .avatar{align-items:center;display:flex}@media screen and (max-width:767px){.read-setting-box>.comment-box>ul li .avatar{align-items:flex-start}}.read-setting-box>.comment-box>ul li .avatar img{border-radius:33px;display:block;height:33px;width:33px}.read-setting-box>.comment-box>ul li .avatar span{font-size:18px;font-weight:700;margin-left:10px}@media screen and (max-width:767px){.read-setting-box>.comment-box>ul li .avatar span{color:#777;font-size:14px;font-weight:400}}.read-setting-box>.comment-box>ul li .summary{line-height:1.5;padding:10px 0;white-space:pre-wrap}@media screen and (max-width:767px){.read-setting-box>.comment-box>ul li .summary{margin-left:42px;padding:0}.mode_4 .read-setting-box>.comment-box>ul li .summary{color:#acacac}}.read-setting-box>.comment-box>ul li .time{align-items:center;display:flex;font-size:12px;justify-content:space-between}@media screen and (max-width:767px){.read-setting-box>.comment-box>ul li .time{margin-left:42px;padding-top:10px}.mode_4 .read-setting-box>.comment-box>ul li .time{color:#666}}.read-setting-box>.comment-box>ul li .time>div{color:#999;cursor:pointer}.read-setting-box>.comment-box>ul li .time>div>span{font-size:16px;margin-left:5px}.read-setting-box>.comment-box>ul li .time>div.active{color:#009f39}.read-setting-box>.comment-box .my-pagination{padding-right:20px}@media screen and (max-width:767px){.read-box.mode_4>.area{background:#161616!important}.read-box.mode_4 .read-setting-box>.chapter-box,.read-box.mode_4 .read-setting-box>.setting-box{background:#222!important}.read-box.mode_4 .read-setting-box>.console-box .el-icon *{fill:#bbb}.read-box.mode_4 .read-setting-box>.chapter-box li{color:#aaa}.read-box.mode_4 .read-setting-box>.chapter-box li.lock{color:#888}}