/* 未能缩小。正在返回未缩小的内容。
(322,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
 */
ul, li {
    list-style: none;
}

input[type="text"] {
    margin-bottom: 0px !important;
    box-shadow: none;
    /*height: 20px;*/
    color: #333;
    padding: 5px;
}

input[disabled] {
    background: #fff;
}

.textbox-text.validatebox-readonly {
    color: #808080;
}

#search {
}


.table th {
    border-bottom: 0.062rem solid #dddddd !important;
    text-align: left !important;
}

.table td {
    text-align: center;
    vertical-align: middle !important;
}

.monitortable {
    border: none !important;
    /*border:1px solid #d3d3d3;*/
    border-collapse: collapse;
    margin-right: 10px;
}

table {
    /*border: 1px solid #d3d3d3;*/
    border-collapse: collapse;
}

/*.box-content.box-no-padding .table-striped th:last-child, .box-content.box-no-padding .table-striped td:last-child{
        border-right: none!important;
}
.box-content.box-no-padding .table-striped th:last-child, .box-content.box-no-padding .table-striped td:first-child{
        border-left: none!important;
}*/
.rukuIcon {
    background: url('../images/ruku1.png') no-repeat center;
    /*background-size: cover;
    display: block;
    width: 20px;
    height: 20px;*/
}

    .rukuIcon:hover {
        background: url('../images/ruku_hover.png') no-repeat center;
    }

.chouceIcon {
    background: url('../images/check.png') no-repeat center;
}

    .chouceIcon:hover {
        background: url('../images/chouce_hover.png') no-repeat center;
    }

.editIcon {
    background: url('../images/edit-after.png') no-repeat;
    background-size: cover;
    display: inline-block;
    width: 25px;
    height: 25px;
}

.deletIcon {
    background: url('../images/delet-after.png') no-repeat;
    background-size: cover;
    display: inline-block;
    width: 25px;
    height: 25px;
}

.icon-send, .icon-chouce, .icon-diaopei, .icon-area, .icon-storage, .icon-alarm, .icon-alarm, .icon-workArea, .icon-carArea, .icon-carRun, .icon-monitor {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: -5px;
    display: inline-block;
}

.icon-send {
    background: url('../images/rukuIcon.png') no-repeat;
}

.icon-chouce {
    background: url('../images/chouce.png') no-repeat;
}

.icon-diaopei {
    background: url('../images/diaopei.png') no-repeat;
}

.icon-area {
    background: url('../images/areaIcon.png') no-repeat;
}

.icon-storage {
    background: url('../images/productIcon.png') no-repeat;
}

.icon-alarm {
    background: url('../images/carAlarm.png') no-repeat;
}

.icon-workArea {
    background: url('../images/workArea.png') no-repeat;
}

.icon-carArea {
    background: url('../images/carArea.png') no-repeat;
}

.icon-carRun {
    background: url('../images/carRun.png') no-repeat;
}

.icon-monitor {
    background: url('../images/monitor.png') no-repeat;
}

#outDiv {
    /*padding: 30px 30px;*/
    margin: 0 auto;
    background-color: #fff;
    padding-top: 5px;
    margin: 15px;
}

    #outDiv .btns {
        margin-top: 20px;
    }

    #outDiv table {
        border-collapse: collapse;
        font-size: 12px;
    }

.td-left {
    width: 30%;
    /*background-color: #f5f5f5;*/
}

.carVIN {
    height: 30px;
    line-height: 30px;
    color: #00c0ef;
    font-size: 16px;
    text-align: center;
}

.cutLine {
    margin-top: 20px;
    border-top: 5px solid #666d79;
    padding-top: 15px;
}

.cutLineB {
    margin-top: 20px;
    border-color: #666d79;
}

.btns {
    text-align: center;
    font-size: 0;
}

#outDiv th {
    /*background: #2164B2;*/
    font-size: 14px;
    text-align: center;
}

#outDiv table th, td {
    height: 35px;
}

.outDiv table td {
    border-bottom: 1px solid #e0e0e0;
}

.outDiv table thead tr {
    background-color: #f5f5f5;
}

.firstTd {
    /*background-color: #f5f5f5;
    text-align: center;*/
}

#form1 ul li {
    list-style: none;
}

.control-label {
    float: left;
    /*width: 100px !important;*/
    padding-top: 5px;
    text-align: right;
}

#outDiv label {
    margin: 0 15px 0 4px;
}

.btns input[type='button'], .btns input[type='text'] {
    margin-left: 15px;
    border-radius: 5px !important;
}

.btns input[type='button'], .btns input[type='submit'], .btns button[type='button'], .btns button[type='submit'] {
    height: 30px;
    color: white;
    padding: 0px 20px;
    line-height: 30px;
    border: none;
    color: #fff;
}

input[value='搜索'] {
    position: absolute;
    right: 0px;
    margin-left: 0px;
}

.btns input[placeholder='请输入关键字'] {
    width: 250px;
    background-color: white;
    border: 1px solid #cfd4da;
    box-shadow: none;
    height: 30px;
    padding-right: 70px;
}

.btns input[placeholder='请输入要查询的关键字'] {
    width: 250px;
    background-color: white;
    border: 1px solid #cfd4da;
    box-shadow: none;
    height: 30px;
    padding-right: 70px;
}
/*结束*/
.row_selected td {
    background: #fff;
}

#BindingTable tr td {
    height: 30px !important;
    padding: 0 !important;
}

#BindingTable .row_selected {
    background: #0188cc !important;
    cursor: pointer !important;
}

#HisConventInforTable .row_selected {
    background: #0188cc !important;
    cursor: pointer !important;
}

#HisCANTable .row_selected {
    background: #0188cc !important;
    cursor: pointer !important;
}

#BindingTable tr {
    cursor: pointer !important;
}

#BindingTable .row_selected > td {
    background: #0188cc !important;
    color: #fff !important;
}

#CarChangeTable .row_selected > td {
    background: #e8e9f1 !important;
}

.dataTables_length {
    margin: 0 10px !important;
    padding: 8px 0;
}

.bindcar .dataTables_length {
    margin: 0 10px !important;
    padding: 10px 0;
}

.dataTables_length label {
    margin-bottom: 0 !important;
}

.dataTables_length select {
    margin-bottom: 0 !important;
    margin: 0 10px;
    border-radius: 0;
    height: 26px !important;
}

.dataTables_paginate {
    /*padding: 0 !important;
    margin: 6px 10px 4px 10px !important;
    text-align: right;
    /*line-height: 32px;*/ */;
}

.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -100px;
    width: 200px;
    margin-top: -15px;
    height: 30px;
    line-height: 30px;
    /*background: #74C6C9;*/
    z-index: 333;
    filter: alpha(opacity=50);
    border-radius: 5px;
    text-align: center;
    color: #fff;
}

.dataTables_empty {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -50px;
    width: 100px;
    height: 24px;
    margin-top: -12px;
    border-top: none !important;
    background: #fff;
    z-index: 300;
}

.table-footer {
    background: #eee !important;
}

.table thead th {
    background: #E5E9EC;
    color: #333;
    font-weight: 400 !important;
    text-align: left;
    white-space: normal;
    height: 30px;
    padding: 0;
    line-height: 30px;
    min-width: 100px;
    text-align: left;
    padding-left: 10px;
    border-bottom: 1px solid #dddddd;
}

.table tbody tr td {
    /*text-align:left;*/
    font-size: 12px;
    height: 40px;
    padding: 0 10px 0px 20px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #dddddd;
    text-align: left;
}

.tablefooter {
    /*border-top: 1px solid #d4d4d4;
    background: #fff;
    height: 65px;
    padding-top: 10px;*/
    /*border-bottom:1px solid #ddd;*/
}

.totalinfo, .pagenum {
    /*float: left*/
}
/*#histab2 .tablefooter {
    display: none !important;
}*/

.dataTables_wrapper {
    *zoom: 1;
}

    .dataTables_wrapper:before, .dataTables_wrapper:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .dataTables_wrapper:after {
        clear: both;
    }

    .dataTables_wrapper .dataTables_length {
        margin: 13px 10px 5px 6px;
        float: right;
    }

    .dataTables_wrapper .dataTables_filter {
        margin: 10px 10px 5px 10px;
        float: right;
    }

    .dataTables_wrapper .dataTables_info {
        /*padding: 0;
        margin: 14px 10px 10px 13px;*/
    }

    .dataTables_wrapper .dataTables_paginate {
        text-align: right;
        margin-right: 10px;
    }

    .dataTables_wrapper .filter_column input[type="text"] {
        display: block;
        width: 100%;
        min-height: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

.dataTables_scrollHead {
}

.dataTables_paginate .paginate_button {
    border: 1px solid #ccc;
    margin: 0 1px;
    padding: 10px 15px;
    background: #fff;
    color: #000;
    /*-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;*/ font-size: 11px;
    /*-moz-box-shadow: 1px 1px 2px #ddd; -webkit-box-shadow: 1px 1px 2px #ddd; box-shadow: 1px 1px 2px #ddd;*/
}

.dataTables_paginate .current {
    border: 1px solid #50C1E9;
    /*background: #27c0a1;
        color: #fff !important;*/
    padding: 10px 15px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    font-size: 11px;
    background-color: #50C1E9;
    color: #fff;
    margin: 0 1px;
}

    .dataTables_paginate .current:hover {
        /*background: #27c0a1 !important;*/
        color: #fff !important;
        border: 1px solid #50C1E9;
        margin: 0 1px;
    }

.dataTables_paginate .paginate_button:hover {
    background: #50C1E9;
    border: 1px solid #50C1E9;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
}

.footer {
    height: 40px;
    background: #007d83;
    color: #fff;
    text-align: center;
    line-height: 40px;
}

.dataTables_paginate .first, .dataTables_paginate .last {
}

.dataTables_paginate .first {
    /*border-radius: 5px 0 0 5px*/
}

.dataTables_paginate .last {
    border-radius: 0 5px 5px 0;
}

.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
    background-color: #fff;
}

#BindingTable thead th {
    border-left: 1px solid #ddd !important;
}

.suo, .edit, .delete, .matter,
.unbing {
    width: 25px;
    height: 25px;
    display: inline-block;
    cursor: pointer;
    /*color: #27C0A1;*/
    margin-right: 10px;
}

.matter {
    box-sizing: border-box;
    display: inline-block !important;
    padding-top: 7px;
}

    .suo:hover, .edit:hover, .delete:hover, .matter:hover,
    .unbing:hover {
        color: #21aa36;
    }

.unbing {
    line-height: 28px;
}

.tablehead {
    padding-left: 20px;
    background: #f5f6fa;
    /*color: #27c0a1;*/
    line-height: 40px;
    /*border-bottom: 1px solid #cdd2d2;*/
}

.user, .group, .role {
    width: 14px;
    height: 14px;
    display: inline-block;
}

.user {
    background: url("../images/user.png") no-repeat;
}

.group {
    background: url("../images/group.png") no-repeat;
}

.role {
    background: url("../images/role.png") no-repeat;
}

.dataTables_scrollBody .icon-pencil, .dataTables_scrollBody .icon-trash, .dataTables_scrollBody .icon-link, .dataTables_scrollBody .icon-user {
    font-size: 20px !important;
}



#AllNews #tabcontent {
    margin-bottom: 30px;
}

.tab-content {
    /*border-bottom: 1px solid #cdd2d2;*/
}

.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
    border-color: #cdd2d2;
    outline: none;
}

.nav-tabs > li > a:hover {
    /*background: #f5f6fa !important;*/
}

.Validform_checktip {
    display: none;
    line-height: 30px;
    height: 30px;
}

.Validform_wrong,
.Validform_right,
.Validform_loading {
    display: block;
}

.info {
    margin-left: 8px;
    border: 1px solid #ccc;
    padding: 4px 10px;
    color: #666;
    float: left;
    position: relative;
    display: none;
    line-height: 20px;
}

.dec {
    top: 5px;
    display: block;
    height: 17px;
    overflow: hidden;
    position: absolute;
    left: -8px;
    width: 8px;
}

    .dec s {
        font-family: simsun;
        font-size: 16px;
        height: 19px;
        left: 0;
        line-height: 21px;
        position: absolute;
        text-decoration: none;
        top: 0;
        width: 17px;
    }

    .dec .dec1 {
        color: #ccc;
    }

    .dec .dec2 {
        color: #fff;
        left: 1px;
    }

.need {
    color: #ff0000;
    display: inline-block;
}

.controls {
    margin-left: 0 !important;
}

.car-title-show {
    display: inline-block;
}

.car-title-hide {
    display: none;
}

#carListContent li.active {
    /*border-left: 6px solid #324357;*/
}

#DeptID {
    display: none;
}

#carListContent {
    overflow-y: auto;
    height: 78%;
}

    #carListContent p {
        font-size: 12px;
        text-align: center;
        margin-top: 30px;
        color: #999;
    }


.navbar .nav > li > a {
    padding: 12px;
    /*border-left: 1px solid #265a97;*/
}

.nav > li > a:hover {
}

#alarm_count {
    background: none;
}



#monitor-nav .navigation .online {
    padding: 0;
}

#carList {
    padding: 0;
    color: #707070;
    margin-bottom: 0;
}

    #carList li {
        height: 35px;
        padding-left: 15px;
        cursor: pointer;
    }

        #carList li.active {
            font-weight: bold;
            border-left: 5px solid rgb(73, 191, 103);
            background-color: #eff3f6;
        }

        #carList li.active1 {
            font-weight: bold;
            border-left: 5px solid rgb(112, 112, 112);
            background-color: #eff3f6;
        }

        #carList li.active span {
            font-weight: bold;
        }

        #carList li.active > div {
            display: none;
        }

        #carList li .todo span {
            margin-left: 5px;
            text-overflow: ellipsis;
            white-space: nowrap;
        }


.dataTables_scrollBody tbody tr:last-child td {
    border-bottom: 1px solid #dddddd;
}

    .dataTables_scrollBody tbody tr:last-child td.dataTables_empty {
        border: none !important;
    }

.page-bar {
    /*margin: 8px 0;*/
    padding: 10px 0px;
}

    .page-bar .page-total {
        float: left;
        font-size: 12px;
        padding: 5px;
    }

        .page-bar .page-total #pageTotal {
            font-size: 14px;
        }

    .page-bar .page-action {
        float: right;
        font-size: 12px;
        padding: 5px;
    }

    .page-bar .page-action1 {
        float: right;
        font-size: 12px;
        padding: 5px;
    }

