.read-list-page{width:980px;margin:0 auto}.read-list-page header.header{position:fixed;top:42px;width:990px;margin:0 auto;padding:28px 10px 28px 0;z-index:2;background-color:#fff}.read-list-page header.header .back-btn{font-size:14px;color:#99a2aa}.read-list-page header.header .back-btn span,.read-list-page header.header .empty{vertical-align:middle;line-height:32px}.read-list-page header.header .empty{font-size:14px;height:32px}.read-list-page header.header .btn-group{margin:0}.read-list-page header.header .btn-group .btn-item{display:inline-block;height:32px;line-height:32px;text-align:center;border-radius:16px;width:32px;background:#ccd0d7;color:#f6fbff;vertical-align:top;-webkit-transition-duration:.1s;transition-duration:.1s}.read-list-page header.header .btn-group .btn-item:hover{background-color:#b0b3b9}.read-list-page header.header .btn-group button{width:90px;padding:0;margin-right:14px}.read-list-page header.header .btn-group .menu-box{display:inline-block;vertical-align:top;position:relative}.read-list-page header.header .btn-group .menu-box .menu-list{position:absolute;top:120%;left:1px;z-index:1000;margin-top:2px;border-radius:4px;padding:10px 0;white-space:nowrap;background:#fff;border:none;box-shadow:0 3px 13px rgba(0,0,0,.18)}.read-list-page header.header .btn-group .menu-box .menu-list .menu-item{display:block;padding:0 20px;cursor:pointer;line-height:28px;font-size:14px;color:#222}.read-list-page header.header .btn-group .menu-box .menu-list .menu-item:hover{background-color:#f1f3f7;color:#00a1d6}.read-list-page .module-box{position:relative;width:100%;border-radius:4px;background:#fff;box-shadow:1px 1px 2px #dfe5ed;margin-bottom:20px;padding:20px}.read-list-page .module-box .module-title{font-size:14px;line-height:1.2;margin-bottom:10px}.read-list-page .module-box .module-tips{font-size:12px;color:#6d757a}.read-list-page .read-list-name{margin-top:95px}.read-list-page .read-list-name .cover{width:110px;height:144px;border:1px dashed #ccd0d7;background-color:#fff;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-size:cover;background-repeat:no-repeat;background-position:50%;background-image:url(https://i0.hdslb.com/bfs/static/studio/creativecenter-platform/img/default_cover.922611ae.png);overflow:hidden;border:0}.read-list-page .read-list-name .cover.has-cover{box-shadow:0 1px 3px 0 #d0d5de}.read-list-page .read-list-name .cover .uploadcoverInput{display:none}.read-list-page .read-list-name .cover .empty-state{text-align:center;color:#99a2aa}.read-list-page .read-list-name .cover .empty-state i.icon-add-img{display:block;width:36px;height:36px;margin:0 auto;background-image:url(https://i0.hdslb.com/bfs/static/studio/creativecenter-platform/img/add-img.6ac6f362.png);background-size:cover;margin-top:47px;font-size:24px}.read-list-page .read-list-name .cover .empty-state p{margin-top:8px}.read-list-page .read-list-name .info{width:calc(100% - 130px)}.read-list-page .read-list-name .info.right.show .title{max-width:660px;font-size:18px;color:#212121;letter-spacing:0;line-height:18px;margin-top:8px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.read-list-page .read-list-name .info.right.show .state{font-size:12px;margin-top:8px}.read-list-page .read-list-name .info.right.show .state.state_1{color:#00a1d6}.read-list-page .read-list-name .info.right.show .state.state_2{color:#e40c0c}.read-list-page .read-list-name .info.right.show .col{line-height:14px;color:#999;margin-top:12px}.read-list-page .read-list-name .info.right.show .col label{font-size:12px;vertical-align:middle;margin-right:10px}.read-list-page .read-list-name .info.right.show .col .split-line{width:1px;height:10px;vertical-align:middle;background-color:#e5e9ef;margin-right:10px;display:inline-block}.read-list-page .read-list-name .info.right.show .col .link label{color:#999;cursor:pointer}.read-list-page .read-list-name .info.right.show .summary{margin-top:10px;color:#999}.read-list-page .read-list-name .info.right.show .summary.on{color:#222}.read-list-page .read-list-name .info.right.show .right-float{float:right;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.read-list-page .read-list-name .info.right.show .right-float .ui-btn.grey-radius{background:#f1f3f7;display:inline-block;vertical-align:top;color:#6d757a;position:relative}.read-list-page .read-list-name .info.right.show .right-float .ui-btn.grey-radius.actions{margin-left:10px}.read-list-page .read-list-name .info.right.show .right-float .ui-btn.grey-radius .iconfont.icon-moreoption{position:absolute;left:7px}.read-list-page .read-list-name .info.right.show .right-float .ui-btn.grey-radius .menu-list{position:absolute;top:120%;left:1px;z-index:1000;margin-top:2px;border-radius:4px;padding:10px 0;white-space:nowrap;background:#fff;border:none;box-shadow:0 3px 13px rgba(0,0,0,.18)}.read-list-page .read-list-name .info.right.show .right-float .ui-btn.grey-radius .menu-list .menu-item{display:block;padding:0 20px;cursor:pointer;line-height:28px;font-size:14px;color:#222}.read-list-page .read-list-name .info.right.show .right-float .ui-btn.grey-radius .menu-list .menu-item:hover{background-color:#f1f3f7;color:#00a1d6}.read-list-page .read-list-name .info.right.edit{text-align:center}.read-list-page .read-list-name .info.right.edit button.ui-btn{width:108px;display:inline-block;margin:30px 10px}.read-list-page .read-list-name .ui-input-text{width:100%;height:56px}.read-list-page .read-list-name .ui-input-text input{height:100%;font-size:18px;padding-left:14px}.read-list-page .read-list-name .ui-input-text .count{right:14px}.read-list-page .read-list-name .ui-input-textarea{margin-top:20px;padding-bottom:19px;height:107px;line-height:1.3;width:100%;display:block}.read-list-page .read-list-name .ui-input-textarea .count{bottom:4px;right:14px}.read-list-page .read-list-content{min-height:450px}.read-list-page .read-list-content .bui-sort-list.sort-end .sort-handler{display:none!important}.read-list-page .read-list-content .article-sort-list{margin-right:-20px;margin-top:16px}.read-list-page .read-list-content .article-sort-list .sort-item{position:relative;padding-left:48px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.read-list-page .read-list-content .article-sort-list .sort-item.sortting .sort-handler,.read-list-page .read-list-content .article-sort-list .sort-item:hover .sort-handler{display:block}.read-list-page .read-list-content .article-sort-list .sort-item:last-child .item-content{border-bottom:0}.read-list-page .read-list-content .article-sort-list .sort-item.sort-end .sort-handler{display:block!important}.read-list-page .read-list-content .article-sort-list .sort-item.sortting .order-number{display:none}.read-list-page .read-list-content .article-sort-list .sort-item .sort-handler{position:absolute;left:0;height:100%;width:16px;background-color:#e5e9ef;display:none;-webkit-transition-duration:.2s;transition-duration:.2s;cursor:move}.read-list-page .read-list-content .article-sort-list .sort-item .sort-handler .icon-sort-handler{display:block;position:absolute;width:8px;height:12px;border-top:2px solid #ccd0d7;border-bottom:2px solid #ccd0d7;left:50%;top:50%;margin-left:-4px;margin-top:-6px}.read-list-page .read-list-content .article-sort-list .sort-item .sort-handler .icon-sort-handler:after{content:"";display:block;width:100%;border-top:2px solid #ccd0d7;margin-top:3px}.read-list-page .read-list-content .article-sort-list .sort-item .order-number{display:block;position:absolute;left:25px;width:22px;height:100%;color:#99a2aa;line-height:60px}.read-list-page .read-list-content .article-sort-list .sort-item .item-content{border-bottom:1px solid rgba(223,229,237,.5803921569);line-height:60px}.read-list-page .read-list-content .article-sort-list .sort-item .item-content .article-info{width:720px}.read-list-page .read-list-content .article-sort-list .sort-item .item-content .article-info .article-title{font-size:14px;display:inline-block;max-width:640px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.read-list-page .read-list-content .article-sort-list .sort-item .item-content .article-info .article-title.no-link{color:#6d757a}.read-list-page .read-list-content .article-sort-list .sort-item .item-content .article-info .article-uptime{font-size:12px;color:#99a2aa;margin-left:10px}.read-list-page .read-list-content .article-sort-list .sort-item .item-content .artcle-state{margin-left:20px;font-size:12px}.read-list-page .read-list-content .article-sort-list .sort-item .item-content .artcle-state .status{color:#00a1d6;max-width:110px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.read-list-page .read-list-content .article-sort-list .sort-item .item-content .artcle-state .status.is-error{color:#e40c0c}.read-list-page .read-list-content .article-sort-list .sort-item .item-content .artcle-state .status .iconfont{font-size:12px}.read-list-page .read-list-content .article-sort-list .sort-item .item-content .act-group{position:absolute;top:50%;margin-top:-16px;right:20px}.read-list-page .read-list-content .article-sort-list .sort-item .item-content .act-btn{display:inline-block;width:32px;height:32px;line-height:32px;text-align:center;border-radius:16px;vertical-align:top;background:#f1f3f7;color:#6d757a}.read-list-page .read-list-content .article-sort-list .sort-item .item-content .act-btn .icon-font,.read-list-page .read-list-content .article-sort-list .sort-item .item-content .act-btn .iconfont{color:#99a2aa}.read-list-page .read-list-content .article-sort-list .sort-item .item-content .act-btn:hover{background:#d7dadd}.read-list-page .read-list-content .article-list-header{line-height:32px}.read-list-page .read-list-content .empty-state{margin-top:84px}.read-list-page .read-list-content .empty-state .empty-tips{line-height:1;font-size:14px;text-align:center}.read-list-page .read-list-content .empty-state button{box-shadow:4px 4px 8px rgba(145,214,236,.6);display:block;width:180px;height:56px;margin:0 auto;line-height:56px;font-size:16px;border-radius:100px;margin-top:55px}.read-list-page .add-article-modal .modal-content{padding-bottom:60px;position:relative}.read-list-page .add-article-modal .module-tips{font-size:12px;color:#99a2aa;margin:15px 0}.read-list-page .add-article-modal .main-btn{display:block;margin:18px auto 0;width:160px;height:40px;border-radius:100px;line-height:40px}.read-list-page .add-article-modal .main-btn.disabled{-webkit-transition-duration:0s;transition-duration:0s}.read-list-page .add-article-modal hr{border:0;border-top:1px solid #e5e9ef}.read-list-page .add-article-modal .article-list-box{height:360px;overflow-y:auto;overflow-x:hidden;margin:24px -15px 24px 0;padding-right:30px}.read-list-page .add-article-modal .article-list-box::-webkit-scrollbar{width:6px}.read-list-page .add-article-modal .article-list-box::-webkit-scrollbar-thumb{background:#ccd0d7;border-radius:3px}.read-list-page .add-article-modal .article-list-box li:first-child label{padding-top:0}.read-list-page .add-article-modal .article-list-box li:last-child label{padding-bottom:0}.read-list-page .add-article-modal .article-list-box li.disabled label span{color:#99a2aa}.read-list-page .add-article-modal .article-list-box li label{font-size:14px;padding:12px 0;display:block}.read-list-page .add-article-modal .article-list-box li label:after{content:"";display:block;clear:both}.read-list-page .add-article-modal .article-list-box li label .title{padding:0 16px;max-width:340px}.read-list-page .add-article-modal .article-list-box li label .title.disabled{color:#99a2aa}.read-list-page .add-article-modal .article-list-box li label span{display:block;line-height:20px}.read-list-page .add-article-modal .article-list-box li label span.uptime{display:inline;color:#99a2aa;margin-left:4px}.read-list-page .add-article-modal .article-list-box li .count{font-size:12px;color:#99a2aa}.read-list-page .add-article-modal .empty-tips{font-size:14px;text-align:center;margin:45px 0}.read-list-page .add-article-modal .position-bottom{position:absolute;left:0;right:0;bottom:0}