header{
    height: 40px;
    line-height: 40px;
    padding-left: 3%;
}
ol,ul,dl,li{
    list-style: none;
}
.mainmenu h2{
    font-size: 25px;
    padding-left: 20px;
    background: rgba(38,113,255,0.4);
    color: white;
    border-radius: 10px 10px 0 0;
    height: 30px;
    line-height: 30px;
    font-family:kaiti;
}
/*页面加载*/
#loading{
    width: 100%;
    height: 100%;
    background: rgba(247, 235, 255, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    display: none;
}
#mainwrap{
    width: 100%;
    height: 100%;
    background: url("../img/indexLogo/backmain.jpg") center no-repeat;
    background-size: 100% 100%;
    position: relative;
}
.userName{
    float: left;
    font-size: 16px;
    display: inline-block;
    height: 30px;
    position: relative;
    top: 15px;
}
.mainmenu{
    /*height: 280px;*/
    height: 38%;
    width: 45%;
    display: inline-block;
    background: rgba(255,255,255,0.3);
    margin-bottom: 10px;
    border-radius: 10px;
    position: absolute;
}
.mainitem{
    height: calc(100% - 30px);
    transition-property: left ;
    transition-duration: 2s;
    border-radius: 0 0 10px 10px;
    position: absolute;
}
.mainitem ul{
    width: 99%;
    height: 100%;
    padding-left: 1%;
    /*overflow-x:auto;*/
    white-space: nowrap;
    margin-left: 12%;
    font-size: 1em;
}
.disabled {
    pointer-events:none;/*使其不可点击*/
    opacity:0.6;         /*使其样式变为不可用 */
    color: gray;
}
.selectorLeft{
    position: absolute;
    top: 42%;
    left: 0;
}
.selectorRight{
    position: absolute;
    top: 42%;
    right: 0;
}
.displayClass{
    display: none;
}
.mainmenu ul li{
    color: white;
    display: inline-block;
    width: 18%;
    height: 240px;
    border-radius: 10px;
    position: relative;
}
.mainitem ul li{
    position: relative;
}
.mainmenu .mainitem #systemM li{
    height: 49%;
}
.mainitem ul li .itemCon{
    position: absolute;
    display: inline-block;
    width: 100%;
    text-align: center;
    font-weight: bold;
    color: #215d98;
}
.mainmenu ul li img{
    position: absolute;
    width: 85%;
    /*top: 35%;*/
    left: 10%;
    top: 70px;
    /*text-align: center;*/
    border-radius: 8px;
}
.mainmenu .mainitem #systemM li div{
    width: 100%;
    height: 100%;
}
.mainmenu .mainitem #systemM li img{
    position: absolute;
    width: 65%;
    top: 7%;
    left: 7%;
    /*text-align: center;*/
}
.mainmenu ::-webkit-scrollbar
{
    width: 6px;  /*滚动条宽度*/
    height: 6px;  /*滚动条高度*/
}

/*定义滚动条轨道 内阴影+圆角*/
.mainmenu ::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;  /*滚动条的背景区域的圆角*/
    background-color: #f6fff9;/*滚动条的背景颜色*/
}

/*定义滑块 内阴影+圆角*/
.mainmenu ::-webkit-scrollbar-thumb
{
    border-radius: 10px;  /*滚动条的圆角*/
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #d9ccd7;  /*滚动条的背景颜色*/
}


/*人员信息*/
#personInfoWrap{
    /*width: 83%;*/
    /*height: 600px;*/
    /*background: white;*/
    z-index: 9;
    /*position: absolute;*/
    /*left: 7%;*/
    /*top: 9%;*/
}
#personInfoWrap .personListWrap {
    width: 19%;
    height: 46%;
    background: #fafafa;
    display: inline-block;
    padding: 1% 0 0 1%;
}
#personInfoWrap #humanDetail {
    width: 78%;
    height: 89%;
    display: inline-block;
    float: right;
    position: relative;
}
#orgHumanWrap{
    width: 100%;
    height: calc(100% - 30px);
}

.itemSelect li {
    width: 130px;
    height: 25px;
    border-radius: 5px;
    display: inline-block;
    float: left;
    text-align: center;
    background: #4a6aa7;
    line-height: 23px;
    /*border: 1px solid #d4d4d4;*/
    /*border-bottom: 2px solid #d4d4d4;*/
    color: #fff;
}

.itemSelect .selectContext {
    background: #4494f8;
    border-color: #1d1d1d;
}