.page-actionAdd {
    /*float: right;
        font-size: 12px;
        position: absolute;
        bottom: 0;
        right: 10px;*/
}

.page-bar .page-action .btn-mini {
    padding: 0px 4px !important;
}

.page-bar .page-action .page {
    width: 25px;
    height: 21px;
    margin: 0;
    padding: 0px 2px;
}

.anchorBL {
    display: none;
}

#carmonitor-box {
    margin: 10px 0 0 0;
    /*border-top: 1px solid #ccc;*/
    display: none;
    position: relative;
    overflow: hidden;
    padding-bottom: 30px;
}

#carmonitor-box-content, #carhistory-box-content {
    border: none;
    padding: 0;
    background: #fff !important;
}

#carinfo-content {
    position: relative;
}

#carhistory-box-content {
    border: none;
    padding: 0;
    display: none;
    padding-bottom: 30px;
}

#carhistory-content {
    position: relative;
}

#Order-box-content {
    border: none;
    padding: 0;
    display: none;
    background: #fff;
    position: relative;
}

#Order-content {
    height: 255px;
    position: relative;
}

#carDiagnostics-box-content {
    border: none;
    padding: 0;
    display: none;
    background: #fff;
    position: relative;
}

#carDiagnostics-content {
    height: 255px;
    position: relative;
}

#car-control {
    position: absolute;
    right: 10px;
    top: 15px;
}

#time-control {
    position: absolute;
    right: 30px;
    top: -33px;
    display: none;
    z-index: 99;
}

    #time-control input {
        margin: 0 1px;
    }

#carinfo-footer {
    height: 32px;
    line-height: 32px;
    font-size: 1.2rem;
    background: #E5E9EC;
    position: fixed;
    bottom: 0;
    z-index: 9999;
}

#map-content {
    position: relative;
}

#Bmap {
    height: 100%;
}

.slide-carinfo {
    position: absolute;
    right: 0px;
    bottom: 0;
    width: 24px;
    height: 24px;
    background: #B7B9BC;
    color: #fff;
    text-align: center;
    line-height: 24px;
    cursor: pointer;
    display: none;
}

    .slide-carinfo:hover {
        opacity: 0.8;
    }

.alon-car-bar {
    position: absolute;
    left: 0;
    bottom: -1px;
    z-index: 2;
    display: none;
    width: 98%;
}

    .alon-car-bar .alon-car-button {
        float: left;
        width: 110px;
        height: 32px;
        line-height: 32px;
        text-align: center;
        font-size: 12px;
        cursor: pointer;
        margin-right: 6px;
        background: #E5E9EC;
        color: #000;
    }

    .alon-car-bar .active {
        background: #fff;
        border-top: 3px solid #3AAFDA;
    }

.car-title {
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    display: none;
}

.chartbox1 {
    height: 185px;
    float: left;
}

.chartbox2, .chartbox3, .chartbox4, .chartbox5 {
    height: 185px;
    width: 18%;
    float: left;
}

.chartbox6 {
    height: 185px;
    width: 12%;
    float: left;
}

i.battery-icon {
    margin: 12px;
    height: 20px;
    width: 65px;
    top: -2px;
    background-color: #fff;
    border: 1px solid #324357;
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

    i.battery-icon:after {
        background: #2196F3;
        content: '';
        position: absolute;
        bottom: 3px;
        left: 3px;
        top: 3px;
    }

    i.battery-icon:before {
        background: #ffffff;
        content: '';
        position: absolute;
        border: 1px solid #324357;
        width: 4px;
        bottom: 4px;
        right: -6px;
        top: 4px;
    }

    i.battery-icon[data-percent="100"]:after {
        right: 3px;
    }

    i.battery-icon[data-percent="75"]:after {
        right: 16px;
    }

    i.battery-icon[data-percent="50"]:after {
        right: 30px;
    }

    i.battery-icon[data-percent="25"]:after {
        right: 44px;
    }

    i.battery-icon[data-percent="10"]:after {
        right: 58px;
        background-color: red;
        border-color: red;
    }

    i.battery-icon[data-charging="1"]:after {
        content: "⌁";
        top: -12px;
        left: 0;
        right: 0;
        bottom: 0;
        background: none;
        font-size: 25px;
        text-align: center;
    }

.dt {
    height: 48px;
    margin: 10px 24px;
}

    .dt canvas {
        margin: 3px 0px 3px 7px;
        float: left;
    }

.mp {
    height: 48px;
    line-height: 48px;
    float: left;
}

.mileage {
    padding: 1px 5px;
    display: inline-block;
    width: 60px;
    text-align: center;
    border: 1px solid #888;
    margin: 12px;
    font-size: 14px;
    -webkit-font-size: 16px;
    font-weight: 800;
    letter-spacing: 2px;
    color: #888;
}

#car-control .btn:hover, #car-control .btn:active {
    background: #f5f6fa !important;
    border: 1px solid #cccccc !important;
    color: #333;
}

#car-control .dropdown-menu {
    min-width: 120px;
    width: 147px;
}

.dropdown-menu {
    right: 0;
    left: auto;
}

.navbar .nav > li > .dropdown-menu:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    position: absolute;
    top: -6px;
    right: 20px;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    /*border-radius: 0 !important;*/
}

.eye1, .eye2 {
    position: absolute;
    right: 10px;
    top: 6px;
    font-size: 1.5rem;
    cursor: pointer;
}

    .eye1:hover, .eye2:hover {
        color: #27c0a1;
    }

.checkbox.inline {
    margin: 0 !important;
    padding-left: 10px !important;
    display: inline-block;
}

.alarm-panel {
    height: 36px;
    border-top: 1px solid #ccc;
}

.alarm-box {
    height: 36px;
    line-height: 36px;
    width: 10%;
    text-align: center;
    font-size: 1.2rem;
    float: left;
}

.hisalarm-box {
    height: 36px;
    line-height: 36px;
    width: 25%;
    text-align: center;
    font-size: 1.2rem;
    float: left;
}

.alarm1 {
    background: #e3abac;
}

.alarm2 {
    background: #9dd1cc;
}

.alarm3 {
    background: #caafda;
}

.alarm4 {
    background: #a6c3e3;
}

.alarm5 {
    background: #e0b9d8;
}

.alarm6 {
    background: #b6d08f;
}

.alarm7 {
    background: #e9e7ae;
}

.alarm8 {
    background: #efd3a4;
}

.alarm9 {
    background: #a4ddd7;
}

.alarm10 {
    background: #aeb5d2;
}

#orgList {
    width: 100%;
    margin-top: 5px;
    height: 4%;
    min-height: 24px;
}

.control-labelb {
    width: 210px !important;
}

.ms {
    padding: 10px !important;
    border: 1px solid #a5aeb6 !important;
    margin: 2px 0px;
}

div.playPanel {
    width: 76%;
    height: 185px;
    float: left;
    position: relative;
}

    div.playPanel div.pointLine {
        margin-top: 50px;
        height: 60px;
        position: relative;
    }

div#pointLine > div {
    float: left;
    margin-top: 20px;
}


div.playPanel div.position {
    background: url("../images/time.png" ) no-repeat;
    position: absolute;
    width: 76px;
    height: 35px;
    top: 40px;
    left: 7px;
    z-index: 2;
    display: block;
    line-height: 30px;
    color: #ffffff;
    text-align: center;
    color: #323332;
}


.leftc {
    height: 35%;
    width: 8%;
    cursor: pointer;
    padding: 0px;
    position: relative;
}

    .leftc .bline {
        position: absolute;
        width: 100%;
        height: 1px;
        top: 49%;
        background: #323332;
        z-index: 997;
    }

    .leftc .ccircle {
        position: absolute;
        width: 9px;
        height: 9px;
        box-sizing: border-box;
        top: 6px;
        right: -1px;
        background: #fff;
        border: 1px solid #27C0A1;
        z-index: 998;
        border-radius: 9px;
    }

    .leftc .tcircle {
        position: absolute;
        width: 7px;
        height: 7px;
        top: 7px;
        right: -1px;
        background: #323332;
        z-index: 9999;
        border-radius: 50%;
    }

.centerc {
    height: 35%;
    width: 3%;
    cursor: pointer;
    padding: 0px;
    position: relative;
}

    .centerc .bline {
        position: absolute;
        width: 100%;
        height: 1px;
        top: 49%;
        background: #323332;
        z-index: 997;
    }

    .centerc .ccircle {
        position: absolute;
        width: 9px;
        height: 9px;
        box-sizing: border-box;
        top: 6px;
        left: 6px;
        background: #fff;
        border: 1px solid #27C0A1;
        z-index: 998;
        border-radius: 9px;
    }

    .centerc .tcircle {
        position: absolute;
        width: 7px;
        height: 7px;
        top: 7px;
        left: 7px;
        background: #323332;
        z-index: 998;
        border-radius: 50%;
    }

.rightc {
    height: 35%;
    width: 8%;
    cursor: pointer;
    padding: 0px;
    position: relative;
}

    .rightc .bline {
        position: absolute;
        width: 100%;
        height: 1px;
        top: 49%;
        background: #323332;
        z-index: 997;
    }

    .rightc .ccircle {
        position: absolute;
        width: 9px;
        height: 9px;
        box-sizing: border-box;
        top: 6px;
        left: 6px;
        background: #fff;
        border: 1px solid #27C0A1;
        z-index: 998;
        border-radius: 9px;
    }

    .rightc .tcircle {
        position: absolute;
        width: 7px;
        height: 7px;
        top: 7px;
        left: 7px;
        background: #323332;
        z-index: 998;
        border-radius: 50%;
    }

.jtr {
    color: #fff;
    float: none;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 561px !important;
    top: 19px !important;
    z-index: 9999;
}

.jtl {
    color: #fff;
    float: none;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 28px !important;
    top: 19px !important;
    z-index: 9999;
}


/******player*****/

div#controlBar {
    height: 30px;
}

    div#controlBar div#player {
        height: 30px;
        margin: 0 auto;
        width: 170px;
        float: left;
        margin-left: 15%;
    }

        div#controlBar div#player div {
            float: left;
            margin-left: 9px;
        }

        div#controlBar div#player img {
            width: 30px;
            height: 30px;
        }

        div#controlBar div#player div.prev {
            height: 30px;
            width: 30px;
            cursor: pointer;
        }


        div#controlBar div#player div.suspend {
            height: 30px;
            width: 30px;
            cursor: pointer;
        }

        div#controlBar div#player div.back {
            height: 30px;
            width: 30px;
            cursor: pointer;
        }

        div#controlBar div#player div.play {
            height: 30px;
            width: 30px;
            cursor: pointer;
        }

        div#controlBar div#player div.stop {
            height: 30px;
            width: 30px;
            cursor: pointer;
        }

    /***** wenzi *****/

    div#controlBar div#currentPage {
        height: 30px;
        display: inline-block;
        cursor: pointer;
        line-height: 30px;
        font-size: 14px;
        color: #323332;
    }
    /****fanye****/
    div#controlBar div#Flip {
        float: left;
        margin-left: 10%;
    }


        div#controlBar div#Flip input.prev {
            float: left;
            margin-left: 55px;
        }

        div#controlBar div#Flip input.previous {
            background: url("../images/sye.png") no-repeat center center;
        }

        div#controlBar div#Flip input.previous, div#controlBar div#Flip input.next {
            height: 30px;
            line-height: 30px;
            width: 50px;
            cursor: pointer;
            padding: 0px;
            border: none;
            outline: none;
            box-shadow: none;
        }

        div#controlBar div#Flip input.previousHOVER {
            background: url("../images/gl1.png") no-repeat center center;
        }

        div#controlBar div#Flip input.next {
            background: url("../images/xye.png") no-repeat center center;
        }

        div#controlBar div#Flip input.nextHOVER {
            background: url("../images/gl.png") no-repeat center center;
        }


.dataTables_scrollBody .sorting_asc, .dataTables_scrollBody .sorting, .dataTables_scrollBody .sorting_disabled {
}

#car-control .icon-lock {
    margin-right: 14px;
}

#car-control .icon-unlock {
    margin-right: 10px;
}

#editpassword {
    margin-top: 20px;
    margin-bottom: 0;
}

    #editpassword .control-label {
        width: 100px !important;
    }

    #editpassword .controls {
        margin-left: 120px !important;
    }

.layer-footer {
    border-top: 1px solid #cdd2d2;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    color: #666 !important;
    border: 1px solid #dfe3e6;
    background: transparent;
    box-shadow: none;
    cursor: no-drop;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    border: 1px solid #dee2e5;
}

.DeptTreeContent {
    display: none;
    position: absolute;
    padding: 5px;
    z-index: 1002;
    border: 1px solid #d0d0d0;
    background: #fff;
    box-sizing: border-box;
    height: 320px;
    overflow-y: auto;
    overflow-x: hidden;
}

    .DeptTreeContent .ztree {
        margin-top: 0;
        width: 178px;
        box-sizing: border-box;
    }

.page-action .btn:hover, .page-action .btn:focus, .page-action .btn:active, .page-action .btn.active, .page-action .btn.disabled, .page-action .btn[disabled] {
    background-color: #f5f6fa !important;
    border: 1px solid #cccccc !important;
    color: #333333 !important;
}

#pageIndex {
    display: none;
}

#pageIndex0, #pageIndex1 {
    display: none;
}

.icon-search {
    border: none !important;
}

    .icon-search:hover, .icon-search:focus {
        background: #f5f6fa !important;
        border: none !important;
        border-left: 1px solid #ddd !important;
        color: #8e9299 !important;
    }

.yzm {
    float: left;
    margin-left: 10px;
}

#yzm {
    float: left !important;
}

#LeftMenu {
    margin-top: 10px;
}

    #LeftMenu li {
        margin: 10px 10px 0;
    }

        #LeftMenu li:hover {
            background-color: #656E77;
        }

        #LeftMenu li.active {
            background-color: #656E77;
        }

    #LeftMenu a, #LeftMenu a:hover, #LeftMenu i {
        color: #fff !important;
    }

    #LeftMenu li a {
        font-size: 16px;
        font-family: "Microsoft YaHei";
    }

