.hide div.el-upload--picture-card{display:none}.circle-box[data-v-62d7bed8]{margin:10px;box-sizing:border-box;position:relative;min-height:500px;padding:20px 10px;border-radius:10px}.circle-box .nav-item-list[data-v-62d7bed8]{overflow-y:auto;border-radius:4px 4px 0 0;box-sizing:border-box;height:100%;padding:0 4px 40px;border-left:1px solid #f9f9f9}.circle-box .nav-item-warp .nav-item[data-v-62d7bed8]{position:relative;padding:10px 16px;border-radius:2px;cursor:pointer;color:#333;font-weight:500;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.circle-box .nav-item-warp .nav-item .nav-item-icon[data-v-62d7bed8]{width:20px;height:20px;margin-right:12px;overflow:hidden;font-size:14px;line-height:20px}.circle-box .nav-item-warp .nav-item .nav-item-text[data-v-62d7bed8]{line-height:20px;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.circle-box .nav-item-warp .nav-item[data-v-62d7bed8]:hover{background-color:rgba(65,95,255,.1)}.circle-box .nav-item-warp .nav-item.active .nav-item-icon[data-v-62d7bed8]{font-size:20px;color:#415fff}.circle-box .nav-item-warp .nav-item.active .nav-item-text[data-v-62d7bed8]{font-size:16px;color:#415fff}.circle-box .circle-content[data-v-62d7bed8]{min-height:500px}.circle-box .circle-content .circle-list[data-v-62d7bed8]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-10px;min-height:236px}.circle-box .circle-content .circle-list .circle-item[data-v-62d7bed8]{width:50%}.circle-box .circle-content .circle-list .card-container[data-v-62d7bed8]{width:-webkit-calc(100% - 20px);width:calc(100% - 20px);padding:10px;position:relative}.circle-box .circle-content .circle-list .card-container .outer[data-v-62d7bed8]{position:relative;left:0;top:0;right:0;bottom:0}.circle-box .circle-content .circle-list .card-container .outer .container[data-v-62d7bed8]{height:0;padding-bottom:62.7118644068%;position:relative;overflow:hidden}.circle-box .circle-content .circle-list .card-container .outer .container .thumbnail[data-v-62d7bed8]{position:absolute;top:0;left:0;right:0;pointer-events:none;background-color:#f7f7f7;background-position:bottom;background-repeat:no-repeat;background-size:100% auto;bottom:44px}.circle-box .circle-content .circle-list .card-container .outer .container .mask[data-v-62d7bed8]{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;-webkit-transition:all .3s cubic-bezier(.44,.9,.6,.94);transition:all .3s cubic-bezier(.44,.9,.6,.94);-webkit-transition-property:opacity,background-color;transition-property:opacity,background-color;opacity:1;background-color:rgba(0,0,0,.1)}.circle-box .circle-content .circle-list .card-container .outer .container .content[data-v-62d7bed8]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:auto}.circle-box .circle-content .circle-list .card-container .outer .container .content .content-header[data-v-62d7bed8]{padding:16px;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;pointer-events:all}.circle-box .circle-content .circle-list .card-container .outer .container .content .content-header .icon[data-v-62d7bed8]{opacity:0;font-size:24px;margin-left:12px;color:#fff;cursor:pointer;-webkit-transition:opacity .3s cubic-bezier(.44,.9,.6,.94);transition:opacity .3s cubic-bezier(.44,.9,.6,.94);display:inline-block;line-height:0;text-align:center;vertical-align:-.25em}.circle-box .circle-content .circle-list .card-container .outer .container .content .content-header .icon[data-v-62d7bed8]:hover{opacity:1}.circle-box .circle-content .circle-list .card-container .outer .container .content .content-desc[data-v-62d7bed8]{bottom:44px;position:absolute;padding:5px 16px;color:#fff;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3;width:-webkit-calc(100% - 32px);width:calc(100% - 32px);line-height:24px;opacity:0}.circle-box .circle-content .circle-list .card-container .outer .container .content .content-desc[data-v-62d7bed8]:hover{opacity:1}.circle-box .circle-content .circle-list .card-container .outer .container .content .content-footer[data-v-62d7bed8]{background-color:#fff;padding:12px 16px;-webkit-transition:height .3s cubic-bezier(.44,.9,.6,.94);transition:height .3s cubic-bezier(.44,.9,.6,.94)}.circle-box .circle-content .circle-list .card-container .outer .container .content .content-footer .name[data-v-62d7bed8]{font-size:14px;color:#373737;font-weight:600;line-height:20px;max-height:48px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.circle-box .circle-content .circle-list .card-container .outer .container[data-v-62d7bed8]:not(.skeleton){cursor:pointer;border-radius:12px;box-shadow:0 1px 1px rgba(38,38,38,.1);-webkit-transition:all .5s cubic-bezier(.44,.9,.6,.94);transition:all .5s cubic-bezier(.44,.9,.6,.94);-webkit-transition-property:box-shadow,background,border-color,-webkit-transform;transition-property:box-shadow,background,border-color,-webkit-transform;transition-property:transform,box-shadow,background,border-color;transition-property:transform,box-shadow,background,border-color,-webkit-transform}.circle-box .circle-content .circle-list .card-container .outer[data-v-62d7bed8]:hover{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-transform:translateZ(0) translateY(-4px);-moz-transform:translateZ(0) translateY(-4px);border-radius:12px}.circle-box .circle-content .circle-list .card-container .outer:hover .mask[data-v-62d7bed8]{background-color:rgba(38,38,38,.7)}.circle-box .circle-content .circle-list .card-container .outer:hover .content .content-header .icon[data-v-62d7bed8]{opacity:.8}.circle-box .circle-content .circle-list .card-container .outer:hover .content .content-desc[data-v-62d7bed8],.circle-box .circle-content .circle-list .card-container .outer:hover .content .content-header .icon[data-v-62d7bed8]:hover{opacity:1}.circle-box .circle-content .btn-wrap[data-v-62d7bed8]{margin-top:30px}.circle-box .add-circle[data-v-62d7bed8],.circle-box .circle-content .btn-wrap[data-v-62d7bed8]{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}.circle-box .add-circle[data-v-62d7bed8]{border-radius:10px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;height:50px;margin:10px 0;background:#fff;border:1px solid #eee;cursor:pointer}.circle-box .add-circle[data-v-62d7bed8]:hover{background:#415fff;border-color:#415fff}.circle-box .add-circle:hover p[data-v-62d7bed8]{color:#fff}.circle-box .circle-hot[data-v-62d7bed8]{min-height:300px}.circle-box .circle-hot p[data-v-62d7bed8]{line-height:46px;font-size:16px;font-weight:600;box-sizing:border-box;color:#333}.circle-box .circle-hot ul[data-v-62d7bed8]{box-sizing:border-box}.circle-box .circle-hot ul li[data-v-62d7bed8]{margin-top:10px;-webkit-transition:all .3s;transition:all .3s;border:1px solid rgba(0,0,0,.1);border-radius:8px;cursor:pointer;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:10px;box-sizing:border-box;height:82px;background:#fff}.circle-box .circle-hot ul li[data-v-62d7bed8]:hover{box-shadow:0 0 5px #ddd;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.circle-box .circle-hot ul li:hover .title[data-v-62d7bed8]{color:#415fff}.circle-box .circle-hot ul li .el-image[data-v-62d7bed8]{width:60px;height:60px;border-radius:50%;float:left}.circle-box .circle-hot ul li .published-dom[data-v-62d7bed8]{font-size:14px;max-height:40px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:20px;width:-webkit-calc(100% - 70px);width:calc(100% - 70px);margin-left:70px;color:#999}.circle-box .circle-hot ul li .title[data-v-62d7bed8]{font-size:16px;color:#000}.circle-box[data-v-62d7bed8] .el-dialog-box .box-flex:nth-child(2){max-height:100px;overflow:hidden}.circle-box[data-v-62d7bed8] .el-dialog-box .box-flex{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;margin-bottom:10px}.circle-box[data-v-62d7bed8] .el-dialog-box .box-flex .el-input,.circle-box[data-v-62d7bed8] .el-dialog-box .box-flex .el-textarea{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin-left:6px}.circle-box[data-v-62d7bed8] .el-dialog-box .box-flex ::v-deep .el-upload{border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.circle-box[data-v-62d7bed8] .el-dialog-box .box-flex .span-title span{color:red}.box-flex[data-v-62d7bed8] .el-upload{border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden;width:80px;height:80px}.box-flex[data-v-62d7bed8] .el-upload .el-icon-plus{line-height:80px;vertical-align:top}.box-flex[data-v-62d7bed8] .el-upload-list{margin-left:6px}.box-flex[data-v-62d7bed8] .el-progress,.box-flex[data-v-62d7bed8] .el-progress-circle,.box-flex[data-v-62d7bed8] .is-success,.box-flex[data-v-62d7bed8] .is-uploading{width:80px!important;height:80px!important;overflow:hidden}.box-flex[data-v-62d7bed8] .el-upload:hover{border-color:#409eff}.box-flex-icon[data-v-62d7bed8]{font-size:28px;color:#8c939d;width:80px;height:80px;line-height:80px;text-align:center}.avatar[data-v-62d7bed8]{width:80px;height:80px;display:block}.box-flex[data-v-62d7bed8] .el-cascader__tags{left:10px}.box-flex[data-v-62d7bed8] .is-success{margin:0!important}[data-v-62d7bed8] .el-cascader{width:100%}