.appcontent[data-v-716b3ad2]{width:900px;height:800px}.wrapper[data-v-716b3ad2]{min-width:650px;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;height:100%}.block[data-v-716b3ad2]{min-width:650px;padding:.2rem;background-color:#155;min-height:400px}.item[data-v-716b3ad2]{display:-webkit-box;display:-ms-flexbox;display:flex;width:650px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:10px}span.bg-title{font-size:20px;color:#3eedee;font-weight:700}span.middle-title{font-size:8px;color:#fff;text-align:left}span.dl-title{font-size:10px;line-height:40px;color:#fff;text-align:left}span.left-title{font-size:12px;color:#000;font-weight:700;width:60%;text-align:left;float:left}span.sm-title{font-size:4px;color:#3eedee}span.li-title,span.sm-title{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap}span.li-title{color:#000;font-size:15px;display:inline-block;text-align:left;float:left;width:calc(100% - 30px);max-height:20px;left:2px}span.sm-title-2{font-size:11px;color:#727272;font-weight:700}span.sm-ftitle{font-weight:700;color:#9b9bff;position:absolute;width:100%;text-align:right;top:10px;right:5px}#app{color:#fff;width:1000px;z-index:-2}#app,.rightList{margin:0;position:absolute;height:504px}.rightList{color:#000;margin-top:15px;left:820px;width:200px}.ww_head{position:relative;height:100%}.ww_head,.ww_head>.title{width:100%;text-align:center}.ww_head>.title{font-size:20px;line-height:44px;position:absolute;z-index:2;font-weight:700;color:#eee;cursor:pointer}.ww_head>img{width:100%;margin-top:0}.ww_middle{position:absolute;width:800px;height:504px;z-index:-2;background-color:#000;float:left}.ww_body{width:100%;top:100px;height:calc(100% - 100px)}.ww_body,.ww_body>div{position:absolute}.view1{width:100%;height:calc(100% - 32px);margin-top:31px}.view1>.item{width:calc(100% - 5px);height:calc(33% - 2px);margin:2px 2px 2px}.view1>.item>.menu{position:relative;float:left;width:calc(100% - 55px);height:100%;background-repeat:round;border:none}.view1>.item .menu_i{width:25%;float:left;margin-top:2px;margin-bottom:2px;height:calc(100% - 4px);text-align:center;cursor:pointer}.view1>.item .menu_i>.menu_i_bg{width:calc(100% - 2px);height:calc(100% - 20px)}.view1>.item .menu_i>.menu_i_title{width:calc(100% - 2px);overflow:hidden;margin:0 2px;font-size:6px;text-overflow:ellipsis;white-space:nowrap}.view2{width:100%;margin-top:5px;left:10%;margin-left:2%;height:40%;text-align:center}.view2>.item{width:100%;position:relative;height:100%;background-repeat:round;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.view1_span{left:0}.view1_span,.view1_span_right{position:absolute;top:80px;width:50%;height:10px;font-size:8px;z-index:9999;text-align:center;color:#fff}.view1_span_right{left:50%}.sensor_circle{width:50%;height:50%;float:left;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}.view3{width:100%;height:60%}.view3>.item{width:calc(100% - 10px);height:100%;margin-left:5px;margin-bottom:5px}.view3>.item,.view3>.item3{background-repeat:round;border:none}.view3>.item3{width:calc(50% - 3px);height:calc(50% - 1px);float:left;margin-left:1px;margin-bottom:3px}.view4{margin-top:32px;left:0;height:calc(100% - 32px)}.view4>.view4-item-title{margin-top:5px}.view4>.view4-item-title>span{float:left;width:calc(50% - 5px);margin-left:5px;display:block;padding-left:4px}.view4>.item{width:calc(50% - 10px);height:calc(100% - 25px);background-size:100% 100%;background-repeat:no-repeat}.view4 .itemdg,.view4>.item{float:left;margin-left:2px;border:none}.view4 .itemdg{width:100%;margin-top:0;height:calc(100% - 80px);background:hsla(0,0%,82.7%,.2);background-repeat:round}.item_i{width:100%;height:18px;float:left;margin-top:1px;margin-left:3px;text-align:center}.item_i>img{width:20px;margin:2px 2px 0 0}.item_i>img,.item_i>span{float:left;max-height:20px}.item_i>span{display:inline-block;text-align:left;width:calc(33% - 6.6px);font-size:6px;margin-top:2px;left:2px}.view5{float:left;width:30%;margin-top:35px;height:calc(100% - 35px)}.view5>span{float:left;width:calc(100% - 30px);margin-left:15px;display:block;margin-top:65px}.view5>.item{float:left;text-align:center;width:calc(100% - 2px);height:100%;background-repeat:round;border:none}.ww_play_music{position:absolute;bottom:40px;width:100%}.ww_play_music>.music{text-align:left;float:left;width:60%}.ww_play_music>.music>img{width:50px;height:50px;margin-left:60px;float:left}.ww_play_music>.music>span{display:block;float:left;margin-top:5px;font-size:12px;margin-left:5px;color:#6b6bff;cursor:pointer}.ww_play_music>.items{text-align:right;float:left;width:30%;line-height:50px}.ww_play_music>.items>span{display:block;float:left;font-size:12px;margin-left:5px;float:right;color:#6b6bff;cursor:pointer}.ww_play_music>.items>span>img{width:16px;height:16px}.ww_play_menu{position:absolute;bottom:20px;width:100%}.ww_play_menu>div{width:40%}.ww_play_menu>.left{float:left;text-align:right}.ww_play_menu>.right{float:right;text-align:left;margin-right:30px}body .video-js{margin:0 auto;background-color:transparent}body .vjs-big-play-centered .vjs-big-play-button{top:200%;width:2em;height:1.5em;margin-left:-1em}body .vjs-play-control.vjs-control.vjs-button{position:absolute;top:200%;left:calc(50% - 20px)}.ivu-progress-bg{text-align:right;border-radius:0;background-color:#2d8cf0;-webkit-transition:all .2s linear;transition:all .2s linear;position:relative}.ivu-progress-inner{width:100%;background-color:hsla(0,0%,98%,.1);border-radius:0;position:relative}.ivu-progress-inner,.ivu-progress-text{display:inline-block;vertical-align:middle}.ivu-progress-text{margin-left:3px;text-align:left;font-size:1.8em;color:red}.contextmenu{margin:0;background:#fff;z-index:3000;position:fixed;list-style-type:none;padding:5px 0;border-radius:4px;font-size:12px;font-weight:400;color:#333;-webkit-box-shadow:2px 2px 3px 0 rgba(0,0,0,.3);box-shadow:2px 2px 3px 0 rgba(0,0,0,.3)}.menu_item{margin:0;padding:7px 16px;cursor:pointer;width:170px}.menu_item:hover{background-color:#037df3;color:#fff}.map{position:fixed;z-index:2000}.map,.map>li{width:140px;height:60px}.map>li{position:absolute;left:2px;top:0;background-color:rgba(0,0,0,.3)}.map span{font-weight:bolder;font-size:.15rem;color:#28edf8}.map img{position:relative;width:50px;height:50px;left:-25px;top:-35px}.demo-Circle-custom{-webkit-transform:scale(.7);transform:scale(.7)}.demo-Circle-custom>h1{font-size:12px;font-weight:400}.demo-Circle-custom>p{font-size:12px}import appcontent 0% "@/viws/shuping/appcontent" .imgCover[data-v-a1c1b770]{opacity:.3}