#matter tr td {
    border: 1px solid #cdd2d2;
    line-height: 30px;
    padding: 0 10px;
}

#windowt td {
    line-height: 20px;
}

.tbtn {
    margin-top: 10px;
}

.btn {
    height: 30px;
    background-color: #0f9df3;
    color: white;
    padding: 0px 20px;
    font-size: 12px;
}

input::-webkit-input-placeholder {
    color: #939393;
    font-size: 12px;
}

input::-moz-placeholder {
    color: #939393;
    font-size: 12px;
}

#time-control .active {
    /*background: #27c0a1 !important;*/
    color: #fff;
}

#Tip {
    border: 1px solid #ccc;
    display: none;
}

#ichecks {
    padding: 15px;
}

.alarmt {
    min-height: 24px !important;
}

#Add-part, #Edit-part, #Binding-part {
    display: none;
    margin-left: 0 !important;
}

#carlc > input, #cargz > input, #carlc > input:hover, #carlc > input:hover {
    padding: 2px 10px !important;
    border: none;
    box-shadow: none;
}

#carlc, #cargz {
    border-bottom: 6px solid #27c0a1;
    width: auto;
}

#HistoryTable .row_selected td {
    background: #27c0a1 !important;
    color: #fff;
}

#HistoryTable tbody tr td {
    text-align: left;
    font-size: 14px;
    padding: 4px;
    cursor: pointer;
}

.liveli {
    border-bottom: 1px solid #e5e5e5;
    cursor: pointer;
}

.alarma {
    padding: 3px 10px !important;
}

    .alarma:hover {
        /*color: #27c0a1!important;*/
        background-color: #dcdcdc !important;
        color: #fff;
    }

    .alarma i {
        margin-right: 5px;
    }

.liveli:hover {
    background: #dcdcdc;
}

.liveli .icon-bell-alt {
    color: #324357 !important;
}

.liveli:hover .icon-bell-alt {
    color: #27c0a1 !important;
}

.my-layer .layui-layer-title {
    background: #424858;
    color: #fff;
    height: 35px;
    line-height: 35px;
}

.overlay {
    display: none;
    position: absolute;
    opacity: 1;
    top: 50%;
}

.imgdiv {
    position: absolute;
    text-align: center;
    width: 100px;
    margin-left: 50px;
}

.overlay-tab {
    display: none;
    position: absolute;
    background: #fff;
    opacity: 1;
    z-index: 1001;
}

.imgdiv-tab {
    position: absolute;
}

.mapbtn {
    position: absolute;
    bottom: 90px;
    right: 10px;
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
    border-radius: 2px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    background-color: rgb(255, 255, 255);
    z-index: 1001;
    cursor: pointer;
    font-size: 12px;
}

.tocenter {
    margin: 4px;
    width: 20px;
    height: 21px;
    background: url(images/tocenter.png) center;
    display: block;
}

    .tocenter:hover {
        background: url(images/tocenterhover.png) center;
    }

#carinfo-content .cancontent {
    overflow-y: auto;
}

.dc, .common {
    margin-bottom: 0 !important;
    border-bottom: none !important;
}

.can-content .table th, .can-content .table td {
    border: none;
}

.can-content .table tr {
    border-bottom: 1px solid #d3d3d3;
}

.cartable td {
    border: none !important;
    border-bottom: 1px solid #d3d3d3 !important;
    text-align: center /*!important*/;
    vertical-align: middle !important;
    padding: 0 10px;
}

.MouthTime {
    margin-right: 100px;
}


/*This section is for Distribution Charts Dropdown list*/
/*首页分布下拉菜单样式开始*/

.c4dropbtn {
    background-color: #fff;
    /*color: white;*/
    /*padding: 6px 8px;*/
    font-size: 12px;
    border: none;
    cursor: pointer;
    height: 30px;
    box-shadow: none;
    border: 1px solid #bfc6c6;
    width: 150px;
    border-radius: 4px;
}

    .c4dropbtn:hover, .c4dropbtn:focus {
        background-color: #fff;
        background-position: 0;
    }

#c4Input, #c4Input1 {
    background-image: url('../images/searchicon.png');
    -ms-background-position: 6px 5px;
    background-position: 6px 5px;
    -ms-background-repeat: no-repeat;
    background-repeat: no-repeat;
    font-size: 12px;
    padding: 6px 20px 6px 40px;
    border: none;
    position: fixed;
    width: 150px;
    margin-top: -40px;
}

.c4dropdown-content {
    display: none;
    position: absolute;
    background-color: #f6f6f6;
    min-width: 150px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding-top: 40px;
}

    .c4dropdown-content div {
        color: black;
        padding: 4px 16px;
        text-decoration: none;
        display: block;
        cursor: pointer;
        box-sizing: border-box;
        width: 100%;
    }

.c4dropdown {
    left: 330px;
    position: absolute;
    top: 10px;
    z-index: 1001;
}

.c4show {
    display: block;
}

.dropdownselected {
    background-color: #50C1E9;
}

.long .control-group {
    margin-bottom: 12px !important;
}

.form-content {
    /*overflow-y: scroll;*/
    padding: 30px 15px;
    overflow: auto;
    margin-top: 20px;
    background: #ffffff;
    /*width: 100%;*/
}

.layui-layer-shade {
    z-index: 1031 !important;
}

.registerform {
    margin-bottom: 0px !important;
    padding: 0 15px;
}

.kfing {
    padding: 10px;
}

.textbox {
    border-radius: 4px !important;
}

#monitor-nav .navigation .search .search-wrapper {
    margin-left: 0 !important;
    border-radius: 5px;
}

#hstats-chart1, #hstats-chart2, #hstats-chart3, #hstats-chart4 {
    /*height: 40.5vh*/
}

.combo-arrow {
    background-color: #fff !important;
}

    .combo-arrow:hover {
        background-color: #fff !important;
        color: #fff;
    }
/*This section is for Distribution Charts Dropdown list*/
/*首页分布下拉菜单样式结束*/
.ui-datepicker-calendar {
    display: none;
}

.layui-layer {
    z-index: 9999 !important;
}

.TitleCo {
    color: #27c0a1;
    border-radius: 20px;
}

.Bgtd {
    text-align: right;
    background: #f5f6fa;
    font-size: 14px !important;
    width: 150px;
}

.tdWidth {
    width: 20% !important;
    background: #f5f6fa;
    font-size: 14px !important;
    padding-right: 5px !important;
}

.tdWidthO {
    width: 35% !important;
    text-align: center;
}

.BgtdV {
    width: 180px;
    font-size: 14px !important;
}

.panel_padding {
    padding: 0 25px 0 25px;
    position: relative;
}

#dc1 .active > a.green-border {
    position: relative;
}

#dc1 > .active > a::after {
    content: "";
    z-index: 1;
    position: absolute;
    border-width: 5px;
    margin-top: 19px;
    left: 50%;
    margin-left: -5px;
    border-style: dashed dashed solid;
    border-color: transparent transparent #0188cc;
    font-size: 0;
    line-height: 0;
}

#common1 > .active > a {
    position: relative;
}

#common > .active > a {
    position: relative;
}

#common1 > .active > a::after {
    content: "";
    z-index: 1;
    position: absolute;
    border-width: 5px;
    margin-top: 19px;
    left: 50%;
    margin-left: -5px;
    border-style: dashed dashed solid;
    border-color: transparent transparent #0188cc;
    font-size: 0;
    line-height: 0;
}

#selfRound {
    width: 100px;
    height: 100px;
    background: white;
    border-radius: 50px;
    position: absolute;
    left: 50%;
    top: -50px;
    margin-left: -50px;
}

    #selfRound img {
        width: 40px;
        height: 40px;
        text-align: center;
        margin-left: 30px;
        margin-top: 15px;
    }
/*新首页样式*/
#home .container-home {
    padding: 0 1%;
}

#home .border-bottom {
    border-bottom: 1px solid #cdd2d2;
}

#home .htitle {
    font-size: 16px;
    padding: 5px 0;
}

.carnum {
    background-color: #29476b;
    color: #fff;
    padding: 0 10px;
}

    .carnum h4 {
        color: #fff;
        padding-top: 10px;
    }

/*#home .dataoverview {
    height: 35%;
}

    #home .dataoverview .sbuscri {
        font-size: 16px;
        padding: 0 5px;
        color: #fff;
    }*/

#home .title {
    font-size: 18px;
    text-align: center;
    padding: 5px 0;
}

#home .totalpoint {
    /*background-color: #27c0a1;*/
    height: 40%;
}

    #home .totalpoint .title {
        font-size: 16px;
        text-align: center;
        color: #fff;
        margin-bottom: 4%;
    }

#home .bigfont {
    font-size: 36px;
    color: #fff;
}

#home .innerdiv {
    margin: 0 auto;
    width: 100%;
    text-align: center;
}

#home .tandt {
    height: 40%;
    margin-bottom: 10px;
}

    #home .tandt .title#home .tandt .title {
        font-size: 16px;
        text-align: center;
        color: #fff;
        margin-bottom: 0%;
    }

    #home .tandt .cartips .title {
        font-size: 16px;
        text-align: center;
        color: #fff;
        margin-bottom: 0%;
    }

    #home .tandt .yumi {
        background-color: #21aa36;
        width: 49%;
        height: 100%;
        margin-bottom: 10px;
    }

    #home .tandt .xiaomai {
        background-color: #F7A539;
        width: 49%;
        height: 100%;
        margin-bottom: 10px;
    }

    #home .tandt .tmileage {
        background-color: #324357;
        width: 49%;
        height: 100%;
        margin-bottom: 10px;
    }

    #home .tandt .cartips {
        background-color: #E55555;
        width: 49%;
        height: 100%;
        margin-bottom: 10px;
    }

#home .left {
    float: left;
}

#home .right {
    float: right;
}

#home .datastat {
    /*height: 45%;*/
}

#home .active4 h5 {
    color: #fff !important;
}

#home .allcharts {
    position: relative;
    text-align: center;
}

    #home .allcharts h5 {
        text-align: center;
        width: 100%;
        z-index: 999;
        margin-top: 55%;
        margin-bottom: 0;
    }

    #home .allcharts:hover h5 {
        color: #fff;
    }

.chart2-box, .chart3-box, .chart4-box {
    display: none;
}

#home .bigchar {
    position: relative;
    padding: 0;
    width: 74%;
    min-width: 980px;
    float: right;
    background: #fff;
    box-shadow: 1px 2px 5px #9b9292;
}

    #home .bigchar .chart1-box, #home .bigchar .chart2-box, #home .bigchar .chart3-box, #home .bigchar .chart4-box, #home .bigchar .chart6-box {
        width: 100%;
        height: 100%;
    }

    #home .bigchar .selectdate {
        position: absolute;
        top: 2%;
        right: 5%;
    }

        #home .bigchar .selectdate ul {
            padding: 0;
            margin: 0;
            /*border: 1px solid #27c0a1;*/
            list-style: none;
            height: 22px;
        }

            #home .bigchar .selectdate ul li {
                padding: 4px 10px;
                margin: 0;
                border-right: 1px solid #27c0a1;
                list-style: none;
                line-height: 14px;
                text-align: center;
                /*color: #27c0a1;*/
                float: left;
                cursor: pointer;
            }

                #home .bigchar .selectdate ul li:last-child {
                    border: none;
                }

                #home .bigchar .selectdate ul li:hover {
                    /*background: #27c0a1;*/
                    color: #fff;
                }

        #home .bigchar .selectdate .active2 {
            /*background: #27c0a1;*/
            color: #fff;
        }

#home .chart {
    height: 100%;
}

#home-chart6, #home-chart6-province, #home-chart6-city {
    width: 70%;
    float: left;
}

#home-chart6-right, #home-chart6-right-province {
    float: right;
    width: 30%;
    height: 100% !important;
}

    #home-chart6-right-province > div {
        width: 100% !important;
        height: 100% !important;
    }

#c4Dropdown, #c4Dropdown1 {
    overflow-y: visible;
    position: relative;
}

.goback {
    top: 10px;
    right: 10px;
    z-index: 999;
    display: none;
}
/*新首页样式结束*/
.miniHeight {
    height: 21px;
    vertical-align: bottom;
    line-height: 21px;
}


.cancontent {
    overflow-y: auto;
    display: none;
}

    .cancontent.active {
        display: block;
    }

.pressDiv {
    position: absolute;
    right: 15px;
    top: 50px;
}

.pressNew {
    height: 50px;
    width: 50px;
    cursor: pointer;
}

.pressUp {
    background: url('../images/up_.png') no-repeat;
}

.pressDown {
    background: url('../images/down.png') no-repeat;
    margin-top: 20px;
}

.cancontent1 {
    margin-top: 50px;
    overflow-y: auto;
}

#tabsimple3 table {
    /*margin-top: 50px;*/
}

#tabsimple3 {
    padding: 0 80px 0 10px;
}
/*#histab2 .tablefooter,#histab3 .tablefooter,#histab4 .tablefooter{
    display:none
}*/
#histab2 #carinfo-footer {
    display: none;
}

#histab1 .tablefooter {
    display: none;
}

#HisCANTable_wrapper th {
    /*border: 1px solid #d3d3d3;
    /*border-bottom: none;*/
    /*text-align: center !important;
    min-width:80px!important;*/
}

#CarHisInfoTable_wrapper th {
    border: 1px solid #d3d3d3;
    border-bottom: none;
    text-align: center !important;
}

/*车辆运行统计*/





/*实时在线*/
.Threec {
    background: #F3F3F3;
    text-align: right;
}

.ThreeAlign {
    text-align: center !important;
}

#tab4.tab-pane.active table tr td {
    border: 1px solid #cdd2d2;
    text-align: center;
}


.tdBg {
    background: #F3F3F3;
}

#AlarmInfoTable tr td {
    border: 1px solid #cdd2d2;
    text-align: center;
}

.showColor {
    color: #27c0a1;
}
/*锁车  解锁*/
#carLock {
    position: absolute;
    right: 15px;
    top: 20px;
    cursor: pointer;
}

    #carLock:hover {
        color: #27c0a1;
    }

    #carLock .icon-unlock {
        margin-right: 10px;
        color: #27c0a1;
        font-size: 16px;
    }

    #carLock .icon-lock {
        margin-right: 10px;
        font-size: 18px;
    }

    #carLock a {
        margin-right: 10px;
        text-decoration: none;
    }

