.bookshelf-common .left{width:220px;height:100%;position:relative}.l-header{height:50px;line-height:50px;border-bottom:1px solid #ebebeb;color:#999}.l-header .iconfont{font-size:20px;color:#999}.subscribe-list{height:calc(100% - 125px);overflow-y:auto}.subscribe-list li a{display:block;width:220px;height:44px;line-height:44px;box-sizing:border-box;padding:0 10px;color:#666;border-radius:4px}.subscribe-list li .iconfont{font-size:12px}.subscribe-list li a:hover{background:#f5f6f9}.subscribe-list li.active a{color:#fa5555;background:#fff5f7}.bookshelf-common .left .el-button,.bookshelf-common .right .empty .el-button{width:106px;height:34px;padding:0;background:#fff;font-size:14px;color:#d43939;border:1px solid #d43939;border-radius:4px;position:absolute;left:50%;transform:translateX(-50%)}.bookshelf-common .left .el-button{bottom:20px}.bookshelf-common .left .empty{position:absolute;top:140px;left:50%;transform:translateX(-50%);color:#555;white-space:nowrap;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.bookshelf-common .right{flex:1;border-left:1px solid #ebebeb;box-sizing:border-box;padding-top:20px;padding-right:40px;height:100%;overflow-y:auto;position:relative}.r-header .header-btn{position:absolute;right:20px;bottom:20px;width:70px;height:26px;line-height:26px;border-radius:2px;font-size:14px;text-align:center}.bookshelf-common .right .empty{position:absolute;left:50%;transform:translate(-50%);top:30%;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.bookshelf-common .r-list-empty img,.bookshelf-common .right .empty img{width:133px}.bookshelf-common .right .empty .iconfont{margin-right:5px}.bookshelf-common .r-list-empty{height:calc(100% - 110px);position:relative}.bookshelf-common .r-list-empty>div{position:absolute;top:20%;left:50%;transform:translateX(-50%);text-align:center}.bookshelf-common .left[data-v-7d75d7ba]{width:240px}.l-header[data-v-7d75d7ba]{width:220px}.collection[data-v-7d75d7ba]{height:100%}.subscribe-list[data-v-7d75d7ba]{height:calc(100% - 80px)}.folder-list .folder-item[data-v-7d75d7ba]{cursor:pointer;height:44px;line-height:44px;padding:0 10px;color:#666;border-radius:4px;overflow:hidden;width:220px;box-sizing:border-box}.folder-list .folder-item.select[data-v-7d75d7ba],.folder-list .folder-item[data-v-7d75d7ba]:hover{background-color:#fff5f7;color:#fa5555}.folder-list .folder-item.select .fr.iconfont[data-v-7d75d7ba],.folder-list .folder-item:hover .fr.iconfont[data-v-7d75d7ba]{color:#666}.folder-list .folder-item .item-name[data-v-7d75d7ba]{width:calc(100% - 12px)}.folder-list .folder-item span.elips[data-v-7d75d7ba]{max-width:100px;vertical-align:middle;display:inline-block}.collection .right[data-v-7d75d7ba]{padding-top:0}.popover-list li a[data-v-7d75d7ba]{display:block;height:30px;line-height:30px;color:#666;padding:0 20px;box-sizing:border-box}.popover-list li a[data-v-7d75d7ba]:hover{background:#f5f6f9}.add-folder-item .add-folder[data-v-7d75d7ba] .el-input__inner{height:44px;line-height:44px;border:1px solid #fa5555}.add-folder-item .el-input[data-v-7d75d7ba] .el-input__prefix,.add-folder-item .el-input[data-v-7d75d7ba] .el-input__suffix{line-height:44px}.add-folder-item .el-input[data-v-7d75d7ba] .el-input__prefix{left:10px;color:#666}.add-folder-item .el-input[data-v-7d75d7ba] .el-input__suffix{right:10px;color:#fa5555;cursor:pointer}.collection .right .empty[data-v-7d75d7ba] .el-button{width:130px}