.box[data-v-5fe60c80]{margin:100px auto 0;width:80%}.clear[data-v-5fe60c80]:after{content:"";display:block;clear:both}.slider[data-v-5fe60c80]{position:relative;margin:10px 0;width:100%;height:10px;background:#e4e7ed;border-radius:5px;cursor:pointer}.slider .process[data-v-5fe60c80]{position:absolute;left:0;top:0;width:112px;height:10px;border-radius:5px;background:#409eff}.slider .thunk[data-v-5fe60c80]{position:absolute;left:100px;top:-7px;width:20px;height:20px}.slider .block[data-v-5fe60c80]{width:20px;height:20px;border-radius:50%;border:2px solid #409eff;background:#fff;-webkit-transition:all .2s;transition:all .2s}.slider .tips[data-v-5fe60c80]{position:absolute;left:-7px;bottom:30px;min-width:15px;text-align:center;padding:4px 8px;background:#000;border-radius:5px;height:24px;color:#fff}.slider .tips i[data-v-5fe60c80]{position:absolute;margin-left:-5px;left:50%;bottom:-9px;font-size:16px;color:#000}.slider .block[data-v-5fe60c80]:hover{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:.6}.empty-box{position:relative;text-align:center;height:100%;padding:10px;margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box}.empty-box .empty{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.empty-box p{font-size:16px;margin-top:20px}.small-empty{padding-top:30px}.small-empty img{width:80px}.biodiversityMonitorBoxPage{width:100%}.biodiversityMonitorBoxPage .colorGree{color:#01caa6}.biodiversityMonitorBoxPage .ggMain .monterVideo{width:70%;margin-right:8px;position:relative}.biodiversityMonitorBoxPage .ggMain .monterVideo .video-wrapper.video-wrapper-stretch{height:465px!important;padding:0!important}.biodiversityMonitorBoxPage .ggMain .monterVideo .loadingStyle{width:100%;height:100%;position:absolute;top:0;left:0}.biodiversityMonitorBoxPage .secondMain{width:100%;background:#f0f0f0;margin:15px 0}.biodiversityMonitorBoxPage .secondMain .monterVideo{width:60%}.biodiversityMonitorBoxPage .secondMain .videoList{-webkit-box-flex:1;-ms-flex:1;flex:1;height:465px;position:relative;padding:0 5px}.biodiversityMonitorBoxPage .secondMain .videoList h5{padding-top:15px;color:#333;font-size:16px}.biodiversityMonitorBoxPage .secondMain .videoList .monitorDate{position:absolute;top:15px;right:16px}.biodiversityMonitorBoxPage .secondMain .videoList .monitorDate .ivu-select-dropdown{left:-85px!important}.biodiversityMonitorBoxPage .secondMain .videoList .tableInfo{margin-top:10px;height:calc(100% - 50px);overflow:hidden}.biodiversityMonitorBoxPage .secondMain .videoList .tableInfo .table-head{background:rgba(178,180,180,.1);height:40px;font-weight:500;color:#5c5c5c;padding-right:15px}.biodiversityMonitorBoxPage .secondMain .videoList .tableInfo .table-mode div{display:inline-block;text-align:center;line-height:40px}.biodiversityMonitorBoxPage .secondMain .videoList .tableInfo .table-mode .first-item{width:10%}.biodiversityMonitorBoxPage .secondMain .videoList .tableInfo .table-mode div:nth-child(2){width:35%}.biodiversityMonitorBoxPage .secondMain .videoList .tableInfo .table-mode div:nth-child(3){width:30%}.biodiversityMonitorBoxPage .secondMain .videoList .tableInfo .table-mode div:nth-child(4){width:25%}.biodiversityMonitorBoxPage .secondMain .videoList .tableInfo .table-content{height:calc(100% - 40px);overflow:hidden}.biodiversityMonitorBoxPage .secondMain .videoList .tableInfo .table-content>ul{height:100%;overflow-y:scroll}.biodiversityMonitorBoxPage .secondMain .videoList .tableInfo .table-content .table-item{height:40px;border-bottom:1px solid #eee;font-weight:400;color:#848484;background-color:#fff}.biodiversityMonitorBoxPage .secondMain .videoList .tableInfo .table-content .table-item .times{font-size:12px}.biodiversityMonitorBoxPage .secondMain .videoList .tableInfo .table-content .table-item .handleItem span{display:inline-block;border-radius:6px;height:24px;line-height:24px;cursor:pointer;color:#01caa6}.biodiversityMonitorBoxPage .secondMain .videoList .tableInfo .table-content .table-item .handleItem .record{color:#01caa6}.biodiversityMonitorBoxPage .secondMain .videoList .tableInfo .table-content .table-item .handleItem .testGury{color:#999}.biodiversityMonitorBoxPage .secondMain .videoList .tableInfo .table-content .table-item .handleItem em{display:inline-block;margin:0 5px;color:#01caa6}.biodiversityMonitorBoxPage .controlMain{width:100%}.biodiversityMonitorBoxPage .controlMain .multipleControl{width:300px}.biodiversityMonitorBoxPage .controlMain .multipleControl>span{display:inline-block;margin-top:10px;margin-right:10px}.biodiversityMonitorBoxPage .controlMain .multipleControl .selectStyle{width:150px}.biodiversityMonitorBoxPage .controlMain .sliderProgress{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1}.downLoadModal .ivu-modal{width:620px!important;height:500px!important}.downLoadModal .prercentBox{width:100%}.downLoadModal .prercentBox .prercentStyle{width:85%}.downLoadModal .prercentBox .prercentStyle .ivu-progress-inner-text{font-weight:700;font-size:15px}.time-rule{overflow-x:auto;height:70px;position:relative;width:100%;max-width:1440px;background-color:#ccc}.time-rule .time-line{position:relative;width:1440px}.time-rule .time-cursor{position:absolute;top:0;height:30px;width:2px;background-color:red;text-align:center}.time-rule .time-cursor .text{position:absolute;padding:0 5px;width:60px;left:-30px;top:30px;border:1px solid red;height:15px;line-height:15px;cursor:move;background-color:#fff}.time-day .minute{width:5px;height:10px;margin:0}.time-day .minute-active{background-color:#404d59;cursor:pointer}.time-fullDay{padding-bottom:10px}.time-fullDay .item{width:60px;border-left:1px solid #999;border-top:1px solid #999;text-align:center;line-height:25px;-webkit-box-sizing:border-box;box-sizing:border-box}.time-fullDay .item:first-child{border-left:none}