.lockC {
    color: #27c0a1;
}

#CanTable a, #HisCANTable a {
    text-decoration: none;
    color: #27c0a1;
}

.carlx {
    /*border:1px solid #cccccc;*/
    display: inline-block;
    height: 28px;
    width: 300px;
    line-height: 28px;
    margin-left: 30px;
    font-weight: bolder;
}
/*自定义月份*/
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    background-color: #cdd2d2;
    font-weight: bold;
    color: black;
}

#timepanel .ui-datepicker-calendar, #instructtimepanel .ui-datepicker-calendar {
    display: block !important;
}

#timepanel, #instructtimepanel {
    height: 304px;
}


/*#monitor-content, #map-content {
    height: 100%;
}*/

.searchcar {
    height: 3%;
    min-height: 24px;
    margin-bottom: 10px;
}

#showtype {
    /*height:30px !important;
    min-height: 24px;*/
    width: 100%;
}

.timebox {
    position: absolute;
    right: 0px;
    display: none;
    background: #fff;
    border: 1px solid #d3d3d3;
    padding: 10px 6px 10px 10px;
    padding-bottom: 0;
    width: 510px;
    z-index: 9999;
}

#time_control .active {
    background: #6fd188 !important;
    color: #ffffff !important;
    box-shadow: none;
}

#CanTable_wrapper {
    width: 100%;
}

    #CanTable_wrapper .tablefooter .pagenum {
        display: none;
    }

    #CanTable_wrapper .tablefooter .pagelength {
        position: absolute;
        right: 25px;
    }

    #CanTable_wrapper .dataTables_scroll {
        overflow-x: auto;
    }
/*#CanTable_wrapper .dataTables_scrollHeadInner tr th {
    padding-left: 10px!important;
    padding-right: 10px!important;
}*/
#hideTable .page-bar {
    position: absolute;
    right: 30px;
    bottom: -40px;
}

.timebox_ {
    position: absolute;
    top: 73px;
    right: 15px;
    display: none;
    background: #fff;
    border: 1px solid #d3d3d3;
    padding: 10px 0px 10px 10px;
    z-index: 1988;
}

#time_control {
    line-height: 40px;
}

#submit input:hover {
    /*background: #324357 !important;
    border-color: #324357 !important;*/
}

#AlarmLogTable td {
    border: 1px solid #dddddd !important;
}

    #AlarmLogTable td:last-child {
        border-right: none !important;
    }

.kfing::before {
    left: 15px !important;
}

.kfing::after {
    left: 15px !important;
}
/*#tttt {
    overflow-y: scroll;
    height: 480px;
    padding-top: 25px;
    position:relative;
}*/
.ttt {
    overflow-y: scroll;
    height: 480px;
    padding-top: 25px;
    position: relative;
}

.electronicTap li.active {
    color: #333;
    border-bottom: #ffffff;
    background: #f5f6fa;
}

.electronicTap li a {
    display: inline-block;
    padding: 0;
    color: #333;
}

.electronicTap input {
    border-bottom: none;
}

.electronicTap li {
}

.flow {
    background: url('../images/flow.png') no-repeat;
    background-size: cover;
    display: inline-block;
    width: 20px;
    height: 20px;
}

    .flow:hover {
        background: url('../images/flowhover.png') no-repeat;
        background-size: cover;
        display: inline-block;
        width: 20px;
        height: 20px;
    }

.outc {
    background: url('../images/outc.png') no-repeat;
    background-size: cover;
    display: inline-block;
    width: 20px;
    height: 20px;
}

    .outc:hover {
        background: url('../images/outchover.png') no-repeat;
        background-size: cover;
        display: inline-block;
        width: 20px;
        height: 20px;
    }

.offline {
    background: url('../images/offline.png') no-repeat;
    background-size: cover;
    display: inline-block;
    width: 20px;
    height: 20px;
}

    .offline:hover {
        background: url('../images/offlinehover.png') no-repeat;
        background-size: cover;
        display: inline-block;
        width: 20px;
        height: 20px;
    }

.callback {
    background: url('../images/callback.png') no-repeat;
    background-size: cover;
    display: inline-block;
    width: 20px;
    height: 20px;
}

    .callback:hover {
        background: url('../images/callbackhover.png') no-repeat;
        background-size: cover;
        display: inline-block;
        width: 20px;
        height: 20px;
    }

.sendc {
    background: url('../images/sendc.png') no-repeat;
    background-size: cover;
    display: inline-block;
    width: 20px;
    height: 20px;
}

    .sendc:hover {
        background: url('../images/sendchover.png') no-repeat;
        background-size: cover;
        display: inline-block;
        width: 20px;
        height: 20px;
    }

.backc {
    background: url('../images/backc.png') no-repeat;
    background-size: cover;
    display: inline-block;
    width: 20px;
    height: 20px;
}

    .backc:hover {
        background: url('../images/backchover.png') no-repeat;
        background-size: cover;
        display: inline-block;
        width: 20px;
        height: 20px;
    }

.saleout {
    background: url('../images/saleout.png') no-repeat;
    background-size: cover;
    display: inline-block;
    width: 20px;
    height: 20px;
}

    .saleout:hover {
        background: url('../images/saleouthover.png') no-repeat;
        background-size: cover;
        display: inline-block;
        width: 20px;
        height: 20px;
    }

.returnc {
    background: url('../images/returnc.png') no-repeat;
    background-size: cover;
    display: inline-block;
    width: 20px;
    height: 20px;
}

    .returnc:hover {
        background: url('../images/returnchover.png') no-repeat;
        background-size: cover;
        display: inline-block;
        width: 20px;
        height: 20px;
    }

header .navbar .nav-large > .active:hover a, header .navbar .nav-large > .active:hover a i {
    color: #fff !important;
}
/*导航样式*/
/*车辆控制样式*/
#carControl {
    position: absolute;
    right: 15px;
    top: 20px;
    cursor: pointer;
    background: url('../images/carcontrol.png') left no-repeat;
    padding-left: 25px;
}

    #carControl:hover {
        /*color: #27c0a1;*/
        background: url('../images/carcontrolo.png') left no-repeat;
        background-size: 19px 20px;
    }

#carcontrol {
    margin: 0;
    border-top: 1px solid #ccc;
    display: none;
    position: absolute;
    top: 287px;
}

#carcontrol-content {
    padding: 0;
    border: none !important;
}

.carcontrol-content {
    height: 245px;
    font-size: 16px;
}

.coname {
    float: left;
    line-height: 30px;
    background: url('../images/carcontrol.png') left no-repeat;
    padding-left: 25px;
}

.alarmq {
    line-height: 30px;
    background: url('../images/alarmicon.png') left no-repeat;
    padding-left: 25px;
}

.control-part1 {
    border-bottom: 1px solid #cdd2d2;
    width: 96%;
    margin: 0 auto;
    height: 70px;
}

.control-bot {
    padding-top: 20px;
    width: 96%;
    margin: 0 auto;
    height: 120px;
}

.control-part2 {
    border-right: 1px solid #cdd2d2;
    float: left;
    height: 130px;
}

    .control-part2 .tbutton input {
        margin-left: 38%;
        float: none;
    }

    .control-part2 .tbutton label {
        text-align: center;
    }

.control-part3 {
    float: right;
}

.controltitle {
    height: 30px;
    padding: 5px 10px;
    border-bottom: 1px solid #cdd2d2;
}

.carcontrol-title {
    height: 30px;
    line-height: 30px;
    padding: 0 24px;
    float: left;
    width: auto;
}

#subedit, #goback {
    float: right;
    cursor: pointer;
    border: 1px solid #324357;
    line-height: 20px;
    padding: 2px 5px;
    margin: 3px 5px;
}

    #subedit:hover, #goback:hover {
        /*color: #27c0a1;*/
        border: 1px solid #27c0a1;
    }

.bsize {
    width: 43px !important;
    height: 43px;
    margin: 5px;
    float: left;
    cursor: pointer;
    border: none;
    box-shadow: none;
    text-align: center;
    line-height: 43px;
    font-size: 12px;
    color: #333;
}

    .bsize:focus {
        box-shadow: none !important;
    }

.copen {
    background: url('../images/control-icon.png') no-repeat;
}

    .copen:hover {
        background: url('../images/control-icono.png') no-repeat;
        color: #27c0a1;
    }

#LongGongUnlock {
    background: url('../images/control-icon.png') no-repeat;
}

#LongGongLock {
    background: url('../images/control-icon.png') no-repeat;
}

.cclose {
    background: url('../images/control-icon.png') no-repeat;
}

    .cclose:hover {
        background: url('../images/control-icono.png') no-repeat;
        color: #27c0a1;
    }


.open-search {
    background: url('../images/open-search.png') center no-repeat;
    width: 100px;
    line-height: 105px;
    text-align: center;
    margin-top: 32px;
}

    .open-search:hover {
        background: url('../images/open-searcho.png') center no-repeat;
        color: #27c0a1;
    }

.active-search {
    background: url('../images/open-searcho.png') center no-repeat;
    color: #27c0a1;
}

.alarm-once {
    background: url('../images/alarm-once.png') center no-repeat;
    width: 100px;
    line-height: 105px;
    text-align: center;
    margin-top: 32px;
}

    .alarm-once:hover {
        background: url('../images/alarm-onceo.png') center no-repeat;
        color: #27c0a1;
    }

.active-alarm {
    background: url('../images/alarm-onceo.png') center no-repeat;
    color: #27c0a1;
}

.active-closewindow {
    background: url('../images/close-windowo.png') center no-repeat !important;
    color: #27c0a1;
}

.close-window {
    background: url('../images/close-window.png') center no-repeat;
    width: 100px;
    line-height: 105px;
    text-align: center;
    margin-top: 32px;
}

    .close-window:hover {
        background: url('../images/close-windowo.png') center no-repeat;
        color: #27c0a1;
    }

.open-window {
    background: url('../images/open-window.png') center no-repeat;
    width: 100px;
    line-height: 105px;
    text-align: center;
    margin-top: 32px;
}

    .open-window:hover {
        background: url('../images/open-windowo.png') center no-repeat;
        color: #27c0a1;
    }

.active-openwindow {
    background: url('../images/open-windowo.png') center no-repeat !important;
    color: #27c0a1;
}

.controlname {
    float: left;
    height: 43px;
    line-height: 43px;
    padding: 5px;
}

.alarm {
    margin-top: 10px;
    float: none;
}

.windowpart {
    border: 1px solid #324357;
    box-shadow: none;
    padding: 3px 8px;
    width: 50px;
    text-align: center;
    display: block;
    float: none;
    cursor: pointer;
}

    .windowpart:hover {
        color: #fff;
        background: #324357;
    }

.window-active {
    color: #fff;
    background: #324357;
}

.left-bottom-w, .right-top-w, .right-bottom-w {
    display: none;
}

.windows {
    float: left;
}

.active3 {
    /*background-color: #27c0a1 !important;*/
    color: #fff !important;
}

.active5 {
    color: #27c0a1;
    background: url('../images/control-icono.png') no-repeat;
}

.layer-ext-myskin .layui-layer-close {
    background: url('../images/close.png') no-repeat !important;
}

.noticediv {
    position: absolute;
    width: 50%;
    top: 55px;
    left: 25%;
    display: none;
}

.notice {
    /*position:absolute;*/
    /*top:55px;*/
    overflow: hidden;
    background: #b10c0c;
    color: #fff;
    padding: 3px 10px;
    margin: 0 auto;
    width: 100%;
    position: relative;
}

.wordcontent {
    /*display:inline-block;*/
    /*position:absolute;*/
}

.zuzhi {
    height: 30px;
    line-height: 30px;
    display: inline-flex;
    margin-left: 8px;
    overflow: hidden;
    color: red;
    font-size: 12px;
}

.carType {
    height: 30px;
    line-height: 30px;
    display: inline-flex;
    margin-left: 8px;
    overflow: hidden;
    color: red;
    font-size: 12px;
}

.public {
    height: 30px;
    line-height: 30px;
    display: inline-flex;
    margin-left: 8px;
    overflow: hidden;
    color: red;
    font-size: 12px;
}

.closenotice {
    background: url('../images/close.png') no-repeat;
    width: 12px;
    height: 12px;
    cursor: pointer;
    float: right;
    margin-top: 3px;
}

.histime {
    float: left;
    margin: 14px 10px 10px 13px;
}

.carcheck {
    background: url('../images/carcheck.png') no-repeat;
    background-size: cover;
    display: block;
    width: 20px;
    height: 20px;
}

    .carcheck:hover {
        background: url('../images/carcheck-on.png') no-repeat;
        background-size: cover;
    }

.checkresult {
    background: url('../images/result.png') no-repeat;
    display: block;
    width: 30px;
    height: 30px;
    cursor: pointer;
    margin: 0 auto;
}

    .checkresult:hover {
        background: url('../images/result-on.png') no-repeat;
    }

.span-center {
    width: 11% !important;
    float: left !important;
    margin: 0 0.6% !important;
}

.span-left, .span-right {
    width: 48% !important;
    margin: 0 !important;
    position: relative;
    padding: 15px;
    box-shadow: 0 0 5px #cccccc;
}

.spanTitle {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 40px;
    height: 40px;
    padding-left: 10px;
}

.span-left {
    float: left !important;
}

.span-right {
    float: right !important;
}

.Information-1, .Information-2, .Information-3, .Information-4, .Information-5, .Information-6, .Information-7 {
    width: 20px;
    height: 20px;
    margin-right: 15px;
    /*margin-left: 5px;*/
    margin-bottom: -5px;
    display: inline-block;
}

.Information-1 {
    background: url('../images/Information-1.png') no-repeat;
}

.Information-2 {
    background: url('../images/Information-2.png') no-repeat;
}

.Information-3 {
    background: url('../images/Information-3.png') no-repeat;
}

.Information-4 {
    background: url('../images/Information-4.png') no-repeat;
}

.Information-5 {
    background: url('../images/Information-5.png') no-repeat;
}

.Information-6 {
    background: url('../images/Information-6.png') no-repeat;
}

.Information-7 {
    background: url('../images/Information-7.png') no-repeat;
}

.system-1, .system-2, .system-3, .system-4, .system-5 {
    width: 20px;
    height: 20px;
    margin-right: 15px;
    /*margin-left: 5px;*/
    margin-bottom: -5px;
    display: inline-block;
}

