.input-div[data-v-d86df9fa]{display:flex;margin:0 0 16px;align-items:center;padding:0 20px}.input-div span[data-v-d86df9fa]{width:50px;text-align:right;margin-right:20px}.thumbnail[data-v-d86df9fa]{height:112px;background-position:50%;background-size:cover;background-repeat:no-repeat;font-size:14px;border:1px solid #999;color:#999;display:flex;align-items:center;justify-content:center}.create-btn,.thumbnail[data-v-d86df9fa]{width:200px;text-align:center;cursor:pointer}.create-btn{height:36px;line-height:36px;background:#409eff;color:#fff;border-radius:4px;font-size:16px;margin-bottom:6px;font-weight:600}.create-div{position:relative}.create-list{position:absolute;top:36px;left:0;width:200px;padding:12px;background:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.create-item,.create-list{border-radius:2px;border:1px solid #e7e7e7}.create-item{width:150px;height:54px;margin:5px auto;cursor:pointer}.create-item .npsitefont{width:30px;height:30px;font-size:22px;float:left;margin:12px 10px;text-align:center;line-height:30px}.create-item .title{margin-top:6px;font-size:16px;color:#000;font-weight:600;float:left;width:60px}.create-item .summary{font-size:10px;line-height:20px;color:#6d7278;float:left}.menus[data-v-117c0506]{width:200px;box-sizing:border-box}.menu[data-v-117c0506]{padding:0 10px;height:36px;line-height:36px;cursor:pointer;box-sizing:border-box;font-size:16px}.iconColor[data-v-117c0506]{color:#417ff9}.menuWin[data-v-117c0506]:hover{background:#eee}.active-menu[data-v-117c0506],.active-menu[data-v-117c0506]:hover{background:#d8d8d8}.menu .npsitefont[data-v-117c0506]{margin-right:10px}body,html{margin:0;padding:0;width:100%;min-width:1220px;height:100%;background:#fafafa;font-size:14px}*{box-sizing:border-box}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;padding-top:30px;display:flex;margin:auto}table{border-spacing:0;border-collapse:collapse}.el-message--error,.el-message--success{top:60px!important}.right-div{width:800px;height:100%;flex:1;padding:0 0 20px 30px}.left-div{width:200px}.blue-font{color:#0091ff;cursor:pointer}.required:before{content:"*";color:red}.border-btn{border-radius:2px;font-size:10px;margin-right:2px;display:inline-block;height:16px;line-height:16px;width:30px;text-align:center}.tabs{display:inline-flex;border:1px solid #979797;border-radius:4px;flex-direction:row;white-space:nowrap;width:240px}.tab{height:100%;line-height:30px;width:110px;flex:1;text-align:center;cursor:pointer}.tab:hover{background:#417ff9;color:#fff}.active{background:#0091ff;color:#fff}.resource{margin:15px 25px 10px 0;display:inline-block}.resourcepack{margin:15px 25px 0 0;display:inline-block}.empty{height:200px;align-items:center;justify-content:center;color:#969696}.empty,.resources{display:flex;flex-direction:column}.sort-div{width:100%;justify-content:space-between;display:flex;border:1px solid #ccc;margin-top:10px;line-height:30px}.sort-items{display:flex;height:30px}.sort-item{height:30px;padding:0 8px;border-right:1px solid #d8d8d8;cursor:pointer}.sort-item .npsitefont{margin-left:4px}.sort-item:hover{background:#c7c7c7;color:#08f}.sort-active-item{background:#d8d8d8;color:#08f}.fliter-item{position:relative;display:inline-block;margin-right:20px;cursor:pointer}.fliter-name>.npsitefont{display:inline-block;margin-left:4px;font-size:10px;transition:transform .6s}.fliter-name:hover>.npsitefont{transform:rotate(180deg)}.fliter-popover{display:none;position:absolute;right:0;transform:translate(50%);background:#fff;justify-content:space-between;width:180px;border:1px solid #ebeef5;padding:12px;color:#606266;font-size:14px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);white-space:nowrap}.fliter-popover>div{cursor:pointer;display:inline-block;padding:2px 5px}.fliter-popover>.active{color:#fff;background:#0091ff}.fliter-popover:after{position:absolute;display:block;content:"";width:0;height:0;right:50%;top:0;margin:-12px 0 0;border-color:transparent transparent #fff transparent;border-style:solid;border-width:6px}.fliter-item:hover .fliter-popover{display:flex}