.select-container .select-header-container{cursor:pointer;height:34px;background-color:#fafcfe;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:5px 20px;border-radius:8px;border:1px solid #d2d5e1}.select-container .select-header-container:hover .select-right .clear-icon{display:block}.select-container .select-header-container.is-vailter{border-color:red!important}.select-container .select-header-container.is-openselect{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}.select-container .select-header-container.is-using{border-color:#f05}.select-container .select-header-container.is-disabled{cursor:not-allowed;background-color:#f5f7fa}.select-container .select-header-container .select-left{font-size:14px;color:#636e95;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-container .select-header-container .select-left span{font-size:16px;color:#cdd1df}.select-container .select-header-container .select-right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.select-container .select-header-container .select-right .clear-icon{display:none;margin-right:5px;color:#cdd1e5;cursor:pointer}.select-container .select-header-container .select-right .up-btn{cursor:pointer;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.select-container .select-header-container .select-right .up-btn.is-click{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.select-container .select-header-container .select-right .up-btn .el-icon-arrow-up{color:#667097}.select-container .select-body-container{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}@-webkit-keyframes sliderDown{0%{-webkit-transform:scaleY(0);transform:scaleY(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sliderDown{0%{-webkit-transform:scaleY(0);transform:scaleY(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes sliderUp{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scaleY(0);transform:scaleY(0)}}@keyframes sliderUp{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scaleY(0);transform:scaleY(0)}}.select-container .select-body-container .select-float-search{border-left:1px solid #f05;border-right:1px solid #f05;border-bottom:1px solid #f05;border-radius:8px;border-top-left-radius:0;border-top-right-radius:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;left:0;top:0;width:100%;background-color:#fff;z-index:2000;overflow:hidden}.select-container .select-body-container .select-float-search.is-down{-webkit-animation:sliderDown .2s linear;animation:sliderDown .2s linear;-webkit-transform-origin:50% 0;transform-origin:50% 0}.select-container .select-body-container .select-float-search.is-up{-webkit-animation:sliderUp .2s linear;animation:sliderUp .2s linear;-webkit-transform-origin:50% 0;transform-origin:50% 0}.select-container .select-body-container .select-float-search .select-float-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 15px 5px 5px}.select-container .select-body-container .select-float-search .select-float-title .search-input{width:100%;height:24px}.select-container .select-body-container .select-float-search .select-float-title .search-input .el-input__inner{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:16px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;border:none!important;height:24px;width:100%!important}.select-container .select-body-container .select-float-search .select-float-title .icon-search{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.select-container .select-body-container .select-float-search .select-float-title .icon-search .line{height:8px;width:1px;background:#636e95;margin-right:5px}.select-container .select-body-container .select-float-search .select-float-title .icon-search img{width:24px;height:24px}.select-container .select-body-container .select-float-search .select-float-list{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:auto;overflow-x:hidden;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-left:5px}.select-container .select-body-container .select-float-search .select-float-list::-webkit-scrollbar{width:6px;height:1px}.select-container .select-body-container .select-float-search .select-float-list::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px #636e95;background:#636e95}.select-container .select-body-container .select-float-search .select-float-list::-webkit-scrollbar-track{border-radius:10px;background:#fff}.select-container .select-body-container .select-float-search .select-float-list .search-item{font-size:14px;font-weight:600;color:#636e95;line-height:22px;padding:5px 15px;cursor:pointer}.select-container .select-body-container .select-float-search .select-float-list .search-item:hover{background:#ff1e69!important;color:#fff}.select-container .select-body-container .select-float-search .select-float-list .search-item.is-active{background:#f6f8ff}.select-container .select-body-container .select-float-search .select-float-list .search-empty{font-size:14px;font-weight:600;color:#636e95;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;height:180px}.select-container .select-body-container .select-float-search .select-float-list .search-item-filter{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:5px;cursor:pointer}.select-container .select-body-container .select-float-search .select-float-list .search-item-filter:hover{background:#ff1e69;color:#fff}.select-container .select-body-container .select-float-search .select-float-list .search-item-filter .item-number{font-size:16px;font-weight:500;color:#636e95;line-height:22px}.select-container .select-body-container .select-float-search .select-float-list .search-item-filter .item-type{font-size:16px;font-weight:600;color:#636e95;line-height:22px}.data-container{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#f5f7fd;padding:0 16px}.data-container .data-tabel{width:100%}.data-container .data-tabel .data-big{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.data-container .data-tabel .data-big .data-tabel-left{width:100%;margin-right:15px;min-width:250px;background-color:#fff;border:1px solid #edeff5;padding:24px 50px;-webkit-box-flex:1;-ms-flex:1;flex:1;flex-direction:column}.data-container .data-tabel .data-big .data-tabel-left,.data-container .data-tabel .data-big .data-tabel-left .title-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column}.data-container .data-tabel .data-big .data-tabel-left .title-body{flex-direction:column}.data-container .data-tabel .data-big .data-tabel-left .title-body .title{font-size:20px;font-weight:700;color:#2a2a2a;padding-bottom:20px}.data-container .data-tabel .data-big .data-tabel-left .title-body .num{font-size:50px;font-weight:700;color:#0075ff}.data-container .data-tabel .data-big .data-tabel-left .title-tabel{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:20px;width:100%}.data-container .data-tabel .data-big .data-tabel-left .title-tabel .title{font-size:20px;font-weight:700;color:#2a2a2a;line-height:24px}.data-container .data-tabel .data-big .data-tabel-left .title-tabel .tabelTotal-Data{margin-top:10px;width:100%;height:60px}.data-container .data-tabel .data-big .data-tabel-left .limit-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-top:5px;width:100%}.data-container .data-tabel .data-big .data-tabel-left .limit-area .limit-max{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;color:#636e95}.data-container .data-tabel .data-big .data-tabel-right{width:63%;min-width:1032px;background-color:#fff;border:1px solid #edeff5;padding:24px 50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.data-container .data-tabel .data-big .data-tabel-right .right-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:1;-ms-flex:1;flex:1}.data-container .data-tabel .data-big .data-tabel-right .right-item .item-title{font-size:14px;font-weight:700;color:#2a2a2a;margin-bottom:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.data-container .data-tabel .data-big .data-tabel-right .right-item .item-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%}.data-container .data-tabel .data-big .data-tabel-right .right-item .item-body .totalDevice{width:100%;height:100%}.data-container .data-tabel .data-big .data-tabel-right .right-item .item-body .newDevice{width:100%;height:100%;margin:0 20px}.data-container .data-tabel .data-big .data-tabel-right .right-item .item-body .ActiveDevice{width:100%;height:100%}.data-container .data-tabel .data-small{-ms-flex-direction:column;flex-direction:column}.data-container .data-tabel .data-small,.data-container .data-tabel .data-small .data-tabel-left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal}.data-container .data-tabel .data-small .data-tabel-left{width:100%;min-width:250px;background-color:#fff;border:1px solid #edeff5;padding:24px 50px;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column}.data-container .data-tabel .data-small .data-tabel-left .title-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.data-container .data-tabel .data-small .data-tabel-left .title-body .title{font-size:20px;font-weight:700;color:#2a2a2a;padding-bottom:20px}.data-container .data-tabel .data-small .data-tabel-left .title-body .num{font-size:50px;font-weight:700;color:#0075ff}.data-container .data-tabel .data-small .data-tabel-left .title-tabel{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:20px;width:100%}.data-container .data-tabel .data-small .data-tabel-left .title-tabel .title{font-size:20px;font-weight:700;color:#2a2a2a;line-height:24px}.data-container .data-tabel .data-small .data-tabel-left .title-tabel .tabelTotal-Data{margin-top:10px;width:100%;height:60px}.data-container .data-tabel .data-small .data-tabel-left .limit-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-top:5px;width:100%}.data-container .data-tabel .data-small .data-tabel-left .limit-area .limit-max{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;color:#636e95}.data-container .data-tabel .data-small .data-tabel-right{width:100%;margin-top:20px;background-color:#fff;border:1px solid #edeff5;padding:24px 50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.data-container .data-tabel .data-small .data-tabel-right .right-item{height:250px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:1;-ms-flex:1;flex:1}.data-container .data-tabel .data-small .data-tabel-right .right-item .item-title{font-size:14px;font-weight:700;color:#2a2a2a;margin-bottom:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.data-container .data-tabel .data-small .data-tabel-right .right-item .item-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%}.data-container .data-tabel .data-small .data-tabel-right .right-item .item-body .totalDevice{width:100%;height:100%}.data-container .data-tabel .data-small .data-tabel-right .right-item .item-body .newDevice{width:100%;height:100%;margin:0 20px}.data-container .data-tabel .data-small .data-tabel-right .right-item .item-body .ActiveDevice{width:100%;height:100%}.data-container .DeviceTabel{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-top:16px;width:100%}.data-container .DeviceTabel .tabChange-body{width:30px;position:relative}.data-container .DeviceTabel .tabChange-body .tabitem1{z-index:1;height:130px;width:40px;position:absolute;left:10px;top:0;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;background-color:#e6e9f1;border-top-left-radius:8px;border-bottom-left-radius:8px;cursor:pointer}.data-container .DeviceTabel .tabChange-body .tabitem1 span{padding-bottom:10px;white-space:nowrap;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);text-align:center;font-size:16px;color:#fff}.data-container .DeviceTabel .tabChange-body .tabitem1.active{-webkit-animation:leftttap .5s linear forwards;animation:leftttap .5s linear forwards;background-color:#f05}@-webkit-keyframes leftttap{0%{left:10px}1%{left:9px}2%{left:9px}3%{left:8px}4%{left:8px}5%{left:7px}6%{left:6px}7%{left:6px}8%{left:5px}9%{left:4px}10%{left:3px}11%{left:2px}12%{left:2px}13%{left:1px}14%{left:1px}15%{left:0}16%{left:0}17%{left:-1px}19%{left:-1px}20%{left:-2px}29%{left:-2px}30%{left:-1px}36%{left:-1px}37%{left:0}to{left:0}}.data-container .DeviceTabel .tabChange-body .tabitem1.noactive{-webkit-animation:righttap .5s linear forwards;animation:righttap .5s linear forwards;background-color:#e6e9f1}@-webkit-keyframes righttap{0%{left:0}1%{left:1px}2%{left:1px}3%{left:2px}4%{left:2px}5%{left:3px}6%{left:4px}7%{left:4px}8%{left:5px}9%{left:6px}10%{left:7px}11%{left:8px}12%{left:8px}13%{left:9px}14%{left:9px}15%{left:10px}16%{left:10px}17%{left:11px}19%{left:11px}20%{left:12px}29%{left:12px}30%{left:11px}36%{left:11px}37%{left:10px}to{left:10px}}.data-container .DeviceTabel .tabChange-body .tabitem2{z-index:1;height:130px;width:40px;position:absolute;left:10px;top:130px;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;background-color:#e6e9f1;border-top-left-radius:8px;border-bottom-left-radius:8px;cursor:pointer}.data-container .DeviceTabel .tabChange-body .tabitem2 span{padding-bottom:10px;white-space:nowrap;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);text-align:center;font-size:16px;color:#fff}.data-container .DeviceTabel .tabChange-body .tabitem2.active{-webkit-animation:leftttap .5s linear forwards;animation:leftttap .5s linear forwards;background-color:#f05}@keyframes leftttap{0%{left:10px}1%{left:9px}2%{left:9px}3%{left:8px}4%{left:8px}5%{left:7px}6%{left:6px}7%{left:6px}8%{left:5px}9%{left:4px}10%{left:3px}11%{left:2px}12%{left:2px}13%{left:1px}14%{left:1px}15%{left:0}16%{left:0}17%{left:-1px}19%{left:-1px}20%{left:-2px}29%{left:-2px}30%{left:-1px}36%{left:-1px}37%{left:0}to{left:0}}.data-container .DeviceTabel .tabChange-body .tabitem2.noactive{-webkit-animation:righttap .5s linear forwards;animation:righttap .5s linear forwards;background-color:#e6e9f1}@keyframes righttap{0%{left:0}1%{left:1px}2%{left:1px}3%{left:2px}4%{left:2px}5%{left:3px}6%{left:4px}7%{left:4px}8%{left:5px}9%{left:6px}10%{left:7px}11%{left:8px}12%{left:8px}13%{left:9px}14%{left:9px}15%{left:10px}16%{left:10px}17%{left:11px}19%{left:11px}20%{left:12px}29%{left:12px}30%{left:11px}36%{left:11px}37%{left:10px}to{left:10px}}.data-container .DeviceTabel .tabShow-body{z-index:2;width:100%;height:calc(100vh - 390px);min-height:542px;background-color:#fff;border-bottom-left-radius:8px;border-top-right-radius:8px;border-bottom-right-radius:8px;padding:24px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.data-container .DeviceTabel .tabShow-body .func,.data-container .DeviceTabel .tabShow-body .func .select-pro{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.data-container .DeviceTabel .tabShow-body .func .select-pro{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.data-container .DeviceTabel .tabShow-body .func .select-pro .title{font-size:14px;font-weight:700;color:#27284a;padding-right:10px}.data-container .DeviceTabel .tabShow-body .func .select-pro .proselect{width:10vw;max-width:200px;min-width:170px}.data-container .DeviceTabel .tabShow-body .func .select-pro .proselect .select-header-container{background-color:#fafcfe}.data-container .DeviceTabel .tabShow-body .func .select-pro .proselect .el-input__inner{padding-right:7px!important}.data-container .DeviceTabel .tabShow-body .func .select-brand{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:30px}.data-container .DeviceTabel .tabShow-body .func .select-brand .title{font-size:14px;font-weight:700;color:#27284a;padding-right:10px}.data-container .DeviceTabel .tabShow-body .func .select-brand .proselect{width:10vw;max-width:200px;min-width:170px}.data-container .DeviceTabel .tabShow-body .func .select-brand .proselect .el-input__inner{padding-right:7px!important}.data-container .DeviceTabel .tabShow-body .func .select-brand .proselect .select-header-container{background-color:#fafcfe}.data-container .DeviceTabel .tabShow-body .func .select-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:30px}.data-container .DeviceTabel .tabShow-body .func .select-group .tab-item{font-size:16px;font-weight:600;color:#636e95}.data-container .DeviceTabel .tabShow-body .func .select-group .tab-item:nth-of-type(2){margin-left:20px}.data-container .DeviceTabel .tabShow-body .func .select-group .tab-item .el-radio{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-container .DeviceTabel .tabShow-body .func .select-group .tab-item .el-radio .el-radio__label{color:#636e95}.data-container .DeviceTabel .tabShow-body .func .select-group .tab-item .el-radio .el-radio__inner{border-color:#636e95;background-color:#fff}.data-container .DeviceTabel .tabShow-body .func .select-group .tab-item .el-radio .el-radio__inner:after{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;width:8px;height:8px;background-color:#636e95}.data-container .DeviceTabel .tabShow-body .tabShow-title-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.data-container .DeviceTabel .tabShow-body .tabShow-title-body .main-title{font-size:20px;font-weight:700;color:#2a2a2a;line-height:24px;width:200px}.data-container .DeviceTabel .tabShow-body .tabShow-main{margin-top:18px;height:100%;width:100%}.data-container .DeviceTabel .tabShow-body .tabShow-main .tabAxia{height:100%;width:100%}