.OrgStructInfo {
    width: 100%;
    height: calc(100% - 30px);
    position: absolute;
    left: 0;
    top: 25px;
}

.OrgStructInfo label {
    display: inline-block;
    width: 85px;
    text-align: right;
    margin: 5px;
}
.OrgStructInfo .functionKeyArea label{
    display: inline-block;
    width: 7%;
    text-align: center;
    margin: 5px 0 0 0;
}
.OrgStructInfo input {
    margin: 5px;
}
.OrgStructInfo .functionKeyArea input{
    display: inline-block;
    width: 150px;
    line-height: 25px;
    margin: 0;
}
#personList{
    position: relative;
    height: 54%;
    width: 128%;
    left: -28%;
}
#personList .xialadata{
    z-index:2;
    width: 150px;
    height: 25px;
    line-height: 25px;
    position: relative;
}
#personList .xialadata select{
    width: 150px;
    box-sizing: border-box;
}
#personInfoWrap .select2-container--default .select2-selection--single .select2-selection__rendered{
    width: 120px;
}
/*人员列表table*/
#allPerson{
    width: 100%;
    height: 209px;
}
/*通用统计*/
#generalStatistics{
    width: 83%;
    height: 75%;
    background: white;
    position: absolute;
    left:9%;
    top: 12%;
}
#generalReport{
    height:calc(100% - 30px);
}
#generalTable{
    width: 100%;
    height: calc(100% - 38px);
    overflow-x: auto;
    overflow-y: hidden;
}
/*在线统计*/
#onlineStatistics{
    /*width: 82%;*/
    /*height: 600px;*/
    /*background: white;*/
    /*position: absolute;*/
    /*left: 9%;*/
    /*top: 14%;*/
    z-index: 9;
}
#onlineCarTable{
    width: 100%;
    height: calc(100% - 30px);
}
#onlineTable{
    /*display: block;*/
    height: 100%;
    border-spacing: 0;
    overflow: hidden;
}
/*离线统计*/
#offLineStatistics {
    /*width: 740px;*/
    /*height: 600px;*/
    /*background: white;*/
    /*position: absolute;*/
    /*left: calc(50% - 370px);*/
    /*top: 14%;*/
    z-index: 9;
}
#offCarList{
    width: 100%;
    height: calc(100% - 30px);
}
#offLineCarTable{
    height: 100%;
    border-spacing: 0;
    overflow: hidden;
}
/*终端里程统计*/
#terminalMileage{
    width: 890px;
    height: 70%;
    background: white;
    position: absolute;
    left: calc(50% - 445px);
    top: 14%;
}
#terminalReport{
    height:calc(100% - 30px);
}
/*行车分析报表*/
#vehicleAnalyze{
    z-index: 9;
}
#tidTAble{
    width: 100%;
    height: calc(100% - 40px);
}
#tidTAblee{
    width: 100%;
    height: calc(100% - 62px);
}
#uContinueMinute{
    position: absolute;
    top: 5px;
    left: 1px;
    border-bottom: 0px;
    border-right: 0px;
    border-left: 0px;
    border-top: 0px;}
/*分组管理*/
.groupManger {
    z-index: 9;
}
.treeView .ztree li{
    overflow: hidden;
}
.selec {
    display: flex;
    flex: 3;
    background: #fafafa;
    padding: 1% 0 0 1%;
}
#infoTree{
    width: 100%;
    height: 96%;
    margin-top: 2%;
}
.groupInfo {
    display: flex;
    flex: 7;
    padding: 2% 0 0 3%;
    position: relative;
}

.groupInfo label {
    width: 80px;
    text-align: right;
    display: inline-block;
    margin: 0.5%;
    font-weight: normal;
}

.groupInfo input{
    width: 40%;
    margin: 0.5%;
    height: 25px;
    line-height: 25px;
    text-align: left;
}

.groupInfo select{
    width: calc(40% + 3px);
    margin: 0.5%;
    height: 25px;
    line-height: 25px;
    text-align: left;
}
.groupInfo .buttonGroup {
    position: relative;
    left: 2%;
    top: 2%;
}

.groupInfo .buttonGroup button {
    background: #6a9adc;
    border: none;
    color: white;
    font-size: 16px;
}

.groupInfo .notes {
    color: #888888;
    position: relative;
    top: 4%;
    left: 2%;
}

.groupInputBlock {
    display: inline-block;
}

.changed {
    display: none;
}

.lightblue {
    background: #00C1B3;
}

.chosed {
    background: skyblue;
}

/*注册管理*/