.system-1 {
    background: url('../images/system-1.png') no-repeat;
}

.system-2 {
    background: url('../images/system-2.png') no-repeat;
}

.system-3 {
    background: url('../images/system-3.png') no-repeat;
}

.system-4 {
    background: url('../images/system-4.png') no-repeat;
}

.system-5 {
    background: url('../images/system-5.png') no-repeat;
}

.operative-1, .operative-2, .operative-3 {
    width: 20px;
    height: 20px;
    margin-right: 15px;
    /*margin-left: 5px;*/
    margin-bottom: -5px;
    display: inline-block;
}

.operative-1 {
    background: url('../images/operative-1.png') no-repeat;
}

.operative-2 {
    background: url('../images/operative-2.png') no-repeat;
}

.operative-3 {
    background: url('../images/operative-3.png') no-repeat;
}

.Analysis-1, .Analysis-2, .Analysis-3 {
    width: 20px;
    height: 20px;
    margin-right: 15px;
    /*margin-left: 5px;*/
    margin-bottom: -5px;
    display: inline-block;
}

.Analysis-1 {
    background: url('../images/Analysis-1.png') no-repeat;
}

.Analysis-2 {
    background: url('../images/Analysis-2.png') no-repeat;
}

.Analysis-3 {
    background: url('../images/Analysis-3.png') no-repeat;
}

.bindcar .totalinfo {
    float: left;
}

#tab5, #histab5 {
    position: relative;
}

    #tab5 .datatime, #histab5 .datatime {
        position: absolute;
        top: 125px;
        right: 60px;
    }

.icon-eye {
    background: url('../images/see.png') no-repeat;
}

    .icon-eye:hover {
        background: url('../images/see_hover.png') no-repeat;
    }

.banguser {
    background: url('../images/bangdingUser.png') no-repeat;
    background-size: 20px 20px;
    vertical-align: bottom;
}

    .banguser:hover {
        background: url('../images/bangdingUser_hover.png') no-repeat;
        background-size: 20px 20px;
    }

.bangcar {
    background: url('../images/bangdingCar.png') no-repeat;
    background-size: 20px 20px;
    vertical-align: bottom;
}

    .bangcar:hover {
        background: url('../images/bangdingCar_hover.png') no-repeat;
        background-size: 20px 20px;
    }

.icon-bang {
    background: url('../images/bang.png') no-repeat;
    background-size: 20px;
    background-position-y: 2px;
}

    .icon-bang:hover {
        background: url('../images/bang_hover.png') no-repeat;
        background-size: 20px;
        background-position-y: 2px;
    }

.icon-role-edit {
    background: url('../images/icon-role-edit.png') no-repeat;
    background-size: 20px;
    background-position-y: 2px;
}

    .icon-role-edit:hover {
        background: url('../images/icon-role-edit-hover.png') no-repeat;
        background-size: 20px;
        background-position-y: 2px;
    }

.icon-newtrash {
    background: url('../images/trash.png') no-repeat;
}

    .icon-newtrash:hover {
        background: url('../images/trashhover.png') no-repeat;
    }

.icon-oft-alarm {
    background: url('../images/bj.png') no-repeat;
}

    .icon-oft-alarm:hover {
        background: url('../images/bj-1.png') no-repeat;
    }

.icon-newuser {
    background: url('../images/role_no.png') no-repeat;
}

    .icon-newuser:hover {
        background: url('../images/role_hover.png') no-repeat;
    }

.icon-newedit {
    background: url('../images/edit.png') no-repeat;
}

    .icon-newedit:hover {
        background: url('../images/edithover.png') no-repeat;
    }

.icon-instructions {
    background: url('../images/instructions.png') no-repeat;
}

    .icon-instructions:hover {
        background: url('../images/instructionshover.png') no-repeat;
    }

.icon-bind {
    background: url('../images/bind.png') no-repeat;
}

    .icon-bind:hover {
        background: url('../images/bindhover.png') no-repeat;
    }

.icon-unbind {
    background: url('../images/unbind.png') no-repeat;
    background-size: 22px;
    background-position-y: 1px;
}

    .icon-unbind:hover {
        background: url('../images/unbindhover.png') no-repeat;
        background-size: 22px;
        background-position-y: 1px;
    }

.icon-look {
    width: 25px;
    height: 25px;
    background: url('../images/iconlook.png') no-repeat;
}

    .icon-look:hover {
        width: 25px;
        height: 25px;
        background: url('../images/iconlookhover.png') no-repeat;
    }

.icon-reset {
    width: 25px;
    height: 25px;
    background: url('../images/iconreset.png') no-repeat;
}

    .icon-reset:hover {
        width: 25px;
        height: 25px;
        background: url('../images/iconresethover.png') no-repeat;
    }

.grouphover {
    position: relative;
}

.icon-Group {
    background: url('../images/icon-group.png') no-repeat 0 2px;
    background-size: 20px 20px;
}

    .icon-Group:hover {
        background: url('../images/icon-grouphover.png') no-repeat 0 2px;
        background-size: 20px 20px;
    }

.icon-leading-out {
    background: url('../images/leading-out.png') no-repeat;
}

    .icon-leading-out:hover {
        background: url('../images/leading-out-hover.png') no-repeat;
    }

.icon-track {
    background: url('../images/track.png') no-repeat;
}

    .icon-track:hover {
        background: url('../images/track-active.png') no-repeat;
    }

.icon-consumer {
    background: url('../images/consumer.png') no-repeat;
}

    .icon-consumer:hover {
        background: url('../images/consumer-active.png') no-repeat;
    }

#cartab {
    background: #fff;
    margin: 10px;
}

    #cartab li.active a {
        background-color: #fff !important;
        border-top: 3px solid #4DC1E8;
    }

    #cartab .tab-content {
        border-bottom: none;
        padding: 0 10px;
    }


    #cartab ul {
        margin-bottom: 0;
    }

.carparameter {
    padding: 0;
    margin: 0;
    width: 100%;
}

    .carparameter tr {
        padding: 0;
        margin: 0;
    }

        .carparameter tr td {
            height: 35px;
            border-bottom: 1px solid #ddd;
            padding: 0 !important;
            vertical-align: middle;
            background-color: #fff;
        }

            .carparameter tr td input {
                /*padding:2px 5px;*/
                border: none;
                margin: 2px;
                box-shadow: none;
                font-size: 14px;
            }

                .carparameter tr td input:focus {
                    box-shadow: none;
                }

            .carparameter tr td:nth-child(2n+1) {
                width: 35%;
                text-align: center;
                line-height: 30px;
            }

            .carparameter tr td:last-child {
                width: 65%;
            }

#vehiclemodelmap .carparameter tr td {
    width: 25%;
}

#vehiclemodelmap .textbox {
    /*border: none;*/
}

.carparameter1 {
    border: none;
    margin-top: 30px;
}


    .carparameter1 tr td:first-child {
        width: 10%;
        border: none !important;
        text-align: right;
        text-align: center;
    }

    .carparameter1 tr td {
        /*width: 10%;
    text-align: right;*/
        border: 1px solid #ccc !important;
    }

        .carparameter1 tr td input {
            border: none;
        }

.formbtn1 {
    text-align: center;
}

#vehiclemodelmap .formbtn1 {
    padding: 0 10px !important;
    margin-top: 30px;
}

.formbtn2 {
    text-align: center;
    padding: 10px 0;
}

    .formbtn1 button, .formbtn2 button {
        margin: 0 20px;
    }

#cartab .psd {
    width: 100%;
    background: #F5F5F5;
    text-align: center;
    padding: 10px 0;
    margin-top: 20px;
}

.layui-layer-btn {
    text-align: center !important;
}

    .layui-layer-btn a {
        background: #F5F6FA !important;
        border: 1px solid #ccc !important;
        color: #333 !important;
        margin-top: 10px !important;
    }

        .layui-layer-btn a:hover {
            background: #2164b2 !important;
            color: #fff !important;
        }

.leftnav {
    height: 620px;
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px 10px;
    background: #fff;
}

    .leftnav span {
        font-size: 12px;
    }

.elebtn {
    width: 100%;
    text-align: center;
}

    .elebtn button {
        margin: 100px 10px 0;
    }

.homeleft {
    background: #F9FAFC;
    float: left;
    min-width: 320px;
    width: 25%;
}

@media screen and (max-width: 980px) {
    .homeleft {
        margin-top: 60px;
    }
}

.logow {
    font-size: 14px;
    line-height: 20px;
}

.cgmessage {
    width: 100%;
}

#common > .active > a::after {
    /*content: "";*/
    z-index: 1;
    position: absolute;
    border-width: 5px;
    margin-top: 19px;
    left: 50%;
    margin-left: -5px;
    border-style: dashed dashed solid;
    border-color: transparent transparent #0188cc;
    font-size: 0;
    line-height: 0;
}

#common > .active > a::after {
    border-color: transparent transparent #0188cc;
}

.tabcont {
    border-top: 1px solid #ddd;
    position: relative;
    padding-left: 120px;
    min-height: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
}

    .tabcont > span {
        position: absolute;
        top: 5px;
        left: 0;
        text-align: left;
        width: 120px;
        min-height: 30px;
    }


.roleqx {
    border-bottom: none !important;
}

    .roleqx > div {
        border-bottom: 1px solid #ddd;
    }

.roletabcontent, .can-content {
    padding: 10px 0px;
    margin-top: 0;
    min-height: 0;
}

#tabcontent table tr td {
    line-height: 30px;
    height: 30px;
    border: 1px solid #d3d3d3;
    padding: 0 .5%;
}

#tab1 table thead tr th, #tab2 table thead tr th {
    background: #E5E9EC;
    text-align: left !important;
    padding-left: 50px;
}

#tab1 table tr td:nth-child(odd), #tab2 table tr td:nth-child(odd) {
    background: #fff;
    text-align: left;
    padding-left: 50px;
}

#tab1 table tr td:nth-child(even), #tab2 table tr td:nth-child(even) {
    background: #fff;
    text-align: left;
    padding-left: 50px;
    font-weight: bold;
}

#tabcontent .CANmessage table tr {
    height: 30px;
}

#tab2 .tabbable {
    padding: 0;
}

#tab2 .tab-content {
    border-bottom: none;
}

.canChart {
    height: 240px;
    width: 100%;
    padding: 10px;
}

#HistoryTable_wrapper .tablefooter {
    display: none;
}
/*Google测距使用的CSS*/
#mapbox_item .cj .icon {
    background: rgba(0, 0, 0, 0) url("images/cj.png") no-repeat center;
    margin-left: 3px;
}

#mapbox_itemone .cj .icon {
    background: rgba(0, 0, 0, 0) url("images/cj.png") no-repeat center;
    margin-left: 3px;
}

#mapbox_item .cm .icon {
    background: rgba(0, 0, 0, 0) url("images/cm.png") no-repeat center;
    margin-left: 3px;
}

#layerbox_item .cm .icon {
    background: rgba(0, 0, 0, 0) url("images/cm.png") no-repeat center;
}

#mapbox_item {
    display: none;
    position: absolute;
    top: 10px;
    right: 115px;
    background: #fff none repeat scroll 0 0;
    border-radius: 2px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2),0 -1px 0px rgba(0,0,0,0.02);
    padding: 6px 0 9px;
    height: 32px;
}

    #mapbox_item .item {
        border-right: 1px solid #e5e5e5;
        cursor: pointer;
        height: 24px;
        padding: 0 5px;
    }

        #mapbox_item .item:last-child {
            border-right: none;
        }

        #mapbox_item .item, #mapbox_item .item span {
            font-size: 13px;
            line-height: 1.5;
            word-wrap: break-word;
            display: inline-block;
            vertical-align: middle;
        }

    #mapbox_item .amap .icon {
        background: rgba(0, 0, 0, 0) url("images/amap.png") no-repeat center;
    }

    #mapbox_item .gmap .icon {
        background: rgba(0, 0, 0, 0) url("images/gmap.png") no-repeat center;
    }

    #mapbox_item .onl .icon {
        background: rgba(0, 0, 0, 0) url("images/tj.png") no-repeat center;
    }

    #mapbox_item .satellite .icon {
        background: rgba(0, 0, 0, 0) url("images/amap.png") no-repeat center;
    }

    #mapbox_item .item .icon {
        height: 17px;
        width: 22px;
    }

    #mapbox_item .item i {
        vertical-align: initial !important;
    }

#Larea {
    width: 240px;
    position: absolute;
    top: 110px;
    left: 0;
    margin-right: -120px;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.3);
    padding: 14px;
    min-width: 256px;
    line-height: 19px;
    overflow: hidden;
    display: none;
    z-index: 9999999999;
}

    #Larea h4 {
        margin-top: 0;
    }

.widget-ruler-close {
    top: 10px;
    right: 8px;
    position: absolute;
    cursor: pointer;
    background-size: 12px;
    height: 12px;
    width: 12px;
    color: #9da6a6;
}

.ruler {
    width: 240px;
    position: absolute;
    top: 10px;
    /*left:230px;*/
    margin-right: -120px;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.3);
    padding: 14px;
    min-width: 256px;
    line-height: 19px;
    overflow: hidden;
    display: none;
}

    .ruler h4 {
        margin-top: 0;
    }

.cmd {
    background: #F5F6FA;
    text-align: left;
    padding-right: 5px !important;
}

.choose_car {
    width: 25px;
    height: 25px;
    margin-right: 5px;
    margin-left: 5px;
    display: inline-block;
    vertical-align: top;
    background: url('../images/bangdingCar.png') no-repeat;
}

.Delet {
    cursor: pointer;
}

#CarChangeTableLeft_wrapper > .tablefooter, #CarChangeTable_wrapper > .tablefooter {
    position: relative;
    padding-top: 50px;
}

#UnbindGroupUserTable_wrapper > .tablefooter, #BindGroupUserTable_wrapper > .tablefooter {
    position: relative;
    padding-bottom: 30px;
}

#UnbindGroupUserTable_wrapper .pagenum, #BindGroupUserTable_wrapper .pagenum {
    clear: both;
}

#BindCarTable_wrapper > .tablefooter, #UnbindCarTable_wrapper > .tablefooter, #GroupTable_wrapper > .tablefooter, #UnbindGroupTable_wrapper > .tablefooter {
    position: relative;
    padding-bottom: 30px;
}

