.screen-logo{margin-bottom:1rem;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-line-pack:start;align-content:flex-start}.screen-logo .logo-item{background-color:#30363e;border:.2rem;margin-bottom:1rem}.screen-logo .logo-item img{width:100%;height:100%;cursor:pointer}.screen-logo .logo-item .logo-item-text-info{padding:.5rem;font-size:.6rem;color:#bac3ce;text-align:center}.screen-logo .logo-item .logo-item-text-info span{cursor:pointer}.screen-logo .logo-item .logo-item-text-info span:hover{color:#0ebf9c}.screen-logo .logo-item .logo-item-text-info .look-devices{margin-left:.5rem;display:inline-block}.screen-logo .create-logo{background-color:transparent}.screen-logo .create-logo .logo-upload{height:100%;width:100%}.screen-make-picture{margin-bottom:1rem;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-line-pack:start;align-content:flex-start}.screen-make-picture .makePicture-item{background-color:#30363e;border:.2rem;margin-bottom:1rem}.screen-make-picture .makePicture-item img{width:100%;height:100%;cursor:pointer}.screen-make-picture .makePicture-item .makePicture-item-text-info{padding:.5rem;font-size:.6rem;color:#bac3ce;text-align:center}.screen-make-picture .makePicture-item .makePicture-item-text-info span{cursor:pointer}.screen-make-picture .makePicture-item .makePicture-item-text-info span:hover{color:#0ebf9c}.screen-make-picture .makePicture-item .makePicture-item-text-info .look-devices{margin-left:.5rem;display:inline-block}.screen-make-picture .create-makePicture{background-color:transparent}.screen-make-picture .create-makePicture .makePicture-upload{height:100%;width:100%}.h3[data-v-173945e8]{font-size:1.2rem;font-weight:600;margin-right:16px}.line-input-filter[data-v-173945e8]{margin-left:2rem}.line-input-filter input[data-v-173945e8]{border:none;border-bottom:1px solid #3c3c3c;font-size:.6rem;border-radius:0;height:2rem;line-height:2rem}.circle-input-filter[data-v-173945e8]{margin-left:2rem}.circle-input-filter input[data-v-173945e8]{font-size:.6rem;height:2rem;line-height:2rem;border-color:#2b3139;border-radius:1rem}[data-v-173945e8]::-webkit-scrollbar{width:1px;height:1px;background-color:transparent}[data-v-173945e8]::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 0 #1f2732;border-radius:1px;background-color:transparent}[data-v-173945e8]::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px #1f2732;background-color:transparent}.ppy-dialog[data-v-173945e8]{position:fixed;top:0;bottom:0;left:0;right:0;z-index:99;background-color:rgba(0,0,0,.3);overflow:hidden}.ppy-dialog[data-v-173945e8]:before{content:"";position:absolute;overflow-y:scroll;-webkit-filter:blur(10px);filter:blur(10px)}.ppy-dialog.showTitle h2[data-v-173945e8]{display:block}.ppy-dialog.showTitle .content[data-v-173945e8]{top:51px}.ppy-dialog .title[data-v-173945e8]{border-bottom:1px solid #30363e;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ppy-dialog .title .title-name[data-v-173945e8]{display:inline-block;font-size:.9rem;font-weight:600;color:#bac3ce;height:48px;line-height:48px;margin-right:.5rem}.ppy-dialog .title .title-right[data-v-173945e8]{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:right}.ppy-dialog .dialog-wrapper[data-v-173945e8]{-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:0 1rem;background-color:#30363e;-webkit-box-shadow:0 0 10px rgba(0,0,0,.375);box-shadow:0 0 10px rgba(0,0,0,.375);border-radius:8px;-webkit-transition:all .3s ease;transition:all .3s ease}.ppy-dialog .content[data-v-173945e8]{width:100%;position:absolute;top:30px;left:0;right:0;bottom:0;overflow:hidden}.ppy-dialog .content .content-wrapper[data-v-173945e8]{padding:0 15px}.ppy-dialog .close-button[data-v-173945e8]{position:absolute;top:-50px;border-radius:50%;border:2px solid #0ebf9c;color:#0ebf9c;width:24px;height:24px;text-align:center;line-height:24px;right:10px;cursor:pointer}.ppy-dialog .close-button[data-v-173945e8]:after{content:"";height:30px;width:2px;background-color:#30363e;position:absolute;left:50%;bottom:-31px;-webkit-transform:translateX(-.5px);transform:translateX(-.5px)}.screen-make-video{margin-bottom:1rem;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-line-pack:start;align-content:flex-start}.screen-make-video .makeVideo-item{background-color:#30363e;border:.2rem;margin-bottom:1rem}.screen-make-video .makeVideo-item img{width:100%;height:100%;cursor:pointer}.screen-make-video .makeVideo-item .make-video-item-text-info{padding:.5rem;font-size:.6rem;color:#bac3ce;text-align:center}.screen-make-video .makeVideo-item .make-video-item-text-info span{cursor:pointer}.screen-make-video .makeVideo-item .make-video-item-text-info span:hover{color:#0ebf9c}.screen-make-video .makeVideo-item .make-video-item-text-info .look-devices{margin-left:.5rem;display:inline-block}.screen-make-video .create-makeVideo{background-color:transparent}.el-upload,.screen-make-video .create-makeVideo .makeVideo-upload{height:100%;width:100%}.el-upload .el-upload-dragger{background-color:transparent;min-height:180px;height:100%;width:100%}.el-upload .upload-info{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.el-upload .upload-info .el-icon-upload{margin:0;margin-bottom:10px}.el-upload--picture-card{background-color:transparent}.screen-saver{margin-bottom:1rem;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-line-pack:start;align-content:flex-start}.screen-saver .logo-item{background-color:#30363e;border:.2rem;margin-bottom:1rem}.screen-saver .logo-item .image{width:100%;height:10rem;cursor:pointer}.screen-saver .logo-item .logo-item-text-info{padding:.5rem;font-size:.6rem;color:#bac3ce;text-align:center}.screen-saver .logo-item .logo-item-text-info span{cursor:pointer}.screen-saver .logo-item .logo-item-text-info span:hover{color:#0ebf9c}.screen-saver .logo-item .logo-item-text-info .edit-screen-saver,.screen-saver .logo-item .logo-item-text-info .look-devices{margin-left:.5rem;display:inline-block}.screen-saver .logo-item .logo-item-text-info .look-screen-saver span{font-size:.4rem}.screen-saver .create-logo{background-color:transparent;min-height:11.6rem}.screen-saver .create-logo .upload{background-color:#30363e;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:justify;cursor:pointer}.screen-saver .screen-saver-upload{height:8rem}.screen-saver .screen-saver-upload .el-upload-list--picture-card .el-upload-list__item{width:256px;height:150px}.h3{font-size:1.2rem;font-weight:600;margin-right:16px}.line-input-filter{margin-left:2rem}.line-input-filter input{border:none;border-bottom:1px solid #3c3c3c;font-size:.6rem;border-radius:0;height:2rem;line-height:2rem}.circle-input-filter{margin-left:2rem}.circle-input-filter input{font-size:.6rem;height:2rem;line-height:2rem;border-color:#2b3139;border-radius:1rem}::-webkit-scrollbar{width:1px;height:1px;background-color:transparent}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 0 #1f2732;border-radius:1px;background-color:transparent}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px #1f2732;background-color:transparent}.devices{padding:1rem 2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.devices .device-title .device-input-filter input{border:none;border-bottom:1px solid #3c3c3c;font-size:.6rem;border-radius:0}.devices .device-title .manual{font-size:.6rem;color:#e49831;cursor:pointer}.devices .device-data-list{margin-top:1rem;-webkit-box-flex:1;-ms-flex:1;flex:1}.devices .device-data-list .device-info .device-info-detail p{margin-bottom:.5rem}.devices .device-data-list .device-info .device-info-detail p:first-child{font-size:.8rem}.devices .device-data-list .el-table thead tr th{border-bottom:1px solid #2b3139}.devices .device-data-list .el-table--border:after,.devices .device-data-list .el-table--group:after,.devices .device-data-list .el-table:before{background-color:transparent}.devices .device-data-list .el-table__row:hover{background-color:#30363e}.devices .device-data-list .device-delete,.devices .device-data-list .device-edit{cursor:pointer;display:inline-block;margin-right:1rem}.devices .device-data-list .device-delete:hover,.devices .device-data-list .device-edit:hover{color:#0ebf9c}.devices .device-data-list .device-edit{color:#e49831}.devices .device-data-list .device-delete{color:#e85655}.devices .device-data-list .circle{border-radius:.6rem;width:.6rem;height:.6rem;display:inline-block;margin-right:5px}.devices .device-data-list .offline{color:#5b8ff9}.devices .device-data-list .offline .circle{background-color:#5b8ff9}.devices .device-data-list .normal{color:#5ad8a6}.devices .device-data-list .normal .circle{background-color:#5ad8a6}.devices .device-data-list .warning{color:#f6bd16}.devices .device-data-list .warning .circle{background-color:#f6bd16}.devices .device-data-list .fault{color:#e8684a}.devices .device-data-list .fault .circle{background-color:#e8684a}.devices .pagination{margin:1rem;text-align:right}