#registerWrap {
    z-index: 2;
}
#register {
    width: 100%;
    height: 100%;
    background: white;
}
#register .deviceWrap {
    background: #fafafa;
    display: flex;
    flex: 1;
    padding: 5px;
}
.deviceDetail button img{
    height: 16px;
    line-height: 16px;
    position: relative;
    top: 3px;
}

#content{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#ulFloat ul{
    float: left;
}
#con ul{
    width: 100%;
}
#con ul li{
    margin-top: 3px;
    width: 25%;
    float: left;
    display: flex;
    flex-direction: row;
}
#con ul li label{
    display: inline-block;
    width: 80px;
    text-align: right;
    padding-right: 5px;
}
#con ul li input{
    height: 25px;
    display: inline-block;
    width: calc(100% - 100px);
}
#con ul li select{
    height: 25px;
    width: calc(100% - 98px);
}
#pointManage button img {
    height: 16px;
    line-height: 16px;
    position: relative;
    top: 3px;
}

#otherCon  li{
    overflow: hidden;
    margin-top: 3px;
    width: 25%;
    float: left;
}
#otherCon  li input{
    padding: 0;
    margin: 0;
    width: 56%;
    height: 21px;
}
#otherCon  li select{
    padding: 0;
    margin: 0;
    width: 57%;
    height: 25px;
}
#otherCon{

}

#conTitle ul{

}
#register .search {
    border: 0;
    background: none;
}
#register .buttonGroup {
    position: absolute;
    bottom: 6%;
    left: 10%;
}
#register .buttonGroup button {
    background: #6a9adc;
    border: none;
    color: white;
    font-size: 16px;
}
#register .tablebelow table {
    width: 100%;
}
#register .deviceDetail {
    display: flex;
    flex: 5;
    position: relative;
}
.deviceDetail .infoStyle{
    display: inline-block;
    width: 70px;
    height: 25px;
}
.deviceDetail .vecInfoMargin{
    margin-left: 75px;
}

#conTitle li{
    height: 32px;
}
.deviceDetail select:disabled{
    background: rgb(235,235,228);
}
textarea {
    margin: 0.5%;
}
#register .buttonGroup {
    position: absolute;
    bottom: 6%;
    left: 10%;
}
#registerTable{
    width: 100%;
    height: 100%;
    overflow: auto;
}
/*司机管理*/
.tableDriver {
    width: 100%;
    height:42%;
}
/*注册设备蒙版*/
#registerMeng{
    width: 100%;
    height: 100%;
    background: rgba(218, 220, 220, 0.4);
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    z-index: 3;
}


/*添加已存在的设备*/
#addExistVecDefine{
    width: 300px;
    height: 140px;
    position: absolute;
    z-index: 3;
    left: calc(50% - 150px);
    top: calc(50% - 100px);
    display: none;
}

#cmdVehicleInfoTable{
    display: block;
}
#cmdVehicleInfoTable th {
    display: inline-block;
    border-right: 1px solid #d5d5d5;
    text-align: center;
    white-space: nowrap;
    margin: 0;
    position: relative;
    top: -1px;
    padding: 0;
}
#cmdVehicleInfoTable th span,
#cmdVehicleInfoTable tr td span{
    display: inline-block;
    height: 32px;
    line-height: 32px;
}
#cmdVehicleInfoTable tr td{
    white-space: nowrap;
    border-right: 1px solid rgba(255,255,255,0.1);
    overflow: hidden;
    font-size: 14px;
    border-spacing: 0;
    border-collapse: collapse;
    display: inline-block;
    padding: 0;
}
#cmdVehicleInfoTable tbody {
    width: 100%;
    display: block;
    height: 205px;
    overflow-y: auto;
    overflow-x: hidden;
}
/*#tabelDEtail thead,*/
#cmdVehicleInfoTable tbody tr {
    white-space: nowrap;
    display: table;
    width: 100%;
    table-layout: fixed;
    text-align: center;
}
#cmdVehicleInfoTable thead {
    width: 100%;
    white-space: nowrap;
    height: 32px;
    color: white;
}
#cmdVehicleInfoTable thead tr{
    white-space: nowrap;
    /*display: block;*/
}



/*用户管理*/
#userManage {
    /*width: 600px;*/
    /*height: 600px;*/
    /*background: white;*/
    /*position: absolute;*/
    /*left: calc(50% - 300px);*/
    /*top: calc(50% - 300px);*/
}

