.page{margin-top:20px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.page,.scroll .image-small .searchBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.scroll .image-small .searchBox{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:20px;padding:0 20px}.scroll .image-small .searchBox .el-input{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:30px}.scroll .image-small .searchBox .el-button{width:96px;height:36px;margin:0}.scroll .image-small .listBox{display:-webkit-box;display:-ms-flexbox;display:flex;border-top:1px solid #dcdfe6;border-bottom:1px solid #dcdfe6}.scroll .image-small .listBox .leftBar{width:240px;border-right:1px solid #dcdfe6;max-height:358px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow-y:scroll;overflow-x:hidden}.scroll .image-small .listBox .leftBar .item{line-height:40px;padding-left:16px;width:228px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-left:4px solid #fff;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.scroll .image-small .listBox .leftBar .item.active{background:#e6f1fc;border-color:#409eff;color:#409eff}.scroll .image-small .listBox .leftBar .item:hover{background:#e6f1fc;color:#409eff;border-color:#409eff}.scroll .image-small .listBox .rightList{-webkit-box-flex:1;-ms-flex:1;flex:1}.scroll .image-small .listBox .rightList .list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:10px 8px 0 18px;height:358px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow-y:scroll}.scroll .image-small .listBox .rightList .list .item{margin-bottom:20px;position:relative;cursor:pointer}.scroll .image-small .listBox .rightList .list .item:not(:nth-of-type(3n)){margin-right:20px}.scroll .image-small .listBox .rightList .list .item .coveratturl{width:146px;height:82px;margin-bottom:12px}.scroll .image-small .listBox .rightList .list .item .active{width:18px;height:18px;position:absolute;top:10px;left:10px}.scroll .image-small .listBox .rightList .list .item .name{width:146px;font-size:14px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:20px}.scroll .image-small .listBox .rightList .pageBox{margin-bottom:10px}.scroll .image-small .listBox .rightList .noData{height:358px;text-align:center;color:#909399}.scroll .image-small .listBox .rightList .noData img{margin:auto;margin-bottom:10px;width:372px;height:269px}.systemCropper .el-input__icon{line-height:1}.systemCropper .el-dialog{width:800px}.systemCropper .select-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-bottom:20px}.systemCropper .select-box .btn{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;margin:0 5px;padding:8px 15px;font-size:14px;border-radius:4px;color:#606266;background:#fff;border:1px solid #dcdfe6;-webkit-transition:all .2s ease;transition:all .2s ease;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.systemCropper .image-small{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:20px}.systemCropper .image-small .btn{width:30px;font-size:30px;font-weight:600}.systemCropper .image-small .image-list{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:500px;height:60px;overflow:hidden;margin:auto;position:relative}.systemCropper .image-small .image-list .image-list-inner{-webkit-transition:all 1s;transition:all 1s;left:0;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.systemCropper .image-small .image-list .image-list-inner img{-webkit-box-sizing:border-box;box-sizing:border-box;width:90px;height:60px;cursor:pointer;padding:2px}.systemCropper .image-small .image-list .image-list-inner img+img{margin-left:10px}.systemCropper .image-small .image-list .image-list-inner img.is-active{border:1px solid #dcdfe6}.scrollBoxDialog .el-dialog__body{padding:20px 0!important}.scrollBoxDialog .dialog-footer .el-button--primary{margin-left:20px}