.page-header-page .page-header{position:fixed;z-index:2;background-color:#fff;height:55px;line-height:55px;padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box;width:calc(100% - 161px);top:61px;right:0;white-space:nowrap;display:-webkit-box;display:-ms-flexbox;display:flex}.page-header-page .page-header.max{width:100%}.page-header-page .page-header.big{width:calc(100% - 65px)}.page-header-page .page-header.animated{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.page-header-page .page-header *{vertical-align:middle}.page-header-page .page-header .header-left .el-page-header{line-height:inherit}.page-header-page .page-header .header-left .hide-back .el-page-header__left{display:none}.page-header-page .page-header .header-slot{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:right}.page-header-page .page-header .header-slot .el-button-group{margin-left:10px}.page-header-page .page-header .header-refresh{font-size:24px;cursor:pointer;line-height:inherit;padding-left:20px}.pager{margin-top:10px;padding:0 5px}.pager>.el-pagination{text-align:right}.pager>.el-pagination>.el-pagination__total{float:left}.search-box-page{width:100%;border:1px solid #f4f8fb;font-size:14px;margin-bottom:20px}.search-box-page .search-header{background:#f4f8fb;height:60px;line-height:60px;padding:0 20px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;color:#333;font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex}.search-box-page .search-header .left{-webkit-box-flex:1;-ms-flex:1;flex:1;white-space:nowrap;overflow:hidden;text-align:left}.search-box-page .search-header .right{text-align:right}.search-box-page .search-header .right .arrow{margin-right:10px;font-size:12px;cursor:pointer}.search-box-page .search-header .right .arrow>i{-webkit-transition:all .2s linear;transition:all .2s linear}.search-box-page .search-body{padding:10px 20px 0;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;color:#333;white-space:normal;word-break:break-all}.search-box-page .criteria{display:inline-block;white-space:nowrap;margin-bottom:10px}.search-box-page .criteria .el-tag{margin-right:10px;margin-bottom:10px}.search-box-page .criteria .el-tag.active{background:#409eff;color:#fff}.search-box-page .criteria .el-cascader,.search-box-page .criteria .el-input,.search-box-page .criteria .el-select{width:170px;margin-right:10px;line-height:normal}.search-box-page .criteria .el-cascader .el-input,.search-box-page .criteria .el-input .el-input,.search-box-page .criteria .el-select .el-input{margin-right:0}.search-box-page .criteria .el-checkbox{line-height:40px}.search-box-page .criteria .el-radio-group{margin-right:10px;vertical-align:initial}.search-box-page .criteria .el-button-group,.search-box-page .criteria .el-date-editor,.search-box-page .criteria .el-radio-group .el-radio{margin-right:10px}.search-box-page .criteria .el-date-editor--datetimerange{width:250px;padding:3px 3px 3px 10px;margin-right:10px}.search-box-page .criteria .el-date-editor--datetimerange .el-range-input{line-height:32px;height:auto}.search-box-page .criteria .el-date-editor--datetimerange .el-range-separator{width:auto}.search-box-page .criteria .el-input-group{width:280px}.search-box-page .criteria .el-input-group .el-input-group__prepend{width:60px}.img-upload-page{text-align:left}.img-upload-page .el-upload,.img-upload-page img{width:100%;height:100%}.img-upload-page i{vertical-align:middle}.img-upload-page .cropper{position:fixed;top:0;left:0;bottom:55px;right:0;z-index:50;text-align:left}.img-upload-page .cropper_button{position:fixed;padding-top:10px;width:100%;left:0;height:55px;background-color:#fff;bottom:0;text-align:center;z-index:100}.img-upload-page .upload_wrapper{display:inline-block;height:148px;background-color:#fbfdff;border:1px dashed #c0ccda;color:#8c939d;border-radius:6px;font-size:28px;line-height:148px;cursor:pointer;text-align:center}.img-upload-page .upload_wrapper img.upload_photo{width:100%;height:100%}.device-manage-page .el-divider{margin-top:.6rem}.device-manage-page .card-content{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.device-manage-page .card-content .card{cursor:pointer;font-size:14px;margin-right:.9%;margin-bottom:15px;width:240px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:.1rem .2rem 0 .2rem;background:#fff;-webkit-box-shadow:0 0 6px 0 rgba(0,0,0,.2);box-shadow:0 0 6px 0 rgba(0,0,0,.2);border-radius:4px}.device-manage-page .card-content .card .device-photo{width:35px;margin-top:5px}.device-manage-page .card-content .card .card-title{display:inline-block;vertical-align:top;margin-left:.1rem;margin-bottom:.1rem;width:72%}.device-manage-page .card-content .card .card-title .name{font-size:20px;color:#333}.device-manage-page .card-content .card .card-title .number{font-size:14px;color:#999}.device-manage-page .card-content .card .other{margin:.1rem 0}.device-manage-page .card-content .card .card-btn{border-top:1px solid #d1e1f7;margin-top:.1rem}.device-manage-page .card-content .card .card-btn span{width:33%;text-align:center;display:inline-block;margin:.06rem 0}.device-manage-page .card-content .card .card-btn span+span{border-left:1px solid #d1e1f7}.device-manage-page .card-content .card .card-btn span:nth-of-type(2){color:#f56c6c}.device-manage-page .card-content .card .card-btn span:nth-of-type(3){color:#409eff}.device-manage-page .card-content .card .state{font-size:.11rem;width:80px;border-radius:1px;text-align:center;display:inline-block}.device-manage-page .card-content .card .state.blue{background:#e9f4ff;color:#0086ff}.device-manage-page .card-content .card .state.red{color:red;background:rgba(246,138,138,.38)}.device-manage-page .card-content .card .online{margin-left:.1rem}