.display-flex{display: flex; justify-content: center;align-items: center;}
.display-none{display: none;} 


body{margin:0;padding:0;width: 100vw;height: 100vh;min-height: 900px;min-width: 1600px;overflow: auto;background: url(../image/bg.png); background-repeat: no-repeat;}

.head-panel{width:100%;float:left;height:40px;background:#4D7FF9;}

.hr-head-top-container {width:100%;float:left;height:60px;}
.hr-head-top-logo-container{width: 420px;height: 60px;float:left;cursor:pointer;}
.hr-head-top-logo {width:50px;height:60px;margin:0px 10px 0 10px;float:left;}
.hr-head-top-logo-img{width:50px;height:50px;margin:5px 0;}
.hr-head-top-system-name{width:270px;float:left;height:60px;line-height:60px;font-size:22px;font-weight:bold;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space: normal !important;-webkit-line-clamp: 1;-webkit-box-orient: vertical;width:350px;color:#1C1C1E;margin-left:0px;font-size:24px}

.hr-head-top-account-container{width:fit-content;height:60px;float:right;margin-right:10px;max-width: 600px;}
.hr-head-top-account-logout-container{width:76px;height:32px;background:#fff;border-radius:6px;float:right;margin-top:14px;font-size:14px;color:#1C1C1E;line-height:32px;cursor:pointer;}
.hr-head-top-account-logout-icon{width:16px;height:16px;margin:8px;float:left;}
.hr-head-top-account-name-container{width:fit-content;float:left;height:60px;color:#1C1C1E;font-size:14px;line-height:60px;font-weight:normal;}
.hr-head-top-account-icon{width:20px;height:20px;float:left;margin:20px 7px 20px 0;border-radius: 50%;}
.hr-head-top-account-name{width:fit-content;float:left;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space: normal !important;-webkit-line-clamp: 1;-webkit-box-orient: vertical;margin-right: 15px;    max-width: 480px;}

.hr-head-menu-container {width:calc(100% - 560px);float:left;height:60px;margin-left:10px}
.hr-head-menu-item{float:left;margin-left:7px;margin-right: 7px;line-height:32px;padding:0 6px;color:#fff;border-bottom:2px solid #4C86FB00;height:32px;margin-top: 14px;}
.hr-head-menu-item-name{color:#fff;float:left;cursor:pointer;color:#1C1C1E}
.hr-head-menu-item-selected{border-color:#1B7DF9;color:#1B7DF9;}
.hr-head-menu-item:hover{border-color:#96c1f8;}
.hr-head-menu-item-selected .hr-head-menu-item-name{color:#1B7DF9;font-weight: bold;}
.hr-head-menu-item-icon{display: none;width: 20px;height: 20px;border-radius: 5px;float: left;margin: 20px 8px 20px 3px;text-align: center;display: flex;align-items: center;justify-content: center;display: flex;display: -webkit-flex;display: -moz-flex;display: -o-flex;}


.head-title{float:left;line-height:40px;font-size:22px;color:#fff;margin-left:10px}
.head-userName{float:right;margin-right:20px;line-height:40px;font-size:14px;color:#fff;}
.head-logout{float:right;margin-right:10px;line-height:40px;font-size:14px;color:#fff;cursor:pointer;}
.head-logout:hover{color:red}
.hr-head-menu-search-panel{float: right;border: 1px solid #d0d0d0;border-radius: 4px;background: #fff;margin-top: 15px;overflow: hidden;transition:0.2s linear ;}
.hr-head-menu-search-input{width: 100px;line-height: 30px;border: none;outline: none;padding: 0 8px;float: left;transition:0.2s linear  ;}
.hr-head-menu-search-btn{width: 30px;height: 30px;background: url(search-icon.png) no-repeat center center;float: left;background-size: 16px;transition:0.2s linear ;}
.hr-head-menu-search-panel:focus-within{border-color: #1B7DF9;}
.hr-head-menu-search-input:focus{width: 300px;}

.container{width:calc(100% - 20px);float:left;padding:10px 10px 0;height:calc(100% - 70px);overflow:auto;min-height: 830px;background: #fff;}
.no-head-container{min-height: calc(100vh - 10px);}

.show-msg-mask{width: 100vw;height: 100vh;position: fixed;top: 0;left: 0;background: #000000aa;z-index: 99999999999999999999999;}
.show-msg-panel{width: 452px;height: 295px;background: url(common/path-info-bg.png) no-repeat left top;margin: calc(50vh - 148px) auto;}
.show-msg-title{float: left;width: calc(100% - 54px);font-size: 16px;line-height: 58px;margin-left: 10px;color: #202E41;}
.show-msg-close{float: left;width: 24px;height: 24px;background: url(common/path-info-close-icon.png) no-repeat center center;background-size: 16px;margin-top: 18px;cursor: pointer;}
.show-msg-content{ float: left;width: 380px;height: 212px;float: left;margin-left: 35px;margin-top: 10px;overflow: auto;font-size: 15px;line-height: 24px;color: #1C1C1E;overflow-wrap: break-word}







/* ------------------首页--------------------------------------------------------------- */
.block{border-radius: 8px;float: left;background: linear-gradient( 1deg, #FFFFFF 0%, #f0f6fc 100%);box-shadow: 0px 3px 6px 1px rgba(0,112,255,0.08);border: 2px solid  linear-gradient( 1deg, #FFFFFF 0%, #f0f6fc 100%);}
.margin-top-10{margin-top:10px ;}
.block-title{ float: left;width: calc(100% - 28px);height: 17px;line-height: 17px;font-size: 18px;color: #1C1C1E;margin-left: 10px;border-left: 3px solid #4C86FB;padding-left: 10px;margin-top: 10px;margin-bottom: 7px;font-weight: bold;}
.year-selector-panel{float: right;width: 55px;margin-right: 10px;}
.year-selector-panel .hr-ui-selector-display{line-height: 17px;font-size: 13px;height: 17px;text-indent: 0;}
.year-selector-panel .hr-ui-temp-selector{height: 17px;float: left;}
.year-selector-icon{float: right;margin-top: 5px;}
.year-selector-panel .hr-ui-selector-item{font-size: 14px;padding: 4px 8px;}
.project-show{display: none;}

.left{float: left;width: 432px;height: 100%;}
.left-top-block{width: 432px;height: 221px;}
.left-middle-block{width: 432px;height: 190px;background: linear-gradient( 1deg, #FFFFFF 0%, #F4F7FB 100%);}
.left-bottom-block{width: 432px;height: 432px;background: linear-gradient( 1deg, #FFFFFF 0%, #F6F9FF 100%);}

.middle{float: left;width: calc(100% - 884px);height: calc(100%);}
.middle-a{float: left;width: calc(100% - 10px);height: calc(100% - 310px);margin-left: 10px;background: linear-gradient( 359deg, #FFFFFF 0%, #FFFFFF 73%, #EFF3FC 100%);box-shadow: 0px 3px 6px 1px rgba(0,112,255,0.08);}
.middle-b{float: left;width: calc(100% - 10px);height: calc(288px);margin-top: 10px;margin-left: 10px;background: linear-gradient( 359deg, #FFFFFF 0%, #FFFFFF 73%, #EFF3FC 100%);box-shadow: 0px 3px 6px 1px rgba(0,112,255,0.08);}


.right{float: left;width: 432px;height: calc(100% - 10px);margin-left: 10px;}
.right-top-block{width: 432px;height: 188px;background: linear-gradient( 1deg, #FFFFFF 0%, #F3F6FF 100%);}
.right-bottom-block{width: 432px;height: calc(100% - 200px);background: linear-gradient( 1deg, #FFFFFF 0%, #F3F6FF 100%);}


.top-item{width: calc(50% - 20px);float: left;margin: 10px;height: calc(100% - 64px);border-radius: 8px;position: relative;}
.top-item-gj{background: url(../image/index/1.png) no-repeat 100% 100%;    background-position: 0 21px;}
.top-item-hnt{background: url(../image/index/2.png) no-repeat center 100%;    background-position: 0 21px;}
.top-item-aqy{background: url(../image/index/0.png) no-repeat center 100%;    background-position: 0 21px;}
.top-item-title{width: calc(100% - 20px);margin-left: 20px;float: left;color: #202E41;margin-top: 32px;}
.top-item-count{width: calc(100% - 20px);margin-left: 20px;float: left;color: #1C1C1E;font-size: 24px;font-weight: bold;margin-top: 35px;}
.top-item-icon-panel{ width: 66px;height: 66px;float: left;margin-left: calc(100% - 58px);margin-top: 0px;position: absolute;right: 10px;top: 0px;}
.top-item-icon{width: 100%;height: 100%; }
.top-item-today-panel{position: absolute;left: 10px;bottom: 10px; width: calc(100% - 10px);margin-left: 0px;float: left;color: #4A5A70;font-size: 14px;margin-top: 15px;}
.top-item-msg{float: left;font-size: 12px;color: #555;margin-top: 5px;margin-left: 20px;display: none;}
.aqy-dabiao{display: inline-block;margin-left: 10px;font-weight: bold;}
.need-aqy-cnt{margin: 0 8px;}
.aqy-num-red{color: #FF4D4F;}
.aqy-num-green{color: #04c535;}


.tm-panel{position: relative;;width: calc(100% - 20px);float: left;margin:15px 10px;aspect-ratio: 404/145;border-radius: 8px;background: url(../image/index/tm-bg-1png) no-repeat;}
.tm-icon{width: 125px;height: 125px;position: absolute;left: calc(50% - 64px);top: calc(50% - 62px);}
.tm-l-1{margin-left:15px ;float: left;margin-top: 22px;text-align: left;width: calc(50% - 15px);color: #717272;font-size: 16px;line-height: 24px;}
.tm-r-1{text-align: right;float: left;margin-right: 15px;margin-left: 0;}
.tm-l-2{margin-top: 52px;}
.tm-count{font-size: 20px;font-weight: bold;color: #1C1C1E;margin-left: 5px;display: inline-block;line-height: 24px;}

.dajkshdklajshd{width: 50%;float: left;margin:10px 0}
.jhasdljlasdsda{width: 50px;height: 50px;float: left;margin: 0 10px;}
.lakshdlabmsdlijua{float: left;width: calc(100% - 80px);line-height: 22px;font-size: 15px;}
.kjahsdkjasdalsiydas{width: calc(100% - 80px);line-height: 22px;font-size: 16px;font-weight: bold;float: left;}


.tb-panel-1{width: calc(100% - 20px);float: left;margin:15px 10px;}
.tb-item-1{width: calc(50%);float: left;}
.tb-item-icon{width: 56px;height: 59px;float: left;}
.tb-item-text{width: calc(100% - 80px);line-height: 22px;float: left;margin-left: 15px;color: #202E41;font-size: 14px;}
.tb-item-count{width: calc(100% - 80px);line-height: 32px;float: left;margin-left: 15px;color: #1C1C1E;font-size: 20px;font-weight: bold;margin-top: 6px;}

.tb-panel-2{width: calc(100% - 20px);float: left;margin:15px 10px;}
.tb-item2{width: 194px;height: 200px;float: left;border-radius: 8px;position: relative;margin-right: 18px;}
.spwj-item{background:url(../image/index/spwj-db.png) no-repeat center center;}
.tp-item{background:url(../image/index/tp-db.png) no-repeat center center;margin-right: 0;}
.tb-item2-title{font-size: 18px;color: #FFFFFF;line-height: 24px;width: 100%;margin-top: 5px;text-indent: 15px;float: left;}
.tb-item2-count{font-size: 24px;font-weight: bold;color: #1C1C1E;width: 100%;margin-top: 25px;float: left;text-indent: 15px;cursor: pointer;}
.tb-item2-big-count{font-size: 14px;font-weight: normal;color: #1C1C1E;width: 100%;margin-top: 10px;float: left;text-indent: 15px;}
.tb-item2-icon{position: absolute;right: 10px;bottom: -4px;width: 78px;height: 77px;}
.tb-menery{position: absolute;left: 10px;bottom: 10px;font-size: 20px;color: #4A5A70;width: 80px;text-align: center;background: linear-gradient( 266deg, rgba(27,125,249,0.15) 0%, rgba(255,255,255,0.15) 100%);border-radius: 16px;line-height: 32px;height: 32px;border: 0px solid rgba(27,125,249,0.2);color: #1B7DF9;}

.spwj-fileSize{background: url(cut-video-m-icon.png) no-repeat;background-size: 100%;}
.tp-fileSize{background: url(cut-img-m-icon.png) no-repeat;background-size: 100%;}

.m-item-panel{width: calc(100% - 20px);float: left;margin:0 10px;height:calc(100% - 45px);display: flex;flex-direction: column;justify-content: space-around;}
.m-item{width: 100%;height: 222px;}
.m-item-left{width:180px;float: left;}
.m-left-h{width: 100%;float: left;height: 30px;}
.m-left-h-icon{width: 20px;height: 18px;float: left;margin-right: 10px;margin-top: 5px;}
.m-left-h-text{float: left;line-height: 30px;}
.m-left-h-all-count{width: 140px;line-height: 25px;color: #1C1C1E;font-size: 20px;float: left;margin-left: 15px;font-weight: bold;position: absolute;left: 10px;top: 8px;margin-left: 0;}
.m-left-h-all-count .m-left-h-today-count-num{font-size: 24px;}
.m-left-h-month-count{width: 111px;line-height: 25px;color: #1C1C1E;font-size: 20px;float: left;margin-left: 15px;font-weight: bold;position: absolute;left: 10px;top: 72px;margin-left: 0;}
.m-left-h-today-count{width: 111px;float: left;line-height: 25px;color: #1C1C1E;font-size: 18px;margin-left: 15px;font-weight: bold;position: absolute;left: 10px;top: 130px;margin-left: 0;}
.m-left-h-today-count-icon{width: 8px;height: 8px;border-radius: 50%;background: #1B7DF9;float: left;margin-right: 3px;margin-top: 11px;}
.m-left-h-today-count-t{width: calc(100% - 20px);color: #202E41;font-size: 14px;margin-right: 5px;font-weight: normal;float: left;line-height: 30px;}
.m-left-h-today-count-num{float: left;font-size: 16px;width: 111px;text-align: left;text-indent: 11px;}
.m-left-icon-panel{width: calc(100% - 2px);height: 192px;margin: 10px 0;border-radius: 4px;border: 1px solid #DDE1E6;display: flex;align-items: top;justify-content: right;position: relative;background: #fff;}
.m-left-icon{max-height: 80px;max-width: 100%;margin-right: 5px;margin-top: 5px;}
.m-left-h-error-count{display: none; width: 220px;line-height: 25px;color: #1C1C1E;font-size: 20px;float: left;position: absolute;left: calc(50% - 110px);bottom: 10px;margin-left: 0;background: #FEE9E9;border-radius: 4px;}
.m-left-h-error-count-icon{width: 16px;height: 16px;background:url(newhome/error-icon.png) no-repeat center;background-size: 16px;float: left;margin: 7px;}
.m-left-h-error-count-t{color: #202E41;font-size: 14px;margin-right: 5px;font-weight: normal;float: left;line-height: 30px;}
.m-left-h-error-count-num{float: left;font-size: 14px;width: 80px;text-align: left;text-indent: 5px;line-height: 30px;color: #F12626;}

.aqm-panel{width: 100%;float: left;height: 376px;    background: url(https://cdn.bilyf.com/Image//aqmPatrolMini/aqm-demo.png) no-repeat;background-position: center;background-size: 156px 107px ;position: relative;}
.last-update-time{float: right;font-size: 12px;color: #888;}
.aqm---memory-panel{float: left;width: 50%;}
.cunchu-icon-panel{float: left;position: relative;width: 34px;}
.cunchu-icon{width: 34px;aspect-ratio: 76/56;float: left;margin-top: 10px;}
.cunchu-used-progress{position: absolute;left: 2px;top: 25px;width: 30px;height: 8px;background:#26A0DA ;max-width: 29px;}
.cunchu-all-num{width: 100%;text-align: center;float: left;font-weight: bold;}
.cunchu-t{float: left;margin: 0 0 0 18px;width: calc(100% - 80px);line-height: 25px;}
.cunchu-tag{float: left;}
.cunchu-num{float: left;margin-left: 10px;font-weight: bold;}

.aqm-power-panel{float: right;}
.dianliang-icon-panel{width: 50px;float: left;position: relative;}
.dianliang-icon{width: 50px;height: 24px;margin-top: 13px;}
.dianliang-teg{float: left;line-height: 50px;margin-left: 10px;}
.dianliang-num{line-height: 50px;float: left;font-weight: bold;margin-left: 10px;}
.dianliang-progress{position: absolute;left: 5px;top: 17px;width: 30px;height: 16px;background: #04CF00;max-width: 34px;}

.device-code-panel{width: calc(100% - 20px);margin: 10px 10px 0; float: left;display: flex;justify-content: center;align-items: center;}
.device-code-s{min-width: 100px;height: 36px;background: linear-gradient( 180deg, #E8EDF3 0%, #FFFFFF 100%);  box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16);  border-radius: 6px 6px 6px 6px;padding: 2px 10px;}
.no-device-code{line-height: 36px;color: #555;}
.device-status{float: left;background: #d2ffc7;line-height: 20px;border-radius: 10px;color: #0fbb03;padding: 0 8px;font-size: 12px;margin: 8px 0;}
.device-offline{background: rgb(255, 224, 224);color: red;}
.device-code{float: left;font-size:16px;font-weight: bold;line-height: 20px;margin: 8px 15px;}
.device-switch{width: 20px;aspect-ratio: 32/27;float: right;margin-top: 9.5px;}

.device-panel{width: calc(100% - 20px);float: left;margin: 10px;height: 120px;position: relative;}
.device-msg-panel{position: absolute;width: 86px;height: 30px;background: linear-gradient( 180deg, #E8EDF3 0%, #FFFFFF 100%);  box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16);border-radius: 6px;line-height: 30px;font-size: 12px;}
.device-m-p{width: 16px;height: 16px;border-radius: 50%;border: 2px solid #000;margin: 5px;float: left;}
.device-m{width: 12px;height: 12px;border-radius: 50%;background: linear-gradient( 180deg, #D4D4D4 0%, #A2A2A2 100%);margin: 2px;}
.d-has .device-m{background: linear-gradient( 180deg, #06EA00 0%, #2FA955 100%);}
.device-m-t{float: left;}
.d-m-l{left: 3px;}
.d-m-r{right: 3px;}

.address-panel{width: calc(100% - 30px);float: left;margin: 12px 15px 0;line-height: 24px;}
.address-icon{width: 16px;float: left;height: 16px;margin: 4px;margin-right: 10px;}
.address{width: calc(100% - 108px);float: left;font-weight: bold;font-size: 13px;}
.distance{background: #c3d3f8;float: right;color: #000000;border-radius: 6px;padding: 0 8px;}

.app-panel{width: calc(100% - 00px);float: left;margin: 15px 0px 0;}
.app{width: calc(33.33% - 22px);float: left;border: 1px solid #3068F9;border-radius: 6px;line-height: 40px;text-align: center;margin: 5px 10px;color: #3068F9;display: flex;align-items: center;justify-content: center;background: #fff;cursor: pointer;}
.app-icon{height: 16px;margin-right: 5px;}
.app-text{font-size: 13px;}


.m-item-right{width: calc(100% - 200px);float: left;height: 222px;margin-left: 15px;}
.m-item-right-title{ width: 100%;line-height: 32px;float: left;color: #202E41;text-align: center;font-size: 14px;position: relative;}
.m-item-echart{width: 100%;height: 204px;float: left;}
.echart-type-panel{position: absolute;right: 10px;top: 0;border: 0px solid #E5E5E5;height: 24px;line-height: 24px;}
.echart-type-item{float: left;padding: 0px 10px;line-height: 24px;border: 1px solid #E5E5E5;cursor: pointer;}
.active{background: #1B7DF9;color: #fff;border-color: #1B7DF9;}
.echart-type-item:nth-child(2),.echart-type-item:nth-child(3){border-left: none;}

.rt-panel{width: calc(100% - 20px);float: left;margin: 10px;height: 210px;background: url(../image/index/rt-panel-bg.png) no-repeat center;border-radius: 8px;}

.my-info-head-panel{float: left;width: 75px;aspect-ratio: 3/4;border-radius: 4px;border: 1px solid #E5E5E5;overflow: hidden;font-size: 12px;color: rgb(248, 119, 119);text-align: center;line-height: 120px;background: url(../image/default-face.png) no-repeat;}
.my-info-content{float: left;width: calc(100% - 100px);height: 100%;margin-left: 20px;}
.my-info-head-img{width: 100%;height: 100%;object-fit: cover;border-radius: 4px;}
.my-info-realName{font-size: 18px;font-weight: bold;color: #202E41;text-align: left;line-height: 32px;float: left;width: 100%;}
.my-info-post{font-size: 13px;font-weight: normal;color: #1C1C1E;text-align: left;line-height: 24px;float: left;width: 100%;}
.my-info-company{font-size: 13px;font-weight: normal;color: #1C1C1E;text-align: left;line-height: 24px;float: left;width: 100%;}
.my-info-phoneNum{font-size: 13px;font-weight: normal;color: #1C1C1E;text-align: left;line-height: 24px;float: left;width: 100%;}
.jshasd{float: left;margin-right: 10px;height: 28px;line-height: 28px;margin-bottom: 10px;}
.aksdhgas{width: calc(100% - 50px);float: left;height: 28px;background: #EFF5FE;border-radius: 4px 4px 4px 4px;line-height: 28px;margin-bottom: 10px;padding-left: 10px;}

.akjhsgdlakjsd{float: left;width: 100%;line-height: 32px;float: left;color: #202E41;line-height: 24px;font-size: 13px;margin-bottom: 10px;}
.askdhgjalksjdh{float: left;float: left;color: #202E41;background: #C9ECCA;border-radius: 12px;padding: 0 10px;margin-left: 5px;}
.akjsdhlaksjdh{float: left;margin-left: 30px;font-size: 18px;color: #383E4A;}
.klajhysdljasd{float: left;margin-left: 10px;font-size: 18px;}


.rt-e-panel{width: 172px;height: 172px;float: left;margin-right: 10px;position: relative;margin-top: 20px;}
.rt-echart{width: 100%;height: 100%;}
.rt-e-a-p{width: 120px;height: 120px;position: absolute;left: calc(50% - 60px);top: calc(50% - 60px);background: url(../image/common/cckj-e-bg.png) no-repeat center center;;border-radius: 50%;z-index: 99999;}
.rt-e-a-n{display: block;color: #1B7DF9;width: 100%;text-align: center;font-size: 24px;line-height: 40px;margin-top: 30px;font-weight: bold;}
.rt-e-a-t{display: block;width: 100%;text-align: center;font-size: 14px;line-height: 16px;color: #1C1C1E;float: left;line-height: 22px;margin-top: 0px;}
.rt-r{width: calc(100% - 192px);float: left;height: 160px;margin-top: 25px;}
.rt-r-1{width: 100%;float: left;margin-top: 15px;line-height: 30px;}
.rt-r-1-n{color: #202E41;font-size: 14px;float: left;margin-left: 10px;}
.rt-r-1-t{color: #1C1C1E;font-size: 28px;float: left;margin-left: 10px;font-weight: bold;}
.rt-r-2{width: calc(50% - 10px);float: left;margin-top: 30px;margin-left: 10px;}
.rt-r-2-i{width: 6px;height: 6px;border-radius: 50%;float: left;margin-right: 5px;margin-top: 12px;background: #1B7DF9;}
.rt-r-2-n{color: #202E41;font-size: 14px;float: left;width: 100%;text-align: left;line-height: 26px;}
.rt-r-2-t{color: #1C1C1E;font-size: 20px;float: left;width: 100%;font-weight: bold;text-align: left;line-height: 26px;text-indent: 11px;}
.rt-r-3{width: 50%;float: left;margin-top: 30px;}
.rt-r-3-n{color: #202E41;font-size: 14px;float: left;width: 100%;text-align: left;line-height: 26px;}
.rt-r-3-t{color: #1C1C1E;font-size: 20px;float: left;width: 100%;font-weight: bold;text-align: left;line-height: 26px;text-indent: 11px;}

.new-test-list-panel{width: calc(100% - 10px);float: left;padding:10px 0px 10px 10px;height: calc(100% - 65px);overflow: auto;}
.test-item{width: 100%;float: left;margin-bottom: 15px;}
.test-icon-panel{width: 140px;height: 100px;float: left;position: relative;border-radius: 6px;overflow: hidden;}
.test-icon{width: 140px;height: 100px;float: left;}
.test-icon-title{float: left;text-align: center;font-size: 13px;line-height: 20px;position: absolute;bottom: 0;right: 0;background: #0090F5;color: #FFFFFF;padding: 0 6px;border-radius: 4px 0 0 0px;}
.test-item-info{width: calc(100% - 160px);height: 100px;float: left;margin-left: 10px;}
.test-item-info-r{width: 100%;height: 25px;line-height: 25px;font-size: 14px;color: #1C1C1E;font-size: 14px;}
.info-time{color: #4A5A70;}
.r-djhsdla{float: left;color: #888;font-size: 13px;cursor: pointer;}
.r-djhsdla:hover{color: orange;}
.ahgsaskbjdajs{width: 6px;height: 6px;border-radius: 50%;margin: 9.5px 30px 9.5px 8px;background: #a0a0a0;float: left;}

.has-video .test-video-status{background: #01dd43;}
.has-img .test-img-status{background: #01dd43;}



.tt-track-block{width: calc(100% - 20px);float: left;background: #fff;border-radius: 8px;margin:0 10px 15px;padding:0px 0px;box-shadow: 0px 0px 8px 1px #CDDEEC;cursor: pointer;}
.tt-track-block:hover{box-shadow: 0px 0px 8px 1px #92bcdf;background: #EFF5FE;}
.tt-track-head-panel{width: 20px;background: #fff;height: 20px;border-radius: 50%;overflow: hidden;float: left;background: #B4E6FF;border-radius: 8px 8px 8px 8px;}
.tt-track-head{width: 100%;height: 100%;}
.tt-track-title{width: calc(100% - 20px);padding-left: 10px;padding-right: 10px;float: left;border-bottom: 0px solid #46567c;margin-bottom: 5px;background: #B4E6FF;border-radius: 8px 8px 8px 8px;color: #1C1C1E;}
.tt-track-nick-name{float: left;width: calc(100% - 170px);color: #e0e0e0;font-size: 14px;margin-left: 8px;line-height: 36px;color: #1C1C1E;font-weight: bold;}
.tt-track-start-time{float: right;color: #a0a0a0;font-size: 13px;line-height: 36px;width: 140px;text-align: right;color: #1C1C1E;margin-right: 10px;}

.tt-track-address{width: calc(100% - 20px);float: left;margin-left: 10px;border-bottom: 1px dashed #DDE1E6;padding-bottom: 10px;position: relative;}
.tt-track-address-icon-panel{width: 10px;float: left;position: relative;margin: 8px 0 0 10px;}
.tt-track-address-start-icon{width: 12px;height: 13px;border-radius: 50%;background: url(../image/p-l-i-e.png) no-repeat;float: left;margin: 0 1px;}
.tt-track-address-end-icon{width: 14px;height: 10px;border-radius: 50%;background: url(../image/p-l-i-a.png) no-repeat;float: left;z-index: 1;margin: 12px 0px 0;}
.tt-track-address-line-icon{width: 2px;height: 27px;border-radius: 50%;background: #00BAD9;z-index: 0;margin: 0 4px;display: none;}
.tt-track-address-start{width: calc(100% - 35px);float: left;margin-left: 15px;line-height: 24px;color: #1C1C1E;font-size: 13px;margin-top:2px}
.tt-track-address-end{width: calc(100% - 35px);float: left;margin-left: 15px;line-height: 24px;color: #1C1C1E;font-size: 13px;margin-top:0px}

.tt-track-bottom{width: calc(100% - 40px);float: left;margin-top: 10px;margin-left: 20px;margin-bottom: 10px;}
.tt-track-bottom-block{width: 33.33%;float: left;text-align: center;line-height: 22px;}
.tt-track-bottom-block-num{width: 100%;float: left;color: #4A4A4A;font-size: 13px;font-weight: bold;height: 22px;}
.tt-track-bottom-block-field{width: 100%;float: left;color: #1C1C1E;font-size: 12px;line-height: 20px;}

.head-url-panel{width: 42px;float: right;height: 56px;background: #fff;    position: absolute;right: 0px;}
.head-img{width: 100%;height: 100%;object-fit: fill;float: left;}
.inspector-name{width: 100%;text-align: center;position: absolute;bottom: 0;right: 0px;background: #00000088;color: #fff;font-size: 12px;}


.project-row{float: left;width: calc(100% - 20px);margin: 0 10px;display: flex;justify-content: center;align-items: center;line-height: 22px;padding: 5px 0;font-size: 14px;color: #666;}
.project-row-field{width: 70px;float: left;}
.project-row-value{width: calc(100% - 70px);float: left;color: #1C1C1E;}
.project-haft-row{width: calc(50% - 20px);}

/* --------------------搜索页----------------------------------------------------------------------------------- */
.search-search-panel{width: 100%;float: left;height: 60px;display: flex;align-items: center;justify-content: center;background: url(search/head-bg.png) no-repeat left top;background-size:100% ;height: 240px;}
.search-input-pannel{width: 720px;}
.search-logo{width:61px ;height: 58px;float: left;margin-left: 140px;margin-bottom: 30px;}
.search-title{font-size: 32px;float: left;margin-left: 10px;line-height: 58px;color: #fff;font-weight: bold;width: 380px;margin-bottom: 30px;}
.code-input {border: 1px solid #fff;border-right: none;border-radius: 4px 0 0 4px;line-height: 40px;height: 30px;padding: 5px 15px;width: 600px;outline: none;float: left;font-size: 18px}
.search-btn {width: 80px;text-align: center;height: 42px;background: #1B7DF9;float: left;line-height: 42px;font-size: 20px;color: #fff;cursor: pointer;border-radius: 0 4px 4px 0;user-select: none;-webkit-user-select: none;}
.search-btn:hover{background: #4897FA;}
.sample-page{background-image: url(search/panel-bg.png);background-repeat:no-repeat;background-position:center center;background-color: rgba(255,255,255);padding: 5px;float: left;padding: 15px;height: calc(100% - 270px);width: calc(100% - 30px);border-radius: 8px;overflow: auto;}
.sample-tip{width: 450px;height: 164px;padding-top: 160px;line-height: 20px;text-align: center;margin-top: 50px;color: #666;background: url(search/no-data.png) no-repeat center top;margin:100px 0 0 calc(50% - 225px);}
.display-none{display: none;}
.fffffff{filter: blur(12px);opacity: 0.5;}
.sample-item{background: #fff;float: left;width: 16.66%;padding: 0 6px 6px 6px;border: 1px solid #DDE1E6;margin: 6px;line-height: 20px;color: #333;font-size: 13px;cursor: pointer;border-radius: 4px;}
.sample-head{width: 100%;float: left;text-align: center;color: #3687EB;font-size: 16px;margin-bottom: 2px;background: url(aicutconfig/1-left-title.png) no-repeat center -1px;line-height: 32px;text-align: center;}
.sample-row{width: calc(100% - 10px);float: left;padding: 5px ;}
.sample-field{width: 78px;float: left;margin-right: 5px;text-align: justify;text-align-last: justify;}
.sample-value{width: calc(100% - 100px);float: left;border-bottom: 1px solid #fff;padding: 0 3px 0 14px;}
.sample-value font{margin-right: 12px;}
.no-click{cursor: text;}
.search-sample-status-over{text-indent: 14px;background: url(search/status-over.png) no-repeat left center;background-size: 12px;display: inline-block;margin-right: 5px;}
.search-sample-status-ing{text-indent: 14px;background: url(search/status-ing.png) no-repeat left center;background-size: 12px;display: inline-block;margin-right: 5px;}
.search-sample-status-error{text-indent: 14px;background: url(newhome/error-icon.png) no-repeat left center;background-size: 12px;display: inline-block;margin-right: 5px;}

/* --------------------视频中心----------------------------------------------------------------------------------- */
.container-bg-fff{background: #fff;}
.container-mg-15{margin-left: 15px;}
.container-video{margin-left: 15px;width: calc(100% - 50px);height: calc(100% - 80px);padding:5px 10px;border-radius: 8px;}
.v-video-panel{width: 100%;height: calc(100% - 40px);float: left;}
.v-block-title {float: left;width: calc(100% - 28px);height: 17px;line-height: 17px;font-size: 18px;color: #1C1C1E;margin-left: 10px;margin-top: 10px;margin-bottom: 7px}
.title-tab{margin-top: -3px;line-height: 24px;float: right;margin-right: 25px;cursor: pointer;padding: 0px 8px;color: #1B7DF9;font-size: 14px;border: 1px solid #1B7DF9;border-radius: 4px;}
.title-tab-active{color: #Fff !important;background: #1B7DF9;}

.v-video{width: calc(25% - 6px);float: left;margin: 3px;background: #000;height: calc(33.33% - 6px);border-radius: 8px;overflow: hidden;position: relative;color: #fff;}
.v-video-device{width: calc(33.33% - 6px);float: left;margin: 3px;background: #000;height: calc(50% - 6px);border-radius: 8px;overflow: hidden;position: relative;color: #fff;}
.v-video-player{width: 100%;height: 100%;float: left;text-align: center;}
.v-video-info{width: calc(100% - 20px);height: 30px;line-height: 30px;font-size: 14px;position: absolute;top: 0;left: 0;padding: 0 10px;background: #00000088;}
.v-video-info-name{float: left;width: calc(100% - 94px);}
.v-video-refresh{float: right;cursor: pointer;display: none;}
.v-video-select-btn{cursor: pointer;color: #c0c0c0;display: inline-block;font-size: 13px;line-height: 22px;}
.has-video .v-video-select-btn{display: none;}
.video_ys7_m3u8 {width:100%;height:100%;float:left;object-fit: fill}
.v-video-refresh{width: 16px;height: 16px;background: url(refresh-icon.png)no-repeat center center;background-size: 16px;margin: 7px 0 5px 10px;float: right;cursor: pointer;display: none;}
.v-video-delete{width: 16px;height: 16px;background: url(delete-video-icon.png)no-repeat center center;background-size: 16px;margin: 8px 0 5px 10px;float: right;cursor: pointer;display: none;}
.v-video-switch{width: 16px;height: 16px;background: url(change-video-icon.png)no-repeat center center;background-size: 16px;margin: 8px 0 5px 10px;float: right;cursor: pointer;display: none;}
.has-video:hover .v-video-delete{display: block;}
.has-video:hover .v-video-refresh{display: block;}
.has-video:hover .v-video-switch{display: block;}
.v-video-player-sub{position: absolute;bottom: 0;right: 0;border: 0px solid #e0e0e0;width: 200px;aspect-ratio: 16/10;display: none;background: #000;}
.has-video .v-video-player-sub{display: block;}
.v-video-player-switch{border-radius: 50%;position: absolute;right: 2px;bottom: calc(2000px/16 - 24px);background-color:#000000aa ;background-image: url(common/switch-video-main-sub.png); background-repeat: no-repeat;background-position: center center;background-size: 24px;display: none;width: 24px;height: 24px;cursor: pointer;}
.has-video:hover .v-video-player-switch{display: block;}

/* --------------------选择框-------------------------------------------------------- */
.selector-box-mask{position: fixed;left: 0;top: 0;width: 100vw;height: 100vh;background: rgba(0,0,0,0.7);z-index: 9999;display: none;}
.selector-box-panel{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.selector-box{ width: calc(60%);min-width: 1000px;height: 80%;background: #fff;border-radius: 8px;overflow: auto;}
.selector-box-head{width: 100%;height: 50px;line-height: 50px;text-align: center;font-size: 20px;color: #1C1C1E;font-weight: bold;position: relative;}
.selector-box-title{width: 100%;height: 50px;line-height: 50px;text-align: center;font-size: 20px;color: #1C1C1E;font-weight: bold;}
.selector-box-close{width: 24px;height: 24px;position: absolute;right: 10px;top: 13px;cursor: pointer;}
.selector-box-content{width: calc(100% - 20px);height: calc(100% - 100px);margin-left: 10px;overflow: auto;}
.selector-box-footer{width: 100%;height: 50px;line-height: 32px;text-align: center;font-size: 16px;color: #1C1C1E;display: flex;justify-content: center;align-items: center;}
.selector-box-cancel{float: left;cursor: pointer;width: 80px;background: #d0d0d0;border-radius: 6px;cursor: pointer;color: #fff;}
.selector-box-confirm{float: right;margin-left: 30px;cursor: pointer;width: 80px;background: #1B7DF9;border-radius: 6px;cursor: pointer;color: #fff;}
.selector-box-item{width: calc(33.33% - 10px);float: left;margin: 5px;position: relative;}
.selector-box-item-img{width: 100%;aspect-ratio: 16/9;float: left;border-radius: 8px;cursor: pointer;}
.selector-box-item-name{width: 100%;height: 30px;line-height: 30px;font-size: 14px;color: #1C1C1E;font-size: 14px;text-align: center;}
.selector-box-item-checkbox{width: 100%;aspect-ratio: 16/9;position: absolute;left: 0;top: 0;display: none;background: #00000088;align-items: center;justify-content: center;}
.selector-box-item-checkbox-icon-panel{ width: 26px;height: 26px;background: #fff;border-radius: 50%;}
.selector-box-item-checkbox-icon{ width: 100%;height: 100%;}
.selector-box-item-selected .selector-box-item-checkbox{display: flex;}
.selector-box-item-selected .selector-box-item-name{color: #01dd43;font-weight: bold;}

/* ---------------系统管理-------------------------------------------------- */
.container-system{margin-left: 10px;width: calc(100% - 20px);height: calc(100% - 70px);padding: 0px 0px;border-radius: 8px;background: transparent !important;}
.left-menu-panel{width: 240px;float: left;height: calc(100% - 20px);border-right: 0px solid #e0e0e0;padding: 20px 0 0;margin: 0px 0;background: #fff;}
.left-menu-item{font-size: 15px;line-height: 40px;float: left;width: calc(100% - 39px);cursor: pointer;padding: 0 10px;margin: 0px 10px;border-radius: 6px;color: #4A5A70;}
.left-menu-item:hover{color: #1B7DF9;}
.left-menu-item.menu-selected{background: rgba(27,125,249,0.1);;color: #1B7DF9;font-weight: bold;}
.right-content-panel{width: calc(100% - 251px);float: left;height: calc(100%);padding: 0px 0;margin: 0px 0;background: #fff;margin-left: 10px;}
.right-content-iframe{width: 100%;height: 100%;float: left;display: block;}
.left-menu-icon{width: 16px;height: 16px;float: left;margin: 12px 12px 0 0 ;}
.left-menu-icon-selected{width: 16px;height: 16px;float: left;display: none;margin: 12px 12px 0 0 ;}
.menu-selected .left-menu-icon{display: none;}
.menu-selected .left-menu-icon-selected{display: block;}




body.one-page{min-height: 0;min-width: 0;background: #fff;}
.one-page .container{width: calc(100vw - 20px);height: calc(100vh - 20px);min-height: 0;}
.flex{display: flex;justify-content: center;align-items: center;}
.info-panel{width: 860px;height: 100%;float: left;min-height: 100%;}
.info-panel .info-title{width: calc(100% - 15px);float: left;border-left: 3px solid #1B7DF9;line-height: 20px;font-size: 20px;font-weight: bold;text-indent: 10px;margin: 40px 0 10px;}
.info-panel .info-title:first-child{margin-top: 20px;}
.info-title-btn{float: right;background: #1B7DF9;font-size: 12px;color: #fff;border-radius: 2px;padding: 2px 15px;line-height: 28px;text-indent: 0;cursor: pointer;margin-top: -12px;user-select: none;}
.info-table {width:calc(100% - 2px);border: 1px solid #666;border-collapse: collapse;margin-top: 10px;float: left;margin-bottom: 10px;}
.info-table {font-size: 15px;color: #606266;display: table;-webkit-border-horizontal-spacing: 0px;-webkit-border-vertical-spacing: 0px;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;text-indent: initial;border-spacing: 2px;}
.info-table tr {border-color: inherit;}
.info-table td {min-height: 20px;line-height: 22px;padding: 10px 15px;text-align: left;color: #333;font-size: 14px;border: 1px solid #DDE1E6;min-height: 20px;}
.info-table th{resize:horizontal;width:140px;padding: 10px 15px;max-width:360px !important;}
.info-table th {line-height: 24px;border: 0px;color: #333;background-color: #F9F9F9;font-size: 15px;border: 1px solid #DDE1E6;text-align: left;font-weight: normal;}
.info-table-td-btn{float: left;margin-right: 10px;cursor: pointer;color: #0090F5;}
.info-table-td-btn:hover{color: orange;font-weight: bold;}

.info-btn-panel{width: 100%;float: left;margin-top: 20px;display: flex;justify-content: center;align-items: center;}
.info-btn{text-align: center;padding: 5px 15px;border-radius: 6px;background: #1B7DF9;color: #fff;font-size: 15px;cursor: pointer;line-height: 24px;margin: 0 10px;}

.info-input{width: calc(100% - 20px);height: 24px;line-height:24px;font-size: 14px;color: #333;border: none;padding: 0 10px;outline: none;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: #BFC4CD;}
::-moz-placeholder { /* Mozilla Firefox 19+ */color: #BFC4CD;}
input:-ms-input-placeholder{color: #BFC4CD;}
input::-webkit-input-placeholder{color: #BFC4CD;}

.edit-table{width:calc(100% - 2px);border: 1px solid #666;border-collapse: collapse;margin-top: 10px;float: left;}
.edit-table {font-size: 15px;color: #606266;display: table;-webkit-border-horizontal-spacing: 0px;-webkit-border-vertical-spacing: 0px;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;text-indent: initial;border-spacing: 2px;}
.edit-table tr {border-color: inherit;}
.edit-table td {min-height: 20px;line-height: 22px;padding: 5px 15px;text-align: left;color: #333;font-size: 14px;border: 1px solid #DDE1E6;min-height: 20px;}
.edit-table th{resize:horizontal;width:140px;padding: 5px 15px;max-width:360px !important;}
.edit-table th {line-height: 24px;border: 0px;color: #333;background-color: #F9F9F9;font-size: 15px;border: 1px solid #DDE1E6;text-align: left;font-weight: normal;}
.edit-table td:hover{background: #fff;}
.edit-table-input{width: calc(100% - 20px);height: 32px;line-height:32px;font-size: 14px;color: #333;border: none;padding: 0 10px;outline: none;background: #f4f5f6;border-radius: 2px;}
.edit-table-input:disabled{background: #ccc;cursor: not-allowed;}
.left-top-back-btn{position: absolute;top: 10px;left: 10px;text-align: center;padding: 5px 15px;border-radius: 6px;background: #1B7DF9;color: #fff;font-size: 15px;cursor: pointer;line-height: 24px;}
.edit-table-select-btn{float: left;margin-left: 5px;background: #1B7DF9;color: #fff;font-size: 15px;cursor: pointer;line-height: 28px;border-radius: 2px;padding: 2px 12px;user-select: none;}
.edit-table-input-unit{float: left;line-height: 32px;text-align: center;display: block;margin-left: 5px;}

/*----------------------------文件夹--------------------------------------------------------------------------------------*/
.dir-panel{width: calc(100% - 10px);height: calc(100% - 10px);overflow: auto;}
.dir-head-panel{width: 100%;float: left;line-height: 20px;font-size: 14px;color: #888;text-align: left;padding: 8px 0;}
.dir-head-name{width: calc(100% - 410px);float: left;padding: 0 5px;height: 20px;}
.dir-head-lasttime{width: 180px;float: left;padding: 0 5px;border-left: 1px solid #e0e0e0;height: 20px;}
.dir-head-type{width: 85px;float: left;padding: 0 5px;border-left: 1px solid #e0e0e0;height: 20px;}
.dir-head-length{width: 80px;float: left;padding: 0 5px;border-left: 1px solid #e0e0e0;height: 20px;}

.dir-info-panel{width: 100%;float: left;overflow: auto;height: calc(100% - 40px);}
.dir-item{width: 100%;float: left;line-height: 20px;font-size: 14px;color: #333;text-align: left;padding: 8px 0;}
.dir-item-name{height: 20px;cursor: default;width: calc(100% - 410px);float: left;padding: 0 5px;text-indent: 24px;background: url(icon_undefined.png) no-repeat;background-size: 16px;background-position: 6px  2px;}

.dir-item.dir-folder .dir-item-name{background: url(../image/dir-folder.png) no-repeat;background-size: 16px;background-position: 6px 2px;}
.dir-item.dir-bat .dir-item-name{background: url(icon_undefined.png) no-repeat;background-size: 16px;background-position: 6px  2px;}
.dir-item.dir-video .dir-item-name{background: url(file-video.png) no-repeat;background-size: 16px;background-position: 6px  2px;}
.dir-item.dir-img .dir-item-name{background: url(file-image.png) no-repeat;background-size: 16px;background-position: 6px  2px;}

.dir-item-lasttime{width: 180px;float: left;padding: 0 5px;cursor: default;height: 20px;}
.dir-item-type{width: 85px;float: left;padding: 0 5px;cursor: default;height: 20px;}
.dir-item-length{width: 80px;float: left;padding: 0 5px;cursor: default;height: 20px;}

.dir-item:hover{background: #E5F3FF;}
.dir-item-selected{background: #CCE8FF;}
.original-name{display: none;}
.dir-item-selected .original-name{display: block;}
.dir-item-selected .display-name{display: none;}

.go-prev-dir{margin-left: 20px;color: #2782FF;cursor: pointer;display: none;}



.hr-table-foot-page-container {width:calc(100% - 6px);float:left;min-height:30px;font-size:14px;border: 1px solid #e2e2e2;border-width:0px;margin:0 0px 10px 2px; }
.hr-table-foot-page-record{height:30px;line-height:30px;float:left;margin:0px 20px 0 0;}
.hr-table-foot-page-index-container {min-width:200px;height:30px;float:right;margin-right:0;line-height:30px;width:auto;}
.hr-table-foot-page-index {width:auto;min-width:20px;height:22px;line-height:22px;text-align:center;padding:0px 5px;margin:4px 5px;float:left;border:1px solid #2998ea;border-radius:3px;cursor:pointer;}
.hr-table-foot-page-index:not(.noClick):hover{background:#2998ea;color:#fff;}
.noClick {cursor:no-drop;color:#b0b0b0;border-color:#b0b0b0;}
.currentPageIndex {width:auto;min-width:20px;height:26px;line-height:26px;text-align:center;padding:0px 3px;margin:7px 5px;float:left;}
.hr-table-foot-page-jump-page-index{width:40px;height:22px;float:left;border:1px solid #2998ea;border-radius:3px;padding:0px 5px;margin:4px 0;}
.hr-table-foot-page-jump-page {width:40px;height:26px;text-align:center;float:left;display:block;margin-left:10px;font-size:14px;cursor:pointer; }
.hr-table-foot-page-jump-page:hover{text-decoration:underline;color:#FDBE3D;}

table { width:calc(100% - 10px);border: 1px solid #666;border-collapse: collapse;margin: 5px;}
table {font-size: 15px;color: #606266;display: table;-webkit-border-horizontal-spacing: 0px;-webkit-border-vertical-spacing: 0px;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;text-indent: initial;border-spacing: 2px;}
table tr {border-color: inherit;}
table td {min-height: 20px;line-height: 22px;padding: 6px 6px;text-align: left;color: #333;font-size: 14px;border: 1px solid #dddddd;min-height: 20px;}
table th{resize:horizontal;min-width:50px;padding: 6px 6px;max-width:360px !important;}
table thead th {line-height: 24px;font-weight: 700;border: 0px;color: #333;background-color: #f5f5f5;font-size: 15px;border: 1px solid #dddddd;text-align: center;}

.td-op{margin:0 3px;font-size:12px;color:#2ea8ef;display:inline-block}
.i-can-click{cursor:pointer;}
.i-can-click:hover{color:orange}
.td-ops{margin:0 3px;font-size:12px;display:inline-block}
tr:hover{background:#f5f6f7}
.search-panel{width:calc(100% - 10px);float:left;margin:0px 5px;font-size:15px;padding:3px 0;color:#333;}
.search-target{float:left;margin:5px 5px 5px 0;line-height:26px;}
.search-value{float:left;margin-right:18px}
.search-input{float:left;width:160px;border:1px solid #e0e0e0;height:24px;padding:3px 5px;border-radius:2px;outline:none;margin:2px 0;color:#2ea8ef}
.search-input:focus{border-color:#2ea8ef;}
.search-submit{min-width:40px;text-align:center;line-height:32px;background:#4D7FF9;color:#fff;float:left;margin:2px 0 2px 10px;border-radius:4px;cursor:pointer;user-select: none;-ms-user-select: none;-moz-user-select: none;-webkit-user-select: none;transition: 0.3s ease;padding: 0 10px;}
.search-submit:hover{background: #094EBD;}
.hgasjh{float:left;width:120px;}
.search-time{float:left;width:180px;border:1px solid #e0e0e0;height:24px;padding:3px 5px;border-radius:2px;outline:none;margin:2px 0;color:#2ea8ef}
.search-split{float:left;margin:5px 5px;line-height:26px;}
.search-item{float: left;padding: 3px 8px;line-height: 24px;border-radius: 4px;border: 1px dashed #a0a0a0;cursor: pointer;margin-right: 5px;margin-top: 2px;color: #666;}
.search-item-selected{background: #2ea8ef;color: #fff;border-style:solid ;border-color: #2ea8ef;}
.sample-no{color: #4D7FF9;}
.hr-ui-selector-item{text-indent: 2px;}
.td-img {width: 78px;height: 43px;margin: 5px;border: 1px solid #e0e0e0;cursor: pointer;border-radius: 4px;}

.table-head-msg{float: left;margin-left: 10px;font-size: 13px;line-height: 26px;}
.table-head-msg font{margin: 0 5px;color: #ff1c1c;font-weight: bold;}

.color-red{color: #F04A4A !important;}
.color-green{color: #2CCE9B !important;}
.color-blue{color: #1B7DF9 !important;}
.color-yellow{color: #F0C04A !important;}
.color-orange{color: orange !important;}
.color-purple{color: #B04AF0 !important;}
.color-gray{color: #717272 !important;}
.user-select-no{user-select: none;-moz-user-select: none;-webkit-user-select: none;}
.waiting-dev-icon{width: 327px;height: 161px;float: left;margin: 150px calc(50% - 163px) 0;}
.waiting-dev-text{width: 100%;line-height: 50px;text-align: center;font-size: 16px;color: #1C1C1E;}

.hr-window-head{border-bottom-color: transparent;background-image:url(../image/common/dailog-head-icon.png),url(../image/common/dailog-head-bg.png);background-size: auto 40px,100% 100%;background-repeat: no-repeat,no-repeat;background-position: calc( 100% - 80px) center,left top;}
.hr-window-head-close{background: url(../image/common/dailog-head-close-icon.png);}
.hr-window-head-close:hover{background: url(../image/common/dailog-head-close-icon.png);}


/*--------------工程 企业 选择----------------------------------*/
.selector-search-panel{width: calc(100% - 50px);float: left;margin: 15px 25px;}
.selector-search-input{float:left;width:calc(100% - 80px);border:1px solid #2ea8ef;height:26px;padding:3px 10px;border-radius:2px 0 0 2px;outline:none;margin:0px 0;color:#2ea8ef}
.selector-search-btn{float: left;background: #2ea8ef;color: #fff;line-height: 34px;text-align: center;width: 50px;cursor: pointer;}
.selector-search-btn:hover{background: #094EBD;}
.selector-list-panel{width: calc(100% - 50px);float: left;margin: 0px 25px 10px;min-height: 150px;}
.selector-item{float: left;width: calc(100% - 20px);margin: 8px 5px;box-shadow: 0 0 7px 0px #ddd;padding: 6px 10px;cursor: pointer;}
.selector-item-name{width: 100%;float: left;font-weight: bold;font-size: 14px;line-height: 22px;margin-bottom: 5px;color: #1c1c1c;}
.selector-item-code{float: left;font-size: 12px;line-height: 22px;margin-bottom: 5px;color: #666;}
.selector-item-address{float: left;font-size: 12px;line-height: 22px;margin-bottom: 5px;color: #666;margin-left: 15px;}
.no-data-tips{width: 100%;float: left;margin-top: 100px;line-height: 30px;font-size: 13px;color: #999;text-align: center;}