#index{color:#d3d6dd;background-color:#000;width:100%;height:100%}#index .bg{padding:.2rem .2rem 0 .2rem;background:url(https://screen.yingmen.co/img/pageBg.f9f9dcd5.png);background-size:cover;background-position:50%}#index .host-body .title{position:relative;width:6.25rem;text-align:center;background-size:cover;background-repeat:no-repeat}#index .host-body .title .title-text{font-size:.41rem;position:relative;bottom:-.18rem;width:6.25rem;left:.024rem}#index .host-body .title .title-bototm{position:absolute;bottom:-.375rem;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}#index .host-body .react-left{cursor:pointer;font-size:.225rem;width:3.75rem;height:.625rem;line-height:.625rem;text-align:center;-webkit-transform:skewX(-45deg);transform:skewX(-45deg)}#index .host-body .react-left .react-after{position:absolute;right:-.3125rem;top:0;height:.625rem;width:.625rem;background-color:#0f1325;-webkit-transform:skewX(45deg);transform:skewX(45deg)}#index .host-body .react-left .text{display:inline-block;-webkit-transform:skewX(45deg);transform:skewX(45deg)}#index .host-body .react-right{cursor:pointer;font-size:.225rem;width:3.75rem;height:.625rem;line-height:.625rem;text-align:center;-webkit-transform:skewX(45deg);transform:skewX(45deg)}#index .host-body .react-right .react-before{position:absolute;left:-.3125rem;top:0;height:.625rem;width:.625rem;background-color:#0f1325;-webkit-transform:skewX(-45deg);transform:skewX(-45deg)}#index .host-body .react-right .text{display:inline-block;-webkit-transform:skewX(-45deg);transform:skewX(-45deg)}#index .host-body .body-box{margin-top:.2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#index .host-body .body-box .content-box{display:grid;grid-template-columns:2fr 3fr 5fr 3fr 2fr}#index .host-body .body-box .bototm-box{margin-top:.125rem;display:grid;grid-template-columns:repeat(2,50%)}.tool-pln{border-radius:4px;z-index:12;position:absolute;text-shadow:2px 2px 2px #000}.tool-pln .btn-pln{display:-webkit-box;display:-ms-flexbox;display:flex}.tool-pln .btn-pln .active,.tool-pln .btn-pln .btn-item{color:#fff;line-height:28px;height:28px;margin-left:20px;width:28px}.tool-pln .btn-pln .active .icon,.tool-pln .btn-pln .btn-item .icon{width:2em;height:2em;font-size:15px;cursor:pointer;vertical-align:-.15em;fill:currentColor;overflow:hidden}.tool-pln .btn-pln .active,.tool-pln .btn-pln .active .icon:hover,.tool-pln .btn-pln .btn-item .icon:hover{color:#1a5cd7}#content{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;padding:.5rem .3rem 0 .3rem;height:10.3rem;max-height:11rem;overflow:hidden}#content h3{font-weight:900}#content h1,#content h2,#content h3,#content h4,#content h5,#content h6{color:rgba(249,242,242,.85)}#content #center{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%}#content #center .active-item-box,#content #center .item-box{float:left;border:1px solid #fff}#content #center .active-item-box{border:1px solid #1a5cd7}#content #center .ptz-block-center{height:34px;width:34px;right:0;font-size:34px}#content #center .ptz-block,#content #center .ptz-block-center{position:absolute;z-index:99999;bottom:0;text-align:center;border-radius:16px}#content #center .ptz-block{height:160px;width:100px;right:10px;font-size:24px;background:hsla(0,0%,92.9%,.6)}#content #center .ptz-block .ptz-cell{line-height:50px;height:50px;width:50px;position:absolute;cursor:pointer;color:#000}#content #center .ptz-block .ptz-up{top:40px;left:25px}#content #center .ptz-block .ptz-left{top:70px;left:-5}#content #center .ptz-block .ptz-center{top:81px;left:39px;width:25px;height:25px;line-height:25px;position:absolute;border-radius:25px;background:hsla(0,0%,80%,.2)}#content #center .ptz-block .ptz-right{top:70px;right:-5px}#content #center .ptz-block .ptz-down{bottom:-5px;left:25px}#content #center .ptz-block .ptz-plus{top:0;left:5px}#content #center .ptz-block .ptz-minus{top:0;right:5px}#content #center .active-ptz{color:#656565}#content #right{width:2.94rem;height:100%;margin-left:1.4%;background:#0f1325}#content #right .ant-tree-icon__customize,#content #right .ant-tree-switcher{color:#1a5cd7}#content #right .ant-tree-title{color:#1a5cd7;width:2.14rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-thumb{background-color:#888;border-radius:3px}::-moz-scrollbar{width:3px}::-moz-scrollbar-thumb{background-color:#888;border-radius:3px}::-ms-scrollbar{width:3px}::-ms-scrollbar-thumb{background-color:#888;border-radius:3px}