boyue_jnpf/boyue-web-vue3/jnpf-web-datascreen-vue3/data-web/assets/build-2ec50aaf.css

@charset "UTF-8";.top-nav .nav{height:45px;line-height:45px;overflow:hidden;border-color:#333}.top-nav .nav__icon{margin-right:5px}.top-nav .nav .el-submenu .el-submenu__title,.top-nav .nav .el-menu-item{height:45px;line-height:45px;font-size:12px}.top-nav .el-menu-item{height:100px!important}.el-menu--horizontal{border:none}.el-menu--horizontal .menu-inline{text-align:center;display:inline-block!important}.el-menu--horizontal .bottom-text{color:#b1b1b1}.el-menu--horizontal .inside-img{width:110px;height:70px;border:2px solid transparent;box-sizing:border-box;border-radius:5px}.el-menu--horizontal .inside-img:hover{border-color:#006eff}.el-menu--horizontal .usehove:hover .bottom-text{color:#fff;font-weight:700}.list[data-v-67fb1011]{display:flex;padding:0 25px 15px}.list .item[data-v-67fb1011]{margin-right:10px;font-size:12px;display:flex;align-items:center;color:#fff}.list .label[data-v-67fb1011]{margin-right:5px;display:flex;align-items:center}.event__menu[data-v-7c5dec96]{margin-bottom:10px;padding-right:10px}.event__label[data-v-7c5dec96]{width:100%;padding:5px 10px 10px;box-sizing:border-box;font-size:13px;color:#fff}.event__content[data-v-7c5dec96]{position:relative;padding:0 10px;box-sizing:border-box}.transfer__list[data-v-aa3bd9a7]{padding-top:10px;align-items:flex-start}.transfer__list .menu_ul[data-v-aa3bd9a7]{padding-left:0;padding-right:20px;padding-top:10px;width:200px;border-right:1px solid #161618}.transfer__menu[data-v-aa3bd9a7]{padding:0 10px}.transfer__menu .menu__item[data-v-aa3bd9a7]{padding:10px;border:1px solid #232323;background-color:#2a2a2b}.head{position:relative;height:41px;padding-right:8px;display:flex;z-index:100;align-items:center;-webkit-user-select:none;user-select:none;color:var(--datav-gui-font-color-base);border-bottom:var(--datav-border-dark);background:#1d1e1f}.head_actions{position:absolute;top:0;right:8px;width:300px;display:flex;justify-content:flex-end;align-items:center;height:40px}.head_left{left:8px;justify-content:flex-start}.head_btn{margin-left:4px;width:40px;height:24px;line-height:26px;text-align:center;cursor:pointer;background:#303640;transition:.2s}.head_btn i{color:#fff}.head_btn--active{background-color:#2681ff}.head_info{position:absolute;left:50%;top:0;transform:translate(-50%);text-align:center;cursor:default;font-size:14px;max-width:500px;font-weight:700;color:#fff;line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center}.head_info i{margin-right:8px;font-size:20px}.head_btn{box-shadow:inset 0 0 0 1px #ffebeb1a,0 0 0 1px #181818}.sync ul{padding:10px}.sync li{margin-bottom:10px;width:100%;display:flex;align-items:center}.sync li:hover{cursor:pointer}.sync li img{margin-right:10px;padding:5px;width:40px;height:40px;border-radius:100%;box-sizing:border-box;background-color:#232323}.sync li span{font-size:10px;line-height:30px;color:#fff}.imgList .el-dialog__body{position:relative}.imgList__header{width:100%}.imgList__header .el-tabs__item{min-width:100px;text-align:center}.imgList__content{display:flex;flex-wrap:wrap;justify-content:flex-start}.imgList__border{padding:5px;width:200px;height:100px;margin-right:10px;margin-top:10px;border-radius:5px;text-align:center;background-color:#333}.imgList__border .el-upload,.imgList__border .el-button,.imgList__border img{width:100%;height:100%}.imgList__border:hover{cursor:pointer}.theme{padding:0 10px}.theme__item{position:relative;cursor:pointer;display:flex;align-items:center;justify-content:space-between;background-color:var(--bg-color);margin-bottom:15px;overflow:hidden;padding:12px;border:1px solid var(--border-color);border-radius:5px}.theme__item.is-active{background-color:#2681ff80}.theme__name{text-align:left;width:60px;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:bottom;max-width:100%;overflow:hidden;color:#fff;font-size:12px}.theme__color{display:inline-block;width:20px;height:20px;border-radius:6px}.theme__menu{cursor:pointer}.theme__menu i{margin-right:3px;font-size:13px}.theme__bottom{position:absolute;left:0;bottom:0;width:100%;height:3px}.theme__dialog .dialog__add{cursor:pointer;margin:5px;display:block;height:30px;line-height:30px;text-align:center}.theme__dialog .dialog__add .dialog__color{padding:0 10px;display:block;font-weight:700;color:var(--primary-color);border:1px solid var(--primary-color)}.theme__dialog .dialog__color{box-sizing:border-box;padding:0 10px;display:inline-block;color:#fff;font-weight:700;display:flex;align-items:center;border-radius:5px}.theme__dialog .dialog__color .el-color-picker__trigger{border:none}.theme__dialog .dialog__color .el-color-picker__color{border-color:#fff}.theme__dialog .dialog__color .el-color-picker{margin-left:10px}.theme__dialog .dialog__color>span{display:block;width:120px;font-size:12px}.theme__dialog .dialog__list{margin-top:10px;display:flex;flex-wrap:wrap}.theme__dialog .dialog__item{margin:5px}.anima__list{display:flex;flex-wrap:wrap}.anima__item{box-sizing:border-box;padding:5px}.anima__item .el-button{padding-left:0;padding-right:0;text-align:center;width:90px}.contentmenu{width:180px;display:none;z-index:99999;list-style:none;box-shadow:0 2px 6px #0000001a;padding:0;background:#232324;color:#ffffffd1;border-radius:5px}.contentmenu__list{display:block;position:absolute;top:0;left:180px}.contentmenu__list--icon{position:absolute;right:2px}.contentmenu__item{display:flex;align-items:center;z-index:10000;list-style:none;padding:6px 12px;cursor:pointer;position:relative;font-size:14px}.contentmenu__item:hover{background-color:#00c0de1a}.contentmenu__item i{margin-right:5px}.line[data-v-5dea28d6]{pointer-events:auto;position:absolute}.line .action[data-v-5dea28d6]{position:absolute;display:flex;justify-content:center;align-items:center}.line .value[data-v-5dea28d6]{pointer-events:none;transform:scale(.83)}.line .del[data-v-5dea28d6]{padding:3px 5px;cursor:pointer;visibility:hidden}.line:hover .del[data-v-5dea28d6]{visibility:visible}.line[data-v-b6c23352],.h-container[data-v-b6c23352],.v-container[data-v-b6c23352]{position:absolute}.h-container .lines[data-v-b6c23352],.v-container .lines[data-v-b6c23352]{pointer-events:none}.h-container:hover .lines[data-v-b6c23352],.v-container:hover .lines[data-v-b6c23352]{pointer-events:auto}.h-container[data-v-b6c23352]{top:0}.h-container .line[data-v-b6c23352]{top:0;height:100vh;padding-left:5px}.h-container .line .action[data-v-b6c23352]{transform:translate(-24px)}.h-container .line .action .value[data-v-b6c23352]{margin-left:4px}.h-container .indicator[data-v-b6c23352]{top:0;height:100vw}.h-container .indicator .value[data-v-b6c23352]{width:auto;padding:0 2px;margin-top:4px;margin-left:4px}.v-container[data-v-b6c23352]{left:0}.v-container .line[data-v-b6c23352]{left:0;width:100vw;padding-top:5px}.v-container .line .action[data-v-b6c23352]{transform:translateY(-24px);flex-direction:column}.v-container .line .action .value[data-v-b6c23352]{margin-top:4px}.v-container .indicator[data-v-b6c23352]{width:100vw}.v-container .indicator .value[data-v-b6c23352]{left:0;width:auto;padding:0 2px;margin-top:-5px;margin-left:2px;transform:rotate(-90deg);transform-origin:0 0}.style-ruler{position:absolute;z-index:3;width:100%;height:100%;overflow:hidden;font-size:12px;pointer-events:none}.style-ruler span{line-height:1}.corner{position:absolute;top:0;left:0;pointer-events:auto;cursor:pointer;box-sizing:content-box;transition:all .2s ease-in-out}.indicator{position:absolute;pointer-events:none}.indicator .value{position:absolute;background:white}.ruler{width:100%;height:100%;pointer-events:auto}.build{position:relative;width:100%;height:100%}.build .flex{display:flex;align-items:center}.build .app{width:100%;height:calc(100% - 85px);display:flex;box-sizing:border-box}.build .selectall{position:absolute;border:1px dotted #409EFF;z-index:10000}.build .icon{font-size:20px;margin-right:10px}.build .selectbg{width:100%;height:100%;position:absolute;z-index:9999}.build .selectflag{width:100%;height:100%;position:absolute;z-index:9999;cursor:move}.build .el-menu--horizontal .el-menu .el-menu-item,.build .el-menu--horizontal .el-menu .el-submenu__title{font-size:12px}.build .el-empty__image svg{width:100px;height:100px}.build .menu{position:relative;width:200px;box-sizing:border-box;height:100%;color:#bcc8d4}.build .menu__drag{width:3px;height:100%;position:absolute;background-color:#18181c;right:0;z-index:1}.build .menu__drag:hover{background-color:#2681ff;cursor:col-resize}.build .menu_header{position:absolute;top:0;width:100%;z-index:1}.build .menu__scrollbar{padding-top:50px;height:100%;box-sizing:border-box}.build .menu__list{padding-left:10px;padding-top:5px;box-sizing:border-box}.build .menu_item input,.build .menu_ul input{box-sizing:border-box;padding:5px;width:calc(100% - 80px);outline:none;background-color:#36373b;border:none;color:#ffffffd1;border-radius:5px}.build .menu__item{width:100%;margin-bottom:8px;box-sizing:border-box;border-radius:5px;display:flex;align-items:center;padding:5px;position:relative;background:#1b1f25;color:#fff;cursor:pointer;border:1px solid #1b1f25;flex:none;font-size:12px}.build .menu__item.is-over,.build .menu__item:hover{background:#313132;cursor:pointer}.build .menu__item.is-over .menu__menu i,.build .menu__item:hover .menu__menu i{display:inline-block}.build .menu__item.ghost{opacity:.6;color:#fff;background:#409EFF!important;cursor:move}.build .menu__item.is-active{border:1px solid #409EFF;background-color:#2f3f62}.build .menu__menu{position:absolute;right:3px}.build .menu__menu i{color:#ccc;margin:0 3px;font-size:14px;display:none}.build .menu__menu .is-active{color:#409eff;display:inline-block}.build .menu__label{width:calc(100% - 100px);overflow:hidden}.build .menu__button{display:flex}.build .menu__button li{margin:0 5px;list-style:none}.build .menu__icon{color:#409eff;margin-right:8px;width:50px;min-width:50px;height:30px;line-height:30px;text-align:center;display:block;background-color:#1b2127;border:1px solid #373739;border-radius:5px}.build .menu__item--folder{position:relative;width:100%;box-sizing:border-box;display:flex;align-items:center;padding:6px;color:#bcc9d4;font-size:12px;border-radius:3px}.build .menu__item--folder .icon-folder{font-size:16px;margin-right:5px}.build .menu__item--folder .icon-fold{font-size:12px;margin-right:10px;transform:rotate(90deg);display:inline-block;font-weight:700}.build .menu__item--folder .icon-fold.is-active{transform:rotate(180deg)}.build .menu__item--folder.is-active{color:#fff;background:rgba(143,225,255,.1)}.build .menu__item--folder.is-over,.build .menu__item--folder:hover{color:#fff;background:rgba(143,225,255,.1);cursor:pointer}.build .menu__folder{margin-bottom:8px}.build .menu__folder.ghost{opacity:.6;color:#fff;background:#409EFF!important;cursor:move}.build .menu__folder:hover>.menu__item--folder>.menu__menu i{display:inline-block}.build .menu__name{width:calc(100% - 80px);overflow:hidden}.build .menu_ul--simple .menu__icon{display:none}.build .menu_ul--simple .menu__label{width:calc(100% - 40px);overflow:hidden}.build .top{padding:10px 20px;position:fixed;top:0;left:0;width:100%;z-index:9999;background-color:#fff6}.build .section{flex:1;overflow:hidden;position:relative}.build .refer-line-img{position:absolute;left:0;z-index:5;width:20px;height:20px;display:flex;align-items:center;justify-content:center;opacity:.6}.build .refer-line-img img{width:100%}.build .screens{position:absolute;top:0;left:0;width:100%;height:100%;overflow:auto}.build .screens-drag{cursor:pointer}.build .screen-container{position:relative;width:5000px;height:3000px;background:url(/DataV/img/screen.png) repeat}.build .canvas{position:absolute;transform-origin:0 0;top:50%;left:50%}.build .footer__menu{padding-top:8px;margin-right:370px;float:right;width:300px}.build .app--none{padding:0;height:100%}.build .app--none .wrapper{position:relative;padding:0;margin:0 auto;width:100%}.build .app--none .content{width:100%;height:100%;border:none}.build .container{-webkit-user-select:none;user-select:none;transform-origin:0 0;position:relative}.build .grade{width:100%;height:100%;background-size:30px 30px,30px 30px;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 0px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 0px);position:absolute;top:0;bottom:0;left:0;right:0}.build .title{padding:0 10px;box-sizing:border-box;margin-bottom:5px;line-height:40px;height:40px;text-align:center;font-size:12px;background-color:#2a2a2b;border:1px solid #18181c;color:#fff}.build .title--left{text-align:left}.build .title_box{display:flex;align-items:center;justify-content:space-between}.build .title_menu{display:flex}.build .params{width:330px}.views,.views .wrapper{overflow:hidden}.dialog{width:100%;height:100%;position:fixed;left:0;top:0;background-color:#000c;z-index:9999}.dialog__title{font-size:26px;color:#fff;text-align:center;line-height:60px}:root{--primary-color: #2681ff;--info-color: #00baff;--info-text-color: #8eeeff;--text-color: #d8d8d8;--bg-color: #1d262e;--border-color: #3a4659}.list{height:100%}.list .menu{padding-top:40px}.list .menu li{padding-left:40px;position:relative;height:50px;line-height:40px;display:flex;font-size:14px;align-items:center;cursor:pointer;color:#fff}.list .menu li:hover{color:var(--primary-color)}.list .menu li i{margin-right:10px}.list .menu li.is-active{background-image:linear-gradient(-90deg,rgba(0,186,255,.19) 0,rgba(38,129,255,.89) 100%);background-repeat:round}.list .menu li.is-active:hover{color:#fff}.list .el-menu{border-right:none}.list .el-menu.el-menu--horizontal{border-color:var(--bg-color);border-width:2px}.list .el-menu i{margin-right:5px}.list .content{display:flex;flex-wrap:wrap;overflow-x:hidden}.list .content__header{padding:30px 15px 20px;box-sizing:border-box;width:100%;height:auto!important;border-bottom:1px solid #2d2d2d;background-color:#18181c}.list .content__box{width:100%}.list .content__nav{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:10px}.list .content__add{margin-right:12px;padding-left:20px;width:250px;height:70px;box-sizing:border-box;vertical-align:middle;border:1px solid var(--border-color);border-radius:2px;display:flex;align-items:center;justify-content:flex-start;position:relative;cursor:pointer;background-color:#1f262d}.list .content__add:hover{border-color:var(--primary-color)}.list .content__add:hover img{transform:scale(1.1)}.list .content__add img{margin-right:10px}.list .content__add p{color:#d9d9d9;font-size:16px;font-weight:700}.list .content__add span{font-size:12px;color:#8d8d8f}.list .content__page{padding-right:10px;display:flex;align-items:flex-end}.list .content__empty svg{width:200px;height:200px}.list .content__item{display:inline-block;position:relative;margin-right:20px;margin-bottom:20px;width:270px;box-sizing:border-box;overflow:hidden;border-radius:5px;border:1px solid var(--border-color)}.list .content__item:hover{box-shadow:0 0 20px #000;border:1px solid var(--info-color)}.list .content__main{font-size:14px;width:100%;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;background:#1c232c;box-sizing:border-box;color:var(--text-color);font-weight:700;border-top:0}.list .content__main a{color:#bcc9d4}.list .content__main i{margin-right:1px}.list .content__view{margin-right:2px}.list .content__menulist{display:flex}.list .content__menulist i{margin-right:10px}.list .content__start{display:flex}.list .content__start .content__btn{padding:0;margin:0 5px;width:40px;height:30px;line-height:30px;border-radius:5px;opacity:.8}.list .content__start .content__btn i{font-weight:700}.list .content__status{display:flex;align-items:center}.list .content__status .icon{margin-right:5px;display:inline-block;width:8px;height:8px;border-radius:100%;background-color:var(--text-color)}.list .content__status.is-active .icon{background-color:var(--primary-color)}.list .content__name{width:100px;padding:0 5px;line-height:28px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#fff;border:1px solid transparent}.list .content__logo{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center}.list .content__logo p{font-size:18px;background-image:linear-gradient(120deg,#54b6d0 16%,#3f8bdb,#3f8bdb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.list .content__logo img{width:100px!important;height:auto!important}.list .content__logo span{display:block;box-sizing:border-box;padding:0 30px;line-height:30px;color:#fff;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.list .content__info{background-color:#20262c;position:relative;height:150px}.list .content__menu{position:absolute;top:0;left:0;background-color:#0003;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.list .content__list{margin-top:15px}.list .content__list i{cursor:pointer;margin:0 5px;color:#fff;font-size:20px}.list .content__right{position:absolute;top:5px;right:10px}.list .content__right i{cursor:pointer;margin:5px;color:#fff;font-size:16px}.list .content__btn{margin:5px 0;display:inline-block;vertical-align:middle;height:34px;line-height:34px;padding:0 40px;box-sizing:border-box;outline:0;text-align:center;font-size:14px;font-weight:700;background-image:linear-gradient(-225deg,var(--primary-color) 0,var(--info-color) 100%);background-color:var(--primary-color);border-color:var(--info-color);color:#fff;border:none;transition:.3s ease;cursor:pointer}.list .content__info img{width:100%;height:100%;object-fit:cover}.list .content--active{box-shadow:0 0 20px #000;border:1px solid #00baff}.create-screen{display:flex}.create-screen .item{padding:10px 15px;margin:10px 20px 10px 0;background:#36373b;border-radius:5px;text-align:center;min-width:100px;border:1px solid #1e1e1f;cursor:pointer}.create-screen .item.is-active{border-color:#2681ff}.create-screen .item-icon{width:30px;height:30px}.create-screen .item-icon,.create-screen .item-title{color:#d6d6d7;font-weight:700}.create-screen .item-size{color:#989899;font-size:12px}