.monitorBoxPage{width:100%}.monitorBoxPage .colorGree{color:#01caa6}.monitorBoxPage .ggMain .monterVideo{width:70%;margin-right:8px}.monitorBoxPage .ggMain .monterVideo .video-wrapper.video-wrapper-stretch{height:465px!important;padding:0!important}.monitorBoxPage .firstMain{width:100%;height:100%}.monitorBoxPage .firstMain .videoControl{-webkit-box-flex:1;-ms-flex:1;flex:1;height:463px;position:relative;padding:0 16px;background:#fff;-webkit-box-shadow:0 0 8px 2px rgba(122,134,132,.16);box-shadow:0 0 8px 2px rgba(122,134,132,.16);border-radius:8px;margin-right:8px;padding-top:10px}.monitorBoxPage .firstMain .videoControl .tabTit{text-align:center;font-size:20px;font-family:PingFang SC;font-weight:400;color:#818181;line-height:25px}.monitorBoxPage .firstMain .videoControl .tabTit span{opacity:.6}.monitorBoxPage .firstMain .videoControl .tabTit span:hover{cursor:pointer}.monitorBoxPage .firstMain .videoControl .tabTit span.activeSpan{color:#01caa6;opacity:1}.monitorBoxPage .firstMain .videoControl .yun-chat{height:calc(100% - 25px)}.monitorBoxPage .firstMain .videoControl .yun-chat .empty{text-align:center;line-height:40px;color:#fff}.monitorBoxPage .firstMain .videoControl .yun-chat .pointer{cursor:pointer}.monitorBoxPage .firstMain .videoControl .yun-chat .flex_box{display:-webkit-box;display:-ms-flexbox;display:flex}.monitorBoxPage .firstMain .videoControl .yun-chat .flex_reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.monitorBoxPage .firstMain .videoControl .yun-chat .align_center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.monitorBoxPage .firstMain .videoControl .yun-chat .flex_shink{-ms-flex-negative:0;flex-shrink:0}.monitorBoxPage .firstMain .videoControl .yun-chat .chatWrap{background:rgba(50,89,177,.8)}.monitorBoxPage .firstMain .videoControl .yun-chat header{color:#fff;text-align:center;line-height:40px;padding:0 12px}.monitorBoxPage .firstMain .videoControl .yun-chat header .titleWrap{position:relative;font-size:16px;border-bottom:1px solid hsla(0,0%,100%,.3)}.monitorBoxPage .firstMain .videoControl .yun-chat header .close{position:absolute;right:0;top:2px}.monitorBoxPage .firstMain .videoControl .yun-chat .chatContent{height:calc(100% - 150px);padding:10px}.monitorBoxPage .firstMain .videoControl .yun-chat .chatContent .chatTimeWrap{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-bottom:12px}.monitorBoxPage .firstMain .videoControl .yun-chat .chatContent .chatTime{color:#666;line-height:16px}.monitorBoxPage .firstMain .videoControl .yun-chat .chatContent .chatTimeTip{font-size:12px;font-weight:700;-webkit-transform:scale(.8);transform:scale(.8);display:block}.monitorBoxPage .firstMain .videoControl .yun-chat .chatContent .headImg img{width:30px;height:30px;border-radius:50%;vertical-align:middle}.monitorBoxPage .firstMain .videoControl .yun-chat .chatContent .chatLi{padding-bottom:12px}.monitorBoxPage .firstMain .videoControl .yun-chat .chatContent .chatLi .ios-wifi{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.monitorBoxPage .firstMain .videoControl .yun-chat .chatContent .chatLi.chatMe .chatRight .angle{right:1px;top:6px;border:5px solid transparent;border-left:10px solid #bae1ff}.monitorBoxPage .firstMain .videoControl .yun-chat .chatContent .chatLi.chatMe .chatRight .angle:before{border:4px solid transparent;border-left:9px solid #3259b1;left:-11px;top:-4px}.monitorBoxPage .firstMain .videoControl .yun-chat .chatContent .chatLi.chatMe .detail{margin-right:15px;margin-left:0}.monitorBoxPage .firstMain .videoControl .yun-chat .chatContent .chatLi.chatMe .detail .ios-wifi{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.monitorBoxPage .firstMain .videoControl .yun-chat .chatContent .chatLi.chatMe .detail img{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.monitorBoxPage .firstMain .videoControl .yun-chat .chatContent .chatLi.chatMe .detail .yuyingTip{width:13px}.monitorBoxPage .firstMain .videoControl .yun-chat .chatContent .chatLi.chatMe .delect,.monitorBoxPage .firstMain .videoControl .yun-chat .chatContent .chatLi.chatMe .tip{margin-right:5px;margin-left:0}.monitorBoxPage .firstMain .videoControl .yun-chat .chatContent .chatLi .chatRight{position:relative}.monitorBoxPage .firstMain .videoControl .yun-chat .chatContent .chatLi .chatRight .angle{width:0;height:0;border:5px solid transparent;border-right:10px solid #bae1ff;position:absolute;top:6px}.monitorBoxPage .firstMain .videoControl .yun-chat .chatContent .chatLi .chatRight .angle:before{content:"";display:block;border:4px solid transparent;border-right:9px solid #3259b1;position:absolute;left:-2px;top:-4px}.monitorBoxPage .firstMain .videoControl .yun-chat .chatContent .chatLi .detail{padding:5px 12px;font-size:12px;font-family:PingFang SC;background:#e7f7f4;border-radius:4px;margin-left:15px;width:100px;height:30px}.monitorBoxPage .firstMain .videoControl .yun-chat .chatContent .chatLi .detail img{width:20px}.monitorBoxPage .firstMain .videoControl .yun-chat .chatContent .chatLi .tip{width:5px;height:5px;background:#f23003;border-radius:50%;margin-left:5px}.monitorBoxPage .firstMain .videoControl .yun-chat .chatContent .chatLi .delect{margin-left:5px}.monitorBoxPage .firstMain .videoControl .yun-chat .chatContent .chatLi .delect img{width:15px;vertical-align:middle;position:relative;top:-2px}.monitorBoxPage .firstMain .videoControl .yun-chat .fgx{width:100%;padding:0 16px;height:1px;border-bottom:1px solid rgba(0,0,0,.1)}.monitorBoxPage .firstMain .videoControl .yun-chat .chatFooter{width:100%;padding:20px 6px}.monitorBoxPage .firstMain .videoControl .yun-chat .chatFooter .baseStyle{text-align:center;width:100%;line-height:30px;font-size:15px;border-radius:8px}.monitorBoxPage .firstMain .videoControl .yun-chat .chatFooter .baseStyle.loadDoing{color:#00b4ff;background-color:rgba(0,180,255,.1)}.monitorBoxPage .firstMain .videoControl .yun-chat .chatFooter .baseStyle.loadFalse{color:#ff9000;background-color:rgba(255,144,0,.1)}.monitorBoxPage .firstMain .videoControl .yun-chat .chatFooter .baseStyle.loadTrue{color:#01caa6;background-color:rgba(1,202,166,.1)}.monitorBoxPage .firstMain .videoControl .yun-chat .chatFooter .btnBox{margin-top:8px}.monitorBoxPage .firstMain .videoControl .yun-chat .chatFooter .btnBox .cancel{background-color:hsla(0,0%,60.4%,.1);height:24px;padding:0 7px;font-size:14px;line-height:24px;border-radius:3px}.monitorBoxPage .firstMain .videoControl .yun-chat .chatFooter .btnBox .cancel:hover{cursor:pointer}.monitorBoxPage .firstMain .videoControl .yun-chat .chatFooter .msgInfo{width:100%;height:160px;text-align:center;position:relative;position:absolute;left:50%;bottom:30px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.monitorBoxPage .firstMain .videoControl .yun-chat .chatFooter .msgInfo .baseCirce{display:inline-block;margin:0 auto;border-radius:50%}.monitorBoxPage .firstMain .videoControl .yun-chat .chatFooter .msgInfo .bigCirce{width:130px;height:130px;background:rgba(1,202,166,.1)}.monitorBoxPage .firstMain .videoControl .yun-chat .chatFooter .msgInfo .bigCirce .normalCirce{width:110px;height:110px;margin-top:10px;background:rgba(1,202,166,.2)}.monitorBoxPage .firstMain .videoControl .yun-chat .chatFooter .msgInfo .bigCirce .normalCirce .smallCirce{width:90px;height:90px;margin-top:10px;background:#01caa6;color:#fff;font-size:50px;font-weight:700;line-height:90px;text-align:center}.monitorBoxPage .firstMain .videoControl .yun-chat .chatFooter .msgInfo .bigCirce .normalCirce .smallCirce:hover{cursor:pointer}.monitorBoxPage .firstMain .videoControl .yun-control{position:absolute;left:50%;bottom:30px;-webkit-transform:translateX(-50%);transform:translateX(-50%);height:160px}.monitorBoxPage .firstMain .videoControl .control-circle,.monitorBoxPage .firstMain .videoControl .yun-control{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.monitorBoxPage .firstMain .videoControl .control-circle{border-radius:50%}.monitorBoxPage .firstMain .videoControl .control-circle-outer{width:130px;height:130px;color:#fff;position:relative;background:#252c3c;border:1px solid #656f82}.monitorBoxPage .firstMain .videoControl .control-circle-outer .triangle{position:absolute;font-size:12px;color:#989fb0;cursor:pointer}.monitorBoxPage .firstMain .videoControl .control-circle-outer .triangle i{font-size:13px}.monitorBoxPage .firstMain .videoControl .control-circle-outer .triangle:hover{color:#00cba6}.monitorBoxPage .firstMain .videoControl .control-circle-outer .triangle-up{top:10px}.monitorBoxPage .firstMain .videoControl .control-circle-outer .triangle-tl{top:25px;left:25px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.monitorBoxPage .firstMain .videoControl .control-circle-outer .triangle-rl{top:25px;right:25px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.monitorBoxPage .firstMain .videoControl .control-circle-outer .triangle-left{left:12px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.monitorBoxPage .firstMain .videoControl .control-circle-outer .triangle-bl{left:25px;bottom:25px}.monitorBoxPage .firstMain .videoControl .control-circle-outer .triangle-bottom{bottom:10px;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.monitorBoxPage .firstMain .videoControl .control-circle-outer .triangle-brl{right:25px;bottom:25px;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.monitorBoxPage .firstMain .videoControl .control-circle-outer .triangle-right{right:12px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.monitorBoxPage .firstMain .videoControl .control-circle-outer .control-circle-inner{width:45px;height:45px;background:-webkit-gradient(linear,left bottom,left top,from(#363e50),to(#989fb0));background:linear-gradient(0deg,#363e50,#989fb0);-webkit-box-shadow:0 3px 6px 0 rgba(0,0,0,.28);box-shadow:0 3px 6px 0 rgba(0,0,0,.28);margin:3px}.monitorBoxPage .firstMain .videoControl .volPrcent{height:120px;margin-left:15px}.monitorBoxPage .secondMain{width:100%;background:#f0f0f0}.monitorBoxPage .secondMain .monterVideo{width:60%;position:relative}.monitorBoxPage .secondMain .monterVideo .loadingStyle{width:100%;height:100%;position:absolute;top:0;left:0}.monitorBoxPage .secondMain .pestList{-webkit-box-flex:1;-ms-flex:1;flex:1;height:465px;position:relative;padding:0 16px}.monitorBoxPage .secondMain .pestList h5{padding-top:15px;color:#333;font-size:16px}.monitorBoxPage .secondMain .pestList .pestDate{position:absolute;top:15px;right:16px}.monitorBoxPage .secondMain .pestList .pestDate .ivu-select-dropdown{left:-85px!important}.monitorBoxPage .secondMain .pestList .tableInfo{margin-top:10px;height:calc(100% - 40px)}.monitorBoxPage .secondMain .pestList .tableInfo .tableClick{color:#01caa6}.monitorBoxPage .secondMain .pestList .tableInfo .tableClick:hover{cursor:pointer}