#BindCarTable_wrapper .pagenum, #UnbindCarTable_wrapper .pagenum, #GroupTable_wrapper .pagenum, #UnbindGroupTable_wrapper .pagenum {
    /*position:absolute;
    bottom:0;*/
    clear: both;
}

.GroupDT {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1001;
}

.caryype {
    position: absolute;
    top: 10px;
    left: 170px;
    z-index: 1001;
    width: 150px;
}

    .caryype input {
        width: 150px;
        box-sizing: border-box;
        height: 30px;
        background: #fff;
    }

.cartypel {
    width: 100px;
    padding: 4px 10px;
    text-align: center;
}

.dynAttr {
    margin-top: 10px;
    width: 100%;
    height: 30px;
    clear: both;
}

#dynAttrContent tr td {
    height: 28px;
    border: 1px solid #ddd;
    padding: 0 !important;
    vertical-align: middle;
}
/*.dynAttr span {
        display: block;
        width: 50%;
        float: left;
    }*/

.dynAttr .first {
    background: #F5F6FA;
    text-align: right;
    width: 25%;
}

.dynAttr span label {
    display: block;
    width: 32%;
    float: left;
    text-align: right;
    line-height: 30px;
}

.dynAttr span input {
    display: block;
    width: 53%;
    float: left;
}

.dynAttr span textarea {
    height: 20px;
    display: block;
    width: 53%;
    float: left;
}

#initdiv .operat {
    display: block;
    width: 100px;
    /*height: 25px;*/
    margin: 0 auto;
    cursor: pointer;
}

#initdiv label {
    float: left;
}

#initdiv img {
    display: block;
    width: 20px;
    height: 20px;
}

.dynAttr .operat {
    /*height: 25px !important;
    display: block;*/
    width: 20px;
    /*float: left;
    padding-left: 10px;
    cursor: pointer;*/
}

.dynAttr .check {
    width: 65%;
    /*height: 20px !important;*/
    /*display: block;
    width: 10% !important;
    float: left;*/
    /*display: none;*/
    /*padding-left: 10px;*/
}

    .dynAttr .check input {
        border: none;
        box-shadow: none;
        vertical-align: middle;
        margin-top: 0;
        margin-right: 2px;
    }

    .dynAttr .check label {
        /*height: 20px !important;*/
        display: block;
        width: 60px !important;
        float: left;
        /*padding-left: 10px;*/
    }
/*#vehiclemodelmap label {
      width: 80px !important;
  }*/
#vehiclemodelmap .control-group {
    margin-top: 10px;
}

#fixedAttr .fixed, .diyAttr {
    margin-top: 20px;
    height: 30px;
    background: #324357;
    color: white;
    line-height: 30px;
    padding: 0 15px;
}

.initdiv {
    margin-top: 20px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #F5F6FA;
    border: #ddd;
}

.addBg1 {
    background: url('../images/add_.png') 3px no-repeat #f5f6fa !important;
    background-size: 15px !important;
    padding-left: 25px !important;
    margin-right: 3px;
}

.detaiInfor {
    max-height: 350px;
    overflow-y: auto;
    padding: 15px;
}

.carStyle tr td {
    height: 28px;
    border: 1px solid #ddd;
    padding: 0 15px !important;
    vertical-align: middle;
    text-align: left;
}

.pargroup {
    margin: 0;
    padding-left: 30px;
    color: #000;
    height: 55px;
    line-height: 25px;
    background-position: left;
    text-align: left;
    background: url('../images/pargroup.png') no-repeat;
}

.childgroup {
    margin: 0;
    padding-left: 30px;
    color: #000;
    height: 25px;
    line-height: 25px;
    background-repeat: no-repeat;
    background-position: left;
    text-align: left;
    background: url('../images/childgroup.png') no-repeat;
}

#tabsimple td, #tabsimple1 td {
    white-space: nowrap;
}

#tabsimple1 .textbox {
    border: none;
}

#initdiv .attr-add {
    width: 15px;
    height: 15px;
    cursor: pointer;
    background: url('../images/add.png') 0px 0px no-repeat;
    /*margin-left: 10px;*/
    float: left;
    background-size: 15px;
}

    #initdiv .attr-add:hover {
        background: url('../images/add-hover.png') no-repeat;
        background-size: 15px;
    }

.dynAttr .attr-add {
    background: url('../images/add.png') no-repeat;
    margin-left: 10px;
    background-size: 15px;
    background-position: 0 8px;
}

    .dynAttr .attr-add:hover {
        background: url('../images/add-hover.png') no-repeat;
        background-size: 15px;
        background-position: 0 8px;
    }

.dynAttr .atrr-del {
    background: url(../images/trash.png) no-repeat #F5F6FA center;
    background-size: 25px;
    /*background-position: 0 8px;*/
}

    .dynAttr .atrr-del:hover {
        background: url('../images/trashhover.png') no-repeat #F5F6FA center;
        background-size: 25px;
        /*background-position: 0 8px;*/
    }

#CarTable .car-span {
    display: block;
    float: left;
    /*width: 250px;*/
    max-width: 250px;
}

.carflow {
    padding: 10px;
}

    .carflow ul {
        padding: 0 5px;
        margin: 0;
        list-style: none;
        height: 150px;
    }

        .carflow ul .content {
            width: 120px;
            height: 150px;
            border-radius: 10px;
            background: #424858;
        }

        .carflow ul .contentleft {
            width: 120px;
            height: 150px;
            border-radius: 10px;
            background: #424858;
            float: left;
        }

        .carflow ul .contentright {
            width: 120px;
            height: 150px;
            border-radius: 10px;
            background: #424858;
            float: right;
        }

        .carflow ul .content span {
            background: #515b74;
            text-align: center;
            font-size: 16px;
            line-height: 30px;
            display: block;
            width: 100%;
            color: #fff;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
        }

        .carflow ul .content p {
            text-align: center;
            color: #fff;
            font-size: 12px;
            display: block;
            padding: 5px;
            margin: 0;
        }

        .carflow ul .content hr {
            height: 1px;
            background: #000;
            width: 100px;
            border: none;
            position: absolute;
            top: 70px;
            left: 120px;
            margin: 0;
        }

        .carflow ul .lineleft {
            width: 70px;
            height: 16px;
            border: none;
            background: #000;
            float: left;
            margin-top: 67px;
            background: url('../images/jright.png') center no-repeat;
        }

        .carflow ul .lineright {
            width: 70px;
            height: 16px;
            border: none;
            background: #000;
            float: right;
            margin-top: 67px;
            background: url('../images/jleft.png') center no-repeat;
        }

    .carflow .rightlineul {
        height: 70px;
    }

        .carflow .rightlineul .verticalline {
            height: 70px;
            width: 16px;
            border: none;
            background: #000;
            float: right;
            margin-right: 52px;
            background: url('../images/jdown.png') center no-repeat;
        }

    .carflow .leftlineul {
        height: 70px;
    }

        .carflow .leftlineul .verticalline {
            height: 70px;
            width: 16px;
            border: none;
            background: #000;
            float: left;
            margin-left: 60px;
            background: url('../images/jdown.png') center no-repeat;
        }

.cardp, .cardp1 {
    display: none;
}

.cardp1 {
    margin-bottom: 5px;
}

.gobackcar {
    padding: 4px 10px !important;
}

#grouptree {
    margin: 0 10px;
    width: 160px;
}

.addBg {
    background: url('../images/add_.png') 3px no-repeat #f5f6fa !important;
    background-size: 20px !important;
    padding-left: 25px !important;
}

    .addBg:hover {
        background: url('../images/addBtn_hover.png') 3px no-repeat #29476b !important;
        background-size: 20px !important;
        padding-left: 25px !important;
    }

.BgtdV > .textbox {
    border: none;
}

#content table tr td {
    height: 30px !important;
    padding: 0;
    font-size: 12px !important;
    font-family: '微软雅黑' !important;
    color: #333;
}

    #content table tr td a {
        color: #50C1E9;
    }


#roleHtml .textbox, #roleEdit .textbox {
    border: none;
}

#remark {
    border: none;
    height: 60px !important;
}

.carparameter .textbox {
    border: none;
}

.yzphone, .tjrole {
    width: 30px;
    height: 30px;
    background-color: #F5F6FA;
    background-size: 20px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
}

.yzphone {
    background: url('../images/phone.png') center no-repeat;
}

.tjrole {
    background: url('../images/addrole.png') center no-repeat;
    display: block !important;
}

.tipNews {
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 1%;
    font-size: 12px;
    color: red;
    background: white;
    width: 99%;
}

.btn_ {
    left: 50%;
    width: 80px;
    margin-top: 30px;
    position: absolute;
    bottom: 30px;
    margin-left: -40px;
}

.borderC {
    border-color: red !important;
}

.border-focus {
    border-color: green !important;
}

.teridnum {
    width: 100%;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #00c0ef;
}

.dport {
    display: none;
}

.sq_password {
    margin: 0 !important;
}

.updata {
    margin-top: 30px;
    height: 32px;
    line-height: 40px;
    text-align: left;
}

    .updata input {
        margin-top: 8px;
        float: left;
        margin-right: 10px;
    }

.updatatitle {
    padding-left: 10px;
    background: #F5F6FA;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    float: right;
    border: 1px solid #ccc;
    width: 100%;
}

    .updatatitle span {
        font-size: 12px;
        float: right;
        margin-right: 10px;
        color: #fff;
        display: none;
    }

.updatabox {
    display: none;
}

.sqpwd {
    background-color: #F5F6FA;
    height: 50px;
    width: 100%;
    text-align: center;
    line-height: 50px;
}

.upzl table td span {
    color: #dc143c;
}

.tipbox {
    height: 64px;
    width: 200px;
    text-align: center;
    line-height: 64px;
    position: absolute;
    top: 50%;
    z-index: 555555555;
    background: white;
    left: 50%;
    border: 1px solid #D3D4D3;
    margin-left: -100px;
    margin-top: -100px;
}

input[name='sleep']::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    text-align: right;
}

input[name='sleep']:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    text-align: right;
}

input[name='sleep']::-moz-placeholder { /* Mozilla Firefox 19+ */
    text-align: right;
}

input[name='sleep']:-ms-input-placeholder { /* Internet Explorer 10-11 */
    text-align: right;
}

.nav-tabs {
    border-bottom: none !important;
}

.sx {
    display: none;
}
/*车辆监控*/
.head_ {
    height: 75px;
    width: 100%;
    position: relative;
    color: white;
    margin-top: 15px;
}

.circle {
    height: 75px;
    width: 70px;
    background: url('../images/sj-title.png') no-repeat center #29476b;
    background-color: #666D79;
    position: absolute;
}

.content_ {
    height: 75px;
    background: #fff;
    margin-left: 50px;
    padding-left: 20px;
    padding-top: 5px;
    color: #333;
}

.leixing {
    display: inline-block;
    height: 25px;
    width: 25px;
    vertical-align: middle;
    background: url('../images/sj-car.png') no-repeat center;
}

.jigou {
    display: inline-block;
    height: 25px;
    width: 25px;
    vertical-align: middle;
    background: url('../images/sj-jigou.png') no-repeat center;
}

.weizhi {
    display: inline-block;
    height: 25px;
    width: 25px;
    vertical-align: middle;
    background: url('../images/sj-weizhi.png') no-repeat center;
}

.icon-four {
    background: url('../images/sj-map.png') no-repeat center rgba(0,0,0,0.2);
}

.icon-three {
    background: url('../images/sj-tongji.png') no-repeat center rgba(0,0,0,0.2);
}

.icon-two {
    background: url('../images/sj-time.png') no-repeat center rgba(0,0,0,0.2);
}

.icon-one {
    background: url('../images/sj-dikuai.png') no-repeat center rgba(0,0,0,0.2);
}

.watch {
    height: 25px;
    width: 25px;
    position: absolute;
    right: 0px;
    top: 0px;
    background: url('../images/sj-baojing.png') no-repeat center;
}

.head_left, .head_mid, .head_right {
    float: left;
    margin: 0 15px;
    height: 100%;
}

.stillOnline_top {
    height: 385px;
    overflow: hidden;
}

.sTop_left {
    height: 385px;
    float: left;
    width: 30%;
    position: relative;
}

.sTop_right {
    width: 27%;
    height: 91%;
    float: right;
}

.sTop_mid {
    float: left;
    width: 40%;
    height: 91%;
    margin: 0 1%;
}

#online-tap li, #navtabs li {
    height: 39px;
    margin-right: 5px;
    margin-bottom: 0px;
    border-bottom: none;
}

    #online-tap li a:hover {
        /*background:#29476b!important;
      color:white;*/
    }

    #online-tap li.active a, #navtabs li.active a {
        color: #333;
        background: white;
        border-bottom: none;
    }

    #online-tap li a, #navtabs li a {
        display: inline-block;
        border: none;
        height: 40px;
        line-height: 40px;
        padding: 0;
        color: #333;
        border-radius: 0;
        color: #109cf3;
        padding: 0px 10px;
    }

        #online-tap li a.active, #navtabs li a.active {
            border-top: 1px solid #cfd4da;
            border-left: 1px solid #cfd4da;
            border-right: 1px solid #cfd4da;
            border-bottom: 1px solid #ffffff;
            color: #424856;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
        }

.mid_top, .mid_bottom {
    height: 50%;
    width: 100%;
}

._topLeft, ._topRight, ._bottomRight, ._bottomLeft {
    height: 100%;
    width: 50%;
    float: left;
}
/*.changeMap{
      position:absolute;
      height: 40px;
      width: 120px;
      left:50%;
      bottom:60px;
      margin-left:-60px;
      background:url('../images/weizhi.png') no-repeat 8px #29476b;
      text-align:center;
      color:white;
      line-height:40px;
      font-size:16px;
      opacity:0.9;
      font-weight:500;
      display:none;
      cursor:pointer;  
  }*/
.workNews {
    height: 15%;
    width: 100%;
}

    .workNews p {
        margin: 0;
    }

    .workNews div {
        height: 100%;
        width: 49%;
        float: left;
    }

.tubiao {
    height: 85%;
}

.workTime {
    background: #58ba67;
    color: white;
    text-align: center;
    font-size: 16px;
}

.workLength {
    background: #29476b;
    color: white;
    text-align: center;
    font-size: 16px;
}