#userManage h4 {
    height: 30px;
    line-height: 30px;
    background: #e2e2e2;
    color: #1a4885;
}

#userManage .leftForm span {
    display: inline-block;
    width: 10%;
}

#userManage .userListWrap {
    display: flex;
    flex: 2;
    flex-direction: column;
    background: #fafafa;
    height: calc(100%- 40px);
}
#userList li{
    overflow: hidden;
}
.userDetailInfo {
    display: flex;
    flex: 3;
    height: calc(100%- 40px);
}

.userDetailInfo p {
    width: 100%;
    height: 35px;
    line-height: 35px;
    margin-left: 20px;
}

.userDetailInfo p span {
    display: inline-block;
    width: 70px;
    margin-right: 20px;
}

.userDetailInfo p input {
    height: 28px;
}

.userDetailInfo p button {
    background: #6a9adc;
    font-size: 20px;
}

.userDetailInfo p button img {
    margin-top: -3px;
}
.userDetailInfo #userInfoMask {
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.6);
    position: absolute;
    left: 0;
    top: 0;
    display:none
}
/*权限定义*/
#rightDefined {
    /*width: 600px;*/
    /*height: 500px;*/
    /*background: white;*/
    /*position: absolute;*/
    /*left:calc(50% - 300px);*/
    /*top: calc(50% - 250px);*/
    z-index: 9;
}

.rightsArr {
    display: flex;
    flex: 2;
    flex-direction: column;
    height: calc(100%- 40px);
}

.rightsArr ol li {
    height: 28px;
    line-height: 28px;
    padding-left: 20px;
}

.leftFormDetails {
    display: flex;
    flex: 3;
    height: calc(100%- 40px);
}

.leftFormDetails p {
    width: 100%;
    height: 35px;
    line-height: 35px;
}

.leftFormDetails p span {
    display: inline-block;
    margin-right: 20px;
}

.leftFormDetails p input {
    height: 28px;
}

.leftFormDetails p button {
    background: #6a9adc;
    font-size: 20px;
}
/*角色定义*/
#UserRoleDefineWrap{
    /*width: 600px;*/
    /*height: 500px;*/
    /*background: white;*/
    /*position: absolute;*/
    /*left:calc(50% - 300px);*/
    /*top: calc(50% - 250px);*/
    z-index: 9;
}
.roleList{
    display: flex;
    flex: 2;
    flex-direction: column;
    height: calc(100%- 40px);
}
.roleList ol li {
    height: 28px;
    line-height: 28px;
    padding-left: 20px;
}
#roleType{
    width: 160px;
    height: 28px;
    position: relative;
    left: -5px;
}
.leftForm p button img {
    margin-top: -3px;
}

/*权限分配*/
#userRoleRight {
    /*width: 600px;*/
    /*height: 600px;*/
    /*background: white;*/
    /*position: absolute;*/
    /*left:calc(50% - 300px);*/
    /*top: calc(50% - 300px);*/
    z-index: 9;
}

#userRoleRight h4 {
    height: 30px;
    line-height: 30px;
    background: #e2e2e2;
    color: #1a4885;
}
#rightList{
    width: 100%;
    height: 95%;
    margin: 0;
    padding: 0;
}

/*日志*/
#multiLogWrap {
    /*width: 82%;*/
    /*height: 600px;*/
    /*background: white;*/
    /*position: absolute;*/
    /*left: 9%;*/
    /*top: calc(50% - 300px);*/
    z-index: 9;
}
#driverLists{
    float: left;
    width :19% ;
    height: calc(92% + 1px);
    background: #fff;
}
#driverLists  p{
    float: left;
    margin: 8px;
    line-height: 30px;
    font-size: 26px;
}
#driverLists  button{
    float: right;
    margin: 11px;
    color: white;
}
#hengxian{
    height: 7%;
    border-bottom: 2px solid #e6e9ee;
}
#TidList{
    width: 19%;
    position: absolute;
    left: 0px;
    top: 75px;
    height: 86%;
    overflow: auto;

}
#mulitlog {
    width:100%;
    height: 488px;
    overflow-x: auto;
    overflow-y: hidden;
}
/*报警日志*/
#alertLogWrap{
    /*width: 60%;*/
    /*min-width: 650px;*/
    /*height: 600px;*/
    /*background: white;*/
    /*position: absolute;*/
    /*left: 20%;*/
    /*top: calc(50% - 300px);*/
    z-index: 9;
}

