*{box-sizing:border-box}.button{line-height:24px;background:#4d535b;border-radius:4px;padding:0 10px;transition:all .3s;cursor:pointer}.button:hover{color:#fff;background-color:#006eff}.text{width:5rem;line-height:24px}.container{margin:0;padding:0;font-size:12px;color:#9fa4b5;background:#15171b}.container .view{width:100%;height:70vh;display:flex}.container .view-item{width:20%;height:100%;padding:5px}.container .view-item .content{width:100%;height:100%;border-radius:4px;background-color:#282c31;padding:5px 0}.container .view-item .settingPanel{display:flex}.container .view-item .settingPanel .settingtype{height:100%}.container .view-item .settingPanel .settingtype .wareroom{background-color:#282c31;cursor:pointer}.container .view-item .settingPanel .settingtype .wareroom:nth-child(2n){background-color:#4d535b}.container .view-item .settingPanel .settingtype .wareroom:hover{color:#fff;background-color:#006eff}.container .view-item .settingPanel .setting{width:100%;height:100%}.container .view .center{width:60%;padding:5px 0;overflow:hidden}.container .view .center .content{padding:0}.container .operate{width:100%;height:30vh;padding:5px;border-radius:4px;display:flex;flex-direction:column}.container .operate-type{width:100%;display:flex;border-radius:4px 4px 0 0;background-color:#4d535b}.container .operate-type .type{line-height:3;border-radius:0;border-right:1px solid #15171B}.container .operate-type .type:first-child{border-radius:4px 0 0}.container .operate-content{width:100%;height:calc(100% - 36px);background-color:#282c31}.container .active{color:#fff!important;background-color:#006eff!important}.animation{position:absolute;left:0;background:#303030;bottom:0;width:100vw;height:220px}.animation .menu .button{-webkit-user-select:none;user-select:none}.animation .menu .button2{-webkit-user-select:none;user-select:none;margin-left:20px}.animation .time{display:flex;width:100vw}.animation .time .left{-webkit-user-select:none;user-select:none;width:100px}.animation .time .left .c{height:20px}.animation .time .right{width:calc(100vw - 100px);overflow-x:scroll}.animation .time .right .time_c{display:flex;height:20px;position:relative}.animation .time .right .time_c .lattice{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAKCAYAAAD2Fg1xAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAADTSURBVHja3FRRDoIwFGsLkXN4/0PpNfDj1R9GpkGpkQ9jk2VkK3193QAA3I9hGAzAkh7WJZmkAayzpJXX722922t/M17541L8SrJsyzYaSPbPVVWapuk2z/MJG2h7ksq22vqzZl+rr7GFxtn1t3R0tX1+JyjpAgBVdQiP5GUxeghvbN0iQJ/GXoJ7eD61N41E/kbbSASTJj7hVpVSrcSfWjpJMglPUqUnkgaTcEeSUTppMmnSVaWk4dSf0judcD7hkjz0m4v/Wr8O4U9wBwAA//8DAMRHuhz9MAkvAAAAAElFTkSuQmCC);background-size:100% 100%;width:50px;height:9px;flex:none;-webkit-user-select:none;user-select:none;font-size:3px}.animation .time .right .time_c .lattice2{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAKCAYAAAD2Fg1xAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAADfSURBVHja3FXBbQMxDKOoeJAi+4/UJHvciewnPgR+xC4QoLjqKVCUTBFyRIRtP2x/4cRB28hM4eTBzERVcQaMiHtE3D+JIznFkVziY1WhtbYvEC5vbQXbWtttT7lsL80XmemqerwoBdsgKUkkKdscm47DSuKgOCJCktg5ey4ztW3b5TfWaa3tVcU+S+c8+gEwydvz9ewqkFREHLYbCye2ObBdkLG+51c3/IodxQaAC0lI4uxqPT2tqrq+w2Xm91/wUdKSpzNzSUFJXLmCn+YLAAZw/n8E/yR+AAAA//8DANErsyuk4LnwAAAAAElFTkSuQmCC);background-size:100% 100%;width:50px;height:9px;flex:none;-webkit-user-select:none;user-select:none;display:flex;position:relative}.animation .time .right .time_c .lattice2 .key{width:10px;height:20px;background:#0b0;position:absolute}.animation .time .right .gunzi{width:10px;height:20px;background:red;position:relative;top:-160px;z-index:2}.animation .time .right .gunzi .xian{width:2px;height:160px;background:red;margin-left:4px}.animation .time .right .tingzhi{width:2px;height:2px;background:red;position:relative;top:-160px;z-index:1}.animation .time .right .tingzhi .xian2{width:2px;height:140px;background:red}.animationtexture{position:absolute;left:0;background:#303030;bottom:0;width:100vw;height:110px}.animationtexture .menu .button{-webkit-user-select:none;user-select:none}.animationtexture .menu .button2{-webkit-user-select:none;user-select:none;margin-left:20px}.animationtexture .time{display:flex;width:100vw}.animationtexture .time .left{-webkit-user-select:none;user-select:none;width:100px}.animationtexture .time .left .c{height:20px}.animationtexture .time .right{width:calc(100vw - 100px);overflow-x:scroll}.animationtexture .time .right .time_c{display:flex;height:20px;position:relative}.animationtexture .time .right .time_c .lattice{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAKCAYAAAD2Fg1xAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAADTSURBVHja3FRRDoIwFGsLkXN4/0PpNfDj1R9GpkGpkQ9jk2VkK3193QAA3I9hGAzAkh7WJZmkAayzpJXX722922t/M17541L8SrJsyzYaSPbPVVWapuk2z/MJG2h7ksq22vqzZl+rr7GFxtn1t3R0tX1+JyjpAgBVdQiP5GUxeghvbN0iQJ/GXoJ7eD61N41E/kbbSASTJj7hVpVSrcSfWjpJMglPUqUnkgaTcEeSUTppMmnSVaWk4dSf0judcD7hkjz0m4v/Wr8O4U9wBwAA//8DAMRHuhz9MAkvAAAAAElFTkSuQmCC);background-size:100% 100%;width:50px;height:9px;flex:none;-webkit-user-select:none;user-select:none;font-size:3px}.animationtexture .time .right .time_c .lattice2{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAKCAYAAAD2Fg1xAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAADfSURBVHja3FXBbQMxDKOoeJAi+4/UJHvciewnPgR+xC4QoLjqKVCUTBFyRIRtP2x/4cRB28hM4eTBzERVcQaMiHtE3D+JIznFkVziY1WhtbYvEC5vbQXbWtttT7lsL80XmemqerwoBdsgKUkkKdscm47DSuKgOCJCktg5ey4ztW3b5TfWaa3tVcU+S+c8+gEwydvz9ewqkFREHLYbCye2ObBdkLG+51c3/IodxQaAC0lI4uxqPT2tqrq+w2Xm91/wUdKSpzNzSUFJXLmCn+YLAAZw/n8E/yR+AAAA//8DANErsyuk4LnwAAAAAElFTkSuQmCC);background-size:100% 100%;width:50px;height:9px;flex:none;-webkit-user-select:none;user-select:none;display:flex;position:relative}.animationtexture .time .right .time_c .lattice2 .key{width:10px;height:20px;background:#0b0;position:absolute}.animationtexture .time .right .gunzi{width:10px;height:20px;background:red;position:relative;top:-40px;z-index:2}.animationtexture .time .right .gunzi .xian{width:2px;height:40px;background:red;margin-left:4px}.animationtexture .time .right .tingzhi{width:2px;height:2px;background:red;position:relative;top:-160px;z-index:1}.animationtexture .time .right .tingzhi .xian2{width:2px;height:140px;background:red}.AnimationFrame{width:200px;height:400px;position:absolute;background:#faebd7;bottom:0;right:300px}.AnimationFrame .exit{height:20px;width:inherit;text-align:center;background:#1b1b1b;color:#fff}.AnimationFrame .times{overflow-y:scroll;height:380px}.AnimationFrame .times .time{background:#1b1b1b;color:#fff;height:20px;margin:2px;-webkit-user-select:none;user-select:none}.Bujian_mianban{width:calc(100vw - 300px);height:200px;background:#f1f1f1;position:absolute;bottom:0;left:0}.Bujian_mianban .top{width:inherit;height:20px;background:#1b1b1b;display:flex}.Bujian_mianban .top .top_bt{margin-right:10px}.Bujian_mianban .wjlb{width:inherit;height:160px;background:#bdbdbd;color:#1b1b1b;z-index:1;overflow-y:scroll}.Bujian_mianban .wjlb .wj{width:144px;height:80px;-webkit-user-select:none;user-select:none}.TextureEdit{width:400px;height:200px;position:absolute;background:#faebd7;bottom:0;right:300px;display:flex}.TextureEdit .left{width:100px;background:#fff;height:inherit}.TextureEdit .left button{width:inherit;height:40px;background:#5a5a5a;font-size:1rem}.TextureEdit .right{width:300px;height:inherit;background:#f1f1f1}.TextureEdit .right .title{width:inherit;height:50px;text-align:center;line-height:50px;color:#1b1b1b;font-size:1rem;background:#c2c2c2}.TextureEdit .right .input{background-color:#fff;width:inherit;height:50px;text-align:center}.TextureEdit .right .generate{width:inherit;height:100px;font-size:2rem;background:#000}.TextureEdit .right .generate_mini{width:24%;height:22px;font-size:10px;background:#000;margin:1px}