.cropperdialog{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;z-index:100000!important}.cropperdialog h2{padding:0 0 10px 35px;color:#ff6f00;text-align:center}.cropperdialog .cropper-view-box{outline:3px solid #ff6f00!important}.cropperdialog .el-dialog{position:absolute;margin-bottom:0;width:auto}.cropperdialog .el-dialog__headerbtn{font-size:22px;right:5px;top:5px}.cropperdialog .el-dialog__body{padding:0 20px}.cropperdialog .dialog-footer{text-align:center}.cropperdialog .btn{width:auto;margin:0 5px;height:40px;border-radius:23px;color:#fff;border:none;font-weight:400;font-size:15px}.cropperdialog .btn.btn_fixed{min-width:62px;background-color:#909399}.cropperdialog .btn.btn_fixed.active{background:#ff6f00}.cropperdialog .crop_wrapper_cancel{border:none;color:#777;font-weight:400;font-size:15px}.cropperdialog .crop_wrapper{margin:0 auto}.cropperdialog .crop-info{font-size:14px}.cropperdialog .dialog-footer{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.cropperdialog .el-dialog__footer,.cropperdialog .el-dialog__header{padding:20px 0}.collections{margin:50px auto;padding:0 100px}.collections h2{margin-bottom:20px}.collections .sign{color:#333}.collections .creat-btn{text-align:right}.collections .content{margin-left:20px;margin-right:20px}.collections .required{position:relative}.collections .required:before{content:"*";position:absolute;left:-10px;font-size:12px;color:#f15d5d}.collections .cover-box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.collections .cover-url{position:relative;display:block;width:280px;height:320px;border-radius:6px;overflow:hidden;font-size:0;text-align:center;cursor:pointer}.collections .cover-url img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:4;display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.collections .cover-url:before{position:absolute;top:0;left:0;width:346px;height:462px;border:2px dashed #d8d8d8;content:"";z-index:2}.collections .cover-url .primary-tip{position:absolute;top:50%;left:50%;width:346px;height:462px;background:#f4f4f4;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:3;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.collections .cover-url .primary-tip .tip-cont p{color:#aaa;font-size:13px;line-height:25px}.collections .cover-url .primary-tip .tip-cont p:first-of-type{margin:10px 0 20px 0;color:#333;font-weight:400;font-size:16px}.collections .selectBox{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.collections .selectBox .selectCategories{margin-right:50px}.collections .top{margin-top:20px;margin-bottom:20px;font-size:20px}.collections .top .save-btn{text-align:right}.collections .search{margin-bottom:20px}.collections .search .search-btn{text-align:right}.collections .compilation-works{height:-webkit-calc(100vh - 168px);height:calc(100vh - 168px)}.collections .compilation-works .work-item{height:100px;margin-bottom:10px;background:#ddd;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.collections .compilation-works .work-item .checkbox{margin-left:20px}.collections .compilation-works .work-item .work-info{vertical-align:middle;margin-left:10px;color:#888}.collections .compilation-works .work-item .work-name{margin-bottom:15px}.collections .edit-works .top{margin-top:20px}.collections .edit-works .top .work-num{text-align:right}.collections .edit-works .cover-uploader,.collections .edit-works .description,.collections .edit-works .hot-topic,.collections .edit-works .title-area{margin-top:10px}.collections .edit-works .cover-uploader .title,.collections .edit-works .description .title,.collections .edit-works .hot-topic .title,.collections .edit-works .title-area .title{margin-bottom:6px}.collections .edit-works .submit-btn{text-align:center;margin-top:30px;padding-bottom:20px}.collections .el-drawer.rtl{overflow-y:scroll}.collections .img-wrap{border-radius:10px;width:120px;height:120px;background-position:50%;background-size:contain;background-repeat:no-repeat;background-color:#000;position:relative}.collections .img-wrap img{width:40px;height:40px;position:absolute;top:0;right:0}.collections .img-wrap .status-box{font-size:12px;color:#fff;padding:2px 6px;position:absolute;left:6px;top:6px;border-radius:8px}.collections .img-wrap.improving-class .status-box{background:rgba(0,0,0,.8)}.collections .img-wrap.is-online-class .status-box{background:#3b63f0}.collections .img-wrap.is-offline-class .status-box,.collections .img-wrap.uninprove-class .status-box{background:#ff505d}