.workrate {
    height: 15%;
    background: #ca4862;
    width: 100%;
    text-align: center;
    color: white;
    font-size: 16px;
}

.sTop_right p {
    margin: 0 !important;
}

.stillOnline_mid {
    height: 260px;
    width: 100%;
}

._midLeft, ._midRight {
    height: 100%;
    width: 49%;
    float: left;
}

.line_ {
    display: inline-block;
    border-bottom: 1px solid;
    content: '';
    color: #ccc;
    width: 100%;
    width: 85%;
    vertical-align: middle;
    margin-left: 10px;
}

.newTable td, .cartable td {
    text-align: left;
    padding-left: 50px !important;
}

    .newTable td:nth-child(2n+1), .cartable td:nth-child(2n+1) {
        background: #fff;
        width: 15%;
        font-size: 12px;
        padding-right: 10px;
    }

    .newTable td:nth-child(2n), .cartable td:nth-child(2n) {
        font-size: 12px;
        background-color: #fff;
    }

.text_top {
    font-size: 18px;
    font-weight: 600;
}

.allNewStyle {
    top: 250px !important;
    left: 235px !important;
    /*position: absolute;*/
    /* padding: 0 20px; */
}

.AllNews {
    width: 100%;
    background: white;
}

#HisTrackDataTable_wrapper .tablefooter {
    border-top: 1px solid #d4d4d4;
    background: #fff;
    position: absolute;
    bottom: 0;
    width: 100%;
}
/*@media(max-width: 1600px){
    .AllNews {
    position: absolute;
    bottom: 0;
    width: 87%;
    background: white;
    }
    .allNewStyle {
     top: 35%;
     left:200px;
    }
}*/
@media(max-height: 826px) {
    #carListContent {
        height: 76%;
    }
}

@media(max-height: 768px) {
    #carListContent {
        height: 72%;
    }
}

@media(max-height: 680px) {
    #carListContent {
        height: 68%;
    }
}

@media(max-height: 620px) {
    #carListContent {
        height: 64%;
    }
}

@media(max-height: 550px) {
    #carListContent {
        height: 60%;
    }
}

@media(max-height: 500px) {
    #carListContent {
        height: 56%;
    }
}

@media(max-width: 1250px) {
    header .navbar .nav .list-line {
        padding: 10px 0;
    }

    .navbar .nav > li > a {
        padding: 10px;
    }

    header .navbar .navbar-inner .nav-large {
        margin: 0;
    }

    body.fixed-header #monitor-nav.main-nav-fixed {
        top: 45px;
    }

    #content-wrapper {
        margin-top: -5px;
    }
}

@media(min-width: 1366px) and (max-width: 1920px) {
    .AllNews {
        width: 100%;
        background: white;
    }

    .allNewStyle {
        top: 270px;
        left: 220px;
        width: 100%;
    }
}

@media(max-width: 1920px) {
    .AllNews {
        width: 100%;
        background: white;
    }

    #carListContent {
        height: 74%;
    }
}

@media (max-height: 768px) {
    #carListContent {
        height: 65%;
    }
}

@media (max-width: 1367px) {
    #carListContent {
        height: 62%;
    }
}

@media (max-width: 1600px) {
    #home .bigfont {
        font-size: 28px;
    }

    #home .title {
        font-size: 16px;
    }
}

@media (max-width: 1366px) {
    #home .totalpoint .title {
        margin-bottom: 2% !important;
    }

    #home .bigfont {
        font-size: 26px !important;
        line-height: 30px;
    }


    #home .title {
        font-size: 14px !important;
    }

    #home .allcharts h5 {
        font-size: 12px;
        margin-top: 45%;
    }

    #home .box-content h4 {
        font-size: 15px !important;
        margin: 5px 0 !important;
    }

    #home .tandt .title {
        margin-bottom: 0% !important;
    }

    #timepanel, #instructtimepanel {
        height: 260px;
    }

    .timebox {
        position: absolute;
        right: 0px;
        display: none;
        background: #fff;
        border: 1px solid #d3d3d3;
        padding: 10px;
        padding-bottom: 0;
    }

    #tab1 table tr td:nth-child(even), #tab2 table tr td:nth-child(even) {
        width: 10%;
    }

    .njinfoname h5 {
        font-size: 16px;
    }
}

@media(min-width: 1920px) {
    .totalcarnum {
        margin-top: 14%;
    }

    .njinfoname h5 {
        margin-top: 10%;
        font-size: 18px;
    }
}
/*#monitor-content{
    background:white!important;
}*/
.timeboxAdd {
    top: 50px !important;
    z-index: 999;
    right: 8px !important;
}

.progressbar-value .progressbar-text {
    background: white !important;
}

.progressbar-text {
    background: #921010;
    color: transparent !important;
}

.font-W {
    font-size: 20px;
    font-weight: 500;
}

#hideTable {
    display: none;
}

.move-bg {
    display: none;
    position: absolute;
    left: 10px;
    top: 0;
    width: 120px;
    height: 45px;
    background: #F9F5F6;
    z-index: 0;
}

#HisConventInforTable_wrapper .dataTables_scrollHeadInner th, #HisTrackDataTable_wrapper .dataTables_scrollHeadInner th {
    border-top: 1px solid #ddd;
    padding: 8px 0 !important;
}

.slider-inner span.slider-tip {
    margin-left: -15px !important;
}

    .slider-inner span.slider-tip:last-child {
        top: 22px !important;
    }

.nopass {
    border-color: red !important;
}

#can_content td {
    padding: 2px !important;
}

.centerlogo {
    color: #fff;
    font-size: 20px;
    line-height: 50px;
    float: left;
    margin-left: 45%;
}

    .centerlogo img {
        margin: 0 10px;
        margin-top: -5px;
    }

.toolbox {
    position: absolute;
    right: 0;
}

    .toolbox > li {
        float: left;
    }

.centernav {
    float: none !important;
    margin: 0 auto !important;
    width: 840px;
    /*position: relative*/
}

.fline {
    width: 1px;
    background: #656D78;
    height: 10px;
    margin-top: 22px;
}

.infobox {
    border: 1px solid #D4D5D9;
    background: #fff;
    padding: 10px;
}

.topbox {
    min-height: 90px;
    height: 18%;
    box-sizing: border-box;
}

.middlebox {
    min-height: 170px;
    height: 32%;
    box-sizing: border-box;
    margin: 3.5% 0;
    padding: 0 10px;
}

    .middlebox h5 {
        color: #000;
        margin: 5px 0;
    }

.footbox {
    min-height: 240px;
    height: 46%;
    box-sizing: border-box;
    padding: 0;
}

.njnum {
    width: 100%;
    height: 100%;
}

    .njnum > div {
        float: left;
        color: #fff;
        height: 100%;
        box-sizing: border-box;
    }

.njinfoname {
    background: url('../images/totalcar.png') no-repeat center 75%;
    background-color: #3AAFDA;
    min-width: 118px;
    width: 40%;
}

    .njinfoname h5 {
        color: #fff;
        font-weight: bold;
        text-align: center;
    }

.njinfocontent {
    background: #50C1E9;
    width: 60%;
    padding-right: 20px;
}

.totalcarnum {
    font-size: 14px;
    color: #fff;
    text-align: right;
    margin-top: 5%;
}

    .totalcarnum span {
        font-size: 28px;
        padding: 0 10px;
    }

.newcar {
    font-size: 14px;
    color: #fff;
    text-align: right;
    margin-top: 5%;
}

    .newcar span {
        font-size: 14px;
    }

.dataoverview {
    height: calc(100% - 35px);
    color: #fff;
    overflow-y: auto;
}
/*.dataoverview>div{
    float: left;
    box-sizing: border-box;
    width: 45%;
    min-height: 65px;
    height: 36%;
    color: #fff;
    background: #50C1E9;
    margin-left: 10px;
    margin-bottom: 10px;
}*/
.amount {
    font-size: 24px;
    text-align: center;
    line-height: 30px;
    margin-top: 5%;
}

.njname {
    text-align: center;
}

.footbox h5 {
    padding-left: 10px;
    color: #000;
    margin: 5px 0;
}

.activechart {
    background-color: #50C1E9 !important;
}

.charts {
    height: calc(100% - 35px);
}

    .charts > div {
        height: 45%;
        padding: 0 10px;
        margin-bottom: 5%;
    }

        .charts > div > div {
            width: 30%;
            position: relative;
            height: 100%;
            background-color: #656D78;
            margin-bottom: 10px;
            cursor: pointer;
        }

.leftchart {
    float: left;
}

.middlechart {
    margin: 0 auto;
}

.rightchart {
    float: right;
}

.chartname {
    position: absolute;
    bottom: 0;
    opacity: 0.1;
    background-color: #000;
    width: 100%;
    height: 30px;
    color: #fff;
    text-align: center;
}

.chartword {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    font-size: 12px;
}

#chart1 {
    background: url('../images/weixingmap.png') #656D78 no-repeat center 15%;
    background-size: 100%;
}

#chart2 {
    background: url('../images/carbaojingtj.png') #656D78 no-repeat center 15%;
    background-size: 100%;
}

#chart3 {
    background: url('../images/workareatj.png') #656D78 no-repeat center 15%;
    background-size: 100%;
}

#chart4 {
    background: url('../images/worktimetj.png') #656D78 no-repeat center 15%;
    background-size: 100%;
}

#chart6 {
    background: url('../images/carareatj.png') #656D78 no-repeat center 15%;
    background-size: 100%;
}
/*#HisCANTable_wrapper .dataTables_scrollHeadInner th{
    white-space: nowrap !important; 
}*/
#HisCANTable_wrapper {
}
/*****************************************************************************************************************************************************************************/
body {
    overflow-x: hidden;
    overflow-y: hidden;
}

.info-box-icon {
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px;
    display: block;
    float: left;
    height: 90px;
    width: 90px;
    text-align: center;
    font-size: 14px;
    position: relative;
    /*font-size: 45px;
    line-height: 90px;*/
    /*background: rgba(0,0,0,0.2);*/
    color: #42AED9;
}

.bg-aqua, .callout.callout-info, .alert-info, .label-info, .modal-info .modal-body {
    background-color: #42AED9 !important;
    color: white;
}

.info-box {
    display: block;
    min-height: 90px;
    background: #fff;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    border-radius: 2px;
    margin-bottom: 15px;
}

.chart-box {
    display: block;
    min-height: 185px;
    background: #fff;
    width: 100%;
    margin-bottom: 15px;
    padding-top: 10px;
    margin-top: 15px;
}

.info-box-content {
    padding: 15px 10px 5px 10px;
}

.map-style {
    width: 100px;
    margin: 0 auto;
}

.row {
    padding: 0 15px 0px 15px;
}

.no-margin {
    margin: 0;
}

.row-bottom {
    /*margin-bottom: 15px;*/
}

#monitor-content {
    margin-left: 267.5px;
    /*background: #f5f6f6;*/
    min-width: 276px;
    background: #fff;
    padding-bottom: 0px;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.time-area {
    display: none;
    position: absolute;
    z-index: 99;
}

#showtype .btn:focus {
    outline: none;
}

.info-box-text {
    text-transform: uppercase;
}

.info-text-num {
    font-size: 22px;
}

.progress-description, .info-box-text {
    display: block;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.info-box-number {
    display: block;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
}

.box-noborder {
    background: #ffffff;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

.box-table {
    padding: 0 15px;
    background: #ffffff;
    /*border-top: 3px solid #666D79;*/
    width: 100%;
    /*box-shadow: 0 1px 1px rgba(0,0,0,0.1);*/
}

.box-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    /*padding: 10px;*/
}

.box-footer {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top: 1px solid #f4f4f4;
    padding: 10px;
    background-color: #fff;
}

.content-header {
    background-color: #E5E9EC;
    margin: 15px 15px;
}

.clearfix {
    clear: both;
}

p {
    margin: 0;
}

.none-bg {
    background: none;
    border-right: 1px solid #eee;
}

.Dashboard {
    height: 175px;
    margin: 0 auto;
}

.row-white {
    background-color: white;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    margin-bottom: 15px;
}

.box-main {
    border-radius: 3px;
    background: #ffffff;
    border-top: 1px solid #d2d6de;
    margin-bottom: 20px;
    width: 100%;
}

.layui-layer {
    background-color: #ecf0f5;
}

#online-tap li.active, #navtabs li.active {
    border-color: #00c0ef;
    height: 30px;
}

.box-tools p {
    display: inline-block;
}

.box-footer .footer-head {
    background: #00c0ef;
    padding: 5px;
    color: white;
    height: 30px;
}

.box-header {
    color: #333;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    line-height: normal !important;
    /*height: 30px;*/
}

.box-headerP {
    padding-left: 10px;
    padding-right: 10px;
}
/*.box-header>.box-tools {
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 14px;
}*/
.box-header .box-title {
    display: inline-block;
    font-size: 16px;
    margin: 0;
    line-height: 35px;
}

table.sj-table th, .sj-table td {
    text-align: left !important;
    padding-left: 30px !important;
    width: 50%;
}

.chart- {
    height: 320px;
}

.box-right {
    max-height: 190px;
    overflow-y: auto;
}

.box-ui {
    background-color: #fff;
}

.box.box-solid {
    border-top: 0;
}

.bg-green {
    background-color: #8DBA64;
    color: white;
}

.bg-red {
    background-color: #F96A5B;
    color: white;
}

.bg-yellow {
    background-color: #F2AB26;
    color: white;
    cursor: pointer;
}

.chart canvas {
    width: 100% !important;
}

.circle:after {
    content: "";
    height: 0px;
    width: 0px;
    border-top: 9px solid transparent;
    border-left: 12px solid #666D79;
    border-bottom: 9px solid transparent;
    position: absolute;
    right: -10px;
    top: 15px;
}

.btn- {
    margin-bottom: 5px;
    border-radius: 3px;
    color: white;
}

#monitor-nav-bg {
}

#showtype > .active {
    background-color: #3D4144 !important;
    color: #fff;
    outline: none;
    border-bottom: none;
}

#showtype > .btn {
    background-color: #E7E9EF;
    color: #333;
    border-radius: 0;
    outline: none;
}

    #showtype > .btn:hover {
        color: #fff;
    }

    #showtype > .btn:focus {
    }

.chart-infor {
    text-align: center;
    padding-bottom: 20px;
}

