body{margin:0}.screen-overview{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#151a23}.screen-overview .logo{position:absolute;top:12px;left:20px;width:36px;height:40px;background-repeat:no-repeat;background-image:url(../img/logo.85974967.png);background-size:36px 36px}.screen-overview .title{font-family:monospace,Tahoma;position:absolute;left:70px;height:60px;line-height:60px;color:#00baff;font-weight:bolder;font-size:22px;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.screen-overview .system{position:absolute;top:0;right:60px;height:60px;line-height:60px}.screen-overview .system .iconfont{margin-left:30px;font-size:18px;color:#bababa;cursor:pointer}.screen-overview .system .iconfont:hover{color:#00baff}.screen-overview .system .iconfont span{font-size:14px;margin-left:6px}.screen-overview .el-menu--horizontal{border-bottom:1px solid #00baff;padding-left:460px;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.screen-overview .el-menu--horizontal .el-menu-item:not(.is-disabled) .iconfont{font-size:14px}.screen-overview .el-menu--horizontal .el-menu-item:not(.is-disabled) .iconfont:before{margin-right:5px}.screen-overview .el-menu--horizontal .el-menu-item:not(.is-disabled).is-active{border-bottom:3px solid #00baff;color:#00baff!important}.screen-overview .el-menu--horizontal .el-menu-item:not(.is-disabled):focus,.screen-overview .el-menu--horizontal .el-menu-item:not(.is-disabled):hover{background-color:transparent!important;color:#00baff!important}.screen-overview .el-menu--horizontal .el-menu-item:not(.is-disabled):focus .iconfont,.screen-overview .el-menu--horizontal .el-menu-item:not(.is-disabled):hover .iconfont{font-size:14px;color:#00baff!important}.screen-overview .container{position:absolute;top:60px;left:0;right:0;bottom:0;overflow-x:hidden;overflow-y:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-ms-flex-line-pack:start;align-content:flex-start}.screen-overview .container.container-result{color:#00baff;font-size:12px}.screen-overview .container.container-result .card{position:relative;width:240px;height:160px;text-align:center;border:1px solid #2d3e55;background-color:rgba(45,62,85,.3);margin:20px 0 0 20px}.screen-overview .container.container-result .card .img-cover,.screen-overview .container.container-result .card .img-cover img{width:100%;height:100%}.screen-overview .container.container-result .card .content{margin-top:60px;font-size:14px}.screen-overview .container.container-result .card .content .el-icon-upload{position:absolute;font-size:28px;right:10px;bottom:8px}.screen-overview .container.container-result .card .content .el-icon-upload:hover{opacity:.8}.screen-overview .container.container-result .card.add{border:1px solid #05ddff;background-color:rgba(0,231,255,.11)}.screen-overview .container.container-result .card.add:hover{background-color:rgba(0,231,255,.2);cursor:pointer}.screen-overview .container.container-result .card:hover{border:1px solid #05ddff;background-color:rgba(0,231,255,.11)}.screen-overview .container.container-result .card:hover .toolbar{display:block}.screen-overview .container.container-result .card .toolbar{position:absolute;top:0;left:0;right:0;bottom:32px;padding-top:42px;background-color:rgba(0,0,0,.75);display:none}.screen-overview .container.container-result .card .toolbar .delete{position:absolute;top:10px;right:5px}.screen-overview .container.container-result .card .toolbar .edit .el-button{margin-bottom:12px;width:110px;font-size:14px}.screen-overview .container.container-result .card .toolbar .iconfont{margin:10px;font-size:18px;color:#fff;cursor:pointer}.screen-overview .container.container-result .card .toolbar .iconfont:hover{color:#00baff}.screen-overview .container.container-result .card .title-bar{position:absolute;width:100%;bottom:0;height:32px;line-height:32px;font-size:12px;background-color:#151a23;color:#efefef}.screen-overview .container.container-result .card .title-bar .name{text-align:left;padding-left:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-overview .container.container-result .card .title-bar .state{text-align:right;padding-right:15px}.screen-overview .container.container-result .ds-toolbar{position:absolute;top:0;left:0;right:0;padding-left:100px;height:100px}.screen-overview .container.container-result .ds-toolbar .ds-add{margin-top:34px;height:32px;line-height:32px;width:160px;background-color:#00baff;border:none;font-size:14px;color:#151a23;text-align:center;cursor:pointer;-webkit-transform:skewX(-45deg);transform:skewX(-45deg);-webkit-box-shadow:0 0 20px 0 #000;box-shadow:0 0 20px 0 #000;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.screen-overview .container.container-result .ds-toolbar .ds-add:hover{opacity:.9}.screen-overview .container.container-result .ds-toolbar .ds-add .ds-add-text{-webkit-transform:skewX(45deg);transform:skewX(45deg)}.screen-overview .container.container-result .ds-toolbar .ds-add .ds-add-text .iconfont{font-size:12px}.screen-overview .container.container-result .ds-list{position:absolute;top:100px;left:0;right:0;bottom:0;padding-left:100px;overflow-x:hidden;overflow-y:auto}.screen-overview .container.container-result .ds-list .ds-block{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:30px;margin-right:80px;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.screen-overview .container.container-result .ds-list .ds-block .ds-tile{display:-webkit-box;display:-ms-flexbox;display:flex;width:80%;height:44px;line-height:44px;color:#bababa;border:1px solid #2d3e55;border-left:3px solid #00baff;-webkit-box-shadow:0 0 20px 0 #000;box-shadow:0 0 20px 0 #000;-webkit-transform:skewX(-45deg);transform:skewX(-45deg);z-index:1}.screen-overview .container.container-result .ds-list .ds-block .ds-tile .ds-icon{width:25%;color:#00baff;text-align:center;-webkit-transform:skewX(45deg);transform:skewX(45deg)}.screen-overview .container.container-result .ds-list .ds-block .ds-tile .ds-icon .iconfont{font-size:38px}.screen-overview .container.container-result .ds-list .ds-block .ds-tile .ds-name{width:55%;font-size:14px;-webkit-transform:skewX(45deg);transform:skewX(45deg)}.screen-overview .container.container-result .ds-list .ds-block .ds-tile .ds-time{width:20%;text-align:right;padding-right:40px;-webkit-transform:skewX(45deg);transform:skewX(45deg)}.screen-overview .container.container-result .ds-list .ds-block .ds-opts{background-color:#00baff;width:0;height:32px;margin-top:6px;-webkit-transform:skewX(-45deg);transform:skewX(-45deg);-webkit-transition:all .2s;transition:all .2s}.screen-overview .container.container-result .ds-list .ds-block .ds-opts .ds-opts-btn{line-height:32px;color:#151a23;text-align:center;-webkit-transform:skewX(45deg);transform:skewX(45deg)}.screen-overview .container.container-result .ds-list .ds-block .ds-opts .ds-opts-btn .iconfont{display:inline-block;margin:0 5px;font-size:18px;cursor:pointer}.screen-overview .container.container-result .ds-list .ds-block .ds-opts .ds-opts-btn .iconfont:hover{color:#fff}.screen-overview .container.container-result .ds-list .ds-block:hover .ds-tile{border-color:#00baff;background-color:rgba(0,186,255,.1)}.screen-overview .container.container-result .ds-list .ds-block:hover .ds-opts{width:19%}