#alertTable{
    width: 100%;
    height: calc(100% - 32px);
    overflow-x: auto;
    overflow-y: hidden;
    /*overflow: auto;*/
}
#alertLogTable{
    width: 100%;
}
/**/
#hideQueryRegion{
    display: none;
}
/*司机管理*/
#driverWrap{
    width: 800px;
    height: 600px;
    background: white;
    position: absolute;
    left: calc(50% - 400px);
    top: calc(50% - 300px);
}
#driverWrap .driverDetail{
    width: 100%;
    height: 50%;
    background: deepskyblue;

}
#driverInfo{
    width: 100%;
    height: 46%;
}
#driverInfo label{
    display: inline-block;
    width: 100px;
    text-align: right;
}
#driverInfo input{
    width: 130px;
    height: 26px;
    margin: 5px;
}
#driverInfo select{
    width: 134px;
    height: 26px;
    margin: 5px;
}
#driverInfo input:disabled{
    background: #f3f3f3;
}
.driverInfo select:disabled{
    background: #f3f3f3;
}
.showImg{
    margin-left: 45px;
    width: 110px;
    height: 120px;
    display: inline-block;
    background: #eee;
}
.showImg img{
    width: 100%;
    height: 100%;
}
.upload{
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    position: relative;
    top: -3px
}
.receiptPhoto {
    top: 5px;
    position: relative;
    display: inline-block;
    border-radius: 4px;
    padding: 0 10px;
    overflow: hidden;
    text-decoration: none;
    text-indent: 0;
    line-height: 25px;
    background: #45a3fd;
    border: none;
    color: white;
    font-size: 16px;
    margin-left: 22px;
}
.receiptPhoto:hover{
    text-decoration: none;
}
.receiptPhoto input {
    position: absolute;
    font-size: 16px;
    right: 0;
    top: 0;
    opacity: 0;
    width: 60px;
    height: 25px;
    text-align: right;
    vertical-align: top;
    display: inline-block;
}
.lookPic{
    display: inline-block;
    width: 69px;
    height: 25px;
    position: relative;
    top: 6px;
}
.lookPic button{
    background: #4dc7fc;
    padding: 2px;
    color: white;
    width: 59px;
}






/*电子围栏*/
#electSel{
    display: inline-block;
}
#electSel li{
    width: 120px;
    height: 30px;
    /*color: white;*/
    border: 1px solid #d4d4d4;
    display: inline-block;
    line-height: 30px;
    text-align: center;
}
.activeType{
    background: #4494f8;
    color: #fff;
}
#pointManage {
    z-index: 9;
}
#pointManage .funcBtn{
    width: 80px;
}
.pointSet{
    line-height: 30px;
    padding: 0 10px;
}
.point_div_AlertDenyTime table {
    width: 100%;
}
.point_div_AlertDenyTime table tr {
    height: 50%;
    line-height: 28px;
}
.point_div_AlertDenyTime table th {
    border-right: 1px solid #d5d5d5;
    padding: 4px 0;
    background: #eaeaea;
    text-align: center;
}
/*区域管理*/
#ulGroupTree li{
    overflow: hidden;
}


.addtionalManaDiv {
    float: left;
    width: 50%;
    line-height: 17px;
    margin: 2px 0;
    display: inline-block;
}
.nsDistance {
    display: inline-block;
}

.point_div_AlertDenyTime {
    width: 98%;
    height: 30%;
    margin-top: 1%;
    padding: 0 1%;
    overflow: auto;
}
#pointManage button{
    border: 0;
    padding: 1px 6px;
    vertical-align: middle;
    color: white;
    line-height: 20px;
}
#pointManage button img{
    height: 16px;
    line-height: 16px;
    position: relative;
    top: 3px;
}
.tree li span {
    color: #333;
}




/*车辆列表树*/
/*车辆列表树*/
#popCarTreeList{
    width: 265px;
    height: 400px;
    position: absolute;
    left:calc(50% - 200px);
    top:calc(50% - 200px);
    z-index: 9;
    background: #e5e9f3;

}
#popCarList li a.curSelectedNode{
    background-color:#cacec6;
}
#popCarTreeList #popCarList{
    width: 190px;
    height: 270px;
    margin-left: 30px;
    overflow: auto;
}
#popCarTreeList select{
    display: inline-block;
    width: 120px;
    text-align: center;
}
#popCarTreeList button{
    padding: 2px 8px;
    background: #45a3fd;
}


#ulGroupTree li span.button.ico_docu::before {
    color: #333;
}

#ulGroupTree li span.button::before {
    color: #333;
}