#carListContent li.active.car-online {
    border-left: 6px solid #21aa36;
    background: #3d3d3d none repeat scroll 0 0;
    padding-right: 100px;
}

#carListContent li.active.car-offline {
    border-left: 6px solid #c5c5c5;
    background: #3d3d3d none repeat scroll 0 0;
    padding-right: 100px;
}

.content-header > .breadcrumb {
    float: right;
    background: transparent;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 12px;
    padding: 7px 5px;
    position: absolute;
    top: 15px;
    right: 10px;
    border-radius: 2px;
}

.nav > li > a:hover, .nav > li > a:focus {
    /*background: none!important;*/
}

.layui-layer-content.layui-layer-padding {
    background-color: #fff;
}

textarea {
    box-shadow: none;
}

#time-choose {
    position: relative;
}

.time-choose {
    display: inline-block;
    margin-top: 10px;
    position: relative;
}

.hidden-time {
    display: none;
    width: 430px;
}

.hidden-time-day {
    top: -2px;
    left: 70px;
}

.hidden-time-month {
    top: -2px;
    left: 172px;
}

.hidden-time-year {
    left: 230px;
}

.btnval:focus {
    outline: none !important;
}

.carparameter thead tr {
    height: 30px;
    background-color: #f5f6fa;
}

    .carparameter thead tr th:nth-child(2n+1) {
        text-align: center;
    }

.toggle-nav {
    width: 230px;
    height: 20px;
    background: #525660 url('images/menuclose.png') no-repeat center center;
    position: fixed;
    left: 0;
    z-index: 1000;
    bottom: 0;
    cursor: pointer;
    background-size: cover;
}

.main-nav-closed .toggle-nav {
    width: 60px;
    height: 40px;
    background: #525660 url('../images/menuopen.png') no-repeat center center;
    position: fixed;
    left: 0;
    z-index: 1000;
    bottom: 0;
    cursor: pointer;
}

.nav-close {
    background: #E4E5EB url(../images/menuopen.png) no-repeat scroll center center;
    cursor: pointer;
    height: 20px;
    width: 20px;
    background-size: 16px 16px;
    z-index: 1000;
    position: absolute;
    bottom: 0px;
}

.main-nav-fixed {
    position: fixed;
}

.valInput {
    border: 1px solid #ccc !important;
}

.valInputl {
    float: left;
}

.valInputr {
    float: right;
}

.cmdtable {
    margin-bottom: 20px;
    display: none;
}

    .cmdtable tr td:first-child {
        width: 10% !important;
    }

    .cmdtable tr td:last-child {
        width: 60% !important;
        text-align: right;
    }

#groupname_goupsn {
    line-height: 30px;
}

.filterbox {
    float: left;
    background-color: #fff;
    padding: 10px;
    box-sizing: border-box;
    overflow: hidden;
}

    .filterbox label {
        display: inline-block;
    }

.tablebox {
    float: right;
}

    .tablebox ul.nav-tabs li a {
        color: #000;
    }

        .tablebox ul.nav-tabs li a:hover {
            background: #fff !important;
        }

    .tablebox ul.nav-tabs li.active {
        border-top: 3px solid #50C1E9;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        margin-bottom: -1px;
        background: #fff;
    }

        .tablebox ul.nav-tabs li.active a {
            background: #fff;
        }

.lefttree {
    float: left;
}

    .lefttree .searchbox {
        margin-bottom: 10px;
    }

    .lefttree .tree-container {
        min-width: 320px;
        margin: 0px auto 0 auto;
        /*background: white;*/
        border-radius: 0px;
        padding: 0px;
        overflow: hidden;
    }

    .lefttree .tree {
        min-width: 250px;
        max-width: 250px;
        overflow: auto;
        padding: 0px 0;
    }

    .lefttree .tree-data {
        margin-left: 320px;
        line-height: 26px;
    }

        .lefttree .tree-data dl {
            display: table-row;
        }

            .lefttree .tree-data dl dt {
                width: 80px;
                padding-bottom: 20px;
                float: left;
                text-align: right;
            }

            .lefttree .tree-data dl dd {
                float: left;
            }

        .lefttree .tree-data select {
            width: 178px;
            height: 26px;
            padding: 2px 5px;
        }

        .lefttree .tree-data input {
            height: 26px;
            padding: 2px 5px;
        }

.carstatu {
    text-align: left !important;
}

    .carstatu input {
        margin-right: 10px;
        margin-left: 0 !important;
    }

.treelegend {
    width: 240px;
}

    .treelegend span {
        display: inline-block;
        width: 30%;
        background-position: left;
        box-sizing: border-box;
        /*padding-left: 28px;*/
        margin-bottom: 10px;
        line-height: 24px;
        height: 24px;
    }

.legend1 {
    background: url('../images/orgtype/enterprise.png') no-repeat;
}

.legend2 {
    background: url('../images/orgtype/enterprise.png') no-repeat;
}

.legend3 {
    background: url('../images/orgtype/manufacturer.png') no-repeat;
}

.legend4 {
    background: url('../images/orgtype/agent.png') no-repeat;
}

.legend5 {
    background: url('../images/orgtype/dealer.png') no-repeat;
}

.legend6 {
    background: url('../images/orgtype/other.png') no-repeat;
}

.Add-table {
    display: none;
    position: relative;
    height: 500px;
    background: rgba(0,0,0,0.3);
}

#carmonitor-box .box-content {
    /*height: 600px;*/
}

#carmonitor-box .nav-tabs {
    float: left;
    margin-left: 10px;
}

    #carmonitor-box .nav-tabs li {
        float: none;
    }

        #carmonitor-box .nav-tabs li a {
            line-height: 24px;
            background-color: #E5E9EC;
            border-radius: 0;
            border-right: none !important;
            border-left: none !important;
            border-bottom: none !important;
        }

            #carmonitor-box .nav-tabs li a:hover {
                background-color: #fff !important;
            }

#carmonitor-box .nav-tabs-simple {
    float: none !important;
    height: 35px;
}

    #carmonitor-box .nav-tabs-simple li {
        width: 100px;
        float: left !important;
    }

        #carmonitor-box .nav-tabs-simple li.active a {
            background-color: #fff;
            border-bottom: none !important;
        }

        #carmonitor-box .nav-tabs-simple li a {
            padding: 5px 10px !important;
            text-align: center;
            border: 1px solid #ccc !important;
        }

.canmonitorchart {
    width: 100%;
    height: 220px;
    background: #fff;
}

.loadingbox {
    position: absolute;
    width: 100%;
    height: 220px;
    z-index: 2;
    top: 0;
    background: #fff;
}

    .loadingbox img {
        display: block;
        margin: 0 auto;
        margin-top: 100px;
    }

.canchartname {
    position: absolute;
    bottom: 30px;
    line-height: 30px;
    height: 30px;
    text-align: center;
    width: 100%;
    z-index: 1;
}

.splitline {
    display: block;
    float: left;
    width: 1px;
    height: 80px;
    margin-top: 70px;
    background-color: #ccc;
}

.canchartbox {
    width: 24%;
    float: left;
    height: 240px;
    position: relative;
}

.common-content {
    padding: 10px;
}

.slider-h {
    margin-left: 15px;
}

.alert-danger, .alert-error {
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48;
    padding: 10px !important;
}

    .alert-danger, .alert-error i {
        margin-right: 10px;
    }

.toplegend {
    float: right;
    width: 220px !important;
    height: 32px !important;
    padding: 0 !important;
    vertical-align: middle !important;
    cursor: default;
}

    .toplegend span {
        font-size: 14px !important;
        display: inline-block !important;
        float: none !important;
        vertical-align: middle;
    }

.details-control {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-top: 2px;
    float: left;
    margin-left: 10px;
    cursor: pointer;
}

.details-open {
    background: url('../content/images/combo_arrow.png')no-repeat;
    transform-origin: center center;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transition: transform 0.2s;
    -moz-transition: -moz-transform 0.2s;
    -moz-transition: -moz-transform 0.2s;
    -o-transition: -o-transform 0.2s;
    -ms-transition: -ms-transform 0.2s;
}

.details-close {
    background: url('../content/images/combo_arrow.png') no-repeat;
    transform-origin: center center;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transition: transform 0.2s;
    -moz-transition: -moz-transform 0.2s;
    -moz-transition: -moz-transform 0.2s;
    -o-transition: -o-transform 0.2s;
    -ms-transition: -ms-transform 0.2s;
}

.shown td {
    background: #d3d3d3 !important;
}

.showdetails {
    border-bottom: 5px solid #434A54 !important;
}

    .showdetails tr td {
        margin: 5px;
        margin-left: 0;
        display: inline-block;
        float: left;
        line-height: 30px;
        box-sizing: border-box;
        border-bottom: none !important;
        background: #FAFAFA;
    }

        .showdetails tr td:first-child {
            background: #E5E9EC !important;
            float: left;
        }

        .showdetails tr td:last-child {
            float: right;
        }
/*xin*/
.diagnosticstables {
    float: right;
    width: calc(100% - 150px);
    padding-top: 10px;
    padding-bottom: 30px;
}

#baojlist li.active a {
    background: #fff !important;
}

#baojlist li a {
    color: #000 !important;
    line-height: 24px;
    padding: 5px 15px !important;
    font-size: 12px;
    cursor: pointer;
    text-align: center;
    border: 1px solid #ddd !important;
}

    #baojlist li a span {
        display: block;
        text-align: center;
        line-height: 14px;
    }

.detaillist {
    width: 100%;
    border: none;
    margin: 0 auto;
    border-spacing: 2px !important;
}

    .detaillist tr td {
        line-height: 30px;
        padding: 0 5px;
        text-align: center;
        border-bottom: 1px solid #d3d3d3;
    }

    .detaillist tr th {
        text-align: center;
        background: #d3d3d3;
        font-weight: normal;
        line-height: 30px;
        padding: 0 5px;
    }

.totaltime {
    background: url('/images/totaltime.png') no-repeat;
    background-position: left;
    padding-left: 20px;
}

.totalarea {
    background: url('/images/totalarea.png') no-repeat;
    background-position: left;
    padding-left: 20px;
}

#tabcontent .checkbox label {
    font-weight: bolder !important;
}

#monitor-content .dataTables_scrollBody {
}

#DiagnosticsTable_length {
    display: none;
}

.dataTables_scrollBody table tbody tr:hover td {
    border-bottom: 2px solid #50C1E9;
}

#histab1 {
    overflow-x: auto;
}

#CanTable_wrapper .dataTables_scrollHead, #CanTable_wrapper .dataTables_scrollBody {
    overflow: visible !important;
}

.position-right {
    position: absolute;
    right: 0;
    top: 0;
    text-align: right;
}

.navlist {
    position: absolute;
    width: 100%;
    border-bottom: 3px solid #50C1E9;
    left: 0;
    display: none;
    height: 45px;
    background: #fff;
    top: 46px;
}

    .navlist ul {
        display: none;
        width: 840px;
        margin: 0 auto;
    }

        .navlist ul li {
            float: left;
            padding: 0 30px;
        }

            .navlist ul li a {
                line-height: 45px;
                color: #000;
                font-weight: bold;
            }

                .navlist ul li a:hover {
                    color: #50C1E9;
                }

.widthth {
}

#txtOrgName1, #txtOrgName {
    width: 90%;
    font-size: 12px;
}

#lblOrgType {
    font-weight: normal;
    margin-bottom: 0;
}

.nulltextbox {
    text-align: center;
    line-height: 255px;
    position: absolute;
    top: 0;
    width: 100%;
}

.orderbuttons {
    width: 180px;
    float: left;
    text-align: left;
    padding-left: 10px;
}

    .orderbuttons button {
        margin: 5px;
    }

.orderhis {
    float: right;
    width: calc(100% - 180px);
}

/*Validform 验证样式   start*/
.Validform_checktips {
    margin-left: 0;
}

.infos {
    border: 1px solid #ccc;
    padding: 2px 20px 2px 5px;
    color: #666;
    position: absolute;
    display: none;
    line-height: 20px;
    background-color: #fff;
    z-index: 9999;
    margin-right: 30px;
}

.decs {
    bottom: -8px;
    display: block;
    height: 8px;
    overflow: hidden;
    position: absolute;
    left: 10px;
    width: 17px;
}

    .decs s {
        font-family: simsun;
        font-size: 16px;
        height: 19px;
        left: 0;
        line-height: 21px;
        position: absolute;
        text-decoration: none;
        top: -9px;
        width: 17px;
    }

    .decs .dec1s {
        color: #ccc;
    }

    .decs .dec2s {
        color: #fff;
        top: -10px;
    }
/*Validform 验证样式   end*/
.c-icon-jgwablogo {
    background-position: -623px -96px !important;
    position: relative;
    top: 3px;
}


.c-icon-jgwablogo {
    width: 14px;
    height: 17px;
    display: inline-block;
    overflow: hidden;
    background: url(https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/r/www/cache/static/protocol/https/global/img/icons_5859e57.png) no-repeat;
    _background-image: url(https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/r/www/cache/static/protocol/https/global/img/icons_d5b04cc.gif);
}

/*谷歌地图按键放大,修改版本无效,用CSS进行改变*/
button[title="放大"], button[title="缩小"], button[title="切换全屏视图"] {
    height: 30px !important;
    width: 30px !important;
}

div[title="显示街道地图"], div[title="显示卫星图像"], div[title="显示带地形的街道地图"], div[title="显示带有街道名称的图像"] {
    height: 32px !important;
    font-size: 10px !important;
    padding: 5px 5px !important;
}

    div[title="显示街道地图"] + div, div[title="显示卫星图像"] + div {
        top: 32px !important;
        font-size: 10px !important;
    }

    div[title="显示带地形的街道地图"] > label, div[title="显示带有街道名称的图像"] > label {
        margin-bottom: 0px !important;
    }

button[title="放大"] > img, button[title="缩小"] > img {
    height: 10px !important;
    width: 10px !important;
}

.gm-china > .gm-bundled-control > .gmnoprint > div[draggable=false] > div {
    margin: 0 !important;
}

.gm-china > .gm-bundled-control > .gmnoprint > div[draggable=false] {
    height: 60px !important;
    width: 30px !important;
}

.gm-china > .gm-bundled-control {
    bottom: 70px !important;
    right: 30px !important;
}