.item[data-v-2d4e6808]{z-index:999;position:relative;cursor:pointer}.item.checked[data-v-2d4e6808]{background:rgba(203,192,192,.5)}.item .mask[data-v-2d4e6808]{position:absolute;left:0;top:0;width:100%;height:100%;font-size:0;-webkit-transition:all .4s linear;transition:all .4s linear}.item .mask.checked[data-v-2d4e6808]{border:2px solid #2879ff;color:#2879ff;font-size:40px;background:rgba(203,192,192,.2)}.item .mask .icon[data-v-2d4e6808]{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-weight:700}.gridHeader[data-v-2d4e6808]{height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:5px}.gridShow[data-v-2d4e6808]{width:100%;position:relative}.gridItem[data-v-2d4e6808]{background:#999}.show-box[data-v-b2bfeb74]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.show-box .box-item[data-v-b2bfeb74]{width:50%;height:200px;padding:5px}.show-box .box-item .item-content[data-v-b2bfeb74]{background:#111720;width:100%;height:100%}.component-box .image[data-v-b2bfeb74]{width:auto;height:100px}.component-box .box-main[data-v-b2bfeb74]{position:relative;margin-bottom:10px}.component-box .box-main .mask[data-v-b2bfeb74]{position:absolute;width:100%;height:100%;top:0;left:0;cursor:pointer}.component-box .box-main .mask.selected[data-v-b2bfeb74]{border:2px solid #4d99f9}.component-box .card-body[data-v-b2bfeb74]{padding:5px;cursor:pointer;position:relative}.gridItem[data-v-1944a28c]{position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:rgba(32,45,56,.5)}.gridItem .draggable[data-v-1944a28c],.gridItem[data-v-1944a28c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.gridItem .draggable[data-v-1944a28c]{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:100px;height:100px;text-align:center;border-radius:10px;cursor:pointer;opacity:0;-webkit-transition:all .3s;transition:all .3s}.gridItem .draggable .move[data-v-1944a28c]{font-size:50px}.gridItem .draggable[data-v-1944a28c]:hover{opacity:1;background:hsla(0,0%,87.8%,.17)}.gridItem .gridBox[data-v-1944a28c]{width:100%;height:100%}.gridItem .handler[data-v-1944a28c]{position:absolute;right:2%;top:4%}#index[data-v-18ced6f3]{color:#d3d6dd;width:100vw;height:100vh;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:left top;transform-origin:left top;overflow:hidden}#index .bg[data-v-18ced6f3]{width:100%;height:100%;padding:16px 16px 0 16px;background-image:url(/@/assets/pageBg.png);background-size:cover;background-position:50%}#index .host-body .dv-dec-10-s[data-v-18ced6f3],#index .host-body .dv-dec-10[data-v-18ced6f3]{width:33.3%;height:5px}#index .host-body .dv-dec-10-s[data-v-18ced6f3]{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}#index .host-body .dv-dec-8[data-v-18ced6f3]{width:200px;height:50px}#index .host-body .title[data-v-18ced6f3]{position:relative;width:500px;text-align:center;background-size:cover;background-repeat:no-repeat}#index .host-body .title .title-text[data-v-18ced6f3]{font-size:24px;position:absolute;bottom:0;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}#index .host-body .title .dv-dec-6[data-v-18ced6f3]{position:absolute;bottom:-30px;left:50%;width:250px;height:8px;-webkit-transform:translate(-50%);transform:translate(-50%)}#index .host-body .aside-width[data-v-18ced6f3]{width:40%}#index .host-body .react-l-s[data-v-18ced6f3],#index .host-body .react-r-s[data-v-18ced6f3]{background-color:#0f1325}#index .host-body .react-right[data-v-18ced6f3]{font-size:18px;width:300px;line-height:50px;text-align:center;-webkit-transform:skewX(-45deg);transform:skewX(-45deg)}#index .host-body .react-right.react-l-s[data-v-18ced6f3]{text-align:right;width:500px}#index .host-body .react-right .react-after[data-v-18ced6f3]{position:absolute;right:-25px;top:0;height:50px;width:50px;background-color:#0f1325;-webkit-transform:skewX(45deg);transform:skewX(45deg)}#index .host-body .react-right .text[data-v-18ced6f3]{display:inline-block;-webkit-transform:skewX(45deg);transform:skewX(45deg)}#index .host-body .react-left[data-v-18ced6f3]{font-size:18px;width:300px;height:50px;line-height:50px;text-align:center;-webkit-transform:skewX(45deg);transform:skewX(45deg);background-color:#0f1325}#index .host-body .react-left.react-l-s[data-v-18ced6f3]{width:500px;text-align:left}#index .host-body .react-left .react-left[data-v-18ced6f3]{position:absolute;left:-25px;top:0;height:50px;width:50px;background-color:#0f1325;-webkit-transform:skewX(-45deg);transform:skewX(-45deg)}#index .host-body .react-left .text[data-v-18ced6f3]{display:inline-block;-webkit-transform:skewX(-45deg);transform:skewX(-45deg)}#index .host-body .body-box[data-v-18ced6f3]{margin-top:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#index .host-body .body-box .content-box[data-v-18ced6f3]{display:grid;grid-template-columns:2fr 3fr 5fr 3fr 2fr}#index .host-body .body-box .bottom-box[data-v-18ced6f3]{margin-top:10px;display:grid;grid-template-columns:repeat(2,50%)}.contanier[data-v-18ced6f3]{width:100vw;height:100vh;padding:0;margin:0;overflow:auto;background:url(/@/assets/images/bg.jpg) no-repeat top;background-size:cover}.contanier[data-v-18ced6f3]::-webkit-scrollbar{display:none}.contanier .header[data-v-18ced6f3]{height:80px;line-height:80px;background-size:100% 100%;color:#fff;position:relative;text-align:center}.contanier .header h2[data-v-18ced6f3]{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:30px}.contanier .header p[data-v-18ced6f3]{position:absolute;right:30px;top:-10px}.contanier .content-container[data-v-18ced6f3]{position:relative;height:100%}.contanier .content[data-v-18ced6f3]{position:relative;display:grid;grid-template-columns:repeat(24,1fr);grid-auto-rows:80px;grid-auto-flow:row dense;gap:15px;padding:10px;padding-bottom:20px}.contanier .content .item[data-v-18ced6f3]{padding:5px}.contanier .content .item .com-item[data-v-18ced6f3],.contanier .content .item[data-v-18ced6f3]{width:100%;overflow:hidden;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}.contanier .content .item .com-item[data-v-18ced6f3]{padding:10px;background-size:cover;border:1px solid rgba(25,186,139,.17);height:100%}.contanier .content .item .item-footer[data-v-18ced6f3]{position:absolute;bottom:0;left:0;width:100%}.contanier .content .ghost[data-v-18ced6f3]{opacity:.7;background:#e3dad4}.contanier .content .ghost span[data-v-18ced6f3]{display:none}.contanier .content .ghost[data-v-18ced6f3]:before{content:"";position:absolute;top:0;left:0;padding:8px;cursor:pointer}.contanier .content .ghost[data-v-18ced6f3]:after{color:#fff;content:"(^_^)~";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.handler-box[data-v-18ced6f3]{cursor:pointer;color:#fff;font-size:18px;font-weight:700;-webkit-transition:all .5s;transition:all .5s}.handler-box[data-v-18ced6f3]:hover{color:#00dedf}.gridItem[data-v-18ced6f3]{position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:rgba(17,18,36,.17)}.gridItem .draggable[data-v-18ced6f3],.gridItem[data-v-18ced6f3]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.gridItem .draggable[data-v-18ced6f3]{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:100px;height:100px;text-align:center;border-radius:10px;cursor:pointer;opacity:0;-webkit-transition:all .3s;transition:all .3s}.gridItem .draggable .move[data-v-18ced6f3]{font-size:50px}.gridItem .draggable[data-v-18ced6f3]:hover{opacity:1;background:hsla(0,0%,87.8%,.17)}.gridItem .gridBox[data-v-18ced6f3]{width:100%;height:100%}.gridItem .delete[data-v-18ced6f3]{position:absolute;right:0;top:0;font-size:22px;font-weight:700;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;background:#eee;color:#000;border-radius:50%}.gridItem .delete[data-v-18ced6f3]:hover{color:red}.backGridItem[data-v-18ced6f3]{color:#fff;border:1px solid #061f33}