/*区域查车*/
#RegionQueryCar{
    width: 83%;
    height: 600px;
    background: white;
    z-index: 9;
    position: absolute;
    left: 7%;
    top: 9%;
}


@media screen and (max-width: 850px) {
    .mainmenu ul li{
        width: 18%;
    }
}
@media screen and (max-width: 450px) {
    .mainmenu ul li{
        width: 17%;
    }
}
.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* 防止水平滚动条 */
    overflow-x: hidden;
}
/*轨迹线 mian页面*/

#trajectory{
    width: 60%;
    height: 70%;
    position: absolute;
    left:20%;
    top:calc(50% - 259px);
    background: white ;
}
#driverZtreelist{
    width: 210px;
    height: 50%;
    position: absolute;
    left:43%;
    top:calc(50% - 259px);
    /*background: -webkit-linear-gradient(#e9f0f7, #b5dbf2); !* Safari 5.1 - 6.0 *!*/
    /*background: -o-linear-gradient(#e9f0f7, #b5dbf2); !* Opera 11.1 - 12.0 *!*/
    /*background: -moz-linear-gradient(#e9f0f7, #b5dbf2); !* Firefox 3.6 - 15 *!*/
    /*background: linear-gradient(#e9f0f7, #b5dbf2); !* 标准的语法 *!;*/
    background: #e5e9f3;
}
#ztreeDriver{
    height: 92%;
    margin: 17px;
    overflow: auto
}
#ztreeDriver li:hover{
  background: #cacec6;
}
.ztreeDriver{
    background: #2aabd2;
}
#ztreeDriver li input{
    width: 15px;
    height: 15px;
}
#ztreeDriver li span{
    font-size: large;
    margin-left: 10px;
}
.test-1::-webkit-scrollbar {/*滚动条整体样式*/
    width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
.test-1::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background:  #c0c0c0;
}
.test-1::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 10px;
    background: transparent;
}

/*::-webkit-scrollbar {!*滚动条整体样式*!*/
    /*width: 10px;     !*高宽分别对应横竖滚动条的尺寸*!*/
    /*height: 1px;*/
/*}*/
/*::-webkit-scrollbar-thumb {!*滚动条里面小方块*!*/
    /*border-radius: 10px;*/
    /*-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);*/
    /*background:  #c0c0c0;*/
/*}*/
/*::-webkit-scrollbar-track {!*滚动条里面轨道*!*/
    /*-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);*/
    /*border-radius: 10px;*/
    /*background: transparent;*/
/*}*/
/*传感器油耗图*/
#sensorWorkStateChart{
    /*width: 80%;*/
    /*height: 80%;*/
    /*background-color: white;*/
    /*position: absolute;*/
    /*left: 10%;*/
    /*top: 5%;*/
    z-index: 9
}
#mainhome .ui-jqgrid tr.jqgrow td {
text-overflow : ellipsis;
}
#spy .ui-jqgrid tr.jqgrow td {
    /*text-overflow : ellipsis;*/
    white-space: normal !important;
    /*height:auto;*/
    padding-top:2px;
    word-break:break-all;
}
.tdEllipsis {
    white-space: nowrap;
    text-overflow : ellipsis;
}
#CameraManage{
    /*width: 52%;*/
    /*height: 600px;*/
    /*background: white;*/
    /*position: absolute;*/
    /*left: 22%;*/
    /*top: 10%;*/
    z-index: 9;
}
.labelInput{
    width: 100%;
    height: 35%;
    overflow: hidden;
}
.labelInput ul li{
    list-style: none;
    float: left;
    margin-left: -1%;
    margin-top: 2px;
    width: 34%;
}
.labelInput ul li input{
    display: inline-block;
    width: 53%;
    height: 20px;
    line-height: 20px;
}
.labelInput ul li label{
    display: inline-block;
    width: 94px;
    text-align: right;
    margin: 5px;
}
.tableCamera{
    width: 100%;
    height: 50%;
    /*background: #b6b6b6;*/
}
#buttonAdd{
    overflow: hidden;
    width: 100%;
    height: 10%;
    padding-left: 17%;
}
#buttonAdd button{

    height: 25px;
    font-size: 18px;
}
/*其他功能界面*/
#other{
    /*width: 80%;*/
    /*height: 80%;*/
    /*background-color: white;*/
    /*position: absolute;*/
    /*left: 10%;*/
    /*top: 5%;*/
    z-index: 3
}
#contentList{
    margin: 10px;
}
#contentList li{
    list-style: none;
    width: 125px;
    float: left;
}
#contentList li span{
    margin-left: 15%;
}
#Dataforward{
    /*width: 45%;*/
    /*height: 60%;*/
    /*background-color: white;*/
    /*position: absolute;*/
    /*left: 27%;*/
    /*top: 15%;*/
    z-index: 9;
}
#Dataforward_con{
    width: 100%;
    height: 35%;
}
#Dataforward ul{
    width: 100%;
    height: 70%;
}
#Dataforward ul li{
    width: 50%;
    float: left;
}
#Dataforward_con ul li input{
    display: inline-block;
    width: 53%;
    height: 20px;
    line-height: 20px;
}
#Dataforward_con ul li select{
    display: inline-block;
    width: 54%;
    height: 25px;
    line-height: 25px;
}
#Dataforward_con ul li label{
    display: inline-block;
    width: 94px;
    text-align: right;
    margin: 5px;
}
#btnData{
    width: 100%;
    height: 22%;
    padding-left: 18%;
}
#btnData button{

    height: 30px;
    font-size: 18px;
}
#btnData button img{
    height: 16px;
    line-height: 16px;
    position: relative;
    top: 3px;
    vertical-align: top;
}

