.projects-mgt[data-v-2cb7bc60]{width:100%;height:100%;display:flex;flex-direction:column}.projects-mgt .projects-mgt-content[data-v-2cb7bc60]{width:100%;height:1%;flex:1}.project-input-group[data-v-2cb7bc60]{float:right;height:102px;padding:16px;display:flex;align-items:center}.project-input-group[data-v-2cb7bc60] .el-input .el-input__inner{width:500px;height:54px;font-size:18px;color:#fff;border:1px solid hsla(0,0%,100%,.2);border-radius:8px}.projects-list[data-v-2cb7bc60]{width:100%;padding:16px 16px;float:left}.projects-list .line[data-v-2cb7bc60]{width:100%;float:left}.project-content[data-v-2cb7bc60]{width:20%;float:left;padding:16px}.project-content .project-add[data-v-2cb7bc60],.project-content .project[data-v-2cb7bc60]{width:100%;float:left;border:1px solid hsla(0,0%,100%,.2);background:hsla(0,0%,100%,.04);overflow:hidden;cursor:pointer;transition:all .1s linear;border-radius:8px}.project-content .project-add[data-v-2cb7bc60]:hover,.project-content .project[data-v-2cb7bc60]:hover{border-color:rgba(30,170,255,.8);box-shadow:0 0 20px rgba(30,170,255,.4)}.project-content .project-add:hover span[data-v-2cb7bc60],.project-content .project:hover span[data-v-2cb7bc60]{color:#1eaaff}.project-content .project-add .project-img[data-v-2cb7bc60],.project-content .project .project-img[data-v-2cb7bc60]{width:100%;float:left;padding-bottom:56.25%;position:relative}.project-content .project-add .project-img .project-img-frame[data-v-2cb7bc60],.project-content .project .project-img .project-img-frame[data-v-2cb7bc60]{width:100%;height:100%;position:absolute;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.4);overflow:hidden}.project-content .project-add .project-img img[data-v-2cb7bc60],.project-content .project .project-img img[data-v-2cb7bc60]{max-width:100%;max-height:100%;transition:all .1s linear}.project-content .project-add span[data-v-2cb7bc60],.project-content .project span[data-v-2cb7bc60]{width:100%;height:40px;line-height:40px;float:left;text-align:center;font-size:14px;color:hsla(0,0%,100%,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;padding:0 16px;transition:all .1s linear}.project-content .project[data-v-2cb7bc60]{background:#23415f;border:0}.project-content .project[data-v-2cb7bc60]:hover{box-shadow:none}.project-content .project:hover .project-img img[data-v-2cb7bc60]{transform:scale(1.1)}.project-content .project-add[data-v-2cb7bc60]{flex-direction:row;display:flex;align-items:center;justify-content:center;font-size:18px;padding:16px;color:hsla(0,0%,100%,.8)}.project-content .project-add[data-v-2cb7bc60]:hover{color:#1eaaff}.project-content .project-add:hover img[data-v-2cb7bc60]{opacity:1}.project-content .project-add img[data-v-2cb7bc60]{width:36px;height:36px;margin-right:24px;opacity:.8;transition:all .1s linear}@media(max-width:1400px){.project-content[data-v-2cb7bc60]{width:25%}}@media(max-width:960px){.project-content[data-v-2cb7bc60]{width:33.3333333333%}}