.gallery{padding:0 0 1.5em;width:900px}.gallery .item{position:relative;display:inline-block;margin:0 1em 1em 0;width:146px;height:126px;border:1px solid #ccc;border-radius:3px;background-position:50%;background-repeat:no-repeat;background-size:cover;background-color:#555;cursor:pointer;vertical-align:middle}.gallery .item .cen{position:absolute;top:50%;left:50%;width:auto;height:auto;transform:translate(-50%,-50%)}.gallery .item .ms{position:absolute;top:0;left:0;width:100%;height:100%;font-size:24px;text-align:center;color:#fff;background-color:rgba(0,0,0,.3);opacity:0;transition:all .3s ease-in-out}.gallery .item .ms i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gallery .item .mt{position:absolute;right:8px;bottom:8px;left:8px;text-align:right;color:#fff}.gallery .item .mt .owner{float:left}.gallery .item .mt .rm{padding:5px;border-radius:50%;opacity:0}.gallery .item img{width:100%;height:100%}.gallery .item:hover .ms,.gallery .item:hover .mt .rm{opacity:1}.gallery .item:hover .mt .rm:hover{background-color:#409eff}.gallery .item[isIcon]{background-size:auto}.gallery .empty{margin:0 0 10px;padding:1em 2em;width:300px;border:2px dashed #999;border-radius:3px;color:#999;background-color:#f0f0f0}.el-pagination{padding:0;min-height:32px;text-align:left}.el-pagination .el-pagination__sizes,.el-pagination .el-pagination__total{float:left}.upload-section{padding:0 0 2em;width:640px}.personal-login .preview .preview-box{position:relative;height:340px;background-color:#fff}.personal-login .preview .preview-main{position:absolute;top:50%;left:50%;overflow:hidden;width:200px;border-radius:4px;background:hsla(0,0%,100%,.3);transform:translate(-50%,-50%)}.personal-login{padding:0 24px 24px}.personal-login h3{padding:.5em 0;font-size:16px}.personal-login .preview{position:relative;overflow:hidden;padding:10px;width:640px;height:380px;background-color:#777}.personal-login .preview .preview-win{height:30px;border-bottom:2px solid #fff;background-color:#e7eaed;border-top-left-radius:5px;border-top-right-radius:5px}.personal-login .preview .preview-win .head{position:relative}.personal-login .preview .preview-win .head .tab{position:relative;width:100px;height:30px;background-color:#fff;border-top-left-radius:8px;border-top-right-radius:8px}.personal-login .preview .preview-win .head .tab-angle{position:absolute;right:-10px;bottom:0;z-index:0;overflow:hidden;width:10px;height:10px;background-color:#fff}.personal-login .preview .preview-win .head .tab-angle:after{position:absolute;right:-10px;bottom:0;z-index:1;width:20px;height:20px;border-radius:50%;background-color:#e7eaed;content:""}.personal-login .preview .preview-win .head .opt{position:absolute;top:8px;right:6px}.personal-login .preview .preview-win .head .opt i{margin-left:8px}.personal-login .preview .preview-win .head .fav{position:absolute;top:8px;left:10px;width:16px;height:16px;background-color:#fff}.personal-login .preview .preview-win .head .tclose{position:absolute;top:8px;right:10px;font-weight:700;color:#999}.personal-login .preview .preview-app-box{position:relative;margin-left:200px;width:200px;height:340px;background-color:#fff}.personal-login .preview .bg{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background-repeat:no-repeat;background-size:100% 100%;background-color:#f0f0f0}.personal-login .preview .preview-app-main{position:absolute;top:20%;left:50%;overflow:hidden;width:200px;border-radius:4px;background:transparent;transform:translate(-50%,-50%)}.personal-login .preview .main-banner{position:absolute;top:0;bottom:0;left:0;width:60%;background-position:50%;background-size:cover;background-color:#2f89ef}.personal-login .preview .main-logbox{padding:27px;text-align:center}.personal-login .preview .main-logbox .logo{display:inline-block;margin:12px 0 5px;width:54px;height:54px;border:0 none;background-position:50%;background-size:cover;outline:0 none}.personal-login .preview .main-logbox .form-item{margin:0 0 8px;height:20px;background-color:#e2e4ea}.personal-login .preview .main-logbox .form-btn{height:20px;font-size:12px;color:#fff;background-color:#055fef;line-height:20px}.personal-main[data-v-35053aaf]{padding:0 24px 24px}.personal-main h3[data-v-35053aaf]{padding:.5em 0;font-size:16px}.personal-main .preview[data-v-35053aaf]{position:relative;overflow:hidden;padding:10px;width:600px;height:380px;background-color:#777}.personal-main .preview .preview-win[data-v-35053aaf]{height:30px;border-bottom:2px solid #fff;background-color:#e7eaed;border-top-left-radius:5px;border-top-right-radius:5px}.personal-main .preview .preview-win .head[data-v-35053aaf]{position:relative}.personal-main .preview .preview-win .head .tab[data-v-35053aaf]{position:relative;width:100px;height:30px;background-color:#fff;border-top-left-radius:8px;border-top-right-radius:8px}.personal-main .preview .preview-win .head .tab-angle[data-v-35053aaf]{position:absolute;right:-10px;bottom:0;z-index:0;overflow:hidden;width:10px;height:10px;background-color:#fff}.personal-main .preview .preview-win .head .tab-angle[data-v-35053aaf]:after{position:absolute;right:-10px;bottom:0;z-index:1;width:20px;height:20px;border-radius:50%;background-color:#e7eaed;content:""}.personal-main .preview .preview-win .head .opt[data-v-35053aaf]{position:absolute;top:8px;right:6px}.personal-main .preview .preview-win .head .opt i[data-v-35053aaf]{margin-left:8px}.personal-main .preview .preview-win .head .fav[data-v-35053aaf]{position:absolute;top:8px;left:10px;width:16px;height:16px;background-color:#fff}.personal-main .preview .preview-win .head .tclose[data-v-35053aaf]{position:absolute;top:8px;right:10px;font-weight:700;color:#999}.personal-main .preview .preview-head[data-v-35053aaf]{position:relative;height:32px;background-color:#3c40ff}.personal-main .preview .preview-head .logo[data-v-35053aaf]{display:flex;align-items:center;width:20%;height:100%;color:#dbdcdf;background-color:#3c40ff}.personal-main .preview .preview-head .logo img[data-v-35053aaf]{width:30px;height:100%}.personal-main .preview .preview-main[data-v-35053aaf]{position:relative;overflow:hidden;margin:0;height:306px;background-color:#f2f3f7}.personal-main .preview .preview-main .side[data-v-35053aaf]{position:absolute;top:0;bottom:0;left:0;width:20%;background-color:#fff}.personal-main .preview .preview-main .side ul[data-v-35053aaf]{padding:20px 10px}.personal-main .preview .preview-main .side li[data-v-35053aaf]{margin-bottom:10px;height:10px;background-color:#dadfec}.personal-main .preview .preview-main .content[data-v-35053aaf]{margin-left:22%;padding:20px 10px}.personal-main .preview .preview-main .content li[data-v-35053aaf]{display:inline-block;margin:0 10px 10px 0;width:30.5%;height:100px;background-color:#dadfec}.personal-main[data-v-5b936d06]{padding:0 24px 24px}.personal-main h3[data-v-5b936d06]{padding:.5em 0;font-size:16px}.personal-main .preview[data-v-5b936d06]{position:relative;overflow:hidden;padding:10px;width:600px;height:380px;background-color:#777}.personal-main .preview .preview-win[data-v-5b936d06]{height:30px;border-bottom:2px solid #fff;background-color:#e7eaed;border-top-left-radius:5px;border-top-right-radius:5px}.personal-main .preview .preview-win .head[data-v-5b936d06]{position:relative}.personal-main .preview .preview-win .head .tab[data-v-5b936d06]{position:relative;width:100px;height:30px;background-color:#fff;border-top-left-radius:8px;border-top-right-radius:8px}.personal-main .preview .preview-win .head .tab-angle[data-v-5b936d06]{position:absolute;right:-10px;bottom:0;z-index:0;overflow:hidden;width:10px;height:10px;background-color:#fff}.personal-main .preview .preview-win .head .tab-angle[data-v-5b936d06]:after{position:absolute;right:-10px;bottom:0;z-index:1;width:20px;height:20px;border-radius:50%;background-color:#e7eaed;content:""}.personal-main .preview .preview-win .head .opt[data-v-5b936d06]{position:absolute;top:8px;right:6px}.personal-main .preview .preview-win .head .opt i[data-v-5b936d06]{margin-left:8px}.personal-main .preview .preview-win .head .fav[data-v-5b936d06]{position:absolute;top:8px;left:10px;width:16px;height:16px;background-color:#fff}.personal-main .preview .preview-win .head .tclose[data-v-5b936d06]{position:absolute;top:8px;right:10px;font-weight:700;color:#999}.personal-main .preview .preview-head[data-v-5b936d06]{position:relative;margin-left:200px;width:200px;height:100%;background-size:100% 100%;background-image:url(../img/app-bg.e8e7b26b.png)}.personal-main .preview .preview-head .logo[data-v-5b936d06]{position:absolute;top:35px;display:flex;align-items:center;height:32px;color:#dbdcdf}.personal-main .preview .preview-head .logo img[data-v-5b936d06]{width:30px;height:100%}.personal-main .preview .preview-main[data-v-5b936d06]{position:relative;overflow:hidden;margin:0;height:306px;background-color:#f2f3f7}.personal-main .preview .preview-main .side[data-v-5b936d06]{position:absolute;top:0;bottom:0;left:0;width:20%;background-color:#fff}.personal-main .preview .preview-main .side ul[data-v-5b936d06]{padding:20px 10px}.personal-main .preview .preview-main .side li[data-v-5b936d06]{margin-bottom:10px;height:10px;background-color:#dadfec}.personal-main .preview .preview-main .content[data-v-5b936d06]{margin-left:22%;padding:20px 10px}.personal-main .preview .preview-main .content li[data-v-5b936d06]{display:inline-block;margin:0 10px 10px 0;width:30.5%;height:100px;background-color:#dadfec}.area[data-v-b24af140]{position:relative;overflow:hidden}.area .area-sub[data-v-b24af140]{top:0;left:0;bottom:0;width:250px;border-right:1px solid #ddd;padding:8px;height:100%;overflow:auto;flex-shrink:0}.area .area-sub .area-sub-filter[data-v-b24af140]{padding:8px}.area .area-sub .area-sub-box[data-v-b24af140]{position:absolute;top:50px;left:8px;right:8px;bottom:8px;overflow:auto}.area .area-main[data-v-b24af140]{margin:10px 20px;padding:8px;width:100%;height:100%;overflow:auto;display:flex;flex-direction:column}.area .area-main .area-table[data-v-b24af140]{height:100%;overflow:auto}.area .area-main .area-main-head[data-v-b24af140]{position:relative;border-bottom:1px solid #f0f0f0;overflow:hidden;padding:10px 4px}.area .area-main .area-main-head h4[data-v-b24af140]{font-size:1.2rem;display:inline-block}.area .area-main .area-main-head .btn[data-v-b24af140]{position:absolute;top:4px;right:0}.area .area-main .area-main-box[data-v-b24af140]{padding:10px 0}.area .area-main .area-main-box .group-info[data-v-b24af140]{margin:10px 0}.area .area-main .area-main-box .toolbar[data-v-b24af140]{padding:0 0 10px}.area .area-main .area-main-filter[data-v-b24af140]{margin-bottom:10px;padding:10px;background-color:#f7f7f7}.area .area-main .area-main-filter .el-form-item[data-v-b24af140]{margin-bottom:0}.area[data-v-b24af140]{display:flex;padding:24px;height:100%}.area .area-sub[data-v-b24af140]{padding:0;border-right:none;border-radius:5px}.area .area-main[data-v-b24af140]{margin:0 0 0 24px;padding:0;border-radius:5px}.area .area-title[data-v-b24af140]{padding:20px;font-size:16px;font-weight:700;border-bottom:1px solid #e8e8e8;color:#0c1014}.diy-tab[data-v-b24af140]{padding:20px 0}.diy-tab li[data-v-b24af140]{position:relative;padding:16px;cursor:pointer;text-align:center}.diy-tab li[data-v-b24af140]:hover{background-color:#eaeefd}.diy-tab li.active[data-v-b24af140]{color:#486ef1;background-color:#eaeefd}