#DatatableDiv{
    width: 100%;
    height: 58%;
}
/*//车辆分配*/
#carDistribution{
    /*width: 54%;*/
    /*height: 80%;*/
    /*background-color: white;*/
    /*position: absolute;*/
    /*left: 24%;*/
    /*top: 5%;*/
}
#userNameTo li label{
    display: inline-block;
    width: 94px;
    text-align: right;
    margin: 5px;
}
#userNameTo li input{
   width: 60%;
    height: 25px;
    line-height: 25px;
}
#yichubuzhou{
    width: 458px;
    display: block;
    height: 30px;
    margin-left: 28%;
}
#yichubuzhou li{
    width: 70px;
    text-align: center;
    list-style: none;
    line-height: 30px;
    float: left;
    margin-left: 20%;
}
#yirubuzhou{
    width: 407px;
    display: block;
    height: 30px;
    margin-left: 27%;
}
#yirubuzhou li{
    width: 70px;
    text-align: center;
    list-style: none;
    line-height: 30px;
    float: left;
    margin-left: 25px;
}

#zhanghaokelong{
    width: 407px;
    display: block;
    height: 30px;
    margin-left: 27%;
}
#zhanghaokelong li{
    width: 110px;
    text-align: center;
    list-style: none;
    line-height: 30px;
    float: left;
    margin-left: 25px;
}
#fenzukelong{
    width: 80%;
    display: block;
    height: 30px;
    margin-left: 23%;
}
#divCarFenzuTo ul li{
   cursor: pointer;
    font-size :16px;
}
#fenzukelong li{
    width: 100px;
    text-align: center;
    list-style: none;
    line-height: 30px;
    float: left;
    margin-left: 25px;
}
.divJiHe{
    width: 33%;
    height: 76%;
    /* float: left; */
    display: none;
    margin-top: 2%;
    margin-left: 37%;
}
.red{
    background: red;
}
#newFenzu label {
    width: 80px;
    text-align: right;
    display: inline-block;
}
#newFenzu input{
    height: 30px;
    margin-top: 7px;
}

/*微信管理*/
#weiXinWrap{
    /*width: 78%;*/
    /*min-width: 650px;*/
    /*height: 600px;*/
    /*background: white;*/
    /*position: absolute;*/
    /*left: 20%;*/
    /*top: calc(50% - 300px);*/
    z-index: 9;
}
#weiXinTableContent{
    display: inline-block;
    height:calc(100% - 32px);
    width: 50%;
    float: left;
}
#weiXinTableWrap{
    width: 100%;
    height: 50%;
    overflow: auto;
}
#operateUser{
    width: 100%;
    height: 50%;
}

