#app{height:100%;width:100%}*{margin:0;padding:0}body,html{font-size:18px}body,html,page{width:100%;height:100%}page{background:linear-gradient(180deg,#197bcf,#3288fc)}.add_windows_bg{width:100%;height:100%;position:fixed;z-index:100;background-color:#000;opacity:.88}.add_windows{width:61%;height:61%;border-radius:5px;position:fixed;z-index:101;margin:auto;left:0;right:0;top:0;bottom:0}.windows_title{width:100%;height:100%;position:fixed;-webkit-app-region:drag}.win_button{width:150px;height:26px}.win_button,.win_button_img{float:right;-webkit-app-region:no-drag}.win_button_img{width:15px;height:15px;padding:5px;margin-right:8px;border-radius:1px}.win_button_img:hover{background:hsla(0,0%,100%,.2)}.win_button_img_close:hover{background:red}.body{width:96%;margin:0 auto;left:50%;top:50%;transform:translate(-50%,-50%);position:absolute;-webkit-app-region:no-drag}.logo{width:38%;height:100%;float:left;-webkit-app-region:drag}.title{width:100%;height:12%;border-radius:20px}.left_click,.left_select{background:hsla(0,0%,100%,.2)}::-webkit-scrollbar{width:10px;height:12px;border-radius:20px;background-color:#eaeef8}::-webkit-scrollbar-thumb{border-radius:20px;background-color:#bfcbe2}.sbgl_botton{width:82px;margin-bottom:5px;margin-top:-3px;background-color:#409eff;min-width:82px;height:36px;border-radius:5px;text-align:center;line-height:36px;font-size:13px;padding:0 6px 0 6px;color:#fff;float:right;margin-right:10px}.sbgl_botton_img{width:22px;height:22px;margin-bottom:-6px}.sbgl_botton:hover{opacity:.8;cursor:pointer}.input-with-select .el-input-group__prepend{background-color:#fff}.box-mode{margin-top:-76px}.avatar-uploader{margin-top:20px;border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden;width:138px;height:138px}.avatar-uploader:hover{border-color:#409eff}