#operateUser label{
    display: inline-block;
    width: 127px;
    text-align: right;
    margin: 5px 0;
}
#operateUser input{
    display: inline-block;
    width: 250px;
}
#weiXinMenu{
    width: 50%;
    height: calc(100% - 32px);
    display: inline-block;
    float: right;
}
#menuOperate{
    width: 100%;
    height: 50%;
}
#menuOperate label{
    display: inline-block;
    width: 100px;
    text-align: right;
    margin: 5px 0;
}
#menuOperate input{
    display: inline-block;
    width: 250px;
}
#menuOperate select{
    display: inline-block;
    width: 250px;
}
#subMenu{
    width: 100%;
    height: 50%;
}
#subMenu .menuWrap{
    display:inline-block;
    float: left;
    /*width: 33%;*/
    width: 24%;
    height: 80%;
    margin: 0;
    padding: 0;
}
#subMenu .menuWrap li{
    margin: 3px;
    background: skyblue;
    height: 30px;
}
#zanCun{
    display:inline-block;
    float: left;
    width: 24%;
    height: 80%;
    margin: 0;
    padding: 0;
}
#zanCun ol li{
    margin: 3px;
    background: skyblue;
    height: 30px;
}
#downloadPicture{
    /*width: 80%;*/
    /*height: 705px;*/
    /*background: white;*/
    /*position: absolute;*/
    /*left: 9%;*/
    /*top: 4%;*/
    z-index: 9;
}
#pictureList{
    width: 100%;
    height: 100%;
}
/*#pictureList li{*/
    /*list-style: none;*/
    /*width: 48%;*/
    /*height: 500px;*/
    /*float: left;*/
    /*padding: 1%;*/
/*}*/
/*.pictureList li img{*/
    /*width: 100%;*/
    /*height: 70%;*/
/*}*/
.pictureListLi{
    list-style: none;
    width: 48%;
    height: 500px;
    float: left;
    padding: 1%;
}
.pictureListliimg{
    width: 100%;
    height: 73%;
}
.indexpicture{
    list-style: none;
    width: 25%;
    height: 334px;
    float: left;
    padding: 1%;
}
.indexpictureListliimg{
    width: 100%;
    height: 65%;
}
#expireCar{
    /*width: 40%;*/
    /*height: 70%;*/
    /*background: white;*/
    /*position: absolute;*/
    /*left: 29%;*/
    /*top: 8%;*/
    z-index: 9;
}
.realTimeLogWrap {
    width:400px;
    height: 325px;
    position: fixed;
    right: 20px;
    bottom: 258px;
    z-index: 6;
    background: #f0f0f0;
    /*!* overflow: hidden;*/
}
.logSwitch {
    width: 20px;
    height: 325px;
    background: #f0f0f0;
    /* border-right: none; */
    color: #000;
    /* display: inline-block; */
    position: fixed;
    right: 420px;
    /* top: 0; */
    /*!* z-index: 222;*/
}
.logSwitchs {
    width: 20px;
    height: 325px;
    background: #f0f0f0;
    /* border-right: none; */
    color: #000;
    /* display: inline-block; */
    position: fixed;
    /* top: 0; */
    /*!* z-index: 222;*/
}
#realTimeLog{
    width: 100%;
}


.alertTableLi{
    height: 30%;
    margin: 10px;
    width: 135px;
    text-align: center;
    float: left;
}
.alertTableSpan{
    white-space: pre-wrap;
}
#CallPolice{
    /*width: 60%;*/
    /*min-width: 650px;*/
    /*height: 600px;*/
    /*background: white;*/
    /*position: absolute;*/
    /*left: 20%;*/
    /*top: calc(50% - 300px);*/
    z-index: 9;
}
#alertLogTable{
    width: 100%;
}



/*报警日志*/
#QuickAlarmWrap{
    /*width: 60%;*/
    /*min-width: 650px;*/
    /*height: 600px;*/
    /*background: white;*/
    /*position: absolute;*/
    /*left: 20%;*/
    /*top: calc(50% - 300px);*/
    z-index: 9;
}
.quickSelectTime{
    width: 10%;
    height: 95%;
    float: left;
    padding-top: 2%;

}
.quickSelectTime label{
    width: 100%;
    display: block;
    text-align: center;
    line-height: 200%;
    font-weight: normal;
    height: 6%;
    background: cornflowerblue;
    margin-top: 5px;
}
.quickTableBox{
    float: left;
    width: 90%;
    height: 95%;
}
/*日报表*/
#dayLogWrap{
    /*width: 60%;*/
    /*min-width: 650px;*/
    /*height: 600px;*/
    /*background: white;*/
    /*position: absolute;*/
    /*left: 20%;*/
    /*top: calc(50% - 300px);*/
    z-index: 9;
}

#dayTable{
    width: 100%;
    height: calc(100% - 70px);
}
#dayLogTable{
    width: 100%;
}
/*码表*/
#tEnums{
    width: 50%;
    height: 100%;
    margin-left: 20%;
}
#TEnumsTabelWrap{
    width: 100%;
    height: calc(100% - 213px);
    background: #fff;
}
#TEnumstop {
    background: white;
}