@charset "utf-8";

/* CSS Document */

iframe {
    border: none
}

body {
    background: #f5f5f5;
    font-family: "Hiragino Sans GB", tahoma, arial;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0px;
    padding: 0px;
}

li {
    list-style: none
}

ul {
    padding: 0px;
    margin: 0px;
}

a {
    text-decoration: none !important;
}

.row {
    margin: 0px;
    overflow: hidden
}

.form-control {
    border-radius: 2px;
    border: 1px #d1d1d1 solid;
    height: 30px;
    padding: 4px;
    font-size: 12px;
    display: inline-block
}

.form-control.width1 {
    width: 126px;
}


/*input宽度*/

.form-control.width2 {
    width: 434px;
}


/*input宽度*/

.form-control.width3 {
    width: 320px;
    height: 70px;
}


/*input宽度*/

.form-control.width4 {
    width: 260px;
    height: 30px;
}


/*input宽度*/

.form-control.width5 {
    width: 260px;
}


/*input宽度*/

.form-control.width6 {
    width: 184px;
}


/*input宽度*/

.form-control.width7 {
    width: 682px;
}


/*input宽度*/

.form-control.width8 {
    width: 140px;
}


/*input宽度*/

.form-control.width10 {
    width: 182px;
}


/*input宽度*/

.form-control.width11 {
    width: 233px;
}


/*input宽度*/

.form-control.widthdizhi1 {
    width: 266px;
}


/*input宽度*/

.form-control.widthdizhi2 {
    width: 160px;
}


/*input宽度*/

label {
    margin-right: 5px;
    font-weight: 400
}

.btn {
    padding: 4px 12px;
    border-radius: 2px;
}

.btn.btn-info {
    background: #1795de;
    outline: none
}

.btn.btn-info[disabled] {
    background: #b5b5b5;
    border-color: #b5b5b5
}

.btn.btn-default {
    background: #f5f5f5
}

.btn.btn-default:active {
    background: #f5f5f5
}

.btn.btn-info:active {
    background: #1795de
}

.table {
    font-size: 12px;
    table-layout: fixed
}
.min-table {
    table-layout: auto;
    width: 100%;
}
td,
th {
    box-sizing: border-box
}

.table tr td a {
    margin-left: 1px;
}

.table tr td a:first-child {
    margin-left: 0px;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding: 6px;
    border: none;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.table>tbody>tr:nth-child(even) {
    background: #f1f4f7
}

.table>tbody>tr>td>p {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.table>thead>tr>th {
    background: #dee4ea;
    font-weight: 400;
    border-bottom: none
}

.widthAuto {
    width: auto !important
}

.lineHeight {
    line-height: normal !important
}

p {
    margin: 0px;
    margin-bottom: 4px;
}

textarea {
    resize: none
}

img {
    display: inline-block;
    vertical-align: middle
}

.table p {
    margin: 0px;
}


/*导航---------------------------*/


.logo img {
    width: 56px;
    height: 56px;
    margin-top: 12px;
    float: left
}

.logoText {
    display: block;
    float: left;
    line-height: 80px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    margin-left: 15px;
}


/*导航条*/

.navTool {
    float: right;
    margin-right: 30px;
}

.navTool a {
    display: block;
    float: left;
    color: #fff;
    margin-left: 10px;
    height: 80px;
}

.navTool a:first-child {
    margin-left: 0px;
}

.toolList {
    width: 93px;
    height: 69px;
    margin-top: 5.5px;
    overflow: hidden
}

.navTool a i {
    display: block;
    width: 24px;
    height: 24px;
    margin: 0px auto;
    margin-bottom: 8px;
    margin-top: 10px;
    background-size: contain;
}
.icon-kanban {
    background: url(../images/nav/kanban.svg) center no-repeat
}

.icon-home {
    background: url(../images/nav/home.svg) center no-repeat
}
.icon-diaodu {
    background: url(../images/nav/diaodu.svg) center no-repeat
}

.icon-feiyong {
    background: url(../images/nav/feiyong.svg) center no-repeat
}

.icon-baobiao {
    background: url(../images/nav/baobiao.svg) center no-repeat
}

.icon-yunwei {
    background: url(../images/nav/yunwei.svg) center no-repeat
}

.icon-houtai {
    background: url(../images/nav/houtai.svg) center no-repeat
}

.navTool a span {
    display: block;
    text-align: center
}

.navTool a.activeNav .toolList {
    background: url(../images/nav/nav_hover.png) no-repeat
}


/*导航条 end*/

.navRight {
    float: right
}

.navRight a {
    display: block;
    float: left;
    color: #fff;
    font-size: 12px;
    margin-left: 18px;
    height: 80px;
}

.navRight a:first-child {
    margin-left: 0px;
}

.navRight a i {
    display: block;
    width: 28px;
    height: 28px;
    margin: 0px auto;
    margin-bottom: 5px;
    margin-top: 16px;
}

.navRight a span.iconUserSign {
    display: block;
    text-align: center;
    max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left
}

.userSignWrap {
    overflow: hidden;
    margin: 0px auto
}

.signhere {
    display: block;
    width: 10px;
    height: 6px;
    float: left;
    position: relative;
    margin-top: 5px;
    margin-left: 5px
}

.signhere:after {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-top: 6px #fff solid;
    border-left: 5px rgba(0, 0, 0, 0) solid;
    border-right: 5px rgba(0, 0, 0, 0) solid;
    top: 0px;
}

.icon-user {
    background: url(../images/nav/usercenter.svg) no-repeat
}

.icon-msg {
    background: url(../images/nav/msg.svg) no-repeat
}

.icon-alarm {
    background: url(../images/nav/baojing.png) no-repeat
}

.icon-exit {
    background: url(../images/nav/exit.svg) no-repeat
}

.blockSpan {
    display: block;
    text-align: center
}

.navRight .badge {
    position: absolute;
    background: #F00;
    padding: 0px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    top: 16px;
    margin-left: 20px;
}

.nav2Block .badge {
    position: absolute;
    background: #F00;
    padding: 0px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    top: 3px;
    margin-left: 20px;
    left: -10px;
}
/*主区域---------------------*/

.mainImportant {
    position: absolute;
    top: 80px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    font-size: 12px;
}


/*主区域class*/

.mainImportantLeft {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 200px;
    background: #eef2f6;
}


/*左侧二级导航*/


.toggleNav.active {
    background: url(../images/nav2/show_nav.png) no-repeat center;
}

.nav2Block {
    overflow: hidden
}




/*二级菜单左侧图标*/


.toggleArea {
    height: 24px;
    overflow: hidden;
    background: #d0d9e2;
    cursor: pointer;
}

.toggleArea i {
    display: block;
    width: 20px;
    height: 20px;
    margin: 0px auto;
    margin-top: 2px;
    background: url(../images/nav2/toggle.png) no-repeat center
}

.navactive .toggleArea i {
    background: url(../images/nav2/toggle1.png) no-repeat center
}

.mainImportantLeft.navactive {
    width: 62px;
}

.mainImportantLeft.navactive .nav2Block a span {
    display: none
}


/*二级菜单右侧箭头*/

.mainImportantLeft>.nav2Block>a>span {
    display: block;
    margin-left: 35px;
    margin-right: 5px;
    font-size: 14px;
}

.mainImportantLeft>.nav2Block.activeNav>a {
    background: #dee4ea
}


/*二级选中背景*/

.mainImportantLeft>.nav2Block.activeNav1>a {
    background: #dee4ea
}


/*二级选中背景*/

.mainImportantLeft>.nav2Block.activeNav>a>i.iconright {
    background: url(../images/nav2/nav2down.png) center no-repeat
}

.nav2List {
    background: #ffffff;
    display: none
}

.nav2List>a {
    display: block;
    color: #384555;
    line-height: 40px;
    padding-left: 55px;
    font-size: 14px;
}

.nav2List>a.activeNav {
    color: #0376bb
}

.mainImportantRight {
    position: absolute;
    left: 200px;
    top: 0px;
    bottom: 0px;
    right: 0px;
}


/*主区域右侧*/

.mainImportantRight.rightNomal {
    left: 0px;
}

.mainRight {
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    background: #fff;
    padding-bottom: 10px;
    overflow: auto
}

.mainImportantRight.rightNomal {
    left: 0px;
}



/*标题栏*/



.queryIf {
    overflow: hidden;
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 10px;
}

.queryIf .form-group {
    float: left;
    margin-bottom: 15px !important
}

.queryWrap {
    float: left
}

.form-inline.queryWrap .queryButton {
    float: left
}

.form-inline.queryWrap .queryButton .checkbox-inline input[type=checkbox] {
    margin-top: 3px
}

.form-group[data-input=searchinput] {
    display: none;
}

.form-group:first-child {
    margin-left: 0px;
}

.queryButton {
    float: right;
    margin-bottom: 10px
}


/*列表查询按钮*/

.queryButton .btn {
    margin-left: 10px;
}

.queryButton .btn:first-child {
    margin-left: 0px;
}

.tableRegion {
    margin: 0px 10px;
    overflow: auto;
    min-height: 200px
}


/*表格区域*/


/*分页*/

.paging {
    overflow: hidden;
    margin: 0px 10px;
}

.pageSum {
    float: left;
    line-height: 36px;
    color: #666
}

.pageRegion {
    float: right
}

.paging .pagination {
    margin: 0px;
}

.queryAndTable {
    position: absolute;
    top: 37px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding-bottom: 15px;
}


/*分页 end*/


/*弹出*/

.dialog {
    position: fixed !important;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    overflow: scroll;
}

.dialog-container {
    background: #fff;
    margin: 0px auto;
    margin-top: 15vh;
}

.dialog .errRegion {
    margin: 0px
}

.dialog .buttonRegion {
    float: none;
}

.dialog .addRow.form-inline .form-group label {
    width: 90px
}

.dialog .errthis {
    margin-left: 100px;
}

.mask {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: rgba(0, 0, 0, 0.4);
    z-index: 3000;
    font-size: 12px;
    min-width: 1280px;
    min-height: 500px;
    overflow: auto
}

.dialog-body {
    padding: 30px 15px
}

.dialog-body .addRow {
    float: none;
}

.eject {
    position: absolute;
    left: 50%;
    top: 50%;
    background: #fff;
}

.ejectWrap {
    position: absolute;
    left: 50%;
    top: 50%;
    background: #fff;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    -moz-transform: translate(-50%, -50%);
    /* Firefox */
    -webkit-transform: translate(-50%, -50%);
    /* Safari 和 Chrome */
    -o-transform: translate(-50%, -50%);
    /* Opera */
}

.ejectTitle {
    height: 38px;
    border-bottom: 1px #ebebeb solid;
    overflow: hidden
}

.ejectTitle h2 {
    font-size: 14px;
    font-weight: bold;
    height: 16px;
    line-height: 16px;
    border-left: 4px #067abb solid;
    padding-left: 10px;
    margin-left: 10px;
    margin-top: 10.5px;
    float: left
}

.mainImportantLeft>.nav2Block.activeNav .nav2List {
    display: block
}


/*二级导航图标*/

.icon-bumen {
    background: url(../images/nav2/houtai/bumen1.png) no-repeat center
}

.icon-juese {
    background: url(../images/nav2/houtai/juese1.png) no-repeat center
}

.icon-renyuan {
    background: url(../images/nav2/houtai/renyuan1.png) no-repeat center
}

.icon-cheliang {
    background: url(../images/nav2/houtai/cheliang1.png) no-repeat center
}

.icon-jiashiyuan {
    background: url(../images/nav2/houtai/jiashiyuan1.png) no-repeat center
}

.icon-xitong {
    background: url(../images/nav2/houtai/xitong1.svg) no-repeat center
}

.icon-baojing {
    background: url(../images/nav2/houtai/baojing1.png) no-repeat center
}


.icon-jiankong {
    background: url(../images/nav2/diaodu/jiankong1.png) no-repeat center
}

.icon-diaodukanban {
    background: url(../images/nav2/diaodu/diaodu1.png) no-repeat center
}

.icon-quyu {
    background: url(../images/nav2/diaodu/quyuguanli1.png) no-repeat center
}

.icon-feiyongjilu {
    background: url(../images/nav2/feiyong/feiyongjilu1.png) no-repeat center
}

.icon-jiayouka {
    background: url(../images/nav2/feiyong/jiayouka1.png) no-repeat center
}

.icon-etc {
    background: url(../images/nav2/feiyong/etc1.png) no-repeat center
}

.icon-xitongshezhi {
    background: url(../images/nav2/houtai/xitongshezhi1.png) no-repeat center
}

.icon-weizhang {
    background: url(../images/nav2/yunwei/weizhang1.png) no-repeat center
}

.icon-baoyang {
    background: url(../images/nav2/yunwei/baoyang1.png)no-repeat center
}

.icon-nianjian {
    background: url(../images/nav2/yunwei/nianjian1.png) no-repeat center
}

.icon-baoxian {
    background: url(../images/nav2/yunwei/baoxian1.png) no-repeat center
}

.icon-weixiu {
    background: url(../images/nav2/yunwei/weixiu1.png) no-repeat center
}

.icon-shigu {
    background: url(../images/nav2/yunwei/shigu1.png) no-repeat center
}

.icon-shipin {
    background: url(../images/nav2/diaodu/iconvideo1.png) no-repeat center
}
.icon-lishi {
    background: url(../images/nav2/diaodu/icon-lishi1.svg) no-repeat center
}

.icon-jifeiguize {
    background: url(../images/nav2/feiyong/jifeiguize1.png) no-repeat center
}
.icon-nenghao{
    background: url(../images/nav2/feiyong/nenghao1.png) no-repeat center
}

.icon-yongchefeiyong {
    background: url(../images/nav2/feiyong/yongchefeiyongjilu1.png) no-repeat center
}

.icon-msgSym {
    background: url(../images/nav2/xiaoxi/sym1.png) no-repeat center
}

.icon-msgAlm {
    background: url(../images/nav2/xiaoxi/alm1.png) no-repeat center
}



/*报表*/

.tablechart {
    border: 1px solid #d0d0d0;
    height: 300px;
    margin: 0px 10px;
    margin-bottom: 10px;
    position: relative
}

.chartregion {
    position: relative;
    float: left;
    width: 50%;
    height: 100%
}

.introSum {
    line-height: 37px;
    margin-left: 20px;
    float: left;
}

.introSum span.numColor {
    color: #2799db;
    font-weight: bold;
}


/*二级导航图标 end*/


/*后台管理------------------------*/

.half {
    width: 50%;
    float: left;
    padding: 0px 10px;
    margin-bottom: 15px;
}

.half dt,
.rowDl dt {
    float: left;
    width: auto;
    margin-right: 8px;
}

.half dd,
.rowDl dd {
    float: none;
}

.rowDl {
    float: left;
    width: 100%;
    padding: 0px 10px;
    margin-bottom: 10px;
}

.backUp {
    display: block;
    padding: 0px 10px;
    height: 26px;
    float: left;
    border: 1px #e1e1e1 solid;
    line-height: 26px;
    color: #333;
    margin-top: 0.5px;
    margin-left: 18px;
}


/*增加返回*/

.backUp i {
    display: block;
    width: 10px;
    height: 10px;
    background: url(../images/back.png) no-repeat;
    margin-top: 6.5px;
    float: left;
    margin-right: 8px;
}

.addContent2 {
    width: 700px;
    margin-left: 10px;
    margin-top: 24px;
    position: relative
}

.muban-body {
    padding: 20px;
    padding-left: 5px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.muban-block {
    width: 180px;
    display: inline-block;
    margin-left: 15px;
    margin-bottom: 20px
}

.muban-img {
    width: 100%;
    height: 220px;
    border: 1px solid #d0d0d0;
    cursor: pointer;
    position: relative
}

.muban-img-container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.muban-img-container img {
    width: 100%
}

.muban-name,
.muban-btn {
    text-align: center
}

.muban-btn button {
    font-size: 12px;
    padding: 2px 10px;
}

.muban-name {
    font-size: 14px
}

.muban-btn {
    margin-top: 8px
}

.muban-active {
    position: absolute;
    width: 24px;
    height: 24px;
    background: url(../images/houtai/checkmark.svg) no-repeat center;
    background-size: 80% 80%;
    background-color: rgb(205, 205, 205);
    border-radius: 50%;
    top: 10px;
    right: 10px
}

.muban-block.active .muban-active {
    background-color: rgb(58, 226, 97)
}

.divide-block .titlebar {
    margin-bottom: 20px
}

.muban-img-view {
    text-align: center;
    padding-top: 10px;
    position: relative;
    overflow: auto;
    width: 100%;
    height: 100%
}


/*增加宽度*/

.addContent3 {
    width: 850px;
    margin-left: 10px;
    margin-top: 24px;
    position: relative
}


/*增加宽度*/

.addRow {
    position: relative;
    float: left;
    width: 100%
}

.addRow.form-inline .form-group {
    margin-right: 40px;
}

.addRow.form-inline .form-group label {
    width: 110px;
    text-align: right
}


/*.addRow.form-inline{ overflow:hidden}*/

.waijieblock {
    margin-left: 110px;
    margin-right: 95px;
    margin-bottom: 5px
}

.waijieblock:nth-of-type(1) {
    margin-bottom: -5px;
}

.waijietitle {
    line-height: 28px;
    color: #666;
    padding-left: 5px;
    margin-bottom: 0px;
}

.checkboxwaijie {
    padding-left: 5px;
}

.checkboxwaijie .checkbox-inline {
    margin-right: 10px;
    margin-left: 0px;
    margin-bottom: 10px;
    width: 20%
}

.checkboxwaijie .checkbox-inline input[type=checkbox] {
    margin-top: 1px;
}

.errthis {
    position: absolute;
    margin-left: 118px;
    margin-top: 1px;
    color: #F00;
    display: none
}


/*错误提示*/

.errClass .form-control {
    border-color: #F00;
}
.errClass .form-controlnew {
    border-color: #F00;
}
.form-controlnew {
    border: 1px #d1d1d1 solid;
    outline:none;
}

.errClassbordercolor{
    border-color: #F00;
}
.errClass .errthis {
    display: block;
    font-size: 12px;
    /*display: block*/
    margin-top:-3px;
}

.errText {
    color: #F00
}

.buttonRegion {
    float: left;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}


/*按钮*/

.buttonWrap {
    width: 250px;
    margin: 0px auto
}

.buttonWrap button {
    margin-left: 40px;
    width: 100px;
}

.btn.btn-info:first-child {
    margin-left: 0px;
}

.errRegion {
    text-align: center;
    height: 24px;
    margin-top: -10px
}

.errContent {
    position: relative;
    display: inline-block;
    padding: 0px 15px;
    background: #f2dede;
    color: #a94442;
    border: 1px #ebccd1 solid;
    height: 24px;
    line-height: 24px;
    border-radius: 2px;
}


/*多级审批*/

.queryAndTable.queryBody .queryIf,
.queryAndTable.queryBody .tableHere {
    width: 800px
}

.point-aim,
.icon-point {
    display: inline-block;
    float: left
}

.icon-point {
    width: 14px;
    height: 11px;
    background: url(../images/houtai/icon-point.png) no-repeat center;
    margin: 0px 10px;
    margin-top: 2px
}

.form-group-width .form-control.widthdizhi1 {
    width: 140px;
}

.form-group-width .buttonRegion {
    width: auto
}


/*部门管理*/

.bumenContent {
    padding: 0px 30px;
    padding-top: 20px;
    overflow: hidden
}

.promptDlete {
    font-size: 18px;
    padding: 0px 30px;
    padding-top: 20px;
}

.promptDleteButton {
    margin-top: 30px;
}

.promptDleteButton button {
    margin-left: 40px;
}

.eject.ejectWidthBumen {
    width: 500px;
    height: 200px;
    margin-left: -250px;
    margin-top: -100px;
}

.eject.ejectWidthguijiset {
    width: 764px;
    height: 334px;
    margin-left: -382px;
    margin-top: -167px;
}

.promptAdd {
    font-size: 18px;
    padding: 0px 30px;
    padding-top: 20px;
}

.promptAddButton .buttonWrap {
    width: 100px;
    margin: 0px auto
}

.promptDleteButton.promptAddButton .buttonWrap {
    width: 100px;
}

.eject.msgrecord {
    width: 600px;
    height: 488px;
    margin-top: -244px;
    margin-left: -300px;
}

.wrapBt.alarmDo {
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
}

.wrapBt.alarmDo .btn:first-child {
    margin-right: 10px;
}

.bindlistWrap {
    margin: 10px;
    margin-top: 0px
}

.pageArea .sumPage {
    float: left;
    line-height: 40px;
}

.pageArea .fenyePage {
    float: right;
    margin-top: 4.5px;
}

.pageArea .fenyePage .pagination {
    margin: 0px;
}

.detailResult.tableArea.tableArea-other {
    margin-left: 0px;
    margin-right: 0px;
    overflow: auto;
}

.detailResult.tableArea {
    margin: 10px;
    border: 1px #d3d3d3 solid;
    margin-top: 0px;
}

.pageArea.detailPage {
    margin: 0px 10px;
    margin-bottom: 10px;
    overflow: hidden
}

.add-msg-input {
    position: absolute;
    right: -60px;
    top: 0px
}

.add-msg-input .form-control {
    width: 80px;
    float: left
}

.add-msg-input button {
    border: none;
    height: 30px;
    float: left;
    margin-left: 5px;
    background: #1795de;
    color: #fff
}

.add-msg-input .errthis {
    margin: 0px
}

.like-input {
    width: 331px;
    overflow: hidden;
    line-height: 20px
}

/*.like-input span {*/
/*display: block;*/
/*float: right*/
/*}*/

.like-input span:first-child {
    float: left;
    width: 74px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}


/*车辆调度---------------*/

.margin-left {
    margin-left: 0px !important
}

.diaodu-list {
    float: left;
    width: 100%;
    border: 1px solid #ddd;
    padding: 15px;
    margin-bottom: 10px;
    background: #fdfcfc;
}

.contentEject {
    padding-bottom: 15px
}

.eject.ejectWidthDiaodu .contentEject {
    position: absolute;
    width: 100%;
    left: 0px;
    top: 38px;
    bottom: 0px;
    overflow: auto
}

.eject.ejectWidthDiaodu .promptDleteButton {
    margin-top: 10px;
    margin-bottom: 15px
}

.diaodu-row {
    float: left;
    width: 100%;
}

.diaodu-list .form-control {
    background: none;
    position: relative
}

.rewuNum {
    position: absolute;
    right: 0px;
    top: 4px;
    padding-right: 0px;
    background: #eaf0f3;
    padding: 0px 5px;
    color: #666;
    padding-right: 0px;
}

.diaodu-num {
    /*position: absolute;*/
    /*right: 2px;*/
    /*top: 4px;*/
    display: inline-block;
    background: #00a0e9;
    color: #fff;
    height: 20px;
    line-height: 20px;
    width: 22px;
    text-align: center;
    border-radius: 2px;
}

.phone-num {
    line-height: 30px
}

.diaodu-tip span {
    display: inline-block
}

.diaodu-tip span:first-child {
    width: 14px;
    height: 14px;
    background: #1795de;
    color: #fff;
    text-align: center;
    line-height: 14px;
    border-radius: 7px
}


/*视频监控*/

.mainImportantRight.fullScreen {
    top: -80px;
    left: 0px
}

.group_area {
    margin: 5px 10px !important;
    border: 1px solid #d0d0d0;
    padding: 5px 10px;
    height: 170px;
    overflow: auto
}



.barTopRight.barTopRight_c i {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    margin-right: 0px
}

.barTopRight.barTopRight_c i.full,
.barTopRight.barTopRight_c i.nofull {
    margin-right: 5px
}

.weilanbtWrap .icon_shipin_16 {
    background: url(../images/shipin/16.png) no-repeat center
}

.weilanbtWrap .icon_shipin_9 {
    background: url(../images/shipin/9.png) no-repeat center
}

.weilanbtWrap .icon_shipin_8 {
    background: url(../images/shipin/8.png) no-repeat center
}

.weilanbtWrap .icon_shipin_6 {
    background: url(../images/shipin/6.png) no-repeat center
}

.weilanbtWrap .icon_shipin_4 {
    background: url(../images/shipin/4.png) no-repeat center
}

.weilanbtWrap .icon_shipin_2 {
    background: url(../images/shipin/2.png) no-repeat center
}

.weilanbtWrap .icon_shipin_1 {
    background: url(../images/shipin/1.png) no-repeat center
}

.weilanbtWrap .icon_shipin_voice {
    background: url(../images/shipin/voice.png) no-repeat center
}

.weilanbtWrap .icon_shipin_photo {
    background: url(../images/shipin/capture.png) no-repeat center
}

.weilanbtWrap.active .icon_shipin_16 {
    background: url(../images/shipin/16-2.png) no-repeat center
}

.weilanbtWrap.active .icon_shipin_9 {
    background: url(../images/shipin/9-2.png) no-repeat center
}

.weilanbtWrap.active .icon_shipin_8 {
    background: url(../images/shipin/8-2.png) no-repeat center
}

.weilanbtWrap.active .icon_shipin_6 {
    background: url(../images/shipin/6-2.png) no-repeat center
}

.weilanbtWrap.active .icon_shipin_4 {
    background: url(../images/shipin/4-2.png) no-repeat center
}

.weilanbtWrap.active .icon_shipin_2 {
    background: url(../images/shipin/2-2.png) no-repeat center
}

.weilanbtWrap.active .icon_shipin_1 {
    background: url(../images/shipin/1-2.png) no-repeat center
}

.weilanbtWrap.active .icon_shipin_voice {
    background: url(../images/shipin/voice-2.png) no-repeat center, url(../images/shipin/banline.png) no-repeat center
}

.weilanbtWrap.active .weilanbtWrap .icon_shipin_photo {
    background: url(../images/shipin/capture.png) no-repeat center
}

.weilanbtWrap a {
    color: #666
}



.map_shipin_window {
    height: 200px;
    bottom: 0px;
    position: absolute;
    width: 100%
}

.map_shipin_window .tablebody {
    position: absolute;
    width: 100%;
    top: 30px;
    bottom: 0px;
    overflow: auto
}

.map_video {
    position: absolute;
    width: 100%;
    top: 0px;
    bottom: 200px;
}

.mapregion {
    position: absolute;
    width: 410px;
    top: 0px;
    bottom: 0px;
    right: 0px;
}

.videoregion {
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 410px;
    padding: 5px;
    background: #f1f1f1
}

.video_wrap {
    padding: 5px;
    float: left
}

.video_this {
    position: relative;
    width: 100%;
    height: 100%;
    border: 1px solid #d0d0d0;
    border-radius: 5px;
    overflow: hidden;
}

.video_this.active {
    border: 1px solid #1795de
}

.video_this_top {
    height: 24px;
    line-height: 24px;
    padding: 0px 10px;
}

.video_this_video {
    position: absolute;
    top: 24px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: #fff;
}

.video_this_top span {
    position: absolute;
    z-index: 100;
}

.textchepai {
    text-align: center
}

.video_num1,
.video_num2,
.video_num3,
.video_num4,
.video_num5,
.video_num6,
.video_num7,
.video_num8,
.video_num9,
.video_num10,
.video_num11,
.video_num12,
.video_num13,
.video_num14,
.video_num15,
.video_num16 {
    display: none
}

.video_show_num_1 .video_num1 {
    display: block;
    width: 100%;
    height: 100%
}

.video_show_num_2 .video_num1,
.video_show_num_2 .video_num2 {
    display: block;
    width: 50%;
    height: 100%
}

.video_show_num_4 .video_num1,
.video_show_num_4 .video_num2,
.video_show_num_4 .video_num3,
.video_show_num_4 .video_num4 {
    display: block;
    width: 50%;
    height: 50%
}

.video_show_num_6 .video_num1,
.video_show_num_6 .video_num2,
.video_show_num_6 .video_num3,
.video_show_num_6 .video_num4,
.video_show_num_6 .video_num5,
.video_show_num_6 .video_num6 {
    display: block;
    width: 33.33%;
    height: 33.33%
}

.video_show_num_6 .video_num1 {
    width: 66.66%;
    height: 66.66%
}

.video_show_num_8 .video_num1,
.video_show_num_8 .video_num2,
.video_show_num_8 .video_num3,
.video_show_num_8 .video_num4,
.video_show_num_8 .video_num5,
.video_show_num_8 .video_num6,
.video_show_num_8 .video_num7,
.video_show_num_8 .video_num8 {
    display: block;
    width: 25%;
    height: 25%
}

.video_show_num_8 .video_num1 {
    width: 75%;
    height: 75%
}

.video_show_num_9 .video_num1,
.video_show_num_9 .video_num2,
.video_show_num_9 .video_num3,
.video_show_num_9 .video_num4,
.video_show_num_9 .video_num5,
.video_show_num_9 .video_num6,
.video_show_num_9 .video_num7,
.video_show_num_9 .video_num8,
.video_show_num_9 .video_num9 {
    display: block;
    width: 33.33%;
    height: 33.33%
}

.video_show_num_16 .video_num1,
.video_show_num_16 .video_num2,
.video_show_num_16 .video_num3,
.video_show_num_16 .video_num4,
.video_show_num_16 .video_num5,
.video_show_num_16 .video_num6,
.video_show_num_16 .video_num7,
.video_show_num_16 .video_num8,
.video_show_num_16 .video_num9,
.video_show_num_16 .video_num10,
.video_show_num_16 .video_num11,
.video_show_num_16 .video_num12,
.video_show_num_16 .video_num13,
.video_show_num_16 .video_num14,
.video_show_num_16 .video_num15,
.video_show_num_16 .video_num16 {
    display: block;
    width: 25%;
    height: 25%
}


/*云台*/

.yuntai {
    position: absolute;
    width: 278px;
    height: 190px;
    background: #fff;
    bottom: 15px;
    left: 10px;
    border: 1px solid #d0d0d0;
}

.yuntaiheader {
    height: 30px;
    background: #1795de;
}

.yuntaiset {
    float: left;
    line-height: 30px;
    margin-left: 10px;
}

.yuntaiclose {
    float: right;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
}

.yuntaiset,
.yuntaiclose {
    display: block;
    color: #fff;
}

.yuanhuan {
    overflow: hidden;
}

.yuntaisethalf {
    width: 50%;
    float: left;
}

.yuanhuanhere {
    width: 90px;
    height: 90px;
    margin: 0px auto;
    position: relative;
    margin-top: 5px;
    overflow: inherit;
}

.yuntaisudu {
    padding: 0px 8px;
}

.videocheckbox {
    overflow: hidden;
    padding-left: 8px;
    margin-top: 8px;
}

.videocheckbox input {
    float: left;
    margin-top: 2px;
    margin-right: 5px;
}

.yuntaisethalfdl dl {
    overflow: hidden;
    margin-top: 4px;
    margin-bottom: 0px
}

.yuntaisethalfdl dl:first-child {
    margin-top: 10px;
}

.yuntaisethalfdl dl dt {
    line-height: 22px;
    letter-spacing: 0.3px;
    font-weight: 400
}

.yuntaisethalfdl dl dd {
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 20px;
    border: 1px solid #818181;
    margin-left: 8px;
    cursor: pointer;
}

.yuntaisethalfdl dl dd.active {
    border: 1px solid #1795de;
    background: #ecf8ff;
    color: #1795de;
}

.yuntaisethalfdl dl dt,
.yuntaisethalfdl dl dd {
    float: left;
}

.yuntaisethalfdl dl:nth-last-of-type(1) dt {
    letter-spacing: 0px;
}

.yuntaibtnwrap {
    overflow: hidden;
    margin-top: 8px;
}

.inputupdown {
    width: 60px;
    height: 20px;
    border: 1px solid #e1e1e1;
    float: left;
    margin-left: 10px;
}

.inputupdown input {
    height: 100%;
    border: none;
    margin-right: 0px;
}

.iconupdown {
    width: 15px;
    height: 100%;
    float: right;
}

.iconupdown i {
    display: block;
    width: 100%;
    height: 50%;
    height: 9px;
    background-color: #d5d1c9;
    cursor: pointer;
}

.inputupicon {
    background: url(../images/shipin/up.png) no-repeat center;
}

.inputdownicon {
    background: url(../images/shipin/down.png) no-repeat center;
}

.inputupdownw {
    width: 43px;
    float: left
}

.yuninputbtn a {
    display: block;
    float: left;
    padding: 0px 13px;
    border: 1px solid #818181;
    height: 20px;
    line-height: 20px;
    margin-left: 10px;
    color: #333
}

.shanxingbg {
    width: 40px;
    height: 26px;
    position: absolute;
    left: 50%;
    margin-left: -17px;
    z-index: 100;
}

.sxbg8 {
    transform: rotate(315deg);
    transform-origin: 17px 44px;
    -ms-transform: rotate(315deg);
    -ms-transform-origin: 17px 44px;
    -webkit-transform: rotate(315deg);
    -webkit-transform-origin: 17px 44px;
    -moz-transform: rotate(315deg);
    -moz-transform-origin: 17px 44px;
    -o-transform: rotate(315deg);
    -o-transform-origin: 17px 44px;
}

.sxbg7 {
    transform: rotate(270deg);
    transform-origin: 17px 44px;
    -ms-transform: rotate(270deg);
    -ms-transform-origin: 17px 44px;
    -webkit-transform: rotate(270deg);
    -webkit-transform-origin: 17px 44px;
    -moz-transform: rotate(270deg);
    -moz-transform-origin: 17px 44px;
    -o-transform: rotate(270deg);
    -o-transform-origin: 17px 44px;
}

.sxbg6 {
    transform: rotate(225deg);
    transform-origin: 17px 44px;
    -ms-transform: rotate(225deg);
    -ms-transform-origin: 17px 44px;
    -webkit-transform: rotate(225deg);
    -webkit-transform-origin: 17px 44px;
    -moz-transform: rotate(225deg);
    -moz-transform-origin: 17px 44px;
    -o-transform: rotate(225deg);
    -o-transform-origin: 17px 44px;
}

.sxbg5 {
    transform: rotate(180deg);
    transform-origin: 17px 44px;
    -ms-transform: rotate(180deg);
    -ms-transform-origin: 17px 44px;
    -webkit-transform: rotate(180deg);
    -webkit-transform-origin: 17px 44px;
    -moz-transform: rotate(180deg);
    -moz-transform-origin: 17px 44px;
    -o-transform: rotate(180deg);
    -o-transform-origin: 17px 44px;
}

.sxbg4 {
    transform: rotate(135deg);
    transform-origin: 17px 44px;
    -ms-transform: rotate(135deg);
    -ms-transform-origin: 17px 44px;
    -webkit-transform: rotate(135deg);
    -webkit-transform-origin: 17px 44px;
    -moz-transform: rotate(135deg);
    -moz-transform-origin: 17px 44px;
    -o-transform: rotate(135deg);
    -o-transform-origin: 17px 44px;
}

.sxbg3 {
    transform: rotate(90deg);
    transform-origin: 17px 44px;
    -ms-transform: rotate(90deg);
    -ms-transform-origin: 17px 44px;
    -webkit-transform: rotate(90deg);
    -webkit-transform-origin: 17px 44px;
    -moz-transform: rotate(90deg);
    -moz-transform-origin: 17px 44px;
    -o-transform: rotate(90deg);
    -o-transform-origin: 17px 44px;
}

.sxbg2 {
    transform: rotate(45deg);
    transform-origin: 17px 44px;
    -ms-transform: rotate(45deg);
    -ms-transform-origin: 17px 44px;
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: 17px 44px;
    -moz-transform: rotate(45deg);
    -moz-transform-origin: 17px 44px;
    -o-transform: rotate(45deg);
    -o-transform-origin: 17px 44px;
}

.centerbtn {
    width: 48px;
    height: 48px;
    background: url(../images/shipin/centerbg.png) no-repeat center;
    position: absolute;
    left: 50%;
    margin-left: -24px;
    top: 50%;
    margin-top: -25px;
    cursor: pointer;
    background-size: 100% 100%;
    line-height: 48px;
}

.centerbtn.active i {
    width: 40px;
    height: 40px;
    background: url(../images/shipin/playbtn.png) no-repeat center;
    margin-left: 4px;
    margin-top: 4px;
}

.centerbtn i {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/shipin/stopbtn.png) no-repeat center;
    margin-top: 14px;
    margin-left: 14px;
}

.shanxingbg img {
    width: 34px;
}

.yuntaisuduslid {
    width: 120px;
    position: relative;
    margin-top: 10px;
}

.speedline {
    width: 100%;
    height: 3px;
    background: #818181;
}

.rowcolorset {
    overflow: hidden;
    margin-top: 10px;
}

.textspace {
    letter-spacing: 0.3px;
}

.colorsign {
    display: block;
    float: left;
    margin-left: 30px;
}

.colorjindu {
    width: 150px;
    background: #dcdbdb;
    height: 4px;
    float: left;
    margin-left: 20px;
    margin-top: 7px;
}

.colorwidth {
    height: 4px;
    background: #1795de;
}

.zimudl {
    overflow: hidden;
    margin-top: 10px;
    padding-left: 10px;
    box-sizing: border-box;
}

.zimudl dt {
    float: left;
    line-height: 26px;
    font-weight: 400
}

.zimudl dd {
    width: 100%;
    padding-left: 75px;
    height: 26px;
}

.zimudl .radio-line:first-child {
    margin-left: 0px;
}

.zimudl .radio-line {
    line-height: 26px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-left: 15px;
    box-sizing: border-box;
    float: left;
    margin-left: 40px;
}

.zimudl .radio-line input[type=radio] {
    position: absolute;
    margin-top: 7px;
    margin-left: -18px;
}

.videobt1,
.videobt2,
.videobt3,
.videobt4 {
    display: block;
    position: absolute;
    width: 67px;
    height: 29px;
}

.videobt1 {
    left: 12px;
    top: -2.6px;
}

.videobt2 {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    /* Opera */
    left: 44.3px;
    top: 30px;
}

.videobt3 {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -moz-transform: rotate(180deg);
    /* Firefox */
    -webkit-transform: rotate(180deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(180deg);
    /* Opera */
    left: 11px;
    top: 62px;
}

.videobt4 {
    transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    /* IE 9 */
    -moz-transform: rotate(270deg);
    /* Firefox */
    -webkit-transform: rotate(270deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(270deg);
    /* Opera */
    left: -20.8px;
    top: 29.2px;
}


/*用车申请*/

.wrapQuery {
    display: inline-block;
    margin-right: 15px;
    float: left
}

.wrapQuery:first-child {
    margin-left: 0px;
}

.wrapQuery .form-group {
    margin-left: 5px
}

.ejectWidthpingjia {
    width: 400px;
    height: 378px;
    margin-left: -200px;
    margin-top: -189px;
}

.ejectWidthMapPlace {
    width: 600px;
    height: 400px;
    margin-left: -300px;
    margin-top: -200px;
}

.ejectWidthTongyi {
    width: 410px;
    height: 190px;
    margin-left: -205px;
    margin-top: -95px;
}

.ejectWidthDiaodu {
    width: 576px;
    height: 500px;
    margin-left: -288px;
    margin-top: -250px;
}

.ejectWidthchexiao {
    width: 400px;
    height: 230px;
    margin-left: -200px;
    margin-top: -115px;
}

.ejectWidthpaiche {
    width: 800px;
    height: 400px;
    margin-left: -400px;
    margin-top: -200px;
}

.ejectWidthpaichediaodu {
    width: 580px;
    margin-left: -300px;
    margin-top: -290px;
}

.ejectWidthEtc {
    width: 600px;
    height: 180px;
    margin-left: -300px;
    margin-top: -90px;
}

.ejectWidthfeiyong {
    width: 600px;
    height: 340px;
    margin-left: -300px;
    margin-top: -160px;
}

.ejectWidthshigu {
    width: 600px;
    height: 460px;
    margin-left: -300px;
    margin-top: -220px;
}

.ejectWidthEtcBind {
    width: 300px;
    height: 230px;
    margin-left: -150px;
    margin-top: -115px;
}

.ejectWidthData {
    width: 600px;
    height: 400px;
    margin-left: -300px;
    margin-top: -200px;
}



.ejectWidthShenpi.active {
    height: 376px;
    margin-top: -188px
}

.next-wrap {
    display: none
}

.next-wrap dl {
    position: relative
}

.z-tree {
    position: absolute;
    width: 260px;
    height: 200px;
    overflow: auto;
    left: 0px;
    background: #fff;
    z-index: 1000;
    border: 1px solid #d1d1d1;
    top: 30px;
    left: 60px;
}

.agreeEject .next-wrap dl {
    overflow: visible;
    height: 30px
}

.ejectWidthShenpi.active .next-wrap {
    display: block
}

.next-wrap-btn a {
    display: inline-block;
    margin-right: 15px;
    background: url(../images/point_img.png) no-repeat right center;
    padding-right: 14px
}

.ejectWidthShenpi.active .next-wrap-btn a {
    background: url(../images/point_imge.png) no-repeat right center;
}

.ejectWidthShenpi.active .next-wrap-btn {
    margin-bottom: 15px
}

.boxListWrap.paihcelist .table td.loopWrap {
    padding: 0px;
}

.boxListWrap.paihcelist .table td.loopWrap .loopTable td {
    border: none;
    border-left: 1px solid #565656;
    padding: 6px;
    border-top: 1px solid #565656;
    padding-right: 12px
}


/*.boxListWrap.paihcelist .table td.loopWrap .loopTable:first-child tr:first-child td{border-top:none}*/


/*.boxListWrap.paihcelist .table td.loopWrap .loopTable td:first-child{border-left:none}*/

.boxListWrap.paihcelist .table td.loopWrap .loopTable td.loopWrapChild {
    padding: 0px;
    border: none
}


/*.boxListWrap.paihcelist .table td.loopWrap .loopTable:first-child .loopWrapChild{border-top:1px solid #565656}*/


/*.loopWrapChild table{border-bottom: 1px solid #565656;}*/

.boxListWrap.paihcelist .table td.loopWrap .loopTable {
    margin: 10px 0px;
    background: #f4f4f4;
    border-bottom: 1px solid #333
}

.next-wrap-btn span {
    color: #666
}

.errPlace {
    text-align: center;
    margin-top: 5px;
}

.ejectText {
    overflow: hidden;
    margin: 0px 20px;
    margin-bottom: 30px;
}

.ejectText dt {
    float: left;
    margin-right: 10px;
    font-weight: 400
}

.ejectText dd {
    float: left
}

.ejectText {
    overflow: hidden
}

.ejectText dt {
    float: left;
    margin-right: 10px;
}

.ejectText dd {
    float: left
}

.dlBlock {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    margin-top: 10px;
}

.dlBlock dt {
    float: left;
    width: 50px;
}

.dlBlock dd {
    float: left
}

.iconStar {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/star.png) no-repeat center;
    float: left;
    margin-left: 15px;
    cursor: pointer
}

.iconStar:first-child {
    margin-left: 0px;
}

.mouduleBlock {
    overflow: hidden;
    margin-top: 15px;
}

.hFont {
    font-weight: bold;
    font-size: 14px;
}

.mouduleBlock:first-child {
    margin-left: 0px;
}

.iconStar.selectStar {
    background: url(../images/stars.png) no-repeat center
}

.inputSearchPlace {
    margin: 0px 120px;
    margin-top: 7px;
    position: relative
}

.inputSearchPlace input {
    height: 24px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 32px;
}

.inputSearchPlace a.searchMapBar {
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    background: url(../images/iconBar.png) no-repeat;
    top: 0px;
    margin-top: 4.5px;
    margin-left: 10px;
}

.mapThis {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 38px;
    bottom: 0px;
}

.boxSadow {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4)
}

.agreeEject {
    padding: 0px 20px;
    padding-top: 20px;
}

.agreeEject dl {
    overflow: hidden
}

.agreeEject dl dt {
    float: left;
    width: 60px;
    line-height: 30px;
    font-weight: 400
}

.agreeEject dl dd {
    float: left
}

.shenpiButton {
    display: inline-block;
    width: 60px;
    height: 28px;
    background: #2c92ec;
    border-radius: 2px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    margin-left: 17px;
}

.shenpiButton:hover {
    color: #fff
}

.addContent3 .addRow.form-inline .form-group {
    margin-right: 15px;
}

.diaoduEject {
    overflow: hidden;
    padding: 10px 20px
}

.diaoduEject dl {
    float: left;
    width: 50%
}

.diaoduEject dl dt {
    float: left;
    line-height: 30px;
    margin-right: 5px;
    font-weight: 400;
    width: 88px;
    text-align: right
}

.diaoduEject dl dd {
    float: left
}

.fengeLine {
    float: left;
    width: 100%;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: 5px
}

.rowWidth {
    width: 100% !important;
}

.flagTd {
    text-decoration: underline !important
}

.contentEject-paiche {
    padding: 15px 0px;
    position: relative;
    height: calc(100% - 38px);
    overflow: auto
}

.printLine {
    position: absolute;
    bottom: 0px;
    height: 5px;
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    left: 0px
}

.titleP {
    text-align: center;
    font-size: 14px;
}

.boxList {
    overflow: hidden;
    margin: 0px 40px;
    border: 1px #e1e1e1 solid;
    padding: 10px;
    margin-top: -1px
}

.boxList dl {
    overflow: hidden;
    margin-bottom: 5px;
}

.boxList dl dt {
    font-weight: 400;
    width: 80px;
    text-align: right;
}

.boxList dl dt {
    float: left
}

.boxList dl dd {
    float: none;
    margin-left: 84px;
}

.eject.ejectWidthchuche {
    width: 300px;
    padding-bottom: 15px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    -moz-transform: translate(-50%, -50%);
    /* Firefox */
    -webkit-transform: translate(-50%, -50%);
    /* Safari 和 Chrome */
    -o-transform: translate(-50%, -50%);
    /* Opera */
}

.eject.ejectWidthchuche .buttonWrap {
    width: 102px
}

.eject.ejectWidthchuche .promptDlete lable {
    margin-left: 30px
}

.eject.ejectWidthchuche .promptDleteButton {
    margin-top: 15px
}

.remarks_p {
    color: #666;
    margin: 0px 15px;
    margin-top: 10px;
    text-align: center
}


/*首页*/

.sumBlock ul li {
    float: left;
    width: 12.5%;
    height: 90px;
}

.sumBlock ul li:first-child .sumList {
    margin-left: 0px
}

.sumList {
    margin-left: 1px;
    height: 90px;
    background: #fff;
    text-align: center;
    overflow: hidden
}

.sumList span {
    display: block
}

.sumList span.numLine {
    display: inline
}

.sumList i.spanOther {
    font-style: normal;
    font-size: 16px;
}

.sumList span.sumListSpan1 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 20px
}

.newsRegion {
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 33.3%;
}

.upChart,
.downChart {
    position: absolute;
    height: 50%;
    width: 100%;
}

.upChart {
    top: 0px;
}

.downChart {
    top: 50%;
}

.chartWrap {
    position: relative;
    width: 33.3%;
    float: left;
    overflow: hidden;
    height: 100%
}

.ChartRight {
    left: 50%;
}

.chartChild {
    position: absolute;
    background: #fff;
    right: 5px;
    left: 5px;
    top: 5px;
    bottom: 5px;
}

.titleHead {
    height: 43px;
    border-bottom: 1px #ebebeb solid;
}

.titleHead h1 {
    font-size: 14px;
    font-weight: bold;
    height: 16px;
    line-height: 16px;
    border-left: 4px #1795de solid;
    padding-left: 8px;
    margin-top: 13px;
    float: left;
    margin-left: 10px;
}

.selectOption {
    float: right;
    line-height: 43px;
    margin-right: 10px;
    height: 44px;
    cursor: pointer;
    display: none
}

.triangle {
    display: inline-block;
    width: 10px;
    height: 6px;
    background: url(../images/jiantouDown.png) no-repeat;
    margin-left: 4px;
}

.triangle-right {
    display: inline-block;
    width: 6px;
    height: 10px;
    background: url(../images/jiangtouRight.png) no-repeat;
    margin-left: 4px;
}

.selectBlock {
    position: absolute;
    width: 84px;
    padding: 5px 0px;
    right: 10px;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
    display: none;
    z-index: 10;
    background: #fff;
}

.selectBlock a {
    display: block;
    width: 100%;
    text-align: center;
    color: #333;
    line-height: 30px;
}

.selectOption:hover .triangle {
    background: url(../images/jiantouUp.png) no-repeat;
}

.selectOption:hover .selectBlock {
    display: block
}

.selectBlock a.selectactive {
    color: #1795de
}

.chart {
    position: absolute !important;
    width: 100% !important;
    top: 43px;
    bottom: 0px;
    text-align: center;
    overflow: auto
}

.upNewsChild,
.downNewsChild {
    background: #fff;
    position: absolute;
    left: 5px;
    right: 5px;
}

.upNewsChild {
    top: 0px;
    bottom: 5px;
}

.downNewsChild {
    top: 5px;
    bottom: 0px;
}

.newsTitleRegion {
    overflow: hidden
}

.newsTitle {
    overflow: hidden;
    margin-right: 70px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.newsList {
    position: absolute;
    width: 100%;
    top: 43px;
    bottom: 0px;
    padding: 10px;
    overflow: hidden
}

.newsList a {
    display: inline-block;
    color: #333;
    width: 100%;
    margin-top: 8px;
}

.newsList a:first-child {
    margin-top: 0px;
}

.newsTime {
    float: right;
    color: #808080
}

.fontColorGreen {
    margin: 0px 4px;
}

.titleText {
    margin-left: 5px;
}

.grade {
    overflow: hidden;
    margin-top: 15px;
}

.grade:first-child {
    margin-top: 0px;
}

.textContent {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #808080;
    margin-top: 8px;
}

.renming {
    overflow: hidden;
    margin-left: 24px;
    margin-right: 120px;
}

.gradeStar {
    float: right
}

.stars {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../images/star.png) no-repeat center;
    margin-left: 5px;
}

.stars.onOther {
    background: url(../images/stars.png) no-repeat center
}

.stars:first-child {
    margin-left: 0px;
}

.number {
    width: 16px;
    height: 16px;
    color: #fff;
    text-align: center;
    line-height: 16px;
    float: left
}

.number1 {
    background: #f14c31
}

.number2 {
    background: #ff8610
}

.number3 {
    background: #ffbe10
}

.tabModel {
    float: right;
    height: 43px;
    line-height: 43px;
    margin-right: 10px;
    cursor: pointer;
    position: relative
}

.tabModel .iconmodel {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/tabicon.png) no-repeat center;
    float: left;
    margin-top: 14px;
    margin-right: 5px;
}

.tabModel span {
    display: block;
    float: left;
    color: #666
}

.modelEject {
    width: 600px;
    height: 300px;
    margin-left: -300px;
    margin-top: -150px;
}

.modelSelect {
    position: absolute;
    width: 120px;
    border: 1px solid #e1e1e1;
    background: #fff;
    z-index: 10;
    right: -10px;
    top: 42px;
}

.modelSelect a {
    display: block;
    width: 100%;
    line-height: 30px;
    text-align: center;
    color: #666
}

.modelSelect a:hover {
    background: #f1f1f1
}

.modelSelect a.active {
    display: none
}

.chart .table td {
    text-align: left
}

.chart.chartBottom {
    bottom: 30px;
}

.pagehomeChart {
    height: 30px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    line-height: 30px;
    background: #f5f5f5;
    border: 1px solid #e7e7e7;
    color: #888
}

.pageforward,
.pagelast {
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
}

.pageforward {
    float: left
}

.pagelast {
    float: right
}

.pagenum {
    margin: 0px 30px;
    text-align: center
}

.pageWrap {
    width: 150px;
    margin: 0px auto
}

.sumtable {
    padding: 10px
}

.sumtable .rowBlock {
    margin-bottom: 5px;
    border: 1px solid #e1e1e1
}

.rowBlock {
    position: relative
}

.signSum {
    overflow: hidden;
    margin-left: 40px;
    padding: 5px;
    height: 48px;
}

.signSum dl {
    float: left;
    margin-right: 10px;
    margin-bottom: 0px;
}

.signSum dl:first-child {
    margin-bottom: 5px;
}

.signSum dl dt,
.signSum dl dd {
    float: left
}

.signlabel {
    display: block;
    width: 20px;
    text-align: center;
    background: #e5e5e5;
    position: absolute;
    height: 100%;
}

.signlabel span {
    display: block;
    margin-top: 8px;
}

.signSum dl dt {
    margin-right: 5px;
}

.signSum.signSumother {
    margin-left: 5px;
}

.modelBtn {
    overflow: hidden;
}

.modelicon {
    width: 36px;
    height: 20px;
    background: #0d87c6;
    text-align: center;
    line-height: 19px;
    color: #fff;
    float: right;
    font-size: 18px;
    cursor: pointer
}

.modelintro {
    float: right;
    line-height: 20px;
    margin-right: 10px;
    cursor: pointer
}

.ejectWidthmodel {
    width: 452px;
    margin-top: -136px;
}

.modelListblock {
    overflow: hidden
}

.modelListblock li {
    width: 100px;
    float: left;
    text-align: center;
    border: 1px solid #d0d0d0;
    margin-left: 10px;
    line-height: 30px;
    cursor: pointer;
    margin-top: 10px;
}

.modelListblock li.active1 {
    border: 1px solid #1795de;
    color: #1795de
}

.ejectWidthmodel .contentEject {
    padding-top: 5px;
}

.signmodel {
    text-align: center;
    margin-top: 15px;
}

.ejectWidthmodel .promptDleteButton {
    margin-top: 15px;
}

.sumBlock .chartWrap {
    height: 200px;
}

.sumBlock .chartWrap .chart .sum-li {
    position: relative;
    height: 50%;
    width: 33.33%;
    float: left;
    padding: 5px;
}

.sumBlock .chartWrap .chart .sum-li::after {
    content: '';
    position: absolute;
    left: 0px;
    top: 20px;
    bottom: 20px;
    width: 1px;
    background: #e8e8e8
}

.sumBlock .chartWrap .chart .sum-li:nth-of-type(3n+1)::after {
    content: '';
    display: none
}

.sumBlock .chartWrap:nth-of-type(1) {
    width: 20%;
}

.sumBlock .chartWrap:nth-of-type(2),
.sumBlock .chartWrap:nth-of-type(3) {
    width: 40%;
}

.sum-li-show {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    -moz-transform: translate(-50%, -50%);
    /* Firefox */
    -webkit-transform: translate(-50%, -50%);
    /* Safari 和 Chrome */
    -o-transform: translate(-50%, -50%);
    /* Opera */
}

.sum-li-show p:first-child {
    font-size: 20px;
    font-weight: bold
}

.total-sum {
    position: absolute;
    left: 50%;
    top: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    -moz-transform: translate(-50%, -50%);
    /* Firefox */
    -webkit-transform: translate(-50%, -50%);
    /* Safari 和 Chrome */
    -o-transform: translate(-50%, -50%);
    /* Opera */
}

.sumBlock .chartWrap:nth-of-type(1) .chartChild {
    background: url("../images/sumbg.png") no-repeat center;
    background-size: cover;
}

.total-sum dl {
    margin-bottom: 0px;
}

.total-sum dl dt {
    font-size: 30px;
    margin-bottom: 10px;
}

.total-sum dl dd {
    font-size: 16px;
}

.chartAndNews {
    position: absolute;
    top: 210px;
    left: 10px;
    right: 10px;
    bottom: 5px;
}


/*监控*/

.barTopRight {
    float: right;
    margin-right: 10px;
}

.barTopRight .checkbox-inline {
    line-height: 37px;
    float: left;
    margin-right: 15px;
}

.barTopRight .checkbox-inline input[type=checkbox] {
    margin-top: 12px;
    margin-left: -18px;
}

.screen {
    display: block;
    float: right;
    margin-top: 10px;
    margin-left: 10px;
    color: #333
}

.screen i {
    display: block;
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 5px;
}

.screen i.full {
    background: url(../images/jiankong/full.png) no-repeat center
}

.screen i.nofull {
    background: url(../images/jiankong/nofull.png) no-repeat center
}

.screen.screenNo {
    display: none
}

.fullScreen .mainImportantLeft {
    display: none
}


/*全屏隐藏左侧菜单*/

.fullScreen .mainImportantRight {
    left: 0px;
}


/*全屏右侧*/

.fullScreen .screen {
    display: none
}

.fullScreen .screen.screenNo {
    display: block
}

.fullScreen .mainRight {
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}



.map-this {
    position: absolute;
    width: 100%;
    bottom: 0px;
    top: 0px;
}


.leftSearch {
    padding: 0px 10px;
    margin-top: 7px;
    position: relative
}

.leftSearch .list-group {
    position: absolute;
    z-index: 10;
    left: 10px;
    right: 10px;
}

.leftSearch.search_tab {
    float: left;
    margin-top: 0px;
    width: 220px
}

.leftSearch.search_tab .form-control {
    height: 26px
}

.row.row_tab_search {
    overflow: inherit
}

.taba {
    display: block;
    width: 25%;
    height: 26px;
    line-height: 26px;
    float: left;
    text-align: center;
    color: #333
}

.tabSelect {
    padding: 0px 1px;
    margin-top: 8px;
}

.tabSelect .row,
.listHere .row {
    margin: 0px;
    margin-bottom: 1px;
    cursor: pointer;
}

.listHere .row.active {
    background: #e2e9f1
}

.listHere {
    position: absolute;
    top: 142px;
    width: 100%;
    bottom: 0px;
    overflow-y: auto
}

.listHere .row {
    border-top: 1px #e1e1e1 solid;
    padding: 10px;
}

.listHere .row:first-child {
    border: none
}

.tabWrap {
    margin-left: 1px;
    background: #eef2f6
}

.listH {
    overflow: hidden;
    line-height: 20px;
}

.listB {
    overflow: hidden;
    margin-top: 10px;
}

.chepai,
.quxiang,
.sudu {
    display: inline-block;
    float: left
}

.sudu {
    float: right;
    color: #1795de
}

.chepai {
    font-size: 14px;
    font-weight: bold;
    width: 110px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.bhalf dt,
.bhalf dd,
.bPercent dt {
    float: left
}

.bhalf dd {
    max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.bhalf dt,
.bPercent dt {
    font-weight: 400
}

.bhalf,
.bPercent {
    margin-bottom: 0px;
}

.bhalf {
    float: left;
    width: 50%;
}

.bPercent {
    float: left;
    width: 100%;
    margin-top: 2px;
}

.quxiang {
    width: 50px;
    height: 20px;
    color: #fff;
    text-align: center
}

.goColor {
    background: #43c44f
}

.backColor {
    background: #ffae20
}

.freeColor {
    background: #c0c6cd
}

.state_xingshi {
    background: #43c44f
}

.state_tingche {
    background: #fb6b6b
}

.state_baojing {
    background: #cccc10
}

.state_chaosu {
    background: #ca50f5
}

.state_lixian {
    background: #c0c6cd
}

.state_chaoshi {
    background: #5959fb
}

.taba.active .tabWrap {
    background: #1795de;
    color: #fff
}

.mapreal {
    position: absolute;
    left: 300px;
    top: 0px;
    bottom: 0px;
    right: 0px;
}

.mapAt {
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
}

span.caozuo {
    position: absolute;
    width: 88px;
    margin-left: 15px;
    margin-top: -1px;
}

span.caozuo button {
    float: left;
    border: none;
    display: block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
}

span.caozuo button:last-child {
    margin-right: 0px;
}

span.caozuo button:hover {
    background: #f1f1f1
}

span.caozuo button.button0 {
    background: url(../../images/jiankong/wladd.png) no-repeat center
}

span.caozuo button.button1 {
    background: url(../../images/jiankong/wledit.png) no-repeat center
}

span.caozuo button.button2 {
    background: url(../../images/jiankong/wlbind.png) no-repeat center
}

span.caozuo button.button3 {
    background: url(../../images/jiankong/wldel.png) no-repeat center
}

span.caozuo button.button4 {
    background: url(../../images/jiankong/wldhidden.png) no-repeat center
}


/*围栏*/

.weilanWrap {
    position: absolute;
    right: 5px;
    width: 265px;
    background: #fff;
    top: 20px;
    bottom: 20px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2)
}


/*.obdWrap{width: 236px;}*/

.obdWrap {
    width: 380px;
    top: 0px;
    bottom: 0px;
    box-shadow: none;
    border: 1px solid #e2e2e2;
    border-top: none;
    border-right: none;
    background: #f1f5f8;
    color: #333;
    z-index: 100
}

.weilanbtWrap {
    float: left;
    line-height: 16px;
    margin-top: 10px;
    cursor: pointer;
    margin-right: 10px;
}

.iconweilan {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    background: url(../images/jiankong/iconwl.png) no-repeat center;
    margin-right: 5px;
}

.weilanbtWrap.active .iconweilan {
    background: url(../images/jiankong/iconwl1.png) no-repeat center;
}

.weilanbtWrap.active {
    color: #1795de
}

.weilansearch {
    margin: 0px 5px;
    margin-top: 5px;
    position: relative
}

.weilansearchbar {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0px;
    background: url(../images/iconBar.png) no-repeat center
}

.weilansearch input {
    padding-left: 30px;
}

.weilantree {
    position: absolute;
;
    top: 40px;
    bottom: 0px;
    width: 100%;
    padding: 5px;
}

.rightClick {
    position: absolute;
    width: 80px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3)
}

.rightClick a {
    display: block;
    width: 100%;
    line-height: 24px;
    text-align: center;
    color: #333
}

.rightClick a:hover {
    background: #f1f1f1
}

.editWeilanName {
    width: 300px;
    height: 180px;
    margin-left: -150px;
    margin-top: -90px;
}

.weilanerr {
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #F00;
}

.editWeilanName .ejectInfo {
    margin: 0px 20px;
    overflow: hidden
}

.editWeilanName .buttonWrap {
    width: 100px;
    margin: 0px auto;
    margin-top: 20px;
}

.weilanxz {
    width: 490px;
    height: 286px;
    margin-left: -231px;
    margin-top: -143px;
}

.weilanejectContent {
    padding: 0px 20px;
}

.weilanejectContent .form-group {
    margin-left: 0px;
}

.form-control.namexz {
    width: 361px;
}

.weilanejectContent label {
    width: auto;
}

.weilanxz .weilanejectContent label {
    width: 60px;
}

.form-control.selectinput {
    width: 118px;
}

.weilanxz .buttonWrap {
    width: 100px;
    margin: 0px auto;
    margin-top: 15px;
}

.weilanbd {
    width: 930px;
    height: 500px;
    margin-left: -465px;
    margin-top: -250px;
    z-index: 100
}

.mapbj {
    width: 1159px;
    height: 524px;
    margin-left: -565px;
    margin-top: -262px;
    z-index: 100
}

.timeweilanbd {
    width: 580px;
    height: 476px;
    margin-left: -290px;
    margin-top: -238px;
}

.timeweilanbd .weilanbdTable .bdTableBody td .form-control {
    width: 42%;
    float: right;
    margin: 0px;
    text-align: right
}

.timeweilanbd .weilanbdTable .bdTableBody td .form-control:first-child {
    float: left;
    text-align: left
}

.diviLine {
    display: block;
    width: 16%;
    float: left;
    text-align: center
}

.timeweilanbd .form-control,
.weilanbd .form-control {
    width: 120px;
    margin-right: 10px;
}

.timeweilanbd .buttonWrap,
.weilanbd .buttonWrap {
    width: 100px;
    margin: 0px auto;
}

.weilanbdTable {
    height: 300px;
    margin-bottom: 20px;
    position: relative;
    border: 1px solid #e1e1e1
}

.weilanbdTable table.table th {
    text-align: center;
    padding: 0px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #e1e1e1
}

.weilanbdTable table.table td {
    text-align: center;
    padding: 0px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #e1e1e1;
    padding: 0px 5px;
}

.timeweilanbd .form-inline,
.weilanbd .form-inline {
    margin-top: 15px;
}

.bdTableBody {
    position: absolute;
    top: 30px;
    width: 100%;
    bottom: 0px;
    overflow: auto;
}

.timeweilanbd .bdTableBody .form-control,
.weilanbd .bdTableBody .form-control {
    width: 100%;
    border: none;
    box-shadow: none
}

.bdTableBody table tr td:first-child {
    border-left: 0px;
}

.bdTableBody table tr td:last-child {
    border-right: 0px;
}

.weilanejectContent .table>tbody>tr:nth-child(even) input {
    background: #f1f4f7
}

.weilanTimeset dl dt,
.weilanTimeset dl dd {
    float: left
}

.weilanTimeset dl dt {
    font-weight: 400;
    margin-right: 20px;
}

.weilanTimeset {
    overflow: hidden;
    padding: 0px 15px;
}

.weilanTimeset input[type=checkbox] {
    margin-top: 2px;
}

.weilanTimeset {
    float: left
}

.time-weilan-bt {
    float: right;
    margin-right: 15px;
    margin-top: -7px;
}

.time-weilan-bt .btn:first-child {
    margin-right: 10px;
}

.weilanejectContent .form-group:nth-of-type(1) .form-control.namexz {
    width: 200px;
}


/*OBD*/


/*.mapejectList{position: absolute;top:38px;bottom:0px;width: 100%;padding: 10px;overflow:auto}*/

.mapejectList {
    position: absolute;
    top: 38px;
    bottom: 40px;
    width: 100%;
    overflow: auto
}


/*.mapejectList dl{overflow:hidden;margin-bottom: 8px;}
.mapejectList dl dt{float:left;margin-right:5px;font-weight: 400;color: #333}
.mapejectList dl dd{word-break:break-all;color: #666}
.mapejectList .table td{border-bottom: 1px solid #e1e1e1;border-left:1px solid #e1e1e1;padding: 2px 6px;}
.mapejectList .table tr td:first-child{border-left:none}
.mapejectList .table>tbody>tr:nth-child(even){background: #fff}*/

.timedl {
    float: right;
    margin-bottom: 0px;
    margin-right: 10px;
}

.timedl dt,
.timedl dd {
    float: left;
    line-height: 38px;
}

.timedl dt {
    font-weight: 400
}

.blockObd h2 {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}

.blockObd {
    overflow: hidden;
    margin: 0px 10px;
    margin-top: 5px;
}

.blockObd:first-child {
    margin-top: 10px;
}

.blockObd dl.obdlistdl {
    float: left;
    width: 50%;
    margin-bottom: 5px;
}

.blockObd dl.obdlistdl {
    padding-right: 5px;
}

.blockObd dl.obdlistdl:nth-of-type(2n) {
    padding-left: 5px;
}

.blockObd dl.obdlistdl dt,
.blockObd dl.obdlistdl dd {
    font-weight: 400;
    float: left
}

.blockObd dl.obdlistdl dd {
    color: #218af3;
    float: none;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blockObd dl.obdlistdl dt {
    width: 88px;
    margin-right: 10px;
}

.faultblock {
    overflow: hidden;
    width: 100%
}

.faultdl dt {
    font-weight: 400;
    float: left;
    margin-right: 5px;
}

.faultdl dd {
    float: none;
    word-break: break-all;
}

.faultcode {
    color: #218af3
}


/*气泡窗*/

.qipaoWindow {
    width: 420px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.7);
    position: absolute
}

.qipaoTitle {
    height: 40px;
    border-bottom: 1px #ebebeb solid;
    line-height: 40px;
    padding: 0px 10px;
}

.license,
.iconfollow,
.directTo,
.speed {
    display: inline-block;
    float: left;
    margin-left: 10px;
}

.license {
    font-size: 14px;
    margin-left: 0px;
}

.directTo {
    width: 50px;
    height: 20px;
    text-align: center;
    color: #fff;
    margin-top: 10px;
    line-height: 20px;
}

.iconfollow {
    width: 17px;
    height: 15px;
    background: url(../images/jiankong/nofollow.png) no-repeat center;
    margin-top: 12.5px;
}

.iconfollow.iconfollowYes {
    background: url(../images/jiankong/follow.png) no-repeat
}

.speed {
    color: #1795de
}

.setBar {
    display: inline-block;
    float: right;
    width: 16px;
    height: 16px;
    background: url(../images/jiankong/setbar.png) no-repeat;
    margin-top: 12px;
}

.close.qipaoClose {
    color: #818488;
    margin-left: 15px;
    margin-top: 9px
}

.qipaomain {
    overflow: hidden;
    padding: 10px;
}

.qipaomain .bPercent {
    margin-top: 0px;
}

.bPercent-1 {
    margin-bottom: 10px;
}

.qipaomain .bPercent dd {
    float: none;
    margin-left: 32px;
}

.qipaomain .bhalf {
    margin-bottom: 10px;
}

.qipaoOption {
    padding: 8px 10px;
    border-top: 1px #ebebeb solid;
    overflow: hidden;
    padding-bottom: 0px;
}

.doOption {
    display: block;
    height: 26px;
    float: left;
    margin-left: 18px;
    color: #333;
    text-align: center;
    line-height: 26px;
    margin-bottom: 10px;
}

.doOption.active {
    color: #1795de
}

.doOption:first-child {
    margin-left: 0px;
}

.qipaoPoint {
    position: absolute;
    width: 20px;
    height: 14px;
    background: url(../images/jiankong/qipaopoint.png) no-repeat;
    left: 50%;
    margin-left: -10px;
    margin-top: 0px;
}

.obdhrefbtn {
    dispaly: block;
    width: 100%;
    color: #fff;
    background: #1795df;
    position: absolute;
    bottom: 0px;
    line-height: 40px;
    text-align: center
}

.obdhrefbtn:hover,
.obdhrefbtn:active,
.obdhrefbtn:visited {
    color: #fff
}


/*气泡窗 end*/


/*增加标注*/

.signB {
    position: absolute;
    height: 288px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: #fff;
    border-radius: 4px;
    z-index: 1000;
}

.signweilan {
    position: absolute;
    right: 10px;
    width: 350px;
    height: 283px;
    background: #fff;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    bottom: 50px;
    z-index: 1000
}

.signHead {
    height: 34px;
    overflow: hidden;
    background: #0f8bc5;
    line-height: 34px;
    color: #fff;
}

.signHead span {
    margin-left: 10px;
}

.signHead a {
    display: block;
    float: right;
    color: #fff;
    font-size: 20px;
    width: 34px;
    height: 34px;
    text-align: center
}

.signForm {
    margin: 0px 10px;
    margin-top: 6px;
}

.signForm p.pErr {
    text-align: center;
    color: #F00;
    height: 16px;
}

.signForm dl {
    overflow: hidden;
    margin-top: 7px;
    margin-bottom: 0px;
}

.signForm dl dt {
    float: left;
    line-height: 24px;
    width: 54px;
    font-weight: 400
}

.signForm dl dd {
    float: left
}

.signForm dl dd .form-control {
    border-radius: 0px;
}

.signForm dl dd input.inputW7 {
    width: 160px;
    height: 24px;
}

.signForm dl dd select.inputW7 {
    width: 160px;
    height: 24px;
}

.signForm dl dd input.inputW7s {
    width: 48px;
    height: 24px;
}

.signForm dl dd span.iconAs {
    display: block;
    width: 28px;
    height: 28px;
    cursor: pointer;
    float: left
}

.signForm dl dd span.iconAs img {
    width: 16px;
    height: 16px;
    margin-left: 6px;
    margin-top: 6px;
}


/*.signForm dl dd span.iconAs i{ display:block; width:14px; height:14px; background:url(../images/addIcon.png) no-repeat 0px 0px; margin:0 auto; margin-top:7px;}
.signForm dl dd span.iconAs.iconP i{background:url(../images/dw.png) no-repeat; width:16px; height:16px; background-size:100% 100%; margin-top:6px;}*/

.signName {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: rgba(0, 0, 0, 0.02)
}

.signNameWrite {
    background: #fff;
    position: absolute;
    width: 220px;
    height: 160px;
    border-radius: 4px;
    top: 50%;
    left: 50%;
    margin-left: -110px;
    margin-top: -80px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5)
}

.signMc {
    overflow: hidden;
    margin: 0px 10px;
    margin-top: 6px;
    margin-bottom: 10px;
}

.signMc p {
    margin-bottom: 10px;
}

.signMc span {
    display: block;
    line-height: 28px;
    float: left
}

.signMc input {
    float: right
}

.signMc input.inputW8 {
    width: 160px;
    height: 26px;
}

.buttonFor {
    display: block;
    color: #fff !important;
    background: #0985bf;
    border-radius: 2px;
    display: block;
    text-align: center;
    width: 100px;
    height: 28px;
    margin: 0px auto;
    line-height: 28px;
}

.buttonFor.buttonForS1 {
    margin-top: 26px;
}

.signIcon {
    position: absolute;
    background: #fff;
    width: 180px;
    padding-bottom: 10px;
    margin-top: 28px;
    border: 1px #ccc solid;
    z-index: 10;
    margin-left: 54px;
}

.signIconList {
    overflow: hidden
}

.signIconList ul li {
    float: left;
    cursor: pointer
}

.signIconList ul li img {
    margin-left: 9px;
    margin-top: 9px;
    width: 20px;
}

.unitD {
    line-height: 28px;
    margin-left: 10px
}

.slipper {
    width: 120px;
    background: #cac9c9;
    height: 10px;
    margin-top: 9px;
    border-radius: 5px;
}

.slipperChild {
    height: 10px;
    border-radius: 5px;
    background: #f5902a;
    position: relative
}

.circleSlide {
    width: 16px;
    height: 16px;
    background: #f3f3f4;
    border: 1px #ccc solid;
    right: 0px;
    position: absolute;
    margin-top: -4px;
    border-radius: 50%;
}

.danweiBiaozhu {
    line-height: 30px;
    margin-left: 3px;
}

.biaozhutree {
    position: absolute;
    top: 32px;
    width: 100%;
    left: 0px;
    bottom: 0px;
    padding: 10px;
    overflow: auto
}

.biaozhu-top {
    top: 34px;
    padding: 0px;
}

.signGroupTitle .checkbox-inline {
    vertical-align: inherit;
}

.signGroupTitle .checkbox-inline input[type=checkbox] {
    top: 6px
}

.signGroupTitle {
    line-height: 32px;
    height: 32px;
    border-bottom: 1px #e7e7e7 solid;
    border-top: 1px #e7e7e7 solid;
    background: #f5f5f5;
    padding: 0px 10px;
}

.option-a {
    float: right;
    display: inline-block
}

.signAdd {
    margin-left: 5px;
    display: inline-block
}

.signRefresh {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: #000;
    float: right;
    margin-top: 8px;
    margin-left: 5px;
    background: url("../images/jiankong/fresh.png") no-repeat center
}

.sign-active .biaozhutree {
    bottom: 293px;
    border-bottom: 1px solid #d0d0d0
}

.rowSign {
    overflow: hidden;
    line-height: 30px;
}

.editSign {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/edit.png) no-repeat;
    float: right;
    margin-top: 7px;
}

.rowSign .checkbox-inline {
    margin-right: 26px;
    display: block;
}

.rowSign .checkbox-inline input[type=checkbox] {
    margin-top: 9px;
}

.signText {
    display: block;
    margin-left: 0px;
    margin-right: 0px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.weilanWrap.biaozhuset {
    top: 0px;
    bottom: 2px;
}

.iconbiaozhu {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    background: url(../images/jiankong/iconbz.png) no-repeat center;
    margin-right: 5px;
}

.weilanbtWrap.active .iconbiaozhu {
    background: url(../images/jiankong/iconbzs.png) no-repeat center;
}


/*街景*/

.jiejing {
    position: absolute;
    width: 50%;
    right: 0px;
    top: 0px;
    bottom: 0px;
    display: none
}

.jiejingMap {
    position: absolute;
    width: 100%;
    top: 0px;
    bottom: 0px;
}

.mapreal.jiejingShow .mapAt {
    width: 50%;
    left: 0px;
    top: 0px;
    bottom: 0px;
}

.mapreal.jiejingShow .jiejing {
    display: block
}

.jiejingClose {
    position: absolute;
    width: 30px;
    height: 30px;
    background: rgba(0, 0, 0, 0.3);
    top: 10px;
    right: 10px;
    z-index: 10;
    text-align: center
}

.jiejingClose button.close {
    margin-top: 5px;
    margin-right: 8px;
    color: #fff
}

.iconbiaozhu-add {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    background: url(../images/jiankong/bz-add.png) no-repeat center;
    margin-right: 5px;
}

.weilanbtWrap.active .iconbiaozhu-add {
    background: url(../images/jiankong/bz-add1.png) no-repeat center;
}


/*待办*/

.taskRegion {
    position: absolute;
    bottom: 15px;
    right: 15px;
    z-index: 10;
}


/*.taskRegion:hover{right:-5px;}*/

.taskBall-s {
    width: 80px;
    height: 80px;
    background: url(../images/ball.png) no-repeat;
    background-size: 100%;
    padding-top: 18px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    cursor: pointer;
}

.numDaiban,
.titleDaiban {
    display: block;
    text-align: center;
    color: #fff;
}

.numDaiban {
    font-size: 18px;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2)
}

.titleDaiban {
    font-size: 12px;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2)
}

.daibanList {
    background: #fff;
    width: 320px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    height: 350px;
}

.daibanTitle {
    height: 34px;
    background: #fc9615;
    color: #fff;
    line-height: 34px;
    padding-left: 10px;
}

.daibanTitle button.close {
    color: #fff;
    opacity: 0.8;
    margin-top: 7px;
}

.daibanMain {
    padding: 10px;
    padding-top: 5px;
    position: absolute;
    top: 34px;
    overflow: auto;
    bottom: 0px;
    width: 100%
}

.titleWrap {
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    cursor: pointer
}

.titleWrap .triangle {
    margin-left: 0px;
    margin-right: 4px;
    background: url(../images/jiantouUp.png) no-repeat;
}

.titleWrap span {
    font-weight: bold;
    color: #333
}

.daibanListBody {
    display: none
}

.daibanActive .daibanListBody {
    display: block
}

.daibanActive .triangle {
    background: url(../images/jiantouDown.png) no-repeat;
}

.daibanListBody .row {
    margin: 0px;
    margin-top: 10px;
}

.daibanListBody .row:first-child {
    margin-top: 0px;
}

.daibanListBody .row dl {
    overflow: hidden;
    margin-bottom: 0px;
    font-size: 12px;
    margin-top: 5px;
}

.daibanListBody .row dl:first-child {
    margin-top: 0px;
}

.daibanListBody .row dl dt,
.daibanListBody .row dl dd {
    float: left;
    color: #666;
    width: 50%;
}

.daibanListBody .row dl dt {
    padding-right: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.daibanListBody .row dl dd {
    text-align: right;
    padding-left: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.daibanListBody .row dl dt.fontnomal {
    font-weight: 400
}

.daibanBlock {
    margin-top: 10px;
}

.daibanBlock:first-child {
    margin-top: 0px;
}


/*轨迹回放*/

.leftguiji {
    position: absolute;
    width: 320px;
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    background: #fff;
}

.rightguiji {
    position: absolute;
    left: 330px;
    top: 10px;
    right: 10px;
    bottom: 10px;
}

.guijih {
    font-weight: 400;
    font-size: 12px;
    background: #f9f9f9;
    padding-left: 15px;
    color: #333333;
    overflow: hidden;
    padding-top: 15px;
    padding-bottom: 10px;
}

.guijichepai {
    float: left;
    border-left: 4px #1795de solid;
    padding-left: 10px;
}

.guijichepai p {
    margin: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 220px;
}

.guijichepai p:first-child {
    margin-bottom: 8px;
}

.downloadguiji {
    display: block;
    float: right;
    margin-right: 15px;
}

.rlDate {
    overflow: hidden;
    margin-top: 10px;
    font-size: 12px;
    margin: 0px 15px;
    margin-top: 10px;
}

.rlTop {
    height: 30px;
    background: #1795de;
    text-align: center;
    line-height: 30px;
}

.rlTop span {
    color: #fff;
    display: block;
}

.rlWeek span {
    display: block;
    float: left;
    width: 14.285%;
    text-align: center;
    line-height: 24px;
    color: #27b5e5
}

.rlDays table {
    margin: 0px;
}

.rlDays table tr td {
    text-align: center;
    border: 1px #d0d0d0 solid;
    height: 39px;
    cursor: pointer
}

.rlDays table tr td span {
    display: block;
    margin: 0px auto;
    width: 36px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.rlDays table tr td.rlOn {
    background: #e4f3fb
}

.daterow {
    margin-top: 15px;
}

.buttonguiji {
    width: 200px;
    margin: 0px auto;
    margin-top: 30px;
}

.buttonguiji .btn-info {
    margin-right: 30px;
}

.guijicontent {
    overflow: hidden;
    padding: 0px 15px;
    padding-top: 20px;
    padding-left: 0px;
}

.guijicontent .half {
    margin-bottom: 8px;
    width: 340px;
    margin-left: 30px
}

.guijicontent .form-group label {
    width: 100px;
    text-align: right
}

.hafdl {
    margin: 0px;
}

.hafdl dt,
.hafdl dd {
    float: left;
    line-height: 30px;
}

.hafdl dd {
    margin-left: 0px;
}

.hafdl dt {
    font-weight: 400;
    width: 100px;
    text-align: right;
    margin-right: 10px;
}

.halfdd .radio-inline input[type=radio] {
    margin-top: 8px
}

.halfdd .radio-inline:first-child {
    margin-right: 20px;
}

.guijibuttonset .btn {
    width: 100%
}

.guijibuttonset {
    width: 120px;
    margin: 0px auto;
    margin-top: 30px;
}

.maptool {
    padding-left: 20px;
    padding-right: 0px;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.8);
    position: absolute;
    right: 15px;
    background: #fff;
    top: 15px;
}

.iconBlock {
    display: block
}

.toolblock {
    float: left;
    line-height: 36px;
    margin-right: 20px;
    cursor: pointer
}

.iconmingxi,
.iconquxian,
.iconceju {
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 5px;
    margin-top: 10px;
}

.iconmingxi {
    background: url(../images/jiankong/iconmingxi.png) no-repeat center;
}

.iconquxian {
    background: url(../images/jiankong/iconquxian.png) no-repeat center
}

.iconceju {
    background: url(../images/jiankong/iconceju.png) no-repeat center
}

.toolblock.active .iconmingxi {
    background: url(../images/jiankong/iconmingxi1.png) no-repeat center;
}

.toolblock.active .iconquxian {
    background: url(../images/jiankong/iconquxian1.png) no-repeat center
}

.toolblock.active .iconceju {
    background: url(../images/jiankong/iconceju1.png) no-repeat center
}

.toolblock.active span {
    color: #1795de
}

.toolblock .checkbox-inline input[type=checkbox] {
    margin-top: 12px;
}

.mingxidiv {
    height: 320px;
    background: #fff;
    position: absolute;
    top: 55px;
    border: 1px #e1e1e1 solid;
    padding: 15px;
    z-index: 1000;
    overflow: hidden;
    left: 55px;
    right: 0px;
}

.mingxidiv .table {
    margin-bottom: 0px;
}

.mingxidiv .table th,
.mingxidiv .table td {
    border-bottom: 1px #ccc solid;
    white-space: inherit
}

.mingxiHead {
    background: #edebeb;
    overflow: hidden;
    margin-top: 22px;
}

.mingxiBody {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    top: 67px;
    overflow: auto
}

.mapguijihere {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.barprogress {
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 50px;
    z-index: 798;
    width: 650px;
    height: 50px;
    border-radius: 5px;
    left: 50%;
    margin-left: -250px;
    color: #fff;
    line-height: 50px;
    font-size: 12px;
}

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

.maildate span {
    margin-right: 20px;
}

.playregion {
    width: 66px;
    position: absolute;
    left: 50%;
    top: 11px;
}

.playregion a:first-child {
    margin-left: 0px;
}

.iconplay,
.iconstop,
.iconpause {
    display: block;
    width: 28px;
    height: 28px;
    float: left;
    margin-left: 10px;
    background: url(../images/jiankong/play_ico.png) no-repeat;
}

.iconplay:hover {
    background-position: -28px 0px
}

.iconstop {
    background-position: 0px -56px
}

.iconstop:hover {
    background-position: -28px -56px
}

.iconpause {
    background-position: 0px -28px
}

.iconpause:hover {
    background-position: -28px -28px
}

.gressregion {
    float: right;
    margin-right: 10px;
}

.bargresswrap {
    width: 100%;
    background: #fff;
    height: 12px;
    border-radius: 6px;
    overflow: hidden
}

.progresshere {
    float: left;
    width: 70px;
    height: 12px;
    margin: 0px 5px;
    margin-top: 19px;
    position: relative
}

.jinduregion {
    background: #e78f08;
    height: 12px;
}

.textblock {
    display: block;
    float: left;
}

.jinduPointBar {
    width: 16px;
    height: 16px;
    border-radius: 7px;
    background: #fff;
    position: absolute;
    margin-top: -14px;
    border: 1px solid #ff863d
}

.doOption.exportsMx {
    position: absolute;
    top: 6px;
    cursor: pointer;
    right: 15px;
}


/*--------------------------------------------------------------------------------------------*/

.picTitle {
    display: block;
    float: left;
    margin-right: 10px;
    width: 110px;
    margin-right: 5px;
    text-align: right;
}

.picAdd {
    float: left
}

.imgWrap {
    width: 158px;
    height: 158px;
    border: 1px #c4c3c3 solid;
    background: url(../images/iconadd.png) no-repeat center;
    background-color: #fff;
    cursor: pointer;
    float: left;
    margin-right: 18px;
    line-height: 158px;
    margin-bottom: 20px;
}

.blackBlock {
    display: none
}

.imgWrap.imgWrap-other {
    position: relative
}

.imgWrap img {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}

.imgWrap.imgWrap-other .blackBlock {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: rgba(0, 0, 0, 0.6);
    z-index: 100;
}

.blackOp {
    position: absolute;
    width: 100%;
    line-height: 30px;
    bottom: 0px;
}

.blackOp a:first-child {
    padding: 0px;
    background: url(../images/yulanicon.png) no-repeat 10px 9px;
    padding-left: 30px;
    text-align: left;
}

.blackOp a {
    display: block;
    float: left;
    width: 50%;
    color: #fff;
    text-align: right;
    background: url(../images/delicon.png) no-repeat 32px 9px;
    overflow: hidden;
    box-sizing: border-box;
    padding-right: 10px
}

.imgWrap.imgWrap-other:hover .blackBlock {
    display: block
}

.iconSheBei {
    display: block;
    width: 0px;
    height: 28px;
    background: #2c92ec;
    float: left;
    color: #fff;
    line-height: 28px;
    text-align: center;
    margin-left: 0px;
}

a.iconSheBei:hover {
    color: #fff
}

.form-control.width9 {
    width: 684px;
    height: 60px;
}


/*input宽度*/

.form-control.widthb {
    width: 126px;
    height: 30px;
}

.date {
    float: left;
}

.fieldsList dl {
    margin-left: 40px;
    float: left
}

.fieldsList dl:first-child {
    margin-left: 0px;
}

.fieldsList dl dt {
    width: 110px;
    float: left;
    line-height: 28px;
    margin-right: 5px;
}

.fieldsList dl dd {
    float: left
}

.fieldsList.fieldsList-other dl {
    width: 50%;
    margin-left: 0px;
}

.fieldsList.fieldsList-other dl dt {
    font-weight: bold;
    line-height: inherit
}

.fieldsList.fieldsList-other dl dd {
    float: none;
    line-height: 28px;
    margin-left: 90px;
    color: #666;
    line-height: inherit
}

.addFieldRow {
    overflow: hidden;
}

.addFieldRowfile {
    overflow: hidden;
    margin-top: 20px;
}

.picDetail {
    display: block;
    float: left;
    width: 110px;
    font-weight: bold;
    margin-right: 5px;
}

.blockPicWrap {
    overflow: hidden;
}

.blockPicWrap .blockPic {
    width: 90px;
    height: 90px;
    border: 1px #c4c3c3 solid;
    float: left;
    margin-left: 15px;
    line-height: 90px;
}

.blockPicWrap .blockPic:first-child {
    margin-left: 0px;
}

.blockPicWrap .blockPic img {
    width: 100%;
    height: 100%;
    display: inline-block
}



.iconDetailCl {
    width: 28px;
    height: 28px;
    margin-top: -5px;
}

.eject.ejectWidthBumen2 {
    width: 600px;
    padding-bottom: 10px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    -moz-transform: translate(-50%, -50%);
    /* Firefox */
    -webkit-transform: translate(-50%, -50%);
    /* Safari 和 Chrome */
    -o-transform: translate(-50%, -50%);
    /* Opera */
}

.message {
    margin-left: 40px;
    margin-top: 20px;
}


/*授权*/

.listAreaWrap:first-child {
    margin-top: 5px;
}

.listAreaWrap {
    margin: 0px 15px;
    border: 1px #d3d3d3 solid;
    overflow: hidden;
    margin-bottom: 10px;
}

.infoListInfo-other {
    background: #fff;
    overflow: hidden;
    padding-bottom: 20px;
}

.infoListInfo-other .listAreaWrap:first-child {
    margin-top: 15px;
}

.headCheck {
    height: 40px;
    background: #eeeeee;
    line-height: 40px;
    position: relative
}

.headCheck.selectList {
    background: #cccfd2
}

.headCheck span {
    font-size: 14px;
    font-weight: bold
}

.headCheck input[type=checkbox] {
    float: left;
    margin-top: 13px;
    margin-right: 10px;
    margin-left: 12px;
}

.arrow {
    left: 95px;
    height: 40px;
    right: 0px;
    position: absolute;
    top: 0px;
}

.arrow .arrow1 {
    width: 0px;
    height: 0px;
    border-left: 8px rgba(0, 0, 0, 0) solid;
    border-right: 8px rgba(0, 0, 0, 0) solid;
    border-top: 5px #808080 solid;
    position: absolute;
    right: 10px;
    margin-top: 18px;
}

.arrow .arrow2 {
    width: 0px;
    height: 0px;
    border-left: 8px rgba(0, 0, 0, 0) solid;
    border-right: 8px rgba(0, 0, 0, 0) solid;
    border-top: 5px #eeeeee solid;
    position: absolute;
    margin-top: 16px;
    right: 10px;
}

.headCheck.selectList .arrow .arrow1 {
    width: 0px;
    height: 0px;
    border-left: 8px rgba(0, 0, 0, 0) solid;
    border-right: 8px rgba(0, 0, 0, 0) solid;
    border-bottom: 5px #808080 solid;
    position: absolute;
    border-top: none;
    margin-top: 16px;
}

.headCheck.selectList .arrow .arrow2 {
    width: 0px;
    height: 0px;
    border-left: 8px rgba(0, 0, 0, 0) solid;
    border-right: 8px rgba(0, 0, 0, 0) solid;
    border-bottom: 5px #cccfd2 solid;
    position: absolute;
    border-top: none;
    margin-top: 18px;
}

.table-other {
    border-collapse: collapse;
    width: 100%;
}

.table-other td {
    border-top: 1px #d3d3d3 solid;
    vertical-align: middle
}

.checkWrap {
    margin-bottom: 10px;
}

.rowCheckWrap {
    overflow: hidden;
    margin-top: 12px;
    padding-bottom: 2px
}

.rowCheckWrap .checkWrap {
    float: left;
    margin-right: 15px;
}

.table-other td input[type=checkbox] {
    float: left;
    margin-top: 2px;
    margin-left: 12px;
    margin-right: 12px
}

.table-other tr:first-child td {
    border-top: none
}

.td1 {
    background: #eeeeee;
    width: 130px;
    border-right: 1px #d3d3d3 solid;
}

.td2 {
    background: #f9f9f9;
    width: 130px;
    border-right: 1px #d3d3d3 solid;
}

.tableArea .table>tbody>tr:nth-of-type(2n) {
    background: #f5f6fa
}

.checkArea {
    display: none
}

.headCheck.selectList~.checkArea {
    display: block
}

.td1 .checkWrap,
.td2 .checkWrap {
    margin-bottom: 0px;
}

.moreDo {
    width: 100px;
    position: absolute;
    background: #fff;
    border: 1px #e3e3e3 solid;
    right: 15px;
    z-index: 10;
    display: none;
    margin-top: -2px
}

.detailResult.tableArea .table>tbody>tr>td .moreDo a {
    display: block;
    height: 30px;
    line-height: 30px;
    color: #333;
    text-decoration: none !important;
    margin-right: 0px;
}

.detailResult.tableArea .table>tbody>tr>td .moreDo a:hover {
    background: #f5f5f5;
    color: #0777c5
}

.tableArea .table>tbody>tr>td:last-child {
    position: relative;
    overflow: inherit
}

.table-hover>tbody>tr:hover {
    background: none
}


/*车辆信息*/

.menuContent {
    z-index: 91000
}

.imgShebei {
    float: left
}

.iconSheBei {
    display: block;
    width: 74px;
    height: 28px;
    background: #2c92ec;
    float: left;
    color: #fff;
    line-height: 28px;
    text-align: center;
    margin-left: 18px;
}

a.iconSheBei:hover {
    color: #fff
}

.assnIconList {
    position: absolute;
    width: 684px;
    background: #fff;
    border: 1px #ccc solid;
    height: auto;
    z-index: 10;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
    padding: 0px 10px;
    margin-top: -6px;
    margin-left: 116px;
}

label.btIconHere {
    float: left;
    display: inline-block;
    line-height: 30px
}

.iconTypy {
    float: left;
    line-height: 30px;
    width: 100%;
    padding: 0px 20px;
    margin-bottom: 15px;
}

button.close {
    float: right;
    font-size: 16px;
    width: 30px;
    height: 30px;
    margin-top: 4px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=40);
    opacity: .4;
    background: none;
    border: none;
    cursor: pointer;
    outline: none
}

.iconTypy .radio-inline {
    display: inline-block;
    float: left;
    margin-right: 20px;
}

.iconTypy .radio-inline input[type=radio] {
    margin-top: 11px;
    left: 0px;
    float: left;
    margin-left: 0px;
}

.contentWrap {
    position: absolute;
    top: 53px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    overflow: auto;
    padding-bottom: 20px;
}

.changIcoimg {
    width: 34px;
    height: 34px;
    text-align: center;
}

.changIcoimg img {
    max-width: 100%
}

.addRow.form-inline .form-group .assnIconList label {
    width: auto
}

.tanchu_xiangxi_main.detailResult {
    width: 640px;
    height: 500px;
    margin-left: -320px;
    margin-top: -250px;
}

.tanchu_xiangxi_main.detailResult-other {
    width: 640px;
    height: 400px;
    margin-left: -320px;
    margin-top: -200px;
}

.tanchu_main_all.detailsW {
    margin: 20px 50px;
}

.picDetailpic {
    display: inline;
    width: 110px;
    font-weight: bold;
    text-align: left;
    margin-right: 5px;
}

.blockPicWrap {
    overflow: hidden;
}

.blockPicWrap .blockPic {
    width: 90px;
    height: 90px;
    border: 1px #c4c3c3 solid;
    float: left;
    margin-left: 15px;
}

.blockPicWrap .blockPic:first-child {
    margin-left: 0px;
}

.blockPicWrap .blockPic img {
    width: 100%
}


.iconDetailCl {
    width: 28px;
    height: 28px;
    margin-top: -5px;
}

.cartype {
    margin-left: -60px;
}


/*.caricon{width: 40px!important;}*/

.carinput {
    display: inline-block;
    margin-right: 6px;
    position: relative;
    top: 1px;
    left: 5px;
}

.carlable {
    float: left;
    position: relative;
    top: 6px;
}

.imgsize {
    width: 24px;
    height: 24px;
}


/*运维管理*/

.chepaimargin {
    margin-left: 0px;
}

.fadongjihao {
    margin-left: 93px;
}

.eject.ejectWidthBumenf {
    width: 600px;
    height: 380px;
    margin-left: -250px;
    margin-top: -180px;
}

.eject.ejectWidthBumenk {
    width: 600px;
    height: 320px;
    margin-left: -250px;
    margin-top: -150px;
}

.datemargin {
    margin-right: 5px;
}

.setlistto {
    display: inline-block;
    width: 110px;
    text-align: right;
    float: left;
    line-height: 28px;
}

.setdivfor {
    float: left;
    width: 400px;
}

.setitem {
    overflow: hidden;
    margin-left: 110px;
    margin-right: 0px;
}

.addContent3 .addRow.form-inline .setitem .form-group {
    margin: 0px;
}

.addContent3 .addRow.form-inline .setitem .form-group:first-child {
    margin-bottom: 10px !important;
}

.setitem .form-group label {
    color: #666
}

.oneinput .form-group {
    margin-left: 33px;
    margin-top: 15px;
}

.promptAddButton.oninput {
    margin-top: 20px;
}

.oninputp {
    text-align: center
}

.setitem.limitv .form-group label {
    width: 60px;
}

.setitem.tiredtime .form-group label {
    width: 134px;
}

.paper {
    position: absolute;
    right: -200px;
    width: 250px;
    top: 0px;
}

.paper_pic {
    height: 120px;
;
    width: 100%;
    border: 1px dashed #d0d0d0;
    line-height: 120px;
    text-align: center;
    cursor: pointer
}

.paper_pic img {
    max-height: 100%;
    max-width: 100%;
    margin-top: -5px;
    display: none
}

.paper_pic_show span {
    display: none
}

.paper_pic_show img {
    display: inline-block
}

.paper_pic span {
    font-size: 16px;
}

.paper_info {
    width: 100%;
    background: #efefef;
    padding: 10px 5px;
    margin-top: 8px;
    overflow: hidden
}

.paper_info dl {
    overflow: hidden;
    margin-bottom: 10px;
}

.paper_info dl dt {
    float: left;
    width: 90px;
    text-align: right
}

.paper_info dl dt,
.paper_info dl dd {
    line-height: 30px;
}

.paper_info dl dd {
    margin-left: 92px;
    margin-right: 0px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 5px;
}

.paper_info dl dd input[readonly] {
    border: none;
    box-shadow: none
}

.paper_info .buttonRegion button {
    width: 60px;
    margin-left: 15px
}

.paper_info .buttonRegion .buttonWrap {
    width: 140px
}


/*费用管理*/

.eject.ejectWidthchongzhi {
    width: 400px;
    margin-left: -200px;
    margin-top: -90px;
}

.eject.ejectWidthjifei {
    width: 400px;
    height: 180px;
    margin-left: -200px;
    margin-top: -90px;
}

.eject.ejectWidthjifeimingxi {
    width: 1200px;
    height: 500px;
    margin-left: -600px;
    margin-top: -250px;
}

.eject.ejectWidthcost {
    width: 700px;
    height: 400px;
    margin-left: -350px;
    margin-top: -200px;
}

.eject.ejectWidthup {
    width: 996px;
    height: 440px;
    margin-left: -498px;
    margin-top: -220px;
}

.eject.ejectWidthup1 {
    width: 736px;
    height: 440px;
    margin-left: -368px;
    margin-top: -220px;
}

.ejectWidthup .tableRegion {
    min-height: inherit
}

.chongzhiinput {
    display: inline-block;
}

.promptDlete lable {
    font-size: 14px;
    margin-left: 70px;
    display: inline-block
}

.erronmessage {
    font-size: 12px;
    color: red;
    margin-left: 130px;
    position: absolute;
}

.erronborder {
    border: 1px solid red;
}

.table>tbody>tr>td.costnum.active {
    border: 1px solid #1795de;
    background: #fff;
    white-space: inherit
}

.ejecttable {
    margin-top: 10px;
}

.ejecttablecost .table>thead>tr>th {
    background: none;
    border: 1px solid #ddd
}

.ejecttablecost .table>tbody>tr>td {
    border: 1px solid #ddd
}

.heading {
    margin: 0px 10px;
    position: relative;
    margin-top: 30px;
}

.headline {
    width: 100%;
    height: 1px;
    background: #ddd
}

.proofheadtext {
    font-size: 14px;
    padding: 10px 0px;
    background: #fff;
    width: 100px;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    text-align: center;
    margin-top: -17px;
}

.photoname {
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    color: #666
}

.upphoto {
    overflow: hidden;
    margin: 0px 10px;
    margin-top: 25px;
}

.imgBlock {
    width: 150px;
    height: 110px;
    border: 1px #ddd solid;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 110px;
    text-align: center;
    cursor: pointer
}

.photoblock {
    float: left;
    margin-left: 15px;
}

.photoblock:first-child {
    margin-left: 0px;
}

.btn.upbutton {
    float: left;
    padding: 4px 10px;
    font-size: 12px;
}

.imgnum {
    display: block;
    float: right;
    line-height: 30px;
    cursor: pointer
}

.imgnum b {
    font-size: 14px;
    color: #666
}

.upbtwrap {
    overflow: hidden;
    padding: 0px 5px;
}

.imgBlock img {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    margin-top: -5px
}

.imgstate {
    display: none
}

.photoblock.active .nodatastate {
    display: none;
}

.photoblock.active .imgstate {
    display: block;
}

.imglistWrap {
    width: 1100px;
}

.imglisth {
    background: #dee0e2;
    height: 30px;
    width: 1100px;
    margin: 0px auto;
    margin-top: 2px;
    padding: 0px 10px;
}

.checkbox-inline.allon {
    margin-top: 5px;
    float: left
}

.icondelimg {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/imgstate/icondel.png) no-repeat;
    float: left;
    margin-top: 7px;
    margin-right: 5px;
}

.delall {
    float: left;
    line-height: 30px;
    cursor: pointer;
    margin-left: 15px;
}

.picblock {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}

.picwrap {
    width: 200px;
    height: 200px;
    border: 1px #ddd solid;
    background: #fff;
    text-align: center;
    line-height: 200px;
}

.imgcontent {
    width: 1100px;
    padding-top: 20px;
    padding-left: 20px;
    position: absolute;
    top: 30px;
    bottom: 0px;
    left: 50%;
    margin-left: -550px;
    overflow: auto
}

.imgcontent .img-responsive {
    display: inline-block
}

.picOp {
    height: 30px;
    background: #e0e0e0;
    padding: 0px 10px
}

.checkboxon {
    float: left;
    margin-top: 5px;
}

.delall.delpic {
    float: right
}

.viewimg {
    position: absolute;
    left: 50px;
    right: 50px;
    top: 50px;
    bottom: 50px;
    background: #636262;
    text-align: center
}

.viewclose {
    display: block;
    width: 30px;
    height: 30px;
    background: url(../images/imgstate/viewclose.png) no-repeat;
    position: absolute;
    top: 40px;
    right: 40px;
    z-index: 100
}

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

.viewimgtable td {
    vertical-align: middle;
    text-align: center;
    padding: 15px 20px;
    box-sizing: border-box;
}

.viewimgtable td .img-responsive {
    display: inline-block
}

.imglistcaozuo {
    float: right
}

.imglisthtext {
    float: left;
    font-size: 14px;
    line-height: 30px;
}

.feiyongphoto {
    width: 90px;
    height: 90px;
    border: 1px solid #c4c3c3;
    margin-right: 10px;
}

.feiyongmess {
    margin-top: 4px;
}

.piccontainer {
    width: 656px;
    height: 538px;
    margin-left: -278px;
    margin-top: -269px;
    background: #fff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4)
}

.imgcontentListWrap {
    padding: 10px;
    padding-right: 0px;
}

.imgcontentListWrap .img-responsive {
    display: inline-block
}

.imgcontentListWrap .img-responsive {
    margin-top: -8px
}

.feiyongMask .ejectWrap.ejectWidthup {
    width: 800px;
}

.feiyongMask .imgBlock {
    width: 182px;
    height: 160px;
    line-height: 160px
}

.feiyongMask .photoblock {
    margin-bottom: 20px;
    height: 230px
}

.feiyongMask .promptDleteButton {
    margin-top: 15px;
    text-align: center
}

.feiyongMask .buttonWrap {
    width: auto;
}

.feiyongMask .btn.upbutton {
    padding: 2px 10px;
}

.feiyong-top {
    overflow: hidden;
    position: relative
}

.feiyong-top dl {
    margin: 0px;
    overflow: hidden
}

.feiyong-top dl dt {
    float: left;
    line-height: 20px
}

.feiyong-top dl dd {
    margin-left: 76px;
    margin-right: 0px;
    font-size: 14px;
    height: 20px
}

.feiyong-edit {
    display: block;
    float: right;
    color: #1795de;
    position: absolute;
    right: 0px;
    cursor: pointer;
    top: 0px;
    line-height: 20px
}

.feiyong-top dl dd[contenteditable=true] {
    border: 1px solid #409eff;
}

.feiyongMask .piccontainer {
    height: auto;
    margin: 0px
}

.feiyongMask .imglistcaozuo .checkbox-inline.allon,
.feiyongMask .imglistcaozuo .delall {
    line-height: 38px;
    margin-top: 0px
}

.feiyongMask .imglistcaozuo .checkbox-inline.allon input[type=checkbox] {
    top: 9px
}

.feiyongMask .imglistcaozuo .icondelimg {
    margin-top: 11px;
}

.feiyongMask .imglistcaozuo {
    margin-right: 20px;
}

.feiyongMask .picOp input[type=checkbox] {
    margin-top: 2px;
}

.feiyongMask .imgBlock.nodatastate {
    background: url(../images/icon-no-data.png) no-repeat center
}

.ejectWrap.cost-eject {
    width: 530px;
    margin-top: 10vh;
    top: 0px;
    transform: translate(-50%, 0)
}

.cost-eject .contentEject {
    padding: 15px 20px
}

.feiyong-block {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    padding: 10px 20px;
    overflow: hidden
}

.feiyong-list i,
.feiyong-list span {
    display: inline-block;
    vertical-align: middle
}

.feiyong-list i {
    width: 16px;
    height: 16px;
    background: #000;
    margin-right: 8px
}

.feiyong-list {
    float: left;
    width: 160px;
    height: 34px
}

.feiyong-list.row {
    width: 100%
}

.feiyong-list.right {
    float: right
}

.feiyong-list>span.feiyong-span {
    display: block
}

.feiyong-list>span.feiyong-span:first-child {
    float: left;
    font-size: 14px;
    color: #666;
    line-height: 28px
}

.feiyong-list>span.feiyong-span:last-child {
    float: right;
}

.feiyong-list>span.feiyong-span:last-child>span:first-child {
    font-size: 20px
}

.feiyong-list>span.feiyong-span:last-child>span:last-child {
    margin-top: 8px
}

.feiyong-list+.feiyong-list {
    margin-top: 7px
}

.feiyong-list.feiyong-sign>span:first-child {
    font-size: 16px;
    color: #666;
    font-weight: bold;
    margin-right: 8px
}

.feiyong-list.feiyong-sign {
    margin-bottom: 10px
}

.feiyong-block+.feiyong-block {
    margin-top: 15px
}

.feiyong-edit-btn {
    float: right;
    line-height: 36px;
    margin-right: 15px;
    cursor: pointer;
    color: #1795de;
}

.feiyong-num {
    width: 58px;
    text-align: right;
    overflow: hidden
}

.feiyong-num[contenteditable=true],
.feiyong-num[contenteditable=true]:focus {
    border: 1px solid #000;
    border-radius: 4px;
    outline: none
}

.feiyong-wrap {
    float: left;
    width: 100%;
    clear: both
}


/*登录页面*/

.loginback {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    background: url(../images/loginback.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    min-width: 1280px;
    min-height: 500px;
}

.loginname {
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    position: relative;
    top: 5px;
}

.logodiv {
    margin-top: 54px;
    margin-left: 70px;
}

.mapinput {
    width: 1038px;
    height: 420px;
    position: relative;
    margin: auto;
    margin-top: 4%;
}

.map {
    width: 520px;
    height: 449px;
    background: url(../images/map.png) no-repeat;
    display: inline-block;
    display: none
}

.loginbox {
    width: 380px;
    height: 374px;
    background-color: #fff;
    border-radius: 10px;
    position: absolute;
    display: inline-block;
    right: 0px;
    bottom: 0px;
}

.logintext {
    margin-top: 40px;
    margin-bottom: 40px;
    font-size: 20px;
    font-weight: bold;
    color: #333;
    text-align: center;
}

.zhanghaoicon {
    background: url(../images/zhanghu.png) no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    left: 40px;
    top: 6px;
}

.mimaicon {
    background: url(../images/mima.png) no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    left: 40px;
    top: 6px;
}
.verification {
    background: url(../images/verification.png) no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    left: 40px;
    top: 6px;
}

.logininput {
    width: 340px;
    height: 32px;
    border-radius: 5px;
    border: 1px solid #bfbfbf;
    text-indent: 55px;
    margin-left: -4px;
}

.checkpass {
    margin-left: 20px;
}

.zhaohui {
    float: right;
    margin-right: 20px;
    color: #333;
}

.loginbuttun {
    width: 340px;
    height: 36px;
    border-radius: 5px;
    background-color: #0275bb;
    display: inline-block;
    margin-left: 20px;
    padding-left: 148px;
    padding-top: 8px;
    margin-top: 20px;
    font-size: 14px;
    color: #fff;
    cursor: pointer
}

.loginerron {
    color: red;
    margin-left: 0px;
    margin-top: 20px;
}

.loginbuttun a {
    color: #fff
}


/*记录页面添加分栏部分*/

.adddiv {
    border-bottom: 1px solid #dfe5e9;
    margin-left: 10px;
    margin-top: 10px;
    height: 42px;
}

.addtitle {
    width: 110px;
    height: 42px;
    display: inline-block;
    text-align: center;
    padding-top: 12px;
    border-top: 1px solid #dfe5e9;
    border-left: 1px solid #dfe5e9;
    border-right: 1px solid #dfe5e9;
    position: relative;
    cursor: pointer
}

.addtitle a {
    color: #333;
}

.addtype {
    border-bottom: none;
    margin-top: 0px;
    background-color: #fff;
    border-top: 2px solid #2799db;
    font-weight: bold;
    position: relative;
    top: 1px;
}

.addtype a {
    color: #2799db;
}


.querymargin {
    margin-top: 54px;
}


/*调度看板*/

.beijingtiao {
    width: 98%;
    height: 10px;
    border-radius: 4px;
    background-color: #43c44f;
    background-image: url(../images/kuohao.png);
    margin-top: -10px;
    position: relative
}

.beijingtiaofanxiang {
    width: 98%;
    height: 10px;
    border-radius: 4px;
    background-color: #ffae20;
    background-image: url(../images/kuohao-fanxiang.png);
    margin-top: -10px;
    position: relative
}

.qidian {
    background: url(../images/qidian.png);
    width: 30px;
    height: 40px;
    display: inline-block;
    float: left;
    margin-top: -35px;
}

.zhongdian {
    background: url(../images/zhongdian.png);
    width: 30px;
    height: 40px;
    display: inline-block;
    float: right;
    margin-top: -35px;
}

.carjuli {
    background: url(../images/caricon.png);
    width: 130px;
    height: 58px;
    margin-bottom: 10px;
    margin-left: 40%;
    color: #fff;
    text-align: center;
    padding-top: 2px;
    position: relative
}

.carjuli-a {
    background: url(../images/busicon.png);
    width: 130px;
    height: 58px;
    margin-bottom: 10px;
    margin-left: 70%;
    color: #fff;
    text-align: center;
    padding-top: 2px;
}

.carjulifanxiang {
    background: url(../images/caricon-fanxiang.png);
    width: 130px;
    height: 58px;
    margin-bottom: 10px;
    margin-left: 10%;
    color: #fff;
    text-align: center;
    padding-top: 2px;
    position: relative
}

.carjuli span {
    font-size: 14px;
    font-weight: bold;
}

.carjulifanxiang span {
    font-size: 14px;
    font-weight: bold;
}

.carjuli-a span {
    font-size: 14px;
    font-weight: bold;
}

.carjuli i {
    font-style: normal;
}

.carjulifanxiang i {
    font-style: normal;
}

.carplace {
    position: absolute;
    padding: 5px 10px;
    background: #1795de;
    border-radius: 5px;
    left: 50%;
    white-space: nowrap;
    top: 10px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    -moz-transform: translate(-50%, -50%);
    /* Firefox */
    -webkit-transform: translate(-50%, -50%);
    /* Safari 和 Chrome */
    -o-transform: translate(-50%, -50%);
    /* Opera */
}

.carplace::after {
    content: "";
    position: absolute;
    width: 9px;
    height: 7px;
    background: url(../images/bottom_bar.png) no-repeat center;
    bottom: -7px;
    left: 50%;
    margin-left: -4.5px;
}

.shangche {
    float: left;
    max-width: 39%
}

.xiache {
    float: right;
    max-width: 39%
}

.licheng {
    float: left;
    position: absolute;
    left: 59.5%;
}

.biaozhu {
    width: 98%;
    padding-top: 16px;
}

.licheng span {
    font-size: 14px;
    font-weight: bold;
}

.chehaoline {
    line-height: 36px;
    font-size: 16px;
}

.chehaoline td {
    width: 198px;
}

.tablelineheight {
    line-height: 30px;
}

.cartable {
    width: 98%;
    margin-left: 1%;
    margin-top: 20px;
    background-color: #f1f4f7;
}

.cartable tbody tr td:nth-of-type(2)>div {
    padding-left: 45px;
}

.suducolor {
    color: #1795de;
    font-size: 14px;
}

.suducolor>a {
    margin-left: 10px;
}

.suducolor>a:first-child {
    margin-left: 0px;
}

.messtable {
    width: 100%;
    margin-left: 3%;
    margin-bottom: 6px;
    margin-top: 6px;
}

.messtable td {
    vertical-align: text-bottom;
    padding-top: 4px;
    padding-bottom: 4px;
}

.typename {
    width: 74px;
}

.typemess {
    width: 128px;
}

.messtable-b {
    height: 36px;
    font-size: 16px;
}

.pagingmargin {
    margin-top: 20px;
}

.jiedian- {
    width: 12px;
    height: 12px;
    border-radius: 180px;
    background-image: url(../images/jiedian.png);
    display: inline-block;
    float: inherit;
    position: absolute;
    left: 0px;
}

.jiedianlicheng {
    background: url(../images/jiedianlicheng.png)no-repeat;
    width: 108px;
    height: 100px;
    float: left;
    position: relative;
    top: -100px;
    left: -47px;
    text-align: center;
    color: #ffffff;
    padding: 6px;
}

.jiedianlicheng span {
    font-weight: bold;
    font-size: 14px;
    color: #ffffff;
}

.table-tr-back:nth-of-type(2n) {
    background-color: #fff;
}


/*消息*/

.msgMain {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 43px;
    bottom: 0px;
    background: #fff
}

.leftMsg {
    width: 150px;
    height: 100%;
    border-right: 1px #dfdfdf solid;
    line-height: 30px;
    padding-top: 20px;
}

.iconPointMsg {
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    float: left;
    background: #42474d;
    margin-top: 12px;
    margin-right: 10px;
    margin-left: 15px;
}

.msgRowList {
    overflow: hidden;
    margin-bottom: 10px;
    cursor: pointer;
}

.msgRowList.msgActive {
    background: #ececec;
}

.msgRowList.msgActive span {
    color: #f5902a;
}

.msgRowList.msgActive .iconPointMsg {
    background: #f5902a;
}

.rightMsg {
    position: absolute;
    left: 150px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    padding: 15px;
}

.rightMsg .listDataTitle {
    border: none;
}

.rightMsg .listDataTitle h1 {
    margin-left: 0px;
}

.rightMsg .handleWrap {
    margin-bottom: 0px;
    margin-right: 0px;
}

.msgContent {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 15px;
    padding: 0px 15px;
    overflow: auto;
}

.allSelect {
    float: left;
    margin-top: 5px;
}

.allSelect input[type=checkbox] {
    float: left;
    margin-top: 2px;
    margin-right: 5px;
}

.caozuo {
    overflow: hidden;
    padding-bottom: 10px;
}

.rowMsgHere {
    overflow: hidden;
    line-height: 34px;
}

.rowMsgHere input[type=checkbox] {
    float: left;
    margin-top: 12px;
}

.rowMsgHere a {
    display: block;
    margin-left: 30px;
    overflow: hidden;
}

.biaotiFloat {
    display: block;
    float: left;
}

.floatTime {
    float: right;
    color: #333;
}

.listWrapMsg {
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 10px;
}

.iconMsgState {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    margin-top: 9px;
    margin-right: 5px;
}

.iconweidu .iconMsgState {
    background: url(../images/weidu.png) no-repeat
}

.iconyidu .iconMsgState {
    background: url(../images/yidu.png) no-repeat
}

.biaotispan {
    display: block;
    float: left;
    font-weight: bold;
    color: #333;
}

.contentIntro {
    color: #7c7c7c
}

.biaoti {
    overflow: hidden;
    margin-right: 88px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.msgContent .pageArea.detailPage {
    margin: 0px;
    margin-top: 20px;
}

.msgListShow {
    min-height: 300px;
}

.msgSend {
    width: 360px;
    height: 310px;
    margin-top: -155px;
    margin-left: -180px;
}

.msgSendWidth1 {
    width: 268px !important;
}

.msgSendWidth2 {
    width: 268px !important;
    height: 80px !important;
}

.msgSendContent {
    padding-top: 20px;
}

.msgSendContent .queryIfWrap.form-inline .queryInput .form-group {
    margin-bottom: 15px;
}

.sendButtonWrap {
    width: 110px;
    margin: 0px auto;
    margin-bottom: 5px;
}

.sendButtonWrap button {
    width: 110px;
}

.panel {
    margin-top: 10px;
    border-radius: 0px;
}

.panel-body {
    padding: 10px 15px;
    background: #f7f7f9
}

.panel-body h1 {
    font-size: 16px;
    margin: 0px;
    padding: 0px;
    margin-bottom: 10px;
}

.form-control.widthw {
    width: 300px;
}


/*input宽度*/

.eject.ejectWidthshanchuw {
    width: 420px;
    height: 348px;
    margin-left: -210px;
    margin-top: -174px;
}

.form-control.messageheight {
    display: inline-block;
    height: 80px;
}

.messagemagn {
    font-size: 14px;
    margin-right: 13px;
}

.messagecontent {
    display: block;
    float: left;
    font-size: 14px;
    margin-right: 18px;
}

.sendziti {
    font-size: 14px;
}

.errtishi {
    color: red;
    margin-left: 150px;
    position: relative;
    top: 20px;
}

.titlebarw {
    height: 37px;
    overflow: hidden;
    display: inline-block;
}


/*标题栏*/

.messw {
    margin-top: 0px;
    margin-left: 20px;
    margin-right: 10px;
}

.msgDetail {
    white-space: pre-wrap
}

.personname {
    display: inline-block;
    width: 60px;
    margin-right: 5px
}


/*11111111111111111111111111111111111111111111111111111111111111111-----------------------------------------*/


/*用车申请进度弹框*/

.paichejindu {
    height: 100px;
    border-bottom: 1px solid #dfe4e6;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 35px;
}

.tijiaoshenqing {
    width: 86px;
    height: 40px;
    background: url(../images/jindu-back1.png) no-repeat;
    text-align: left;
    padding-top: 20px;
    background-position: top;
    display: inline-block;
    margin-right: -5px;
    color: #666;
}

.butongguo {
    width: 86px;
    height: 40px;
    background: url(../images/butongguo.png) no-repeat;
    text-align: left;
    padding-top: 20px;
    background-position: top;
    display: inline-block;
    margin-right: -5px;
    color: #36a06a;
}

.jindutiao {
    width: 86px;
    height: 40px;
    background: url(../images/jindu-back.png) no-repeat;
    text-align: left;
    padding-top: 20px;
    background-position: top;
    display: inline-block;
    margin-right: -5px;
    color: #36a06a;
}

.zhuangtai {
    width: 30px;
    height: 40px;
    background: url(../images/circle1.png) no-repeat;
    text-align: left;
    padding-top: 20px;
    background-position: top left;
    display: inline-block;
    margin-right: -5px;
    color: #666;
}

.zhuangtai- {
    width: 30px;
    height: 40px;
    background: url(../images/circle.png) no-repeat;
    text-align: left;
    padding-top: 20px;
    background-position: top left;
    display: inline-block;
    margin-right: -5px;
    color: #36a06a;
}

.jindutiao- {
    width: 30px;
    height: 40px;
    background: url(../images/circle.png) no-repeat;
    text-align: left;
    padding-top: 20px;
    background-position: top left;
    display: inline-block;
    margin-right: -5px;
    color: #36a06a;
}

.jindumess {
    width: 100%;
    background: url(../images/jindumess-back.png) no-repeat;
    background-position: left top;
    padding-left: 20px;
    padding-bottom: 15px
}

.wanjiemess {
    width: 100%;
    background: url(../images/circle.png)no-repeat;
    background-position: left top;
    padding-left: 20px;
}

.jinduziti {
    font-size: 12px;
    color: #36a06a;
}

.jindumessziti {
    font-size: 12px;
    color: #666;
}

.jindumessjuli {
    margin-left: 20px;
}

.paichemess {
    padding: 20px;
    border-bottom: 1px solid #dfe4e6;
}

.shouqi {
    width: 100%;
    height: 34px;
    display: inline-block;
    padding-top: 8px;
    text-align: center;
    color: #666;
}

.xiangshang {
    margin-top: -2px;
    margin-left: 6px;
}

.zhankai {
    display: none;
}

.timewidth {
    width: 140px;
}

.numberwidth {
    width: 80px;
}

.checkwidth {
    width: 30px;
}

.eject.morelistEject {
    width: 440px;
    height: 260px;
    margin-top: -130px;
    margin-left: -220px;
}

.morelistarea {
    width: 100%;
    height: 162px;
    overflow: auto;
    padding: 10px;
    word-break: break-all;
}

.ejectInfo.ejectTrue .ejectBt {
    overflow: hidden;
    width: 110px;
    margin: 0px auto;
}

.ejectBt .btn {
    width: 100%;
    padding: 0px;
    height: 30px;
    line-height: 30px;
    background: #1795de;
    border: none
}


/*加载中*/

.jiazai {
    text-align: center;
    margin-top: 20px;
    font-size: 14px;
}

.gif {
    width: 30px;
    height: 30px;
    margin-bottom: 10px;
}

.loadings {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 100;
    background: rgba(255, 255, 255, 0.8);
    top: 0px;
}

.loadingwrap {
    position: absolute;
    width: 200px;
    height: 116px;
    top: 50%;
    left: 50%;
    margin-left: -100px;
    margin-top: -58px;
    border-radius: 5px
}

.loadinggif {
    width: 60px;
    height: 60px;
    background: url(../images/loadin.gif) no-repeat center;
    margin-left: 70px;
    margin-top: 15px;
}

.loadingtext {
    text-align: center;
    color: #000;
    font-size: 16px;
    margin-top: 10px;
}


/*批量导入*/

.daoru {
    overflow: hidden;
    line-height: 22px;
    margin-top: 15px;
}

.ejectInfo.ejectExports {
    margin-top: 15px;
}

.ejectInfo.ejectExports .queryInput label {
    margin-left: 58px;
}

.ejectInfo.ejectExports .queryInput .form-control {
    border-radius: 0px;
    width: 214px;
}

.daoru input[type=file] {
    float: left;
    width: 200px;
    margin-right: 15px;
    margin-left: 58px;
}

.daoru a {
    display: block;
    float: left;
    text-decoration: underline !important
}

.eject.daoruEject {
    width: 400px;
    height: 200px;
    margin-top: -100px;
    margin-left: -200px;
}


/*命令*/

.eject.commandEject {
    width: 642px;
    height: 500px;
    margin-left: -321px;
    margin-top: -250px;
}

.wrapcommand {
    position: absolute;
    width: 100%;
    top: 38px;
    bottom: 0px;
}

.commandLeft {
    width: 180px;
    overflow-y: auto;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    background: #fbfcfd;
    border-right: 1px #e0e0e0 solid;
}

.commandLeft a {
    display: block;
    line-height: 40px;
    padding-left: 20px;
    color: #333
}

.commandLeft a.onactive {
    background: #e7e7e7;
    color: #067abb;
}

.commandRight {
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    left: 180px;
    overflow: auto;
    padding: 0px 30px;
    padding-top: 20px;
    padding-bottom: 15px;
}

.errText.comandterr {
    height: 30px;
    line-height: 30px;
}

.errText {
    text-align: center;
    color: #F00;
    line-height: 17px;
    height: 17px;
}

.commandRight dl {
    overflow: hidden;
    margin-bottom: 20px;
}

.commandRight dl dt {
    float: left;
    font-weight: 400;
    width: 120px;
    text-align: right;
}

.commandRight dl dd {
    margin-left: 94px;
    color: #686868;
    word-break: break-all;
}

.commandRight dl.commandDl dd .form-control {
    height: 32px;
    width: 200px;
    border-radius: 0px;
}

.commandBt {
    width: 140px;
    margin: 0px auto;
    margin-top: 30px;
}

.commandBt button {
    width: 100%;
    border-radius: 0px;
}

.commandBt .btn.btn-default {
    background: #067abb;
    color: #fff
}


/*个人中心*/

.listDataTitle.nolineThis {
    border: none
}

.userCenter {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 10px;
    background: #fff;
    overflow: auto
}

.userTouxiang {
    width: 127px;
    height: 127px;
    background: url(../images/gerenzhongxin/touxiangUser.png) no-repeat;
    float: left;
    margin-top: 14px;
}

.userInfoWrap h1 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
}

.userInfoWrap {
    margin-left: 177px;
}

.mainUser {
    overflow: hidden;
    padding: 30px 40px;
    border-bottom: 1px #e1e1e1 solid;
    margin: 0px 10px
}

.caozuoUser .btn.btn-default {
    padding: 0px 12px;
    height: inherit;
    line-height: 24px;
    margin-left: 20px;
}

.caozuoUser .btn.btn-default:first-child {
    margin-left: 0px;
}

.caozuoUser {
    margin-top: 22px;
}

.phoneNum {
    font-size: 14px;
}

.mainInfoFor {
    padding: 40px 0px;
    padding-top: 0px;
}

.mainInfoFor dl {
    float: left;
    margin-right: 40px;
}

.mainInfoFor dl dt {
    margin-right: 5px;
}

.mainInfoFor dl dt,
.mainInfoFor dl dd {
    float: left
}

.rowInfoHere {
    overflow: hidden;
    border-bottom: 1px #e1e1e1 solid;
    padding-top: 20px;
    padding-left: 40px;
    padding-right: 40px;
}

.rowInfoHere:last-child {
    border: none
}

.singnTi {
    color: #fff;
    display: block;
    line-height: 30px;
    margin-left: 10px;
    float: left
}

.passEject {
    width: 360px;
    height: 290px;
    margin-left: -180px;
    margin-top: -145px;
}

.phoneEject {
    width: 360px;
    height: 180px;
    margin-left: -180px;
    margin-top: -90px;
}

.ejectPass {
    margin-top: 18px;
}

.ejectPass .row {
    margin: 5px 30px
}

.ejectPass .row .form-inline .form-group label {
    width: 60px;
}

.ejectPass .row .form-inline .form-group .form-control {
    width: 200px;
}

.ejectPass .loginBt {
    width: 140px;
    margin: 0px auto
}

.logoedit img {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-top: 5px;
    margin-left: 5px
}

.icoedit img {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-top: 4px;
    margin-left: 4px
}

.btn.btnedit {
    background: #595b5f;
    color: #fff;
    margin: 0px auto;
    padding: 0px;
    width: 50px;
    height: 24px;
    line-height: 22px;
    margin-left: 75px;
    margin-top: 15px;
}

.editblock dl {
    width: 200px;
}

.editblock dt,
.editblock dd {
    width: 100%;
}

.editblock dt.logoedit,
.editblock dt.icoedit {
    width: 40px;
    height: 40px;
    background: #c9c9c9;
    margin-left: 80px;
}

.introedit {
    text-align: center;
    margin-top: 10px;
    color: #666
}

.editblock dt.platformsign {
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.dingzhititle {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 30px;
}

.dingzhititle .pointtext {
    font-size: 12px;
    color: #888;
    margin-left: 10px;
    font-weight: 400
}

.keepbt {
    float: left;
    margin-top: 20px;
}

.platformname .editthis {
    display: block;
    width: 100%;
    height: 30px;
    border: 1px solid #f5902a;
    line-height: 30px;
    margin-top: 5px;
    text-align: left;
    padding: 0px 5px;
    white-space: nowrap;
    overflow: hidden;
}

.btn.btnfinish {
    position: absolute;
    background: #000;
    color: #fff
}

.iconphone {
    display: block;
    float: left;
    width: 14px;
    height: 14px;
    background: url(../images/gerenzhongxin/iconphone.png) no-repeat center;
    margin-top: 3px;
    margin-right: 5px;
}

.phoneNum {
    font-weight: bold
}

.rowdl {
    overflow: hidden;
    margin-bottom: 5px;
}

.rowdl dt {
    font-weight: 400
}

.rowdl dt,
.rowdl dd {
    float: left
}

.leftusrinfo {
    float: left
}

.leftusrinfo:first-child {
    margin-right: 70px;
}

.modifyrow {
    margin: 0px 10px;
    border-bottom: 1px #e1e1e1 solid;
    overflow: hidden;
    padding: 30px 15px;
}

.blockmodify {
    float: left;
    width: 33.3%;
    padding: 0px 15px;
}

.iconimg {
    display: block;
    float: left;
    width: 50px;
    height: 50px;
}

.modifyinfo {
    margin-left: 70px
}

.iconphones {
    background: url(../images/gerenzhongxin/iconphones.png) no-repeat center
}

.iconpass {
    background: url(../images/gerenzhongxin/iconpass.png) no-repeat center
}

.iconway {
    background: url(../images/gerenzhongxin/iconway.png) no-repeat center
}

.icontitle {
    background: url(../images/gerenzhongxin/icont.png) no-repeat center
}

.modifytitle {
    font-weight: bold;
    font-size: 14px;
    margin: 0px;
    height: 26px;
    line-height: 26px;
    margin-bottom: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.modifytitle.platformname {
    overflow: inherit;
}

.introDescrip {
    color: #666666;
    word-break: break-all;
}

.handleBt.modifybtn {
    margin-left: 0px;
    height: 26px;
    line-height: 26px;
    padding: 0px;
    margin-top: 16px;
    color: #666666;
    float: none;
    width: 70px;
    text-align: center;
    display: block;
    background: #f4f4f4;
    border: 1px #e1e1e1 solid;
}

.handleBt.modifybtn.modifybtnother {
    background: #1795de;
    color: #fff
}

.borderthis {
    border: 1px solid #e1e1e1
}

.bgthis {
    background: #d7d7d7
}

.bgthis img,
.borderthis img {
    max-height: 100%;
    max-width: 100%;
    vertical-align: length
}

.bgthis,
.borderthis {
    text-align: center;
    line-height: 46px;
}

.wrongWarn {
    color: #F00;
    margin-top: 10px
}

.rightSideBody .titlebar {
    background: #fff
}

.rightSideBody {
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
}

.passEject .promptDleteButton.promptAddButton,
.phoneEject .promptDleteButton.promptAddButton {
    margin-top: 18px;
    margin-bottom: 5px;
}

.lefttobt,
.righttobt {
    position: absolute;
    width: 40px;
    height: 100px;
    cursor: pointer;
    top: 50%;
    margin-top: -50px;
}

.lefttobt {
    left: 10px;
    background: url(../images/leftarrow.png) no-repeat center;
}

.righttobt {
    right: 15px;
    background: url(../images/rightarrow.png) no-repeat center;
}

.eject.setwayEject {
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    -moz-transform: translate(-50%, -50%);
    /* Firefox */
    -webkit-transform: translate(-50%, -50%);
    /* Safari 和 Chrome */
    -o-transform: translate(-50%, -50%);
    /* Opera */
    padding-bottom: 10px;
}

.eject.setwayEject input[type=radio],
.eject.setwayEject input[type=checkbox] {
    margin: 2px 0 0;
    float: left;
    margin-right: 4px
}

.eject.setwayEject input[type=checkbox] {
    margin-left: -20px;
}

.row.radio-label label:first-child {
    padding-left: 0px
}

.blockmodify.blockmodify-way .modifyinfo {
    float: left;
    margin-left: 20px
}

.wayCode-show {
    width: 88px;
    height: 88px;
    float: left;
    border: 1px solid #d0d0d0;
    margin-left: 10px
}

.wayCode-show img {
    max-width: 100%;
    max-height: 100%;
}

.row.radio-label {
    overflow: inherit
}


/*sim弹窗*/

.simEject {
    width: 800px;
    height: 500px;
    margin-left: -400px;
    margin-top: -250px;
}

.simhtml {
    position: absolute;
    top: 38px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

.bitian {
    color: red;
    font-size: 20px;
    float: right;
    margin-top: -2px;
}


/*数据字典*/

.datahistory {
    position: absolute;
    top: 6px;
    margin-left: 558px;
    text-decoration: underline !important;
    display: block;
    width: 90px;
}

.datalist {
    position: absolute;
    top: 38px;
    bottom: 30px;
    padding: 0px 10px;
    width: 100%;
}

.datalista {
    display: block;
    padding: 10px 0px;
    color: #666;
    border-bottom: 1px solid #e1e1e1;
}

.yongche-butt {
    margin-bottom: 10px;
}

.yongche-check {
    width: 30px;
}

.yongche-xiugai {
    width: 60px;
}

.ejectaddZidian {
    width: 630px;
    height: 270px;
    margin-left: -315px;
    margin-top: -135px;
}


/*派车单*/

.boxListWrap.paihcelist {
    padding: 0px 30px;
    position: inherit;
    top: 0 !important;
    bottom: auto;
    overflow: initial;
}

.boxListWrap.paihcelist .table {
    table-layout: inherit
}

.boxListWrap.paihcelist .table td.fontsign {
    font-weight: bold;
}

.boxListWrap.paihcelist .table td {
    white-space: inherit;
}

.boxListWrap.paihcelist .table>tbody>tr {
    background: none
}

.boxListWrap.paihcelist .table td.intable {
    padding: 0px
}

.boxListWrap.paihcelist .table td.intable .table {
    border: none;
    margin-bottom: 0px;
}

.boxListWrap.paihcelist .table td.intable .table td {
    border-bottom: none;
    border-right: none
}

.boxListWrap.paihcelist .table td.intable .table tr:first-child td {
    border-top: none
}

.boxListWrap.paihcelist .table td.intable .table td:first-child {
    border-left: none
}

.waijieblock.paicheblock {
    margin-left: 15px;
}

.paicheblock .checkboxwaijie .checkbox-inline {
    width: 18%
}

.contentEject-shenpi.Maintaintable {
    width: unset !important;
}
.contentEject-shenpi.boxListWrap {
    top: 0px;
    height: 978px;
}

.contentEject-shenpi.boxListWrap+.contentEject-shenpi.boxListWrap {
    margin-top: 100px;
    padding-top: 15px;
}

.contentEject-shenpi.boxListWrap h3 {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 15px
}

.info-table {
    width: 100%
}

.contentEject-shenpi .boxListWrap.paihcelist .table td {
    text-align: center
}

.temCheck label {
    position: relative;
    padding-left: 16px;
}

.temCheck label input[type=checkbox] {
    position: absolute;
    left: 0px;
    margin: 0px;
    top: 2px;
}

.temCheck label+label {
    margin-left: 15px;
}

.contentEject-shenpi .table>tbody>tr>td>p {
    white-space: normal;
}


/*报警*/

.weilanbdTable.baojingtanle {
    height: 366px;
}

.weilanbdTable.baojingtanle table.table td，.weilanbdTable.baojingtanle table.table th {
    border: none;
    height: auto;
    line-height: inherit;
    padding: 6px
}

.weilanbdTable.baojingtanle table.table td input[type=checkbox],
.weilanbdTable.baojingtanle table.table th input[type=checkbox] {
    margin: 0px;
    vertical-align: middle
}

.baojingif {
    float: left
}

.baojingbtn {
    float: right
}

.weilanejectContent .form-inline {
    overflow: hidden
}

.mapbj .weilanejectContent .form-inline {
    overflow: hidden;
    margin-top: 15px
}

.voicelike {
    float: left;
    border: 1px solid #e1e1e1;
    height: 24px;
    background: #f4f4f4;
    line-height: 24px;
    padding: 0px 12px;
    cursor: pointer;
}

.iconvoiceLike {
    display: block;
    width: 18px;
    height: 18px;
    float: left;
    background: url(../images/voiceopen.png) no-repeat center;
    margin-top: 3px;
    margin-right: 5px;
}

.novoicespan {
    display: none;
}

.baojingbtn .btn.btn-default,
.chulibj .btn.btn-default {
    border: 1px #e1e1e1 solid;
    background: #f4f4f4;
    color: #333;
    height: 24px;
    margin-left: 7px;
    padding: 0px 12px;
}

.chulibj .btn.btn-default:first-child {
    margin-left: 0px;
}

.chulibj {
    margin-top: 15px;
    margin-bottom: 10px;
}

.weilanbdTable.baojingtanle table.table td {
    border: none
}

.baojingdo {
    width: 620px;
    height: 500px;
    margin-left: -310px;
    margin-top: -250px;
    z-index: 100;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3)
}

.handleBj {
    overflow: hidden;
}

.handleBj dl {
    float: left;
    margin-left: 15px;
    margin-bottom: 0px;
    margin-top: 10px;
}

.handleBj dl dt,
.handleBj dl dd {
    float: left
}

.handleBj dl:first-child {
    margin-left: 0px;
}

.voicelike.voiceno .voicespan {
    display: none;
}

.voicelike.voiceno .novoicespan {
    display: inline;
}

.voicelike.voiceno .iconvoiceLike {
    background: url(../images/voiceclose.png) no-repeat center;
}


/*车辆绑定*/

.eject.binding {
    width: 1000px;
    height: 470px;
    margin-left: -500px;
    margin-top: -235px;
}

.ejectBindContent {
    width: 820px
}

.bindlistWrap {
    margin: 10px;
}

.form-control.selectWdthbind {
    width: 110px;
    height: 28px
}

.tableShow-other {
    height: 310px;
    overflow: auto;
}

.bindlistWrap .queryIf {
    padding-left: 0px;
    padding-right: 0px;
}

.bindlistWrap .paging {
    margin-top: 10px;
}

.bindnum {
    position: absolute;
    right: 0px;
    width: 175px;
    border: 1px #d3d3d3 solid;
    top: 37px;
    bottom: 14px;
}

.bindnumtitle {
    height: 30px;
    width: 100%;
    background: #eae9e9;
    line-height: 30px;
    text-align: center;
    color: #666;
}

.bindnumbody {
    position: absolute;
    top: 30px;
    width: 100%;
    bottom: 0px;
    overflow: auto;
    padding: 4px;
}

.equipname:first-child {
    margin-top: 0px;
}

.equipname {
    padding: 0px 4px;
    height: 28px;
    line-height: 28px;
    background: #f6f4f4;
    border-radius: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.equipname .btnclose {
    margin-top: 2px;
}

.equipnum {
    display: block;
    margin-left: 0px;
    margin-right: 14px;
    overflow: hidden;
    white-space: nowrap;
}


/*二维码*/

.ewmWe {
    width: 100px;
    height: 130px;
    position: fixed;
    bottom: 20px;
    left: 59px;
    border: 2px #ccc solid;
    background: #fff;
}

.introEwm {
    height: 28px;
    background: #ebebea;
    text-align: center;
    line-height: 28px;
}

.ewmArea img {
    width: 100%;
    height: 100%
}


/*上传*/

.upphoto.imgup .imgBlock img {
    margin-top: -5px;
    width: auto;
    height: auto
}

.formup {
    overflow: hidden;
    margin: 0px 10px;
    margin-top: 10px
}

.upphoto.imgup {
    margin-top: 20px;
}

.formup .form-group label {
    font-weight: 400;
    width: 60px;
    float: left;
    line-height: 30px;
}

.formup .form-group textarea.form-control {
    width: 400px
}

.ejectWidthup1 .contentEject {
    padding: 0px 30px
}

.delimgicon {
    display: block;
    width: 18px;
    height: 18px;
    background: url(../images/icon-del.png) no-repeat center;
    position: absolute;
    right: -7px;
    top: 1px;
    cursor: pointer;
    background-size: contain
}

.upphoto.imgup .photoblock {
    position: relative
}

.upphoto.imgup .imgWrap {
    width: 150px;
    height: 110px;
    margin-right: 0px;
    margin-left: 18px;
    line-height: 110px;
}

.upphoto.imgup .imgWrap:first-child {
    margin-left: 0px;
}

.upphoto.imgup .imgWrap .blackOp a {
    background-position: 22px 9px
}

.upphoto.imgup .imgWrap .blackOp a:first-child {
    background-position: 10px 9px
}

.imgarea {
    position: relative;
    width: 100%;
    height: 100%
}


/*视频弹窗*/

.ejectWidthvideo {
    left: 50px;
    top: 50px;
    bottom: 50px;
    right: 50px
}


/*道路限速*/

.checkLabel {
    position: relative;
    padding-left: 20px;
}

.checkLabel input[type=checkbox] {
    position: absolute;
    left: 0px;
    top: 0px;
    margin: 0px;
    margin-top: 1px;
}

.ejectInfo .intro-sign {
    text-align: center;
    color: #888;
    margin-top: 20px;
    margin-bottom: 15px
}

.roadSetWrap {
    width: 400px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    -moz-transform: translate(-50%, -50%);
    /* Firefox */
    -webkit-transform: translate(-50%, -50%);
    /* Safari 和 Chrome */
    -o-transform: translate(-50%, -50%);
}

.roadSetWrap .ejectInfo {
    margin: 0px 20px;
    padding-bottom: 20px
}

.roadSetContent {
    margin-top: 10px;
    overflow: hidden;
    border: 1px solid #ddd;
    padding: 10px;
}

.roadSetContent dl {
    float: left;
    width: 50%;
    margin-bottom: 0px;
    margin-top: 10px
}

.roadSetContent dl:nth-of-type(1) {
    margin-top: 0px
}

.roadSetContent dl:nth-of-type(2) {
    margin-top: 0px
}

.roadSetContent dl dt {
    float: left;
    font-weight: 400;
    width: 60px;
    text-align: right;
    padding-right: 8px;
    line-height: 24px;
}

.roadSetContent dl dd {
    margin-left: 60px;
    float: none
}

.roadSetContent dl dd input {
    width: 100%;
    background-color: #fff;
    border: 1px solid #ccc;
    line-height: 24px;
    padding: 0px 5px
}

.roadSetWrap .ejectBt {
    overflow: hidden;
    margin-top: 15px;
}

.roadSetWrap .ejectBt button[type=button].btn {
    float: none;
    margin: 0px auto;
    display: block;
    width: 110px;
}

.setInput.disable {
    color: #888
}

.setInput.disable input[disabled] {
    background: #ebebeb
}


/*奥迪定制*/

.imgli {
    max-width: 800px;
    padding-bottom: 0px;
    margin-top: -221px;
}

.imgli-list {
    padding-left: 8px;
    padding-top: 8px;
}

.imgli-list li {
    float: left;
    width: 190px;
    height: 190px;
    margin-right: 8px;
    margin-bottom: 8px;
}

.imgli-list .imgonly li {
    width: 380px;
    height: 380px;
}

.imgli-list li img {
    width: 100%;
    height: 100%
}

.viewer-toolbar {
    width: 400px !important
}

.icon-paiqi {
    background: url(../images/nav2/houtai/paiqi1.png) no-repeat center
}

.mainImportantLeft>.nav2Block.activeNav .icon-paiqi {
    background: url(../images/nav2/houtai/paiqi.png) no-repeat center
}

.icon-ruku {
    background: url(../images/nav2/houtai/ruku1.png) no-repeat center
}

.mainImportantLeft>.nav2Block.activeNav .icon-ruku {
    background: url(../images/nav2/houtai/ruku.png) no-repeat center
}

.icon-chuku {
    background: url(../images/nav2/houtai/chuku1.png) no-repeat center
}

.mainImportantLeft>.nav2Block.activeNav .icon-chuku {
    background: url(../images/nav2/houtai/chuku.png) no-repeat center
}

.panel-form {
    width: 100%;
    height: 842px;
    background: #fff;
    margin-bottom: 30px;
    position: relative;
    padding: 30px;
    color: #000
}

.top-name-text>p {
    font-size: 12px;
    font-weight: bold
}

.top-name-text>p:first-child {
    font-size: 14px;
}

.top-name-logo {
    width: 131px;
    height: 78px;
    position: absolute;
    top: 30px;
    right: 30px;
    background: url(../images/dingzhi/audi/audiLogo.png) no-repeat center;
    background-size: 100% 100%
}

.panel-form-title>p {
    text-align: center;
    font-weight: bold;
    font-size: 16px
}

.panel-form-title>p:first-child {
    font-size: 18px
}

.panel-form-input input {
    border: none;
    outline: none;
    flex: 1;
    height: 30px;
    font-size: 14px
}

.panel-form-input {
    display: flex;
    align-items: center
}

.panel-form-input>span,
.panel-form-input input,
.panel-form-title-padding {
    font-size: 14px
}

.panel-form-table table {
    width: 100%;
    border-collapse: collapse
}

.panel-form-table table td {
    border: 1px solid #000;
    padding: 5px 8px;
    font-size: 14px;
    text-align: center
}

.panel-form-table+.panel-form-table {
    margin-top: -1px
}

.panel-form-table table td.panel-form-table-padding {
    padding-top: 0px;
    padding-bottom: 0px
}

.panel-form-table table td.panel-form-title-padding {
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px
}

.panel-form-input.panel-form-form {
    padding: 0px 10px
}

.panel-form-table table td>p {
    text-align: center
}

.row {
    margin: 0px;
    overflow: hidden
}

.form-control.width1 {
    width: 126px;
}


/*input宽度*/

.form-control.width3 {
    width: 320px;
    height: 70px;
}


/*input宽度*/

.form-control.width4 {
    width: 260px;
    height: 30px;
}


/*input宽度*/

.form-control.width5 {
    width: 260px;
}


/*input宽度*/

.form-control.width6 {
    width: 184px;
}


/*input宽度*/

.form-control.width7 {
    width: 682px;
}


/*input宽度*/

.form-control.width8 {
    width: 140px;
}


/*input宽度*/

.form-control.width10 {
    width: 182px;
}


/*input宽度*/

.form-control.width11 {
    width: 233px;
}


/*input宽度*/

.form-control.widthdizhi1 {
    width: 266px;
}


/*input宽度*/

.form-control.widthdizhi2 {
    width: 160px;
}


/*input宽度*/

label {
    margin-right: 5px;
    font-weight: 400
}

.btn {
    padding: 4px 12px;
    border-radius: 2px;
}

.btn.btn-info[disabled] {
    background: #b5b5b5;
    border-color: #b5b5b5
}

.btn.btn-default {
    background: #f5f5f5
}

.btn.btn-default:active {
    background: #f5f5f5
}

.btn.btn-info:active {
    background: #1795de
}

.table tr td a {
    margin-left: 1px;
}

.table tr td a:first-child {
    margin-left: 0px;
}

.table>tbody>tr:nth-child(even) {
    background: #f1f4f7
}

.table>thead>tr>th {
    background: #dee4ea;
    font-weight: 400;
    border-bottom: none
}

.widthAuto {
    width: auto !important
}

.lineHeight {
    line-height: normal !important
}

p {
    margin: 0px;
    margin-bottom: 4px;
}

textarea {
    resize: none
}

img {
    display: inline-block;
    vertical-align: middle
}

.table p {
    margin: 0px;
}


/*导航---------------------------*/




.logo img {
    width: 56px;
    height: 56px;
    margin-top: 12px;
    float: left
}

.logoText {
    display: block;
    float: left;
    line-height: 80px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    margin-left: 15px;
}


/*导航条*/

.navTool {
    float: right;
    margin-right: 30px;
}

.navTool a {
    display: block;
    float: left;
    color: #fff;
    margin-left: 10px;
    height: 80px;
}

.navTool a:first-child {
    margin-left: 0px;
}

.toolList {
    width: 93px;
    height: 69px;
    margin-top: 5.5px;
    overflow: hidden
}

.navTool a span {
    display: block;
    text-align: center
}

.navTool a.activeNav .toolList {
    background: url(../images/nav/nav_hover.png) no-repeat
}


/*导航条 end*/

.navRight {
    float: right
}

.navRight a {
    display: block;
    float: left;
    color: #fff;
    font-size: 12px;
    margin-left: 18px;
    height: 80px;
}

.navRight a:first-child {
    margin-left: 0px;
}

.navRight a span.iconUserSign {
    display: block;
    text-align: center;
    max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left
}

.userSignWrap {
    overflow: hidden;
    margin: 0px auto
}

.signhere {
    display: block;
    width: 10px;
    height: 6px;
    float: left;
    position: relative;
    margin-top: 5px;
    margin-left: 5px
}

.signhere:after {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-top: 6px #fff solid;
    border-left: 5px rgba(0, 0, 0, 0) solid;
    border-right: 5px rgba(0, 0, 0, 0) solid;
    top: 0px;
}

.icon-alarm {
    background: url(../images/nav/baojing.png) no-repeat
}

.blockSpan {
    display: block;
    text-align: center
}

.navRight .badge {
    position: absolute;
    background: #F00;
    padding: 0px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    top: 16px;
    margin-left: 20px;
}


/*主区域---------------------*/

.mainImportant {
    position: absolute;
    top: 80px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    font-size: 12px;
}


/*主区域class*/

.mainImportantLeft {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 200px;
    background: #eef2f6;
}


/*左侧二级导航*/


.toggleNav.active {
    background: url(../images/nav2/show_nav.png) no-repeat center;
}

.nav2Block {
    overflow: hidden
}





/*二级菜单左侧图标*/


.toggleArea {
    height: 24px;
    overflow: hidden;
    background: #d0d9e2;
    cursor: pointer;
}

.toggleArea i {
    display: block;
    width: 20px;
    height: 20px;
    margin: 0px auto;
    margin-top: 2px;
    background: url(../images/nav2/toggle.png) no-repeat center
}

.navactive .toggleArea i {
    background: url(../images/nav2/toggle1.png) no-repeat center
}

.mainImportantLeft.navactive {
    width: 62px;
}

.mainImportantLeft.navactive .nav2Block a span {
    display: none
}



/*二级选中背景*/

.mainImportantLeft>.nav2Block.activeNav>a>i.iconright {
    background: url(../images/nav2/nav2down.png) center no-repeat
}

.nav2List {
    background: #ffffff;
    display: none
}

.nav2List>a {
    display: block;
    color: #384555;
    line-height: 40px;
    padding-left: 55px;
    font-size: 14px;
}

.nav2List>a.activeNav {
    color: #0376bb
}

.mainImportantRight {
    position: absolute;
    left: 200px;
    top: 0px;
    bottom: 0px;
    right: 0px;
}


/*主区域右侧*/

.mainImportantRight.rightNomal {
    left: 0px;
}


.mainImportantRight.rightNomal {
    left: 0px;
}



/*标题栏*/



.queryIf {
    overflow: hidden;
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 10px;
}

.queryWrap {
    float: left
}

.form-inline.queryWrap .queryButton {
    float: left
}

.form-inline.queryWrap .queryButton .checkbox-inline input[type=checkbox] {
    margin-top: 3px
}

.form-group[data-input=searchinput] {
    display: none;
}

.form-group {
    margin-bottom: 12px !important;
    margin-right: 10px;
    display: inline-block
}

.queryButton {
    float: right;
    margin-bottom: 10px
}


/*列表查询按钮*/

.queryButton .btn {
    margin-left: 10px;
}

.queryButton .btn:first-child {
    margin-left: 0px;
}


/*表格区域*/


/*分页*/

.paging {
    overflow: hidden;
    margin: 0px 10px;
}

.pageSum {
    float: left;
    line-height: 36px;
    color: #666
}

.pageRegion {
    float: right
}

.paging .pagination {
    margin: 0px;
}

.queryAndTable {
    position: absolute;
    top: 37px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding-bottom: 15px;
}


/*分页 end*/


/*二级导航图标*/

.icon-bumen {
    background: url(../images/nav2/houtai/bumen1.png) no-repeat center
}

.icon-juese {
    background: url(../images/nav2/houtai/juese1.png) no-repeat center
}

.icon-renyuan {
    background: url(../images/nav2/houtai/renyuan1.png) no-repeat center
}

.icon-cheliang {
    background: url(../images/nav2/houtai/cheliang1.png) no-repeat center
}

.icon-jiashiyuan {
    background: url(../images/nav2/houtai/jiashiyuan1.png) no-repeat center
}

.icon-baojing {
    background: url(../images/nav2/houtai/baojing1.png) no-repeat center
}


.icon-jiankong {
    background: url(../images/nav2/diaodu/jiankong1.png) no-repeat center
}

.icon-diaodukanban {
    background: url(../images/nav2/diaodu/diaodu1.png) no-repeat center
}

.icon-quyu {
    background: url(../images/nav2/diaodu/quyuguanli1.png) no-repeat center
}

.icon-xitongshezhi {
    background: url(../images/nav2/houtai/xitongshezhi1.png) no-repeat center
}

.icon-weizhang {
    background: url(../images/nav2/yunwei/weizhang1.png) no-repeat center
}

.icon-baoyang {
    background: url(../images/nav2/yunwei/baoyang1.png)no-repeat center
}

.icon-nianjian {
    background: url(../images/nav2/yunwei/nianjian1.png) no-repeat center
}

.icon-baoxian {
    background: url(../images/nav2/yunwei/baoxian1.png) no-repeat center
}

.icon-weixiu {
    background: url(../images/nav2/yunwei/weixiu1.png) no-repeat center
}

.icon-shigu {
    background: url(../images/nav2/yunwei/shigu1.png) no-repeat center
}

.icon-shipin {
    background: url(../images/nav2/diaodu/iconvideo1.png) no-repeat center
}

.icon-msgSym {
    background: url(../images/nav2/xiaoxi/sym1.png) no-repeat center
}

.icon-msgAlm {
    background: url(../images/nav2/xiaoxi/alm1.png) no-repeat center
}



/*报表*/

.tablechart {
    border: 1px solid #d0d0d0;
    height: 300px;
    margin: 0px 10px;
    margin-bottom: 10px;
    position: relative
}

.chartregion {
    position: relative;
    float: left;
    width: 50%;
    height: 100%
}

.introSum {
    line-height: 37px;
    margin-left: 20px;
    float: left;
}

.introSum span.numColor {
    color: #2799db;
    font-weight: bold;
}


/*二级导航图标 end*/


/*后台管理------------------------*/

.half {
    width: 50%;
    float: left;
    padding: 0px 10px;
    margin-bottom: 15px;
}

.half dt,
.rowDl dt {
    float: left;
    width: auto;
    margin-right: 8px;
}

.half dd,
.rowDl dd {
    float: none;
}

.rowDl {
    float: left;
    width: 100%;
    padding: 0px 10px;
    margin-bottom: 10px;
}

.backUp {
    display: block;
    padding: 0px 10px;
    height: 26px;
    float: left;
    border: 1px #e1e1e1 solid;
    line-height: 26px;
    color: #333;
    margin-top: 0.5px;
    margin-left: 18px;
}


/*增加返回*/

.backUp i {
    display: block;
    width: 10px;
    height: 10px;
    background: url(../images/back.png) no-repeat;
    margin-top: 6.5px;
    float: left;
    margin-right: 8px;
}


/*增加宽度*/

.addContent3 {
    width: 850px;
    margin-left: 10px;
    margin-top: 24px;
    position: relative
}


/*增加宽度*/


/*.addRow.form-inline{ overflow:hidden}*/

.waijieblock {
    margin-left: 110px;
    margin-right: 95px;
    margin-bottom: 5px
}

.waijieblock:nth-of-type(1) {
    margin-bottom: -5px;
}

.waijietitle {
    line-height: 28px;
    color: #666;
    padding-left: 5px;
    margin-bottom: 0px;
}

.checkboxwaijie {
    padding-left: 5px;
}

.checkboxwaijie .checkbox-inline {
    margin-right: 10px;
    margin-left: 0px;
    margin-bottom: 10px;
    width: 20%
}

.checkboxwaijie .checkbox-inline input[type=checkbox] {
    margin-top: 1px;
}


/*错误提示*/

.errClass .form-control {
    border-color: #F00;
}

.errText {
    color: #F00
}


/*按钮*/

.buttonWrap {
    width: 250px;
    margin: 0px auto
}

.buttonWrap button {
    margin-left: 40px;
    width: 100px;
}


/*多级审批*/

.queryAndTable.queryBody .queryIf,
.queryAndTable.queryBody .tableHere {
    width: 800px
}

.point-aim,
.icon-point {
    display: inline-block;
    float: left
}

.icon-point {
    width: 14px;
    height: 11px;
    background: url(../images/houtai/icon-point.png) no-repeat center;
    margin: 0px 10px;
    margin-top: 2px
}

.form-group-width .form-control.widthdizhi1 {
    width: 140px;
}

.form-group-width .buttonRegion {
    width: auto
}


/*部门管理*/

.bumenContent {
    padding: 0px 30px;
    padding-top: 20px;
    overflow: hidden
}

.promptDlete {
    font-size: 18px;
    padding: 0px 30px;
    padding-top: 20px;
}

.promptDleteButton button {
    margin-left: 40px;
}

.eject.ejectWidthBumen {
    width: 500px;
    height: 200px;
    margin-left: -250px;
    margin-top: -100px;
}

.eject.ejectWidthguijiset {
    width: 764px;
    height: 334px;
    margin-left: -382px;
    margin-top: -167px;
}

.promptAdd {
    font-size: 18px;
    padding: 0px 30px;
    padding-top: 20px;
}

.promptAddButton .buttonWrap {
    width: 100px;
    margin: 0px auto
}

.promptDleteButton.promptAddButton .buttonWrap {
    width: 100px;
}

.eject.msgrecord {
    width: 600px;
    height: 488px;
    margin-top: -244px;
    margin-left: -300px;
}

.wrapBt.alarmDo {
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
}

.wrapBt.alarmDo .btn:first-child {
    margin-right: 10px;
}

.bindlistWrap {
    margin: 10px;
    margin-top: 0px
}

.pageArea .sumPage {
    float: left;
    line-height: 40px;
}

.pageArea .fenyePage {
    float: right;
    margin-top: 4.5px;
}

.pageArea .fenyePage .pagination {
    margin: 0px;
}

.detailResult.tableArea.tableArea-other {
    margin-left: 0px;
    margin-right: 0px;
    overflow: auto;
}

.detailResult.tableArea {
    margin: 10px;
    border: 1px #d3d3d3 solid;
    margin-top: 0px;
}

.pageArea.detailPage {
    margin: 0px 10px;
    margin-bottom: 10px;
    overflow: hidden
}

.add-msg-input {
    position: absolute;
    right: -60px;
    top: 0px
}

.add-msg-input .form-control {
    width: 80px;
    float: left
}

.add-msg-input button {
    border: none;
    height: 30px;
    float: left;
    margin-left: 5px;
    background: #1795de;
    color: #fff
}

.add-msg-input .errthis {
    margin: 0px
}


/*车辆调度---------------*/

.margin-left {
    margin-left: 0px !important
}

.diaodu-list {
    float: left;
    width: 100%;
    border: 1px solid #ddd;
    padding: 15px;
    margin-bottom: 10px;
    background: #fdfcfc;
}

.eject.ejectWidthDiaodu .contentEject {
    position: absolute;
    width: 100%;
    left: 0px;
    top: 38px;
    bottom: 0px;
    overflow: auto
}

.eject.ejectWidthDiaodu .promptDleteButton {
    margin-top: 10px;
    margin-bottom: 15px
}

.diaodu-row {
    float: left;
    width: 100%;
}

.phone-num {
    line-height: 30px
}


/*视频监控*/

.mainImportantRight.fullScreen {
    top: -80px;
    left: 0px
}

.group_area {
    margin: 5px 10px !important;
    border: 1px solid #d0d0d0;
    padding: 5px 10px;
    height: 170px;
    overflow: auto
}



.barTopRight.barTopRight_c i {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    margin-right: 0px
}

.barTopRight.barTopRight_c i.full,
.barTopRight.barTopRight_c i.nofull {
    margin-right: 5px
}

.weilanbtWrap .icon_shipin_16 {
    background: url(../images/shipin/16.png) no-repeat center
}

.weilanbtWrap .icon_shipin_9 {
    background: url(../images/shipin/9.png) no-repeat center
}

.weilanbtWrap .icon_shipin_8 {
    background: url(../images/shipin/8.png) no-repeat center
}

.weilanbtWrap .icon_shipin_6 {
    background: url(../images/shipin/6.png) no-repeat center
}

.weilanbtWrap .icon_shipin_4 {
    background: url(../images/shipin/4.png) no-repeat center
}

.weilanbtWrap .icon_shipin_2 {
    background: url(../images/shipin/2.png) no-repeat center
}

.weilanbtWrap .icon_shipin_1 {
    background: url(../images/shipin/1.png) no-repeat center
}

.weilanbtWrap .icon_shipin_voice {
    background: url(../images/shipin/voice.png) no-repeat center
}

.weilanbtWrap .icon_shipin_photo {
    background: url(../images/shipin/capture.png) no-repeat center
}

.weilanbtWrap.active .icon_shipin_16 {
    background: url(../images/shipin/16-2.png) no-repeat center
}

.weilanbtWrap.active .icon_shipin_9 {
    background: url(../images/shipin/9-2.png) no-repeat center
}

.weilanbtWrap.active .icon_shipin_8 {
    background: url(../images/shipin/8-2.png) no-repeat center
}

.weilanbtWrap.active .icon_shipin_6 {
    background: url(../images/shipin/6-2.png) no-repeat center
}

.weilanbtWrap.active .icon_shipin_4 {
    background: url(../images/shipin/4-2.png) no-repeat center
}

.weilanbtWrap.active .icon_shipin_2 {
    background: url(../images/shipin/2-2.png) no-repeat center
}

.weilanbtWrap.active .icon_shipin_1 {
    background: url(../images/shipin/1-2.png) no-repeat center
}

.weilanbtWrap.active .icon_shipin_voice {
    background: url(../images/shipin/voice-2.png) no-repeat center, url(../images/shipin/banline.png) no-repeat center
}

.weilanbtWrap.active .weilanbtWrap .icon_shipin_photo {
    background: url(../images/shipin/capture.png) no-repeat center
}

.weilanbtWrap a {
    color: #666
}



.map_shipin_window {
    height: 200px;
    bottom: 0px;
    position: absolute;
    width: 100%
}

.map_shipin_window .tablebody {
    position: absolute;
    width: 100%;
    top: 30px;
    bottom: 0px;
    overflow: auto
}

.map_video {
    position: absolute;
    width: 100%;
    top: 0px;
    bottom: 200px;
}

.mapregion {
    position: absolute;
    width: 410px;
    top: 0px;
    bottom: 0px;
    right: 0px;
}

.videoregion {
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 410px;
    padding: 5px;
    background: #f1f1f1
}

.video_wrap {
    padding: 5px;
    float: left
}

.video_this {
    position: relative;
    width: 100%;
    height: 100%;
    border: 1px solid #d0d0d0;
    border-radius: 5px;
    overflow: hidden;
}

.video_this.active {
    border: 1px solid #1795de
}

.video_this_top {
    height: 24px;
    line-height: 24px;
    padding: 0px 10px;
}

.video_this_video {
    position: absolute;
    top: 24px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: #fff;
}

.video_this_top span {
    position: absolute;
    z-index: 100;
}

.textchepai {
    text-align: center
}

.video_num1,
.video_num2,
.video_num3,
.video_num4,
.video_num5,
.video_num6,
.video_num7,
.video_num8,
.video_num9,
.video_num10,
.video_num11,
.video_num12,
.video_num13,
.video_num14,
.video_num15,
.video_num16 {
    display: none
}

.video_show_num_1 .video_num1 {
    display: block;
    width: 100%;
    height: 100%
}

.video_show_num_2 .video_num1,
.video_show_num_2 .video_num2 {
    display: block;
    width: 50%;
    height: 100%
}

.video_show_num_4 .video_num1,
.video_show_num_4 .video_num2,
.video_show_num_4 .video_num3,
.video_show_num_4 .video_num4 {
    display: block;
    width: 50%;
    height: 50%
}

.video_show_num_6 .video_num1,
.video_show_num_6 .video_num2,
.video_show_num_6 .video_num3,
.video_show_num_6 .video_num4,
.video_show_num_6 .video_num5,
.video_show_num_6 .video_num6 {
    display: block;
    width: 33.33%;
    height: 33.33%
}

.video_show_num_6 .video_num1 {
    width: 66.66%;
    height: 66.66%
}

.video_show_num_8 .video_num1,
.video_show_num_8 .video_num2,
.video_show_num_8 .video_num3,
.video_show_num_8 .video_num4,
.video_show_num_8 .video_num5,
.video_show_num_8 .video_num6,
.video_show_num_8 .video_num7,
.video_show_num_8 .video_num8 {
    display: block;
    width: 25%;
    height: 25%
}

.video_show_num_8 .video_num1 {
    width: 75%;
    height: 75%
}

.video_show_num_9 .video_num1,
.video_show_num_9 .video_num2,
.video_show_num_9 .video_num3,
.video_show_num_9 .video_num4,
.video_show_num_9 .video_num5,
.video_show_num_9 .video_num6,
.video_show_num_9 .video_num7,
.video_show_num_9 .video_num8,
.video_show_num_9 .video_num9 {
    display: block;
    width: 33.33%;
    height: 33.33%
}

.video_show_num_16 .video_num1,
.video_show_num_16 .video_num2,
.video_show_num_16 .video_num3,
.video_show_num_16 .video_num4,
.video_show_num_16 .video_num5,
.video_show_num_16 .video_num6,
.video_show_num_16 .video_num7,
.video_show_num_16 .video_num8,
.video_show_num_16 .video_num9,
.video_show_num_16 .video_num10,
.video_show_num_16 .video_num11,
.video_show_num_16 .video_num12,
.video_show_num_16 .video_num13,
.video_show_num_16 .video_num14,
.video_show_num_16 .video_num15,
.video_show_num_16 .video_num16 {
    display: block;
    width: 25%;
    height: 25%
}


/*云台*/

.yuntai {
    position: absolute;
    width: 278px;
    height: 190px;
    background: #fff;
    bottom: 15px;
    left: 10px;
    border: 1px solid #d0d0d0;
}

.yuntaiheader {
    height: 30px;
    background: #1795de;
}

.yuntaiset {
    float: left;
    line-height: 30px;
    margin-left: 10px;
}

.yuntaiclose {
    float: right;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
}

.yuntaiset,
.yuntaiclose {
    display: block;
    color: #fff;
}

.yuanhuan {
    overflow: hidden;
}

.yuntaisethalf {
    width: 50%;
    float: left;
}

.yuanhuanhere {
    width: 90px;
    height: 90px;
    margin: 0px auto;
    position: relative;
    margin-top: 5px;
    overflow: inherit;
}

.yuntaisudu {
    padding: 0px 8px;
}

.videocheckbox {
    overflow: hidden;
    padding-left: 8px;
    margin-top: 8px;
}

.videocheckbox input {
    float: left;
    margin-top: 2px;
    margin-right: 5px;
}

.yuntaisethalfdl dl {
    overflow: hidden;
    margin-top: 4px;
    margin-bottom: 0px
}

.yuntaisethalfdl dl:first-child {
    margin-top: 10px;
}

.yuntaisethalfdl dl dt {
    line-height: 22px;
    letter-spacing: 0.3px;
    font-weight: 400
}

.yuntaisethalfdl dl dd {
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 20px;
    border: 1px solid #818181;
    margin-left: 8px;
    cursor: pointer;
}

.yuntaisethalfdl dl dd.active {
    border: 1px solid #1795de;
    background: #ecf8ff;
    color: #1795de;
}

.yuntaisethalfdl dl dt,
.yuntaisethalfdl dl dd {
    float: left;
}

.yuntaisethalfdl dl:nth-last-of-type(1) dt {
    letter-spacing: 0px;
}

.yuntaibtnwrap {
    overflow: hidden;
    margin-top: 8px;
}

.inputupdown {
    width: 60px;
    height: 20px;
    border: 1px solid #e1e1e1;
    float: left;
    margin-left: 10px;
}

.inputupdown input {
    height: 100%;
    border: none;
    margin-right: 0px;
}

.iconupdown {
    width: 15px;
    height: 100%;
    float: right;
}

.iconupdown i {
    display: block;
    width: 100%;
    height: 50%;
    height: 9px;
    background-color: #d5d1c9;
    cursor: pointer;
}

.inputupicon {
    background: url(../images/shipin/up.png) no-repeat center;
}

.inputdownicon {
    background: url(../images/shipin/down.png) no-repeat center;
}

.inputupdownw {
    width: 43px;
    float: left
}

.yuninputbtn a {
    display: block;
    float: left;
    padding: 0px 13px;
    border: 1px solid #818181;
    height: 20px;
    line-height: 20px;
    margin-left: 10px;
    color: #333
}

.shanxingbg {
    width: 40px;
    height: 26px;
    position: absolute;
    left: 50%;
    margin-left: -17px;
    z-index: 100;
}

.sxbg8 {
    transform: rotate(315deg);
    transform-origin: 17px 44px;
    -ms-transform: rotate(315deg);
    -ms-transform-origin: 17px 44px;
    -webkit-transform: rotate(315deg);
    -webkit-transform-origin: 17px 44px;
    -moz-transform: rotate(315deg);
    -moz-transform-origin: 17px 44px;
    -o-transform: rotate(315deg);
    -o-transform-origin: 17px 44px;
}

.sxbg7 {
    transform: rotate(270deg);
    transform-origin: 17px 44px;
    -ms-transform: rotate(270deg);
    -ms-transform-origin: 17px 44px;
    -webkit-transform: rotate(270deg);
    -webkit-transform-origin: 17px 44px;
    -moz-transform: rotate(270deg);
    -moz-transform-origin: 17px 44px;
    -o-transform: rotate(270deg);
    -o-transform-origin: 17px 44px;
}

.sxbg6 {
    transform: rotate(225deg);
    transform-origin: 17px 44px;
    -ms-transform: rotate(225deg);
    -ms-transform-origin: 17px 44px;
    -webkit-transform: rotate(225deg);
    -webkit-transform-origin: 17px 44px;
    -moz-transform: rotate(225deg);
    -moz-transform-origin: 17px 44px;
    -o-transform: rotate(225deg);
    -o-transform-origin: 17px 44px;
}

.sxbg5 {
    transform: rotate(180deg);
    transform-origin: 17px 44px;
    -ms-transform: rotate(180deg);
    -ms-transform-origin: 17px 44px;
    -webkit-transform: rotate(180deg);
    -webkit-transform-origin: 17px 44px;
    -moz-transform: rotate(180deg);
    -moz-transform-origin: 17px 44px;
    -o-transform: rotate(180deg);
    -o-transform-origin: 17px 44px;
}

.sxbg4 {
    transform: rotate(135deg);
    transform-origin: 17px 44px;
    -ms-transform: rotate(135deg);
    -ms-transform-origin: 17px 44px;
    -webkit-transform: rotate(135deg);
    -webkit-transform-origin: 17px 44px;
    -moz-transform: rotate(135deg);
    -moz-transform-origin: 17px 44px;
    -o-transform: rotate(135deg);
    -o-transform-origin: 17px 44px;
}

.sxbg3 {
    transform: rotate(90deg);
    transform-origin: 17px 44px;
    -ms-transform: rotate(90deg);
    -ms-transform-origin: 17px 44px;
    -webkit-transform: rotate(90deg);
    -webkit-transform-origin: 17px 44px;
    -moz-transform: rotate(90deg);
    -moz-transform-origin: 17px 44px;
    -o-transform: rotate(90deg);
    -o-transform-origin: 17px 44px;
}

.sxbg2 {
    transform: rotate(45deg);
    transform-origin: 17px 44px;
    -ms-transform: rotate(45deg);
    -ms-transform-origin: 17px 44px;
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: 17px 44px;
    -moz-transform: rotate(45deg);
    -moz-transform-origin: 17px 44px;
    -o-transform: rotate(45deg);
    -o-transform-origin: 17px 44px;
}

.centerbtn {
    width: 48px;
    height: 48px;
    background: url(../images/shipin/centerbg.png) no-repeat center;
    position: absolute;
    left: 50%;
    margin-left: -24px;
    top: 50%;
    margin-top: -25px;
    cursor: pointer;
    background-size: 100% 100%;
    line-height: 48px;
}

.centerbtn.active i {
    width: 40px;
    height: 40px;
    background: url(../images/shipin/playbtn.png) no-repeat center;
    margin-left: 4px;
    margin-top: 4px;
}

.centerbtn i {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/shipin/stopbtn.png) no-repeat center;
    margin-top: 14px;
    margin-left: 14px;
}

.shanxingbg img {
    width: 34px;
}

.yuntaisuduslid {
    width: 120px;
    position: relative;
    margin-top: 10px;
}

.speedline {
    width: 100%;
    height: 3px;
    background: #818181;
}

.rowcolorset {
    overflow: hidden;
    margin-top: 10px;
}

.textspace {
    letter-spacing: 0.3px;
}

.colorsign {
    display: block;
    float: left;
    margin-left: 30px;
}

.colorjindu {
    width: 150px;
    background: #dcdbdb;
    height: 4px;
    float: left;
    margin-left: 20px;
    margin-top: 7px;
}

.colorwidth {
    height: 4px;
    background: #1795de;
}

.zimudl {
    overflow: hidden;
    margin-top: 10px;
    padding-left: 10px;
    box-sizing: border-box;
}

.zimudl dt {
    float: left;
    line-height: 26px;
    font-weight: 400
}

.zimudl dd {
    width: 100%;
    padding-left: 75px;
    height: 26px;
}

.zimudl .radio-line:first-child {
    margin-left: 0px;
}

.zimudl .radio-line {
    line-height: 26px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-left: 15px;
    box-sizing: border-box;
    float: left;
    margin-left: 40px;
}

.zimudl .radio-line input[type=radio] {
    position: absolute;
    margin-top: 7px;
    margin-left: -18px;
}

.videobt1,
.videobt2,
.videobt3,
.videobt4 {
    display: block;
    position: absolute;
    width: 67px;
    height: 29px;
}

.videobt1 {
    left: 12px;
    top: -2.6px;
}

.videobt2 {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    /* Opera */
    left: 44.3px;
    top: 30px;
}

.videobt3 {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -moz-transform: rotate(180deg);
    /* Firefox */
    -webkit-transform: rotate(180deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(180deg);
    /* Opera */
    left: 11px;
    top: 62px;
}

.videobt4 {
    transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    /* IE 9 */
    -moz-transform: rotate(270deg);
    /* Firefox */
    -webkit-transform: rotate(270deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(270deg);
    /* Opera */
    left: -20.8px;
    top: 29.2px;
}


/*用车申请*/

.wrapQuery {
    display: inline-block;
    margin-right: 15px;
    float: left
}

.wrapQuery:first-child {
    margin-left: 0px;
}

.wrapQuery .form-group {
    margin-left: 5px
}

.ejectWidthpingjia {
    width: 400px;
    height: 378px;
    margin-left: -200px;
    margin-top: -189px;
}

.ejectWidthMapPlace {
    width: 600px;
    height: 400px;
    margin-left: -300px;
    margin-top: -200px;
}

.ejectWidthTongyi {
    width: 410px;
    height: 190px;
    margin-left: -205px;
    margin-top: -95px;
}

.ejectWidthDiaodu {
    width: 576px;
    height: 500px;
    margin-left: -288px;
    margin-top: -250px;
}

.ejectWidthchexiao {
    width: 400px;
    height: 230px;
    margin-left: -200px;
    margin-top: -115px;
}

.ejectWidthpaiche {
    width: 800px;
    height: 400px;
    margin-left: -400px;
    margin-top: -200px;
}

.ejectWidthpaichediaodu {
    width: 580px;
    margin-left: -300px;
    margin-top: -290px;
}

.ejectWidthEtc {
    width: 600px;
    height: 180px;
    margin-left: -300px;
    margin-top: -90px;
}

.ejectWidthfeiyong {
    width: 600px;
    height: 340px;
    margin-left: -300px;
    margin-top: -160px;
}

.ejectWidthshigu {
    width: 600px;
    height: 460px;
    margin-left: -300px;
    margin-top: -220px;
}

.ejectWidthEtcBind {
    width: 300px;
    height: 230px;
    margin-left: -150px;
    margin-top: -115px;
}

.ejectWidthData {
    width: 600px;
    height: 400px;
    margin-left: -300px;
    margin-top: -200px;
}



.ejectWidthShenpi.active {
    height: 376px;
    margin-top: -188px
}

.next-wrap {
    display: none
}

.next-wrap dl {
    position: relative
}

.z-tree {
    position: absolute;
    width: 260px;
    height: 200px;
    overflow: auto;
    left: 0px;
    background: #fff;
    z-index: 1000;
    border: 1px solid #d1d1d1;
    top: 30px;
    left: 60px;
}

.agreeEject .next-wrap dl {
    overflow: visible;
    height: 30px
}

.ejectWidthShenpi.active .next-wrap {
    display: block
}

.next-wrap-btn a {
    display: inline-block;
    margin-right: 15px;
    background: url(../images/point_img.png) no-repeat right center;
    padding-right: 14px
}

.ejectWidthShenpi.active .next-wrap-btn a {
    background: url(../images/point_imge.png) no-repeat right center;
}

.ejectWidthShenpi.active .next-wrap-btn {
    margin-bottom: 15px
}

.boxListWrap.paihcelist .table td.loopWrap {
    padding: 0px;
}

.boxListWrap.paihcelist .table td.loopWrap .loopTable td {
    border: none;
    border-left: 1px solid #565656;
    padding: 6px;
    border-top: 1px solid #565656;
    padding-right: 12px
}


/*.boxListWrap.paihcelist .table td.loopWrap .loopTable:first-child tr:first-child td{border-top:none}*/


/*.boxListWrap.paihcelist .table td.loopWrap .loopTable td:first-child{border-left:none}*/

.boxListWrap.paihcelist .table td.loopWrap .loopTable td.loopWrapChild {
    padding: 0px;
    border: none
}


/*.boxListWrap.paihcelist .table td.loopWrap .loopTable:first-child .loopWrapChild{border-top:1px solid #565656}*/


/*.loopWrapChild table{border-bottom: 1px solid #565656;}*/

.boxListWrap.paihcelist .table td.loopWrap .loopTable {
    margin: 10px 0px;
    background: #f4f4f4;
    border-bottom: 1px solid #333
}

.next-wrap-btn span {
    color: #666
}

.errPlace {
    text-align: center;
    margin-top: 5px;
}

.ejectText {
    overflow: hidden;
    margin: 0px 20px;
    margin-bottom: 30px;
}

.ejectText dt {
    float: left;
    margin-right: 10px;
    font-weight: 400
}

.ejectText dd {
    float: left
}

.ejectText {
    overflow: hidden
}

.ejectText dt {
    float: left;
    margin-right: 10px;
}

.ejectText dd {
    float: left
}

.dlBlock {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    margin-top: 10px;
}

.dlBlock dt {
    float: left;
    width: 50px;
}

.dlBlock dd {
    float: left
}

.iconStar {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/star.png) no-repeat center;
    float: left;
    margin-left: 15px;
    cursor: pointer
}

.iconStar:first-child {
    margin-left: 0px;
}

.mouduleBlock {
    overflow: hidden;
    margin-top: 15px;
}

.hFont {
    font-weight: bold;
    font-size: 14px;
}

.mouduleBlock:first-child {
    margin-left: 0px;
}

.iconStar.selectStar {
    background: url(../images/stars.png) no-repeat center
}

.inputSearchPlace {
    margin: 0px 120px;
    margin-top: 7px;
    position: relative
}

.inputSearchPlace input {
    height: 24px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 32px;
}

.inputSearchPlace a.searchMapBar {
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    background: url(../images/iconBar.png) no-repeat;
    top: 0px;
    margin-top: 4.5px;
    margin-left: 10px;
}

.mapThis {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 38px;
    bottom: 0px;
}

.boxSadow {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4)
}

.agreeEject {
    padding: 0px 20px;
    padding-top: 20px;
}

.agreeEject dl {
    overflow: hidden
}

.agreeEject dl dt {
    float: left;
    width: 60px;
    line-height: 30px;
    font-weight: 400
}

.agreeEject dl dd {
    float: left
}

.shenpiButton {
    display: inline-block;
    width: 60px;
    height: 28px;
    background: #2c92ec;
    border-radius: 2px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    margin-left: 17px;
}

.shenpiButton:hover {
    color: #fff
}

.addContent3 .addRow.form-inline .form-group {
    margin-right: 15px;
}

.diaoduEject {
    overflow: hidden;
    padding: 10px 20px
}

.diaoduEject dl {
    float: left;
    width: 50%
}

.diaoduEject dl dt {
    float: left;
    line-height: 30px;
    margin-right: 5px;
    font-weight: 400;
    width: 88px;
    text-align: right
}

.diaoduEject dl dd {
    float: left
}

.fengeLine {
    float: left;
    width: 100%;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: 5px
}

.rowWidth {
    width: 100% !important;
}

.flagTd {
    text-decoration: underline !important
}

.titleP {
    text-align: center;
    font-size: 14px;
}

.boxList {
    overflow: hidden;
    margin: 0px 40px;
    border: 1px #e1e1e1 solid;
    padding: 10px;
    margin-top: -1px
}

.boxList dl {
    overflow: hidden;
    margin-bottom: 5px;
}

.boxList dl dt {
    font-weight: 400;
    width: 80px;
    text-align: right;
}

.boxList dl dt {
    float: left
}

.boxList dl dd {
    float: none;
    margin-left: 84px;
}

.eject.ejectWidthchuche {
    width: 300px;
    padding-bottom: 15px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    -moz-transform: translate(-50%, -50%);
    /* Firefox */
    -webkit-transform: translate(-50%, -50%);
    /* Safari 和 Chrome */
    -o-transform: translate(-50%, -50%);
    /* Opera */
}

.eject.ejectWidthchuche .buttonWrap {
    width: 102px
}

.eject.ejectWidthchuche .promptDlete lable {
    margin-left: 30px
}

.eject.ejectWidthchuche .promptDleteButton {
    margin-top: 15px
}

.remarks_p {
    color: #666;
    margin: 0px 15px;
    margin-top: 10px;
    text-align: center
}


/*首页*/

.sumBlock ul li {
    float: left;
    width: 12.5%;
    height: 90px;
}

.sumBlock ul li:first-child .sumList {
    margin-left: 0px
}

.sumList {
    margin-left: 1px;
    height: 90px;
    background: #fff;
    text-align: center;
    overflow: hidden
}

.sumList span {
    display: block
}

.sumList span.numLine {
    display: inline
}

.sumList i.spanOther {
    font-style: normal;
    font-size: 16px;
}

.sumList span.sumListSpan1 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 20px
}

.newsRegion {
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 33.3%;
}

.upChart,
.downChart {
    position: absolute;
    height: 50%;
    width: 100%;
}

.upChart {
    top: 0px;
}

.downChart {
    top: 50%;
}

.chartWrap {
    position: relative;
    width: 33.3%;
    float: left;
    overflow: hidden;
    height: 100%
}

.ChartRight {
    left: 50%;
}

.chartChild {
    position: absolute;
    background: #fff;
    right: 5px;
    left: 5px;
    top: 5px;
    bottom: 5px;
}

.titleHead {
    height: 43px;
    border-bottom: 1px #ebebeb solid;
}

.titleHead h1 {
    font-size: 14px;
    font-weight: bold;
    height: 16px;
    line-height: 16px;
    border-left: 4px #1795de solid;
    padding-left: 8px;
    margin-top: 13px;
    float: left;
    margin-left: 10px;
}

.sum-home {
    float: right;
    line-height: 43px;
    margin-right: 10px;
}

.sum-home dl dt,
.sum-home dl dd {
    display: inline-block
}

.sum-home dl {
    float: left;
    margin-bottom: 0px
}

.sum-home dl+dl {
    margin-left: 15px
}

.sum-home dl dt {
    font-weight: 400
}

.selectOption {
    float: right;
    line-height: 43px;
    margin-right: 10px;
    height: 44px;
    cursor: pointer;
    display: none
}

.triangle {
    display: inline-block;
    width: 10px;
    height: 6px;
    background: url(../images/jiantouDown.png) no-repeat;
    margin-left: 4px;
}

.triangle-right {
    display: inline-block;
    width: 6px;
    height: 10px;
    background: url(../images/jiangtouRight.png) no-repeat;
    margin-left: 4px;
}

.selectBlock {
    position: absolute;
    width: 84px;
    padding: 5px 0px;
    right: 10px;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
    display: none;
    z-index: 10;
    background: #fff;
}

.selectBlock a {
    display: block;
    width: 100%;
    text-align: center;
    color: #333;
    line-height: 30px;
}

.selectOption:hover .triangle {
    background: url(../images/jiantouUp.png) no-repeat;
}

.selectOption:hover .selectBlock {
    display: block
}

.selectBlock a.selectactive {
    color: #1795de
}

.chart {
    position: absolute !important;
    width: 100% !important;
    top: 43px;
    bottom: 0px;
    text-align: center;
    overflow: auto
}

.upNewsChild,
.downNewsChild {
    background: #fff;
    position: absolute;
    left: 5px;
    right: 5px;
}

.upNewsChild {
    top: 0px;
    bottom: 5px;
}

.downNewsChild {
    top: 5px;
    bottom: 0px;
}

.newsTitleRegion {
    overflow: hidden
}

.newsTitle {
    overflow: hidden;
    margin-right: 70px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.newsList {
    position: absolute;
    width: 100%;
    top: 43px;
    bottom: 0px;
    padding: 10px;
    overflow: hidden
}

.newsList a {
    display: inline-block;
    color: #333;
    width: 100%;
    margin-top: 8px;
}

.newsList a:first-child {
    margin-top: 0px;
}

.newsTime {
    float: right;
    color: #808080
}

.fontColorGreen {
    margin: 0px 4px;
}

.titleText {
    margin-left: 5px;
}

.grade {
    overflow: hidden;
    margin-top: 15px;
}

.grade:first-child {
    margin-top: 0px;
}

.textContent {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #808080;
    margin-top: 8px;
}

.renming {
    overflow: hidden;
    margin-left: 24px;
    margin-right: 120px;
}

.gradeStar {
    float: right
}

.stars {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../images/star.png) no-repeat center;
    margin-left: 5px;
}

.stars.onOther {
    background: url(../images/stars.png) no-repeat center
}

.stars:first-child {
    margin-left: 0px;
}

.number {
    width: 16px;
    height: 16px;
    color: #fff;
    text-align: center;
    line-height: 16px;
    float: left
}

.number1 {
    background: #f14c31
}

.number2 {
    background: #ff8610
}

.number3 {
    background: #ffbe10
}

.tabModel {
    float: right;
    height: 43px;
    line-height: 43px;
    margin-right: 10px;
    cursor: pointer;
    position: relative
}

.tabModel .iconmodel {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/tabicon.png) no-repeat center;
    float: left;
    margin-top: 14px;
    margin-right: 5px;
}

.tabModel span {
    display: block;
    float: left;
    color: #666
}

.modelEject {
    width: 600px;
    height: 300px;
    margin-left: -300px;
    margin-top: -150px;
}

.modelSelect {
    position: absolute;
    width: 120px;
    border: 1px solid #e1e1e1;
    background: #fff;
    z-index: 10;
    right: -10px;
    top: 42px;
}

.modelSelect a {
    display: block;
    width: 100%;
    line-height: 30px;
    text-align: center;
    color: #666
}

.modelSelect a:hover {
    background: #f1f1f1
}

.modelSelect a.active {
    display: none
}

.chart .table td {
    text-align: left
}

.chart.chartBottom {
    bottom: 30px;
}

.pagehomeChart {
    height: 30px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    line-height: 30px;
    background: #f5f5f5;
    border: 1px solid #e7e7e7;
    color: #888
}

.pageforward,
.pagelast {
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
}

.pageforward {
    float: left
}

.pagelast {
    float: right
}

.pagenum {
    margin: 0px 30px;
    text-align: center
}

.pageWrap {
    width: 150px;
    margin: 0px auto
}

.sumtable {
    padding: 10px
}

.sumtable .rowBlock {
    margin-bottom: 5px;
    border: 1px solid #e1e1e1
}

.rowBlock {
    position: relative
}

.signSum {
    overflow: hidden;
    margin-left: 40px;
    padding: 5px;
    height: 48px;
}

.signSum dl {
    float: left;
    margin-right: 10px;
    margin-bottom: 0px;
}

.signSum dl:first-child {
    margin-bottom: 5px;
}

.signSum dl dt,
.signSum dl dd {
    float: left
}

.signlabel {
    display: block;
    width: 20px;
    text-align: center;
    background: #e5e5e5;
    position: absolute;
    height: 100%;
}

.signlabel span {
    display: block;
    margin-top: 8px;
}

.signSum dl dt {
    margin-right: 5px;
}

.signSum.signSumother {
    margin-left: 5px;
}

.modelBtn {
    overflow: hidden;
}

.modelicon {
    width: 36px;
    height: 20px;
    background: #0d87c6;
    text-align: center;
    line-height: 19px;
    color: #fff;
    float: right;
    font-size: 18px;
    cursor: pointer
}

.modelintro {
    float: right;
    line-height: 20px;
    margin-right: 10px;
    cursor: pointer
}

.ejectWidthmodel {
    width: 452px;
    margin-top: -136px;
}

.modelListblock {
    overflow: hidden
}

.modelListblock li {
    width: 100px;
    float: left;
    text-align: center;
    border: 1px solid #d0d0d0;
    margin-left: 10px;
    line-height: 30px;
    cursor: pointer;
    margin-top: 10px;
}

.modelListblock li.active1 {
    border: 1px solid #1795de;
    color: #1795de
}

.ejectWidthmodel .contentEject {
    padding-top: 5px;
}

.signmodel {
    text-align: center;
    margin-top: 15px;
}

.ejectWidthmodel .promptDleteButton {
    margin-top: 15px;
}

.sumBlock .chartWrap {
    height: 200px;
}

.sumBlock .chartWrap .chart .sum-li {
    position: relative;
    height: 50%;
    width: 33.33%;
    float: left;
    padding: 5px;
}

.sumBlock .chartWrap .chart .sum-li::after {
    content: '';
    position: absolute;
    left: 0px;
    top: 20px;
    bottom: 20px;
    width: 1px;
    background: #e8e8e8
}

.sumBlock .chartWrap .chart .sum-li:nth-of-type(3n+1)::after {
    content: '';
    display: none
}

.sumBlock .chartWrap:nth-of-type(1) {
    width: 20%;
}

.sumBlock .chartWrap:nth-of-type(2),
.sumBlock .chartWrap:nth-of-type(3) {
    width: 40%;
}

.sum-li-show {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    -moz-transform: translate(-50%, -50%);
    /* Firefox */
    -webkit-transform: translate(-50%, -50%);
    /* Safari 和 Chrome */
    -o-transform: translate(-50%, -50%);
    /* Opera */
}

.sum-li-show p:first-child {
    font-size: 20px;
    font-weight: bold
}

.total-sum {
    position: absolute;
    left: 50%;
    top: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    -moz-transform: translate(-50%, -50%);
    /* Firefox */
    -webkit-transform: translate(-50%, -50%);
    /* Safari 和 Chrome */
    -o-transform: translate(-50%, -50%);
    /* Opera */
}

.sumBlock .chartWrap:nth-of-type(1) .chartChild {
    background: url("../images/sumbg.png") no-repeat center;
    background-size: cover;
}

.total-sum dl {
    margin-bottom: 0px;
}

.total-sum dl dt {
    font-size: 30px;
    margin-bottom: 10px;
}

.total-sum dl dd {
    font-size: 16px;
}

.chartAndNews {
    position: absolute;
    top: 210px;
    left: 10px;
    right: 10px;
    bottom: 5px;
}


/*监控*/

.barTopRight {
    float: right;
    margin-right: 10px;
}

.barTopRight .checkbox-inline {
    line-height: 37px;
    float: left;
    margin-right: 15px;
}

.barTopRight .checkbox-inline input[type=checkbox] {
    margin-top: 12px;
    margin-left: -18px;
}

.screen {
    display: block;
    float: right;
    margin-top: 10px;
    margin-left: 10px;
    color: #333
}

.screen i {
    display: block;
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 5px;
}

.screen i.full {
    background: url(../images/jiankong/full.png) no-repeat center
}

.screen i.nofull {
    background: url(../images/jiankong/nofull.png) no-repeat center
}

.screen.screenNo {
    display: none
}

.fullScreen .mainImportantLeft {
    display: none
}


/*全屏隐藏左侧菜单*/

.fullScreen .mainImportantRight {
    left: 0px;
}


/*全屏右侧*/

.fullScreen .screen {
    display: none
}

.fullScreen .screen.screenNo {
    display: block
}

.fullScreen .mainRight {
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}


.map-this {
    position: absolute;
    width: 100%;
    bottom: 0px;
    top: 0px;
}



.leftSearch {
    padding: 0px 10px;
    margin-top: 7px;
    position: relative
}

.leftSearch .list-group {
    position: absolute;
    z-index: 10;
    left: 10px;
    right: 10px;
}

.leftSearch.search_tab {
    float: left;
    margin-top: 0px;
    width: 220px
}

.leftSearch.search_tab .form-control {
    height: 26px
}

.row.row_tab_search {
    overflow: inherit
}

.taba {
    display: block;
    width: 25%;
    height: 26px;
    line-height: 26px;
    float: left;
    text-align: center;
    color: #333
}

.tabSelect {
    padding: 0px 1px;
    margin-top: 8px;
}

.tabSelect .row,
.listHere .row {
    margin: 0px;
    margin-bottom: 1px;
    cursor: pointer;
}

.listHere .row.active {
    background: #e2e9f1
}

.listHere {
    position: absolute;
    top: 142px;
    width: 100%;
    bottom: 0px;
    overflow-y: auto
}

.listHere .row {
    border-top: 1px #e1e1e1 solid;
    padding: 10px;
}

.listHere .row:first-child {
    border: none
}

.tabWrap {
    margin-left: 1px;
    background: #eef2f6
}

.listH {
    overflow: hidden;
    line-height: 20px;
}

.listB {
    overflow: hidden;
    margin-top: 10px;
}

.chepai,
.quxiang,
.sudu {
    display: inline-block;
    float: left
}

.sudu {
    float: right;
    color: #1795de
}

.chepai {
    font-size: 14px;
    font-weight: bold;
    width: 110px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.bhalf dt,
.bhalf dd,
.bPercent dt {
    float: left
}

.bhalf dd {
    max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.bhalf dt,
.bPercent dt {
    font-weight: 400
}

.bhalf,
.bPercent {
    margin-bottom: 0px;
}

.bhalf {
    float: left;
    width: 50%;
}

.bPercent {
    float: left;
    width: 100%;
    margin-top: 2px;
}

.quxiang {
    width: 50px;
    height: 20px;
    color: #fff;
    text-align: center
}

.goColor {
    background: #43c44f
}

.backColor {
    background: #ffae20
}

.freeColor {
    background: #c0c6cd
}

.state_xingshi {
    background: #43c44f
}

.state_tingche {
    background: #fb6b6b
}

.state_baojing {
    background: #cccc10
}

.state_chaosu {
    background: #ca50f5
}

.state_lixian {
    background: #c0c6cd
}

.state_chaoshi {
    background: #5959fb
}

.taba.active .tabWrap {
    background: #1795de;
    color: #fff
}

.mapreal {
    position: absolute;
    left: 300px;
    top: 0px;
    bottom: 0px;
    right: 0px;
}

.mapAt {
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
}

span.caozuo {
    position: absolute;
    width: 88px;
    margin-left: 15px;
    margin-top: -1px;
}

span.caozuo button {
    float: left;
    border: none;
    display: block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
}

span.caozuo button:last-child {
    margin-right: 0px;
}

span.caozuo button:hover {
    background: #f1f1f1
}

span.caozuo button.button0 {
    background: url(../../images/jiankong/wladd.png) no-repeat center
}

span.caozuo button.button1 {
    background: url(../../images/jiankong/wledit.png) no-repeat center
}

span.caozuo button.button2 {
    background: url(../../images/jiankong/wlbind.png) no-repeat center
}

span.caozuo button.button3 {
    background: url(../../images/jiankong/wldel.png) no-repeat center
}

span.caozuo button.button4 {
    background: url(../../images/jiankong/wldhidden.png) no-repeat center
}


/*围栏*/

.weilanWrap {
    position: absolute;
    right: 5px;
    width: 265px;
    background: #fff;
    top: 20px;
    bottom: 20px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2)
}


/*.obdWrap{width: 236px;}*/

.obdWrap {
    width: 380px;
    top: 0px;
    bottom: 0px;
    box-shadow: none;
    border: 1px solid #e2e2e2;
    border-top: none;
    border-right: none;
    background: #f1f5f8;
    color: #333;
    z-index: 100
}

.weilanbtWrap {
    float: left;
    line-height: 16px;
    margin-top: 10px;
    cursor: pointer;
    margin-right: 10px;
}

.iconweilan {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    background: url(../images/jiankong/iconwl.png) no-repeat center;
    margin-right: 5px;
}

.weilanbtWrap.active .iconweilan {
    background: url(../images/jiankong/iconwl1.png) no-repeat center;
}

.weilanbtWrap.active {
    color: #1795de
}

.weilansearch {
    margin: 0px 5px;
    margin-top: 5px;
    position: relative
}

.weilansearchbar {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0px;
    background: url(../images/iconBar.png) no-repeat center
}

.weilansearch input {
    padding-left: 30px;
}

.weilantree {
    position: absolute;
;
    top: 40px;
    bottom: 0px;
    width: 100%;
    padding: 5px;
}

.rightClick {
    position: absolute;
    width: 80px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3)
}

.rightClick a {
    display: block;
    width: 100%;
    line-height: 24px;
    text-align: center;
    color: #333
}

.rightClick a:hover {
    background: #f1f1f1
}

.editWeilanName {
    width: 300px;
    height: 180px;
    margin-left: -150px;
    margin-top: -90px;
}

.weilanerr {
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #F00;
}

.editWeilanName .ejectInfo {
    margin: 0px 20px;
    overflow: hidden
}

.editWeilanName .buttonWrap {
    width: 100px;
    margin: 0px auto;
    margin-top: 20px;
}

.weilanxz {
    width: 490px;
    height: 286px;
    margin-left: -231px;
    margin-top: -143px;
}

.weilanejectContent {
    padding: 0px 20px;
}

.weilanejectContent .form-group {
    margin-left: 0px;
}

.form-control.namexz {
    width: 361px;
}

.weilanejectContent label {
    width: auto;
}

.weilanxz .weilanejectContent label {
    width: 60px;
}

.form-control.selectinput {
    width: 118px;
}

.weilanxz .buttonWrap {
    width: 100px;
    margin: 0px auto;
    margin-top: 15px;
}

.weilanbd {
    width: 930px;
    height: 500px;
    margin-left: -465px;
    margin-top: -250px;
    z-index: 100
}

.mapbj {
    width: 1159px;
    height: 524px;
    margin-left: -565px;
    margin-top: -262px;
    z-index: 100
}

.timeweilanbd {
    width: 580px;
    height: 476px;
    margin-left: -290px;
    margin-top: -238px;
}

.timeweilanbd .weilanbdTable .bdTableBody td .form-control {
    width: 42%;
    float: right;
    margin: 0px;
    text-align: right
}

.timeweilanbd .weilanbdTable .bdTableBody td .form-control:first-child {
    float: left;
    text-align: left
}

.diviLine {
    display: block;
    width: 16%;
    float: left;
    text-align: center
}

.timeweilanbd .form-control,
.weilanbd .form-control {
    width: 120px;
    margin-right: 10px;
}

.timeweilanbd .buttonWrap,
.weilanbd .buttonWrap {
    width: 100px;
    margin: 0px auto;
}

.weilanbdTable {
    height: 300px;
    margin-bottom: 20px;
    position: relative;
    border: 1px solid #e1e1e1
}

.weilanbdTable table.table th {
    text-align: center;
    padding: 0px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #e1e1e1
}

.weilanbdTable table.table td {
    text-align: center;
    padding: 0px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #e1e1e1;
    padding: 0px 5px;
}

.timeweilanbd .form-inline,
.weilanbd .form-inline {
    margin-top: 15px;
}

.bdTableBody {
    position: absolute;
    top: 30px;
    width: 100%;
    bottom: 0px;
    overflow: auto;
}

.timeweilanbd .bdTableBody .form-control,
.weilanbd .bdTableBody .form-control {
    width: 100%;
    border: none;
    box-shadow: none
}

.bdTableBody table tr td:first-child {
    border-left: 0px;
}

.bdTableBody table tr td:last-child {
    border-right: 0px;
}

.weilanejectContent .table>tbody>tr:nth-child(even) input {
    background: #f1f4f7
}

.weilanTimeset dl dt,
.weilanTimeset dl dd {
    float: left
}

.weilanTimeset dl dt {
    font-weight: 400;
    margin-right: 20px;
}

.weilanTimeset {
    overflow: hidden;
    padding: 0px 15px;
}

.weilanTimeset input[type=checkbox] {
    margin-top: 2px;
}

.weilanTimeset {
    float: left
}

.time-weilan-bt {
    float: right;
    margin-right: 15px;
    margin-top: -7px;
}

.time-weilan-bt .btn:first-child {
    margin-right: 10px;
}

.weilanejectContent .form-group:nth-of-type(1) .form-control.namexz {
    width: 200px;
}


/*OBD*/


/*.mapejectList{position: absolute;top:38px;bottom:0px;width: 100%;padding: 10px;overflow:auto}*/

.mapejectList {
    position: absolute;
    top: 38px;
    bottom: 40px;
    width: 100%;
    overflow: auto
}


/*.mapejectList dl{overflow:hidden;margin-bottom: 8px;}
.mapejectList dl dt{float:left;margin-right:5px;font-weight: 400;color: #333}
.mapejectList dl dd{word-break:break-all;color: #666}
.mapejectList .table td{border-bottom: 1px solid #e1e1e1;border-left:1px solid #e1e1e1;padding: 2px 6px;}
.mapejectList .table tr td:first-child{border-left:none}
.mapejectList .table>tbody>tr:nth-child(even){background: #fff}*/

.timedl {
    float: right;
    margin-bottom: 0px;
    margin-right: 10px;
}

.timedl dt,
.timedl dd {
    float: left;
    line-height: 38px;
}

.timedl dt {
    font-weight: 400
}

.blockObd h2 {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}

.blockObd {
    overflow: hidden;
    margin: 0px 10px;
    margin-top: 5px;
}

.blockObd:first-child {
    margin-top: 10px;
}

.blockObd dl.obdlistdl {
    float: left;
    width: 50%;
    margin-bottom: 5px;
}

.blockObd dl.obdlistdl {
    padding-right: 5px;
}

.blockObd dl.obdlistdl:nth-of-type(2n) {
    padding-left: 5px;
}

.blockObd dl.obdlistdl dt,
.blockObd dl.obdlistdl dd {
    font-weight: 400;
    float: left
}

.blockObd dl.obdlistdl dd {
    color: #218af3;
    float: none;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blockObd dl.obdlistdl dt {
    width: 88px;
    margin-right: 10px;
}

.faultblock {
    overflow: hidden;
    width: 100%
}

.faultdl dt {
    font-weight: 400;
    float: left;
    margin-right: 5px;
}

.faultdl dd {
    float: none;
    word-break: break-all;
}

.faultcode {
    color: #218af3
}


/*气泡窗*/

.qipaoWindow {
    width: 420px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.7);
    position: absolute
}

.qipaoTitle {
    height: 40px;
    border-bottom: 1px #ebebeb solid;
    line-height: 40px;
    padding: 0px 10px;
}

.license,
.iconfollow,
.directTo,
.speed {
    display: inline-block;
    float: left;
    margin-left: 10px;
}

.license {
    font-size: 14px;
    margin-left: 0px;
}

.directTo {
    width: 50px;
    height: 20px;
    text-align: center;
    color: #fff;
    margin-top: 10px;
    line-height: 20px;
}

.iconfollow {
    width: 17px;
    height: 15px;
    background: url(../images/jiankong/nofollow.png) no-repeat center;
    margin-top: 12.5px;
}

.iconfollow.iconfollowYes {
    background: url(../images/jiankong/follow.png) no-repeat
}

.speed {
    color: #1795de
}

.setBar {
    display: inline-block;
    float: right;
    width: 16px;
    height: 16px;
    background: url(../images/jiankong/setbar.png) no-repeat;
    margin-top: 12px;
}

.close.qipaoClose {
    color: #818488;
    margin-left: 15px;
    margin-top: 9px
}

.qipaomain {
    overflow: hidden;
    padding: 10px;
}

.qipaomain .bPercent {
    margin-top: 0px;
}

.bPercent-1 {
    margin-bottom: 10px;
}

.qipaomain .bPercent dd {
    float: none;
    margin-left: 32px;
}

.qipaomain .bhalf {
    margin-bottom: 10px;
}

.qipaoOption {
    padding: 8px 10px;
    border-top: 1px #ebebeb solid;
    overflow: hidden;
    padding-bottom: 0px;
}

.doOption {
    display: block;
    height: 26px;
    float: left;
    margin-left: 18px;
    color: #333;
    text-align: center;
    line-height: 26px;
    margin-bottom: 10px;
}

.doOption.active {
    color: #1795de
}

.doOption:first-child {
    margin-left: 0px;
}

.qipaoPoint {
    position: absolute;
    width: 20px;
    height: 14px;
    background: url(../images/jiankong/qipaopoint.png) no-repeat;
    left: 50%;
    margin-left: -10px;
    margin-top: 0px;
}

.obdhrefbtn {
    dispaly: block;
    width: 100%;
    color: #fff;
    background: #1795df;
    position: absolute;
    bottom: 0px;
    line-height: 40px;
    text-align: center
}

.obdhrefbtn:hover,
.obdhrefbtn:active,
.obdhrefbtn:visited {
    color: #fff
}


/*气泡窗 end*/


/*增加标注*/

.signB {
    position: absolute;
    height: 288px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: #fff;
    border-radius: 4px;
    z-index: 1000;
}

.signweilan {
    position: absolute;
    right: 10px;
    width: 350px;
    height: 283px;
    background: #fff;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    bottom: 50px;
    z-index: 1000
}

.signHead {
    height: 34px;
    overflow: hidden;
    background: #0f8bc5;
    line-height: 34px;
    color: #fff;
}

.signHead span {
    margin-left: 10px;
}

.signHead a {
    display: block;
    float: right;
    color: #fff;
    font-size: 20px;
    width: 34px;
    height: 34px;
    text-align: center
}

.signForm {
    margin: 0px 10px;
    margin-top: 6px;
}

.signForm p.pErr {
    text-align: center;
    color: #F00;
    height: 16px;
}

.signForm dl {
    overflow: hidden;
    margin-top: 7px;
    margin-bottom: 0px;
}

.signForm dl dt {
    float: left;
    line-height: 24px;
    width: 54px;
    font-weight: 400
}

.signForm dl dd {
    float: left
}

.signForm dl dd .form-control {
    border-radius: 0px;
}

.signForm dl dd input.inputW7 {
    width: 160px;
    height: 24px;
}

.signForm dl dd select.inputW7 {
    width: 160px;
    height: 24px;
}

.signForm dl dd input.inputW7s {
    width: 48px;
    height: 24px;
}

.signForm dl dd span.iconAs {
    display: block;
    width: 28px;
    height: 28px;
    cursor: pointer;
    float: left
}

.signForm dl dd span.iconAs img {
    width: 16px;
    height: 16px;
    margin-left: 6px;
    margin-top: 6px;
}


/*.signForm dl dd span.iconAs i{ display:block; width:14px; height:14px; background:url(../images/addIcon.png) no-repeat 0px 0px; margin:0 auto; margin-top:7px;}
.signForm dl dd span.iconAs.iconP i{background:url(../images/dw.png) no-repeat; width:16px; height:16px; background-size:100% 100%; margin-top:6px;}*/

.signName {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: rgba(0, 0, 0, 0.02)
}

.signNameWrite {
    background: #fff;
    position: absolute;
    width: 220px;
    height: 160px;
    border-radius: 4px;
    top: 50%;
    left: 50%;
    margin-left: -110px;
    margin-top: -80px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5)
}

.signMc {
    overflow: hidden;
    margin: 0px 10px;
    margin-top: 6px;
    margin-bottom: 10px;
}

.signMc p {
    margin-bottom: 10px;
}

.signMc span {
    display: block;
    line-height: 28px;
    float: left
}

.signMc input {
    float: right
}

.signMc input.inputW8 {
    width: 160px;
    height: 26px;
}

.buttonFor {
    display: block;
    color: #fff !important;
    background: #0985bf;
    border-radius: 2px;
    display: block;
    text-align: center;
    width: 100px;
    height: 28px;
    margin: 0px auto;
    line-height: 28px;
}

.buttonFor.buttonForS1 {
    margin-top: 26px;
}

.signIcon {
    position: absolute;
    background: #fff;
    width: 180px;
    padding-bottom: 10px;
    margin-top: 28px;
    border: 1px #ccc solid;
    z-index: 10;
    margin-left: 54px;
}

.signIconList {
    overflow: hidden
}

.signIconList ul li {
    float: left;
    cursor: pointer
}

.signIconList ul li img {
    margin-left: 9px;
    margin-top: 9px;
    width: 20px;
}

.unitD {
    line-height: 28px;
    margin-left: 10px
}

.slipper {
    width: 120px;
    background: #cac9c9;
    height: 10px;
    margin-top: 9px;
    border-radius: 5px;
}

.slipperChild {
    height: 10px;
    border-radius: 5px;
    background: #f5902a;
    position: relative
}

.circleSlide {
    width: 16px;
    height: 16px;
    background: #f3f3f4;
    border: 1px #ccc solid;
    right: 0px;
    position: absolute;
    margin-top: -4px;
    border-radius: 50%;
}

.danweiBiaozhu {
    line-height: 30px;
    margin-left: 3px;
}

.biaozhutree {
    position: absolute;
    top: 32px;
    width: 100%;
    left: 0px;
    bottom: 0px;
    padding: 10px;
    overflow: auto
}

.biaozhu-top {
    top: 34px;
    padding: 0px;
}

.signGroupTitle .checkbox-inline {
    vertical-align: inherit;
}

.signGroupTitle .checkbox-inline input[type=checkbox] {
    top: 6px
}

.signGroupTitle {
    line-height: 32px;
    height: 32px;
    border-bottom: 1px #e7e7e7 solid;
    border-top: 1px #e7e7e7 solid;
    background: #f5f5f5;
    padding: 0px 10px;
}

.option-a {
    float: right;
    display: inline-block
}

.signAdd {
    margin-left: 5px;
    display: inline-block
}

.signRefresh {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: #000;
    float: right;
    margin-top: 8px;
    margin-left: 5px;
    background: url("../images/jiankong/fresh.png") no-repeat center
}

.sign-active .biaozhutree {
    bottom: 293px;
    border-bottom: 1px solid #d0d0d0
}

.rowSign {
    overflow: hidden;
    line-height: 30px;
}

.editSign {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/edit.png) no-repeat;
    float: right;
    margin-top: 7px;
}

.rowSign .checkbox-inline {
    margin-right: 26px;
    display: block;
}

.rowSign .checkbox-inline input[type=checkbox] {
    margin-top: 9px;
}

.signText {
    display: block;
    margin-left: 0px;
    margin-right: 0px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.weilanWrap.biaozhuset {
    top: 0px;
    bottom: 2px;
}

.iconbiaozhu {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    background: url(../images/jiankong/iconbz.png) no-repeat center;
    margin-right: 5px;
}

.weilanbtWrap.active .iconbiaozhu {
    background: url(../images/jiankong/iconbzs.png) no-repeat center;
}


/*街景*/

.jiejing {
    position: absolute;
    width: 50%;
    right: 0px;
    top: 0px;
    bottom: 0px;
    display: none
}

.jiejingMap {
    position: absolute;
    width: 100%;
    top: 0px;
    bottom: 0px;
}

.mapreal.jiejingShow .mapAt {
    width: 50%;
    left: 0px;
    top: 0px;
    bottom: 0px;
}

.mapreal.jiejingShow .jiejing {
    display: block
}

.jiejingClose {
    position: absolute;
    width: 30px;
    height: 30px;
    background: rgba(0, 0, 0, 0.3);
    top: 10px;
    right: 10px;
    z-index: 10;
    text-align: center
}

.jiejingClose button.close {
    margin-top: 5px;
    margin-right: 8px;
    color: #fff
}

.iconbiaozhu-add {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    background: url(../images/jiankong/bz-add.png) no-repeat center;
    margin-right: 5px;
}

.weilanbtWrap.active .iconbiaozhu-add {
    background: url(../images/jiankong/bz-add1.png) no-repeat center;
}


/*待办*/

.taskRegion {
    position: absolute;
    bottom: 15px;
    right: 15px;
    z-index: 10;
}


/*.taskRegion:hover{right:-5px;}*/

.taskBall-s {
    width: 80px;
    height: 80px;
    background: url(../images/ball.png) no-repeat;
    background-size: 100%;
    padding-top: 18px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    cursor: pointer;
}

.numDaiban,
.titleDaiban {
    display: block;
    text-align: center;
    color: #fff;
}

.numDaiban {
    font-size: 18px;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2)
}

.titleDaiban {
    font-size: 12px;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2)
}

.daibanList {
    background: #fff;
    width: 320px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    height: 350px;
}

.daibanTitle {
    height: 34px;
    background: #fc9615;
    color: #fff;
    line-height: 34px;
    padding-left: 10px;
}

.daibanTitle button.close {
    color: #fff;
    opacity: 0.8;
    margin-top: 7px;
}

.daibanMain {
    padding: 10px;
    padding-top: 5px;
    position: absolute;
    top: 34px;
    overflow: auto;
    bottom: 0px;
    width: 100%
}

.titleWrap {
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    cursor: pointer
}

.titleWrap .triangle {
    margin-left: 0px;
    margin-right: 4px;
    background: url(../images/jiantouUp.png) no-repeat;
}

.titleWrap span {
    font-weight: bold;
    color: #333
}

.daibanListBody {
    display: none
}

.daibanActive .daibanListBody {
    display: block
}

.daibanActive .triangle {
    background: url(../images/jiantouDown.png) no-repeat;
}

.daibanListBody .row {
    margin: 0px;
    margin-top: 10px;
}

.daibanListBody .row:first-child {
    margin-top: 0px;
}

.daibanListBody .row dl {
    overflow: hidden;
    margin-bottom: 0px;
    font-size: 12px;
    margin-top: 5px;
}

.daibanListBody .row dl:first-child {
    margin-top: 0px;
}

.daibanListBody .row dl dt,
.daibanListBody .row dl dd {
    float: left;
    color: #666;
    width: 50%;
}

.daibanListBody .row dl dt {
    padding-right: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.daibanListBody .row dl dd {
    text-align: right;
    padding-left: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.daibanListBody .row dl dt.fontnomal {
    font-weight: 400
}

.daibanBlock {
    margin-top: 10px;
}

.daibanBlock:first-child {
    margin-top: 0px;
}


/*轨迹回放*/

.leftguiji {
    position: absolute;
    width: 320px;
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    background: #fff;
}

.rightguiji {
    position: absolute;
    left: 330px;
    top: 10px;
    right: 10px;
    bottom: 10px;
}

.guijih {
    font-weight: 400;
    font-size: 12px;
    background: #f9f9f9;
    padding-left: 15px;
    color: #333333;
    overflow: hidden;
    padding-top: 15px;
    padding-bottom: 10px;
}

.guijichepai {
    float: left;
    border-left: 4px #1795de solid;
    padding-left: 10px;
}

.guijichepai p {
    margin: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 220px;
}

.guijichepai p:first-child {
    margin-bottom: 8px;
}

.downloadguiji {
    display: block;
    float: right;
    margin-right: 15px;
}

.rlDate {
    overflow: hidden;
    margin-top: 10px;
    font-size: 12px;
    margin: 0px 15px;
    margin-top: 10px;
}

.rlTop {
    height: 30px;
    background: #1795de;
    text-align: center;
    line-height: 30px;
}

.rlTop span {
    color: #fff;
    display: block;
}

.rlWeek span {
    display: block;
    float: left;
    width: 14.285%;
    text-align: center;
    line-height: 24px;
    color: #27b5e5
}

.rlDays table {
    margin: 0px;
}

.rlDays table tr td {
    text-align: center;
    border: 1px #d0d0d0 solid;
    height: 39px;
    cursor: pointer
}

.rlDays table tr td span {
    display: block;
    margin: 0px auto;
    width: 36px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.rlDays table tr td.rlOn {
    background: #e4f3fb
}

.daterow {
    margin-top: 15px;
}

.buttonguiji {
    width: 200px;
    margin: 0px auto;
    margin-top: 30px;
}

.buttonguiji .btn-info {
    margin-right: 30px;
}

.guijicontent {
    overflow: hidden;
    padding: 0px 15px;
    padding-top: 20px;
    padding-left: 0px;
}

.guijicontent .half {
    margin-bottom: 8px;
    width: 340px;
    margin-left: 30px
}

.guijicontent .form-group label {
    width: 100px;
    text-align: right
}

.hafdl {
    margin: 0px;
}

.hafdl dt,
.hafdl dd {
    float: left;
    line-height: 30px;
}

.hafdl dd {
    margin-left: 0px;
}

.hafdl dt {
    font-weight: 400;
    width: 100px;
    text-align: right;
    margin-right: 10px;
}

.halfdd .radio-inline input[type=radio] {
    margin-top: 8px
}

.halfdd .radio-inline:first-child {
    margin-right: 20px;
}

.guijibuttonset .btn {
    width: 100%
}

.guijibuttonset {
    width: 120px;
    margin: 0px auto;
    margin-top: 30px;
}

.maptool {
    padding-left: 20px;
    padding-right: 0px;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.8);
    position: absolute;
    right: 15px;
    background: #fff;
    top: 15px;
}

.iconBlock {
    display: block
}

.toolblock {
    float: left;
    line-height: 36px;
    margin-right: 20px;
    cursor: pointer
}

.iconmingxi,
.iconquxian,
.iconceju {
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 5px;
    margin-top: 10px;
}

.iconmingxi {
    background: url(../images/jiankong/iconmingxi.png) no-repeat center;
}

.iconquxian {
    background: url(../images/jiankong/iconquxian.png) no-repeat center
}

.iconceju {
    background: url(../images/jiankong/iconceju.png) no-repeat center
}

.toolblock.active .iconmingxi {
    background: url(../images/jiankong/iconmingxi1.png) no-repeat center;
}

.toolblock.active .iconquxian {
    background: url(../images/jiankong/iconquxian1.png) no-repeat center
}

.toolblock.active .iconceju {
    background: url(../images/jiankong/iconceju1.png) no-repeat center
}

.toolblock.active span {
    color: #1795de
}

.toolblock .checkbox-inline input[type=checkbox] {
    margin-top: 12px;
}

.mingxidiv {
    height: 320px;
    background: #fff;
    position: absolute;
    top: 55px;
    border: 1px #e1e1e1 solid;
    padding: 15px;
    z-index: 1000;
    overflow: hidden;
    left: 55px;
    right: 0px;
}

.mingxidiv .table {
    margin-bottom: 0px;
}

.mingxidiv .table th,
.mingxidiv .table td {
    border-bottom: 1px #ccc solid;
    white-space: inherit
}

.mingxiHead {
    background: #edebeb;
    overflow: hidden;
    margin-top: 22px;
}

.mingxiBody {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    top: 67px;
    overflow: auto
}

.mapguijihere {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.barprogress {
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 50px;
    z-index: 798;
    width: 650px;
    height: 50px;
    border-radius: 5px;
    left: 50%;
    margin-left: -250px;
    color: #fff;
    line-height: 50px;
    font-size: 12px;
}

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

.maildate span {
    margin-right: 20px;
}

.playregion {
    width: 66px;
    position: absolute;
    left: 50%;
    top: 11px;
}

.playregion a:first-child {
    margin-left: 0px;
}

.iconplay,
.iconstop,
.iconpause {
    display: block;
    width: 28px;
    height: 28px;
    float: left;
    margin-left: 10px;
    background: url(../images/jiankong/play_ico.png) no-repeat;
}

.iconplay:hover {
    background-position: -28px 0px
}

.iconstop {
    background-position: 0px -56px
}

.iconstop:hover {
    background-position: -28px -56px
}

.iconpause {
    background-position: 0px -28px
}

.iconpause:hover {
    background-position: -28px -28px
}

.gressregion {
    float: right;
    margin-right: 10px;
}

.bargresswrap {
    width: 100%;
    background: #fff;
    height: 12px;
    border-radius: 6px;
    overflow: hidden
}

.progresshere {
    float: left;
    width: 70px;
    height: 12px;
    margin: 0px 5px;
    margin-top: 19px;
    position: relative
}

.jinduregion {
    background: #e78f08;
    height: 12px;
}

.textblock {
    display: block;
    float: left;
}

.jinduPointBar {
    width: 16px;
    height: 16px;
    border-radius: 7px;
    background: #fff;
    position: absolute;
    margin-top: -14px;
    border: 1px solid #ff863d
}

.doOption.exportsMx {
    position: absolute;
    top: 6px;
    cursor: pointer;
    right: 15px;
}


/*--------------------------------------------------------------------------------------------*/

.picTitle {
    display: block;
    float: left;
    margin-right: 10px;
    width: 110px;
    margin-right: 5px;
    text-align: right;
}

.picAdd {
    float: left
}

.imgWrap {
    width: 158px;
    height: 158px;
    border: 1px #c4c3c3 solid;
    background: url(../images/iconadd.png) no-repeat center;
    background-color: #fff;
    cursor: pointer;
    float: left;
    margin-right: 18px;
    line-height: 158px;
    margin-bottom: 20px;
}

.blackBlock {
    display: none
}

.imgWrap.imgWrap-other {
    position: relative
}

.imgWrap img {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}

.imgWrap.imgWrap-other .blackBlock {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: rgba(0, 0, 0, 0.6);
    z-index: 100;
}

.blackOp {
    position: absolute;
    width: 100%;
    line-height: 30px;
    bottom: 0px;
}

.blackOp a:first-child {
    padding: 0px;
    background: url(../images/yulanicon.png) no-repeat 10px 9px;
    padding-left: 30px;
    text-align: left;
}

.blackOp a {
    display: block;
    float: left;
    width: 50%;
    color: #fff;
    text-align: right;
    background: url(../images/delicon.png) no-repeat 32px 9px;
    overflow: hidden;
    box-sizing: border-box;
    padding-right: 10px
}

.imgWrap.imgWrap-other:hover .blackBlock {
    display: block
}

.iconSheBei {
    display: block;
    width: 0px;
    height: 28px;
    background: #2c92ec;
    float: left;
    color: #fff;
    line-height: 28px;
    text-align: center;
    margin-left: 0px;
}

a.iconSheBei:hover {
    color: #fff
}

.form-control.width9 {
    width: 684px;
    height: 60px;
}


/*input宽度*/

.form-control.widthb {
    width: 126px;
    height: 30px;
}

.date {
    float: left;
}

.fieldsList dl {
    margin-left: 40px;
    float: left
}

.fieldsList dl:first-child {
    margin-left: 0px;
}

.fieldsList dl dt {
    width: 110px;
    float: left;
    line-height: 28px;
    margin-right: 5px;
}

.fieldsList dl dd {
    float: left
}

.addFieldRow {
    overflow: hidden;
}

.addFieldRowfile {
    overflow: hidden;
    margin-top: 20px;
}

.picDetail {
    display: block;
    float: left;
    width: 110px;
    font-weight: bold;
    margin-right: 5px;
}

.blockPicWrap {
    overflow: hidden;
}

.blockPicWrap .blockPic {
    width: 90px;
    height: 90px;
    border: 1px #c4c3c3 solid;
    float: left;
    margin-left: 15px;
    line-height: 90px;
}

.blockPicWrap .blockPic:first-child {
    margin-left: 0px;
}

.blockPicWrap .blockPic img {
    width: 100%;
    display: inline-block
}



.iconDetailCl {
    width: 28px;
    height: 28px;
    margin-top: -5px;
}

.eject.ejectWidthBumen2 {
    width: 600px;
    padding-bottom: 10px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    -moz-transform: translate(-50%, -50%);
    /* Firefox */
    -webkit-transform: translate(-50%, -50%);
    /* Safari 和 Chrome */
    -o-transform: translate(-50%, -50%);
    /* Opera */
}

.message {
    margin-left: 40px;
    margin-top: 20px;
}


/*授权*/

.listAreaWrap:first-child {
    margin-top: 5px;
}

.listAreaWrap {
    margin: 0px 15px;
    border: 1px #d3d3d3 solid;
    overflow: hidden;
    margin-bottom: 10px;
}

.infoListInfo-other {
    background: #fff;
    overflow: hidden;
    padding-bottom: 20px;
}

.infoListInfo-other .listAreaWrap:first-child {
    margin-top: 15px;
}

.headCheck {
    height: 40px;
    background: #eeeeee;
    line-height: 40px;
    position: relative
}

.headCheck.selectList {
    background: #cccfd2
}

.headCheck span {
    font-size: 14px;
    font-weight: bold
}

.headCheck input[type=checkbox] {
    float: left;
    margin-top: 13px;
    margin-right: 10px;
    margin-left: 12px;
}

.arrow {
    left: 95px;
    height: 40px;
    right: 0px;
    position: absolute;
    top: 0px;
}

.arrow .arrow1 {
    width: 0px;
    height: 0px;
    border-left: 8px rgba(0, 0, 0, 0) solid;
    border-right: 8px rgba(0, 0, 0, 0) solid;
    border-top: 5px #808080 solid;
    position: absolute;
    right: 10px;
    margin-top: 18px;
}

.arrow .arrow2 {
    width: 0px;
    height: 0px;
    border-left: 8px rgba(0, 0, 0, 0) solid;
    border-right: 8px rgba(0, 0, 0, 0) solid;
    border-top: 5px #eeeeee solid;
    position: absolute;
    margin-top: 16px;
    right: 10px;
}

.headCheck.selectList .arrow .arrow1 {
    width: 0px;
    height: 0px;
    border-left: 8px rgba(0, 0, 0, 0) solid;
    border-right: 8px rgba(0, 0, 0, 0) solid;
    border-bottom: 5px #808080 solid;
    position: absolute;
    border-top: none;
    margin-top: 16px;
}

.headCheck.selectList .arrow .arrow2 {
    width: 0px;
    height: 0px;
    border-left: 8px rgba(0, 0, 0, 0) solid;
    border-right: 8px rgba(0, 0, 0, 0) solid;
    border-bottom: 5px #cccfd2 solid;
    position: absolute;
    border-top: none;
    margin-top: 18px;
}

.table-other {
    border-collapse: collapse;
    width: 100%;
}

.table-other td {
    border-top: 1px #d3d3d3 solid;
    vertical-align: middle
}

.checkWrap {
    margin-bottom: 10px;
}

.rowCheckWrap {
    overflow: hidden;
    margin-top: 12px;
    padding-bottom: 2px
}

.rowCheckWrap .checkWrap {
    float: left;
    margin-right: 15px;
}

.table-other td input[type=checkbox] {
    float: left;
    margin-top: 2px;
    margin-left: 12px;
    margin-right: 12px
}

.table-other tr:first-child td {
    border-top: none
}

.td1 {
    background: #eeeeee;
    width: 130px;
    border-right: 1px #d3d3d3 solid;
}

.td2 {
    background: #f9f9f9;
    width: 130px;
    border-right: 1px #d3d3d3 solid;
}

.tableArea .table>tbody>tr:nth-of-type(2n) {
    background: #f5f6fa
}

.checkArea {
    display: none
}

.headCheck.selectList~.checkArea {
    display: block
}

.td1 .checkWrap,
.td2 .checkWrap {
    margin-bottom: 0px;
}

.moreDo {
    width: 100px;
    position: absolute;
    background: #fff;
    border: 1px #e3e3e3 solid;
    right: 15px;
    z-index: 10;
    display: none;
    margin-top: -2px
}

.detailResult.tableArea .table>tbody>tr>td .moreDo a {
    display: block;
    height: 30px;
    line-height: 30px;
    color: #333;
    text-decoration: none !important;
    margin-right: 0px;
}

.detailResult.tableArea .table>tbody>tr>td .moreDo a:hover {
    background: #f5f5f5;
    color: #0777c5
}

.tableArea .table>tbody>tr>td:last-child {
    position: relative;
    overflow: inherit
}

.table-hover>tbody>tr:hover {
    background: none
}


/*车辆信息*/

.imgShebei {
    float: left
}

.iconSheBei {
    display: block;
    width: 74px;
    height: 28px;
    background: #2c92ec;
    float: left;
    color: #fff;
    line-height: 28px;
    text-align: center;
    margin-left: 18px;
}

a.iconSheBei:hover {
    color: #fff
}

.assnIconList {
    position: absolute;
    width: 684px;
    background: #fff;
    border: 1px #ccc solid;
    height: auto;
    z-index: 10;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
    padding: 0px 10px;
    margin-top: -6px;
    margin-left: 116px;
}

label.btIconHere {
    float: left;
    display: inline-block;
    line-height: 30px
}

.iconTypy {
    float: left;
    line-height: 30px;
    width: 100%;
    padding: 0px 20px;
    margin-bottom: 15px;
}

.iconTypy .radio-inline {
    display: inline-block;
    float: left;
    margin-right: 20px;
}

.iconTypy .radio-inline input[type=radio] {
    margin-top: 11px;
    left: 0px;
    float: left;
    margin-left: 0px;
}

.contentWrap {
    position: absolute;
    top: 53px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    overflow: auto;
    padding-bottom: 20px;
}

.changIcoimg {
    width: 34px;
    height: 34px;
    text-align: center;
}

.changIcoimg img {
    max-width: 100%
}

.addRow.form-inline .form-group .assnIconList label {
    width: auto
}

.tanchu_xiangxi_main.detailResult {
    width: 640px;
    height: 500px;
    margin-left: -320px;
    margin-top: -250px;
}

.tanchu_xiangxi_main.detailResult-other {
    width: 640px;
    height: 400px;
    margin-left: -320px;
    margin-top: -200px;
}

.tanchu_main_all.detailsW {
    margin: 20px 50px;
}

.picDetailpic {
    display: inline;
    width: 110px;
    font-weight: bold;
    text-align: left;
    margin-right: 5px;
}

.blockPicWrap {
    overflow: hidden;
}

.blockPicWrap .blockPic {
    width: 90px;
    height: 90px;
    border: 1px #c4c3c3 solid;
    float: left;
    margin-left: 15px;
}

.blockPicWrap .blockPic:first-child {
    margin-left: 0px;
}

.blockPicWrap .blockPic img {
    width: 100%
}



.iconDetailCl {
    width: 28px;
    height: 28px;
    margin-top: -5px;
}

.cartype {
    margin-left: -60px;
}


/*.caricon{width: 40px!important;}*/

.carinput {
    display: inline-block;
    margin-right: 6px;
    position: relative;
    top: 1px;
    left: 5px;
}

.carlable {
    float: left;
    position: relative;
    top: 6px;
}

.imgsize {
    width: 24px;
    height: 24px;
}


/*运维管理*/

.chepaimargin {
    margin-left: 0px;
}

.fadongjihao {
    margin-left: 93px;
}

.eject.ejectWidthBumenf {
    width: 600px;
    height: 380px;
    margin-left: -250px;
    margin-top: -180px;
}

.eject.ejectWidthBumenk {
    width: 600px;
    height: 320px;
    margin-left: -250px;
    margin-top: -150px;
}

.datemargin {
    margin-right: 5px;
}

.setlistto {
    display: inline-block;
    width: 110px;
    text-align: right;
    float: left;
    line-height: 28px;
}

.setdivfor {
    float: left;
    width: 400px;
}

.setitem {
    overflow: hidden;
    margin-left: 110px;
    margin-right: 0px;
}

.addContent3 .addRow.form-inline .setitem .form-group {
    margin: 0px;
}

.addContent3 .addRow.form-inline .setitem .form-group:first-child {
    margin-bottom: 10px !important;
}

.setitem .form-group label {
    color: #666
}

.oneinput .form-group {
    margin-left: 33px;
    margin-top: 15px;
}

.promptAddButton.oninput {
    margin-top: 20px;
}

.oninputp {
    text-align: center
}

.setitem.limitv .form-group label {
    width: 60px;
}

.setitem.tiredtime .form-group label {
    width: 134px;
}

.paper {
    position: absolute;
    right: -200px;
    width: 250px;
    top: 0px;
}

.paper_pic {
    height: 120px;
;
    width: 100%;
    border: 1px dashed #d0d0d0;
    line-height: 120px;
    text-align: center;
    cursor: pointer
}

.paper_pic img {
    max-height: 100%;
    max-width: 100%;
    margin-top: -5px;
    display: none
}

.paper_pic_show span {
    display: none
}

.paper_pic_show img {
    display: inline-block
}

.paper_pic span {
    font-size: 16px;
}

.paper_info {
    width: 100%;
    background: #efefef;
    padding: 10px 5px;
    margin-top: 8px;
    overflow: hidden
}

.paper_info dl {
    overflow: hidden;
    margin-bottom: 10px;
}

.paper_info dl dt {
    float: left;
    width: 90px;
    text-align: right
}

.paper_info dl dt,
.paper_info dl dd {
    line-height: 30px;
}

.paper_info dl dd {
    margin-left: 92px;
    margin-right: 0px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 5px;
}

.paper_info dl dd input[readonly] {
    border: none;
    box-shadow: none
}

.paper_info .buttonRegion button {
    width: 60px;
    margin-left: 15px
}

.paper_info .buttonRegion .buttonWrap {
    width: 140px
}


/*费用管理*/

.photoblock.active .nodatastate {
    display: none;
}

.photoblock.active .imgstate {
    display: block;
}

.imglistWrap {
    width: 1100px;
}

.imglisth {
    background: #dee0e2;
    height: 30px;
    width: 1100px;
    margin: 0px auto;
    margin-top: 2px;
    padding: 0px 10px;
}

.checkbox-inline.allon {
    margin-top: 5px;
    float: left
}

.icondelimg {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/imgstate/icondel.png) no-repeat;
    float: left;
    margin-top: 7px;
    margin-right: 5px;
}

.delall {
    float: left;
    line-height: 30px;
    cursor: pointer;
    margin-left: 15px;
}

.picblock {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}

.picwrap {
    width: 200px;
    height: 200px;
    border: 1px #ddd solid;
    background: #fff;
    text-align: center;
    line-height: 200px;
}

.imgcontent {
    width: 1100px;
    padding-top: 20px;
    padding-left: 20px;
    position: absolute;
    top: 30px;
    bottom: 0px;
    left: 50%;
    margin-left: -550px;
    overflow: auto
}

.imgcontent .img-responsive {
    display: inline-block
}

.checkboxon {
    float: left;
    margin-top: 5px;
}

.delall.delpic {
    float: right
}

.viewimg {
    position: absolute;
    left: 50px;
    right: 50px;
    top: 50px;
    bottom: 50px;
    background: #636262;
    text-align: center
}

.viewclose {
    display: block;
    width: 30px;
    height: 30px;
    background: url(../images/imgstate/viewclose.png) no-repeat;
    position: absolute;
    top: 40px;
    right: 40px;
    z-index: 100
}

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

.viewimgtable td {
    vertical-align: middle;
    text-align: center;
    padding: 15px 20px;
    box-sizing: border-box;
}

.viewimgtable td .img-responsive {
    display: inline-block
}

.imglistcaozuo {
    float: right
}

.imglisthtext {
    float: left;
    font-size: 14px;
    line-height: 30px;
}

.feiyongphoto {
    width: 90px;
    height: 90px;
    border: 1px solid #c4c3c3;
    margin-right: 10px;
}

.feiyongmess {
    margin-top: 4px;
}

.piccontainer {
    width: 656px;
    height: 538px;
    margin-left: -278px;
    margin-top: -269px;
    background: #fff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4)
}

.imgcontentListWrap {
    padding: 10px;
    padding-right: 0px;
}

.imgcontentListWrap .img-responsive {
    display: inline-block
}

.imgcontentListWrap .img-responsive {
    margin-top: -8px
}


/*登录页面*/

.loginback {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    background: url(../images/loginback.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    min-width: 1280px;
    min-height: 500px;
}

.loginname {
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    position: relative;
    top: 5px;
}

.logodiv {
    margin-top: 54px;
    margin-left: 70px;
}

.mapinput {
    width: 1038px;
    height: 420px;
    position: relative;
    margin: auto;
    margin-top: 4%;
}

.map {
    width: 520px;
    height: 449px;
    background: url(../images/map.png) no-repeat;
    display: inline-block;
    display: none
}

.loginbox {
    width: 380px;
    height: 374px;
    background-color: #fff;
    border-radius: 10px;
    position: absolute;
    display: inline-block;
    right: 0px;
    bottom: 0px;
}

.zhanghaoicon {
    background: url(../images/zhanghu.png) no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    left: 40px;
    top: 6px;
}

.mimaicon {
    background: url(../images/mima.png) no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    left: 40px;
    top: 6px;
}

.logininput {
    width: 340px;
    height: 32px;
    border-radius: 5px;
    border: 1px solid #bfbfbf;
    text-indent: 55px;
    margin-left: -4px;
}

.checkpass {
    margin-left: 20px;
}

.zhaohui {
    float: right;
    margin-right: 20px;
    color: #333;
}

.loginbuttun {
    width: 340px;
    height: 36px;
    border-radius: 5px;
    background-color: #0275bb;
    display: inline-block;
    margin-left: 20px;
    padding-left: 148px;
    padding-top: 8px;
    margin-top: 20px;
    font-size: 14px;
    color: #fff;
    cursor: pointer
}

.loginbuttun a {
    color: #fff
}


/*记录页面添加分栏部分*/

.adddiv {
    border-bottom: 1px solid #dfe5e9;
    margin-left: 10px;
    margin-top: 10px;
    height: 42px;
}

.addtitle {
    width: 110px;
    height: 42px;
    display: inline-block;
    text-align: center;
    padding-top: 12px;
    border-top: 1px solid #dfe5e9;
    border-left: 1px solid #dfe5e9;
    border-right: 1px solid #dfe5e9;
    position: relative;
    cursor: pointer
}

.addtitle a {
    color: #333;
}

.addtype {
    border-bottom: none;
    margin-top: 0px;
    background-color: #fff;
    border-top: 2px solid #2799db;
    font-weight: bold;
    position: relative;
    top: 1px;
}

.addtype a {
    color: #2799db;
}



.querymargin {
    margin-top: 54px;
}


/*调度看板*/

.beijingtiao {
    width: 98%;
    height: 10px;
    border-radius: 4px;
    background-color: #43c44f;
    background-image: url(../images/kuohao.png);
    margin-top: -10px;
    position: relative
}

.beijingtiaofanxiang {
    width: 98%;
    height: 10px;
    border-radius: 4px;
    background-color: #ffae20;
    background-image: url(../images/kuohao-fanxiang.png);
    margin-top: -10px;
    position: relative
}

.qidian {
    background: url(../images/qidian.png);
    width: 30px;
    height: 40px;
    display: inline-block;
    float: left;
    margin-top: -35px;
}

.zhongdian {
    background: url(../images/zhongdian.png);
    width: 30px;
    height: 40px;
    display: inline-block;
    float: right;
    margin-top: -35px;
}

.carjuli {
    background: url(../images/caricon.png);
    width: 130px;
    height: 58px;
    margin-bottom: 10px;
    margin-left: 40%;
    color: #fff;
    text-align: center;
    padding-top: 2px;
    position: relative
}

.carjuli-a {
    background: url(../images/busicon.png);
    width: 130px;
    height: 58px;
    margin-bottom: 10px;
    margin-left: 70%;
    color: #fff;
    text-align: center;
    padding-top: 2px;
}

.carjulifanxiang {
    background: url(../images/caricon-fanxiang.png);
    width: 130px;
    height: 58px;
    margin-bottom: 10px;
    margin-left: 10%;
    color: #fff;
    text-align: center;
    padding-top: 2px;
    position: relative
}

.carjuli span {
    font-size: 14px;
    font-weight: bold;
}

.carjulifanxiang span {
    font-size: 14px;
    font-weight: bold;
}

.carjuli-a span {
    font-size: 14px;
    font-weight: bold;
}

.carjuli i {
    font-style: normal;
}

.carjulifanxiang i {
    font-style: normal;
}

.carplace {
    position: absolute;
    padding: 5px 10px;
    background: #1795de;
    border-radius: 5px;
    left: 50%;
    white-space: nowrap;
    top: 10px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    -moz-transform: translate(-50%, -50%);
    /* Firefox */
    -webkit-transform: translate(-50%, -50%);
    /* Safari 和 Chrome */
    -o-transform: translate(-50%, -50%);
    /* Opera */
}

.carplace::after {
    content: "";
    position: absolute;
    width: 9px;
    height: 7px;
    background: url(../images/bottom_bar.png) no-repeat center;
    bottom: -7px;
    left: 50%;
    margin-left: -4.5px;
}

.shangche {
    float: left;
    max-width: 39%
}

.xiache {
    float: right;
    max-width: 39%
}

.licheng {
    float: left;
    position: absolute;
    left: 59.5%;
}

.biaozhu {
    width: 98%;
    padding-top: 16px;
}

.licheng span {
    font-size: 14px;
    font-weight: bold;
}

.chehaoline {
    line-height: 36px;
    font-size: 16px;
}

.chehaoline td {
    width: 198px;
}

.tablelineheight {
    line-height: 30px;
}

.cartable tbody tr td:nth-of-type(2)>div {
    padding-left: 45px;
}

.suducolor {
    color: #1795de;
    font-size: 14px;
}

.suducolor>a {
    margin-left: 10px;
}

.suducolor>a:first-child {
    margin-left: 0px;
}

.messtable {
    width: 100%;
    margin-left: 3%;
    margin-bottom: 6px;
    margin-top: 6px;
}

.messtable td {
    vertical-align: text-bottom;
    padding-top: 4px;
    padding-bottom: 4px;
}

.typename {
    width: 74px;
}

.typemess {
    width: 128px;
}

.messtable-b {
    height: 36px;
    font-size: 16px;
}

.pagingmargin {
    margin-top: 20px;
}

.jiedian- {
    width: 12px;
    height: 12px;
    border-radius: 180px;
    background-image: url(../images/jiedian.png);
    display: inline-block;
    float: inherit;
    position: absolute;
    left: 0px;
}

.jiedianlicheng {
    background: url(../images/jiedianlicheng.png)no-repeat;
    width: 108px;
    height: 100px;
    float: left;
    position: relative;
    top: -100px;
    left: -47px;
    text-align: center;
    color: #ffffff;
    padding: 6px;
}

.jiedianlicheng span {
    font-weight: bold;
    font-size: 14px;
    color: #ffffff;
}

.table-tr-back:nth-of-type(2n) {
    background-color: #fff;
}


/*消息*/

.msgMain {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 43px;
    bottom: 0px;
    background: #fff
}

.leftMsg {
    width: 150px;
    height: 100%;
    border-right: 1px #dfdfdf solid;
    line-height: 30px;
    padding-top: 20px;
}

.iconPointMsg {
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    float: left;
    background: #42474d;
    margin-top: 12px;
    margin-right: 10px;
    margin-left: 15px;
}

.msgRowList {
    overflow: hidden;
    margin-bottom: 10px;
    cursor: pointer;
}

.msgRowList.msgActive {
    background: #ececec;
}

.msgRowList.msgActive span {
    color: #f5902a;
}

.msgRowList.msgActive .iconPointMsg {
    background: #f5902a;
}

.rightMsg {
    position: absolute;
    left: 150px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    padding: 15px;
}

.rightMsg .listDataTitle {
    border: none;
}

.rightMsg .listDataTitle h1 {
    margin-left: 0px;
}

.rightMsg .handleWrap {
    margin-bottom: 0px;
    margin-right: 0px;
}

.msgContent {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 15px;
    padding: 0px 15px;
    overflow: auto;
}

.allSelect {
    float: left;
    margin-top: 5px;
}

.allSelect input[type=checkbox] {
    float: left;
    margin-top: 2px;
    margin-right: 5px;
}

.caozuo {
    overflow: hidden;
    padding-bottom: 10px;
}

.rowMsgHere {
    overflow: hidden;
    line-height: 34px;
}

.rowMsgHere input[type=checkbox] {
    float: left;
    margin-top: 12px;
}

.rowMsgHere a {
    display: block;
    margin-left: 30px;
    overflow: hidden;
}

.biaotiFloat {
    display: block;
    float: left;
}

.floatTime {
    float: right;
    color: #333;
}

.listWrapMsg {
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 10px;
}

.iconMsgState {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    margin-top: 9px;
    margin-right: 5px;
}

.iconweidu .iconMsgState {
    background: url(../images/weidu.png) no-repeat
}

.iconyidu .iconMsgState {
    background: url(../images/yidu.png) no-repeat
}

.biaotispan {
    display: block;
    float: left;
    font-weight: bold;
    color: #333;
}

.contentIntro {
    color: #7c7c7c
}

.biaoti {
    overflow: hidden;
    margin-right: 88px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.msgContent .pageArea.detailPage {
    margin: 0px;
    margin-top: 20px;
}

.msgListShow {
    min-height: 300px;
}

.msgSend {
    width: 360px;
    height: 310px;
    margin-top: -155px;
    margin-left: -180px;
}

.msgSendWidth1 {
    width: 268px !important;
}

.msgSendWidth2 {
    width: 268px !important;
    height: 80px !important;
}

.msgSendContent {
    padding-top: 20px;
}

.msgSendContent .queryIfWrap.form-inline .queryInput .form-group {
    margin-bottom: 15px;
}

.sendButtonWrap {
    width: 110px;
    margin: 0px auto;
    margin-bottom: 5px;
}

.sendButtonWrap button {
    width: 110px;
}

.panel {
    margin-top: 10px;
    border-radius: 0px;
}

.panel-body {
    padding: 10px 15px;
    background: #f7f7f9
}

.panel-body h1 {
    font-size: 16px;
    margin: 0px;
    padding: 0px;
    margin-bottom: 10px;
}

.form-control.widthw {
    width: 300px;
}


/*input宽度*/

.eject.ejectWidthshanchuw {
    width: 420px;
    height: 348px;
    margin-left: -210px;
    margin-top: -174px;
}

.form-control.messageheight {
    display: inline-block;
    height: 80px;
}

.messagemagn {
    font-size: 14px;
    margin-right: 13px;
}

.messagecontent {
    display: block;
    float: left;
    font-size: 14px;
    margin-right: 18px;
}

.sendziti {
    font-size: 14px;
}

.errtishi {
    color: red;
    margin-left: 150px;
    position: relative;
    top: 20px;
}

.titlebarw {
    height: 37px;
    overflow: hidden;
    display: inline-block;
}


/*标题栏*/

.messw {
    margin-top: 0px;
    margin-left: 20px;
    margin-right: 10px;
}

.msgDetail {
    white-space: pre-wrap
}

.personname {
    display: inline-block;
    width: 60px;
    margin-right: 5px
}


/*11111111111111111111111111111111111111111111111111111111111111111-----------------------------------------*/


/*用车申请进度弹框*/

.paichejindu {
    height: 100px;
    border-bottom: 1px solid #dfe4e6;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 35px;
}

.tijiaoshenqing {
    width: 86px;
    height: 40px;
    background: url(../images/jindu-back1.png) no-repeat;
    text-align: left;
    padding-top: 20px;
    background-position: top;
    display: inline-block;
    margin-right: -5px;
    color: #666;
}

.butongguo {
    width: 86px;
    height: 40px;
    background: url(../images/butongguo.png) no-repeat;
    text-align: left;
    padding-top: 20px;
    background-position: top;
    display: inline-block;
    margin-right: -5px;
    color: #36a06a;
}

.jindutiao {
    width: 86px;
    height: 40px;
    background: url(../images/jindu-back.png) no-repeat;
    text-align: left;
    padding-top: 20px;
    background-position: top;
    display: inline-block;
    margin-right: -5px;
    color: #36a06a;
}

.zhuangtai {
    width: 30px;
    height: 40px;
    background: url(../images/circle1.png) no-repeat;
    text-align: left;
    padding-top: 20px;
    background-position: top left;
    display: inline-block;
    margin-right: -5px;
    color: #666;
}

.zhuangtai- {
    width: 30px;
    height: 40px;
    background: url(../images/circle.png) no-repeat;
    text-align: left;
    padding-top: 20px;
    background-position: top left;
    display: inline-block;
    margin-right: -5px;
    color: #36a06a;
}

.jindutiao- {
    width: 30px;
    height: 40px;
    background: url(../images/circle.png) no-repeat;
    text-align: left;
    padding-top: 20px;
    background-position: top left;
    display: inline-block;
    margin-right: -5px;
    color: #36a06a;
}

.wanjiemess {
    width: 100%;
    background: url(../images/circle.png)no-repeat;
    background-position: left top;
    padding-left: 20px;
}

.jinduziti {
    font-size: 12px;
    color: #36a06a;
}

.jindumessziti {
    font-size: 12px;
    color: #666;
}

.jindumessjuli {
    margin-left: 20px;
}

.paichemess {
    padding: 20px;
    border-bottom: 1px solid #dfe4e6;
}

.shouqi {
    width: 100%;
    height: 34px;
    display: inline-block;
    padding-top: 8px;
    text-align: center;
    color: #666;
}

.xiangshang {
    margin-top: -2px;
    margin-left: 6px;
}

.zhankai {
    display: none;
}

.timewidth {
    width: 140px;
}

.numberwidth {
    width: 80px;
}

.checkwidth {
    width: 30px;
}

.eject.morelistEject {
    width: 440px;
    height: 260px;
    margin-top: -130px;
    margin-left: -220px;
}

.morelistarea {
    width: 100%;
    height: 162px;
    overflow: auto;
    padding: 10px;
    word-break: break-all;
}

.ejectInfo.ejectTrue .ejectBt {
    overflow: hidden;
    width: 110px;
    margin: 0px auto;
}

.ejectBt .btn {
    width: 100%;
    padding: 0px;
    height: 30px;
    line-height: 30px;
    background: #1795de;
    border: none
}


/*加载中*/

.jiazai {
    text-align: center;
    margin-top: 20px;
    font-size: 14px;
}

.gif {
    width: 30px;
    height: 30px;
    margin-bottom: 10px;
}

.loadings {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 100;
    background: rgba(255, 255, 255, 0.8);
    top: 0px;
}

.loadingwrap {
    position: absolute;
    width: 200px;
    height: 116px;
    top: 50%;
    left: 50%;
    margin-left: -100px;
    margin-top: -58px;
    border-radius: 5px
}

.loadinggif {
    width: 60px;
    height: 60px;
    background: url(../images/loadin.gif) no-repeat center;
    margin-left: 70px;
    margin-top: 15px;
}

.loadingtext {
    text-align: center;
    color: #000;
    font-size: 16px;
    margin-top: 10px;
}


/*批量导入*/

.daoru {
    overflow: hidden;
    line-height: 22px;
    margin-top: 15px;
}

.ejectInfo.ejectExports {
    margin-top: 15px;
}

.ejectInfo.ejectExports .queryInput label {
    margin-left: 58px;
}

.ejectInfo.ejectExports .queryInput .form-control {
    border-radius: 0px;
    width: 214px;
}

.daoru input[type=file] {
    float: left;
    width: 200px;
    margin-right: 15px;
    margin-left: 58px;
}

.daoru a {
    display: block;
    float: left;
    text-decoration: underline !important
}

.eject.daoruEject {
    width: 400px;
    height: 200px;
    margin-top: -100px;
    margin-left: -200px;
}


/*命令*/

.eject.commandEject {
    width: 642px;
    height: 500px;
    margin-left: -321px;
    margin-top: -250px;
}

.wrapcommand {
    position: absolute;
    width: 100%;
    top: 38px;
    bottom: 0px;
}

.commandLeft {
    width: 180px;
    overflow-y: auto;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    background: #fbfcfd;
    border-right: 1px #e0e0e0 solid;
}

.commandLeft a {
    display: block;
    line-height: 40px;
    padding-left: 20px;
    color: #333
}

.commandLeft a.onactive {
    background: #e7e7e7;
    color: #067abb;
}

.commandRight {
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    left: 180px;
    overflow: auto;
    padding: 0px 30px;
    padding-top: 20px;
    padding-bottom: 15px;
}

.errText.comandterr {
    height: 30px;
    line-height: 30px;
}

.errText {
    text-align: center;
    color: #F00;
    line-height: 17px;
    height: 17px;
}

.commandRight dl {
    overflow: hidden;
    margin-bottom: 20px;
}

.commandRight dl dt {
    float: left;
    font-weight: 400;
    width: 120px;
    text-align: right;
}

.commandRight dl dd {
    margin-left: 94px;
    color: #686868;
    word-break: break-all;
}

.commandRight dl.commandDl dd .form-control {
    height: 32px;
    width: 200px;
    border-radius: 0px;
}

.commandBt {
    width: 140px;
    margin: 0px auto;
    margin-top: 30px;
}

.commandBt button {
    width: 100%;
    border-radius: 0px;
}

.commandBt .btn.btn-default {
    background: #067abb;
    color: #fff
}


/*个人中心*/

.listDataTitle.nolineThis {
    border: none
}

.userCenter {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 10px;
    background: #fff;
    overflow: auto
}

.userTouxiang {
    width: 127px;
    height: 127px;
    background: url(../images/gerenzhongxin/touxiangUser.png) no-repeat;
    float: left;
    margin-top: 14px;
}

.userInfoWrap h1 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
}

.userInfoWrap {
    margin-left: 177px;
}

.mainUser {
    overflow: hidden;
    padding: 30px 40px;
    border-bottom: 1px #e1e1e1 solid;
    margin: 0px 10px
}

.caozuoUser .btn.btn-default {
    padding: 0px 12px;
    height: inherit;
    line-height: 24px;
    margin-left: 20px;
}

.caozuoUser .btn.btn-default:first-child {
    margin-left: 0px;
}

.caozuoUser {
    margin-top: 22px;
}

.phoneNum {
    font-size: 14px;
}

.mainInfoFor {
    padding: 40px 0px;
    padding-top: 0px;
}

.mainInfoFor dl {
    float: left;
    margin-right: 40px;
}

.mainInfoFor dl dt {
    margin-right: 5px;
}

.mainInfoFor dl dt,
.mainInfoFor dl dd {
    float: left
}

.rowInfoHere {
    overflow: hidden;
    border-bottom: 1px #e1e1e1 solid;
    padding-top: 20px;
    padding-left: 40px;
    padding-right: 40px;
}

.rowInfoHere:last-child {
    border: none
}

.singnTi {
    color: #fff;
    display: block;
    line-height: 30px;
    margin-left: 10px;
    float: left
}

.passEject {
    width: 360px;
    height: 290px;
    margin-left: -180px;
    margin-top: -145px;
}

.phoneEject {
    width: 360px;
    height: 180px;
    margin-left: -180px;
    margin-top: -90px;
}

.ejectPass {
    margin-top: 18px;
}

.ejectPass .row {
    margin: 5px 30px
}

.ejectPass .row .form-inline .form-group label {
    width: 60px;
}

.ejectPass .row .form-inline .form-group .form-control {
    width: 200px;
}

.ejectPass .loginBt {
    width: 140px;
    margin: 0px auto
}

.logoedit img {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-top: 5px;
    margin-left: 5px
}

.icoedit img {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-top: 4px;
    margin-left: 4px
}

.btn.btnedit {
    background: #595b5f;
    color: #fff;
    margin: 0px auto;
    padding: 0px;
    width: 50px;
    height: 24px;
    line-height: 22px;
    margin-left: 75px;
    margin-top: 15px;
}

.editblock dl {
    width: 200px;
}

.editblock dt,
.editblock dd {
    width: 100%;
}

.editblock dt.logoedit,
.editblock dt.icoedit {
    width: 40px;
    height: 40px;
    background: #c9c9c9;
    margin-left: 80px;
}

.introedit {
    text-align: center;
    margin-top: 10px;
    color: #666
}

.editblock dt.platformsign {
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.dingzhititle {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 30px;
}

.dingzhititle .pointtext {
    font-size: 12px;
    color: #888;
    margin-left: 10px;
    font-weight: 400
}

.keepbt {
    float: left;
    margin-top: 20px;
}

.platformname .editthis {
    display: block;
    width: 100%;
    height: 30px;
    border: 1px solid #f5902a;
    line-height: 30px;
    margin-top: 5px;
    text-align: left;
    padding: 0px 5px;
    white-space: nowrap;
    overflow: hidden;
}

.btn.btnfinish {
    position: absolute;
    background: #000;
    color: #fff
}

.iconphone {
    display: block;
    float: left;
    width: 14px;
    height: 14px;
    background: url(../images/gerenzhongxin/iconphone.png) no-repeat center;
    margin-top: 3px;
    margin-right: 5px;
}

.phoneNum {
    font-weight: bold
}

.rowdl {
    overflow: hidden;
    margin-bottom: 5px;
}

.rowdl dt {
    font-weight: 400
}

.rowdl dt,
.rowdl dd {
    float: left
}

.leftusrinfo {
    float: left
}

.leftusrinfo:first-child {
    margin-right: 70px;
}

.modifyrow {
    margin: 0px 10px;
    border-bottom: 1px #e1e1e1 solid;
    overflow: hidden;
    padding: 30px 15px;
}

.blockmodify {
    float: left;
    width: 33.3%;
    padding: 0px 15px;
}

.iconimg {
    display: block;
    float: left;
    width: 50px;
    height: 50px;
}

.modifyinfo {
    margin-left: 70px
}

.iconphones {
    background: url(../images/gerenzhongxin/iconphones.png) no-repeat center
}

.iconpass {
    background: url(../images/gerenzhongxin/iconpass.png) no-repeat center
}

.iconway {
    background: url(../images/gerenzhongxin/iconway.png) no-repeat center
}

.icontitle {
    background: url(../images/gerenzhongxin/icont.png) no-repeat center
}

.modifytitle {
    font-weight: bold;
    font-size: 14px;
    margin: 0px;
    height: 26px;
    line-height: 26px;
    margin-bottom: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.modifytitle.platformname {
    overflow: inherit;
}

.introDescrip {
    color: #666666;
    word-break: break-all;
}

.handleBt.modifybtn {
    margin-left: 0px;
    height: 26px;
    line-height: 26px;
    padding: 0px;
    margin-top: 16px;
    color: #666666;
    float: none;
    width: 70px;
    text-align: center;
    display: block;
    background: #f4f4f4;
    border: 1px #e1e1e1 solid;
}

.handleBt.modifybtn.modifybtnother {
    background: #1795de;
    color: #fff
}

.borderthis {
    border: 1px solid #e1e1e1
}

.bgthis {
    background: #d7d7d7
}

.bgthis img,
.borderthis img {
    max-height: 100%;
    max-width: 100%;
    vertical-align: length
}

.bgthis,
.borderthis {
    text-align: center;
    line-height: 46px;
}

.wrongWarn {
    color: #F00;
    margin-top: 10px
}

.rightSideBody .titlebar {
    background: #fff
}

.rightSideBody {
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
}

.passEject .promptDleteButton.promptAddButton,
.phoneEject .promptDleteButton.promptAddButton {
    margin-top: 18px;
    margin-bottom: 5px;
}

.lefttobt,
.righttobt {
    position: absolute;
    width: 40px;
    height: 100px;
    cursor: pointer;
    top: 50%;
    margin-top: -50px;
}

.lefttobt {
    left: 10px;
    background: url(../images/leftarrow.png) no-repeat center;
}

.righttobt {
    right: 15px;
    background: url(../images/rightarrow.png) no-repeat center;
}

.eject.setwayEject {
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    -moz-transform: translate(-50%, -50%);
    /* Firefox */
    -webkit-transform: translate(-50%, -50%);
    /* Safari 和 Chrome */
    -o-transform: translate(-50%, -50%);
    /* Opera */
    padding-bottom: 10px;
}

.eject.setwayEject input[type=radio],
.eject.setwayEject input[type=checkbox] {
    margin: 2px 0 0;
    float: left;
    margin-right: 4px
}

.eject.setwayEject input[type=checkbox] {
    margin-left: -20px;
}

.row.radio-label label:first-child {
    padding-left: 0px
}

.blockmodify.blockmodify-way .modifyinfo {
    float: left;
    margin-left: 20px
}

.wayCode-show {
    width: 88px;
    height: 88px;
    float: left;
    border: 1px solid #d0d0d0;
    margin-left: 10px
}

.wayCode-show img {
    max-width: 100%;
    max-height: 100%;
}

.row.radio-label {
    overflow: inherit
}


/*sim弹窗*/

.simEject {
    width: 800px;
    height: 500px;
    margin-left: -400px;
    margin-top: -250px;
}

.simhtml {
    position: absolute;
    top: 38px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

.bitian {
    color: red;
    font-size: 20px;
    float: right;
    margin-top: -2px;
}


/*数据字典*/


.datalist {
    position: absolute;
    top: 38px;
    bottom: 30px;
    padding: 0px 10px;
    width: 100%;
}

.datalista {
    display: block;
    padding: 10px 0px;
    color: #666;
    border-bottom: 1px solid #e1e1e1;
}

.yongche-butt {
    margin-bottom: 10px;
}

.yongche-check {
    width: 30px;
}

.yongche-xiugai {
    width: 60px;
}

.ejectaddZidian {
    width: 630px;
    height: 270px;
    margin-left: -315px;
    margin-top: -135px;
}


/*派车单*/

.boxListWrap.paihcelist .table {
    table-layout: inherit
}

.boxListWrap.paihcelist .table,
.boxListWrap.paihcelist .table td {
    border: 1px solid #565656;
}

.boxListWrap.paihcelist .table td {
    white-space: inherit;
}

.boxListWrap.paihcelist .table>tbody>tr {
    background: none
}

.boxListWrap.paihcelist .table td.intable {
    padding: 0px
}

.boxListWrap.paihcelist .table td.intable .table {
    border: none;
    margin-bottom: 0px;
}

.boxListWrap.paihcelist .table td.intable .table td {
    border-bottom: none;
    border-right: none
}

.boxListWrap.paihcelist .table td.intable .table tr:first-child td {
    border-top: none
}

.boxListWrap.paihcelist .table td.intable .table td:first-child {
    border-left: none
}

.waijieblock.paicheblock {
    margin-left: 15px;
}

.paicheblock .checkboxwaijie .checkbox-inline {
    width: 18%
}

.boxListWrap.paihcelist .info-table td {
    border: 1px dashed #bebcbc;
    padding: 6px;
    border-bottom: none
}


/*报警*/

.weilanbdTable.baojingtanle {
    height: 366px;
}

.weilanbdTable.baojingtanle table.table td，.weilanbdTable.baojingtanle table.table th {
    border: none;
    height: auto;
    line-height: inherit;
    padding: 6px
}

.weilanbdTable.baojingtanle table.table td input[type=checkbox],
.weilanbdTable.baojingtanle table.table th input[type=checkbox] {
    margin: 0px;
    vertical-align: middle
}

.baojingif {
    float: left
}

.baojingbtn {
    float: right
}

.weilanejectContent .form-inline {
    overflow: hidden
}

.mapbj .weilanejectContent .form-inline {
    overflow: hidden;
    margin-top: 15px
}

.voicelike {
    float: left;
    border: 1px solid #e1e1e1;
    height: 24px;
    background: #f4f4f4;
    line-height: 24px;
    padding: 0px 12px;
    cursor: pointer;
}

.iconvoiceLike {
    display: block;
    width: 18px;
    height: 18px;
    float: left;
    background: url(../images/voiceopen.png) no-repeat center;
    margin-top: 3px;
    margin-right: 5px;
}

.novoicespan {
    display: none;
}

.baojingbtn .btn.btn-default,
.chulibj .btn.btn-default {
    border: 1px #e1e1e1 solid;
    background: #f4f4f4;
    color: #333;
    height: 24px;
    margin-left: 7px;
    padding: 0px 12px;
}

.chulibj .btn.btn-default:first-child {
    margin-left: 0px;
}

.chulibj {
    margin-top: 15px;
    margin-bottom: 10px;
}

.weilanbdTable.baojingtanle table.table td {
    border: none
}

.baojingdo {
    width: 620px;
    height: 500px;
    margin-left: -310px;
    margin-top: -250px;
    z-index: 100;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3)
}

.handleBj {
    overflow: hidden;
}

.handleBj dl {
    float: left;
    margin-left: 15px;
    margin-bottom: 0px;
    margin-top: 10px;
}

.handleBj dl dt,
.handleBj dl dd {
    float: left
}

.handleBj dl:first-child {
    margin-left: 0px;
}

.voicelike.voiceno .voicespan {
    display: none;
}

.voicelike.voiceno .novoicespan {
    display: inline;
}

.voicelike.voiceno .iconvoiceLike {
    background: url(../images/voiceclose.png) no-repeat center;
}


/*车辆绑定*/

.eject.binding {
    width: 1000px;
    height: 470px;
    margin-left: -500px;
    margin-top: -235px;
}

.ejectBindContent {
    width: 820px
}

.bindlistWrap {
    margin: 10px;
}

.form-control.selectWdthbind {
    width: 110px;
    height: 28px
}

.tableShow-other {
    height: 310px;
    overflow: auto;
}

.bindlistWrap .queryIf {
    padding-left: 0px;
    padding-right: 0px;
}

.bindlistWrap .paging {
    margin-top: 10px;
}

.bindnum {
    position: absolute;
    right: 0px;
    width: 175px;
    border: 1px #d3d3d3 solid;
    top: 37px;
    bottom: 14px;
}

.bindnumtitle {
    height: 30px;
    width: 100%;
    background: #eae9e9;
    line-height: 30px;
    text-align: center;
    color: #666;
}

.bindnumbody {
    position: absolute;
    top: 30px;
    width: 100%;
    bottom: 0px;
    overflow: auto;
    padding: 4px;
}

.equipname:first-child {
    margin-top: 0px;
}

.equipname {
    padding: 0px 4px;
    height: 28px;
    line-height: 28px;
    background: #f6f4f4;
    border-radius: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.equipname .btnclose {
    margin-top: 2px;
}

.equipnum {
    display: block;
    margin-left: 0px;
    margin-right: 14px;
    overflow: hidden;
    white-space: nowrap;
}


/*二维码*/

.ewmWe {
    width: 100px;
    height: 130px;
    position: fixed;
    bottom: 20px;
    left: 59px;
    border: 2px #ccc solid;
    background: #fff;
}

.introEwm {
    height: 28px;
    background: #ebebea;
    text-align: center;
    line-height: 28px;
}

.ewmArea img {
    width: 100%;
    height: 100%
}


/*上传*/

.upphoto.imgup .imgBlock img {
    margin-top: -5px;
    width: auto;
    height: auto
}

.formup {
    overflow: hidden;
    margin: 0px 10px;
    margin-top: 10px
}

.upphoto.imgup {
    margin-top: 20px;
}

.formup .form-group label {
    font-weight: 400;
    width: 60px;
    float: left;
    line-height: 30px;
}

.formup .form-group textarea.form-control {
    width: 400px
}

.ejectWidthup1 .contentEject {
    padding: 0px 30px
}

.delimgicon {
    display: block;
    width: 18px;
    height: 18px;
    background: url(../images/icon-del.png) no-repeat center;
    position: absolute;
    right: -7px;
    top: 1px;
    cursor: pointer;
    background-size: contain
}

.upphoto.imgup .photoblock {
    position: relative
}

.upphoto.imgup .imgWrap {
    width: 150px;
    height: 110px;
    margin-right: 0px;
    margin-left: 18px;
    line-height: 110px;
}

.upphoto.imgup .imgWrap:first-child {
    margin-left: 0px;
}

.upphoto.imgup .imgWrap .blackOp a {
    background-position: 22px 9px
}

.upphoto.imgup .imgWrap .blackOp a:first-child {
    background-position: 10px 9px
}

.imgarea {
    position: relative;
    width: 100%;
    height: 100%
}


/*视频弹窗*/

.ejectWidthvideo {
    left: 50px;
    top: 50px;
    bottom: 50px;
    right: 50px
}


/*道路限速*/

.checkLabel {
    position: relative;
    padding-left: 20px;
}

.checkLabel input[type=checkbox] {
    position: absolute;
    left: 0px;
    top: 0px;
    margin: 0px;
    margin-top: 1px;
}

.ejectInfo .intro-sign {
    text-align: center;
    color: #888;
    margin-top: 20px;
    margin-bottom: 15px
}

.roadSetWrap {
    width: 400px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    -moz-transform: translate(-50%, -50%);
    /* Firefox */
    -webkit-transform: translate(-50%, -50%);
    /* Safari 和 Chrome */
    -o-transform: translate(-50%, -50%);
}

.roadSetWrap .ejectInfo {
    margin: 0px 20px;
    padding-bottom: 20px
}

.roadSetContent {
    margin-top: 10px;
    overflow: hidden;
    border: 1px solid #ddd;
    padding: 10px;
}

.roadSetContent dl {
    float: left;
    width: 50%;
    margin-bottom: 0px;
    margin-top: 10px
}

.roadSetContent dl:nth-of-type(1) {
    margin-top: 0px
}

.roadSetContent dl:nth-of-type(2) {
    margin-top: 0px
}

.roadSetContent dl dt {
    float: left;
    font-weight: 400;
    width: 60px;
    text-align: right;
    padding-right: 8px;
    line-height: 24px;
}

.roadSetContent dl dd {
    margin-left: 60px;
    float: none
}

.roadSetContent dl dd input {
    width: 100%;
    background-color: #fff;
    border: 1px solid #ccc;
    line-height: 24px;
    padding: 0px 5px
}

.roadSetWrap .ejectBt {
    overflow: hidden;
    margin-top: 15px;
}

.roadSetWrap .ejectBt button[type=button].btn {
    float: none;
    margin: 0px auto;
    display: block;
    width: 110px;
}

.setInput.disable {
    color: #888
}

.setInput.disable input[disabled] {
    background: #ebebeb
}


/*奥迪定制*/

.imgli {
    max-width: 800px;
    padding-bottom: 0px;
    margin-top: -221px;
}

.imgli-list {
    padding-left: 8px;
    padding-top: 8px;
}

.imgli-list li {
    float: left;
    width: 190px;
    height: 190px;
    margin-right: 8px;
    margin-bottom: 8px;
}

.imgli-list .imgonly li {
    width: 380px;
    height: 380px;
}

.imgli-list li img {
    width: 100%;
    height: 100%
}

.viewer-toolbar {
    width: 400px !important
}

.icon-paiqi {
    background: url(../images/nav2/houtai/paiqi1.png) no-repeat center
}

.mainImportantLeft>.nav2Block.activeNav .icon-paiqi {
    background: url(../images/nav2/houtai/paiqi.png) no-repeat center
}

.icon-ruku {
    background: url(../images/nav2/houtai/ruku1.png) no-repeat center
}

.mainImportantLeft>.nav2Block.activeNav .icon-ruku {
    background: url(../images/nav2/houtai/ruku.png) no-repeat center
}

.icon-chuku {
    background: url(../images/nav2/houtai/chuku1.png) no-repeat center
}

.mainImportantLeft>.nav2Block.activeNav .icon-chuku {
    background: url(../images/nav2/houtai/chuku.png) no-repeat center
}

.panel-form {
    width: 100%;
    height: 842px;
    background: #fff;
    margin-bottom: 30px;
    position: relative;
    padding: 30px;
    color: #000
}

.top-name-text>p {
    font-size: 12px;
    font-weight: bold
}

.top-name-text>p:first-child {
    font-size: 14px;
}

.top-name-logo {
    width: 131px;
    height: 78px;
    position: absolute;
    top: 30px;
    right: 30px;
    background: url(../images/dingzhi/audi/audiLogo.png) no-repeat center;
    background-size: 100% 100%
}

.panel-form-title>p {
    text-align: center;
    font-weight: bold;
    font-size: 16px
}

.panel-form-title>p:first-child {
    font-size: 18px
}

.panel-form-input input {
    border: none;
    outline: none;
    flex: 1;
    height: 30px;
    font-size: 14px
}

.panel-form-input {
    display: flex;
    align-items: center
}

.panel-form-input>span,
.panel-form-input input,
.panel-form-title-padding {
    font-size: 14px
}

.panel-form-table table {
    width: 100%;
    border-collapse: collapse
}

.panel-form-table table td {
    border: 1px solid #000;
    padding: 5px 8px;
    font-size: 14px;
    text-align: center
}

.panel-form-table+.panel-form-table {
    margin-top: -1px
}

.panel-form-table table td.panel-form-table-padding {
    padding-top: 0px;
    padding-bottom: 0px
}

.panel-form-table table td.panel-form-title-padding {
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px
}

.panel-form-input.panel-form-form {
    padding: 0px 10px
}

.panel-form-table table td>p {
    text-align: center
}


/*input宽度*/

.form-control.width3 {
    width: 320px;
    height: 70px;
}


/*input宽度*/

.form-control.width4 {
    width: 260px;
    height: 30px;
}


/*input宽度*/

.form-control.width5 {
    width: 260px;
}


/*input宽度*/

.form-control.width6 {
    width: 184px;
}


/*input宽度*/

.form-control.width7 {
    width: 682px;
}


/*input宽度*/

.form-control.width8 {
    width: 140px;
}


/*input宽度*/

.form-control.width10 {
    width: 182px;
}


/*input宽度*/

.form-control.width11 {
    width: 233px;
}


/*input宽度*/

.form-control.widthdizhi1 {
    width: 266px;
}


/*input宽度*/

.form-control.widthdizhi2 {
    width: 160px;
}


/*input宽度*/

label {
    margin-right: 5px;
    font-weight: 400
}

.btn {
    padding: 4px 12px;
    border-radius: 2px;
}

.btn.btn-info[disabled] {
    background: #b5b5b5;
    border-color: #b5b5b5
}

.btn.btn-default {
    background: #f5f5f5
}

.btn.btn-default:active {
    background: #f5f5f5
}

.btn.btn-info:active {
    background: #1795de
}

.table tr td a {
    margin-left: 1px;
}

.table tr td a:first-child {
    margin-left: 0px;
}

.table>tbody>tr:nth-child(even) {
    background: #f1f4f7
}

.table>thead>tr>th {
    background: #dee4ea;
    font-weight: 400;
    border-bottom: none
}

.widthAuto {
    width: auto !important
}

.lineHeight {
    line-height: normal !important
}

p {
    margin: 0px;
    margin-bottom: 4px;
}

textarea {
    resize: none
}

img {
    display: inline-block;
    vertical-align: middle
}

.table p {
    margin: 0px;
}


/*导航---------------------------*/


.logo {
    float: left
}

.logo img {
    width: 56px;
    height: 56px;
    margin-top: 12px;
    float: left
}

.logoText {
    display: block;
    float: left;
    line-height: 80px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    margin-left: 15px;
}


/*导航条*/

.navTool {
    float: right;
    margin-right: 30px;
}

.navTool a {
    display: block;
    float: left;
    color: #fff;
    margin-left: 10px;
    height: 80px;
}

.navTool a:first-child {
    margin-left: 0px;
}

.toolList {
    width: 93px;
    height: 69px;
    margin-top: 5.5px;
    overflow: hidden
}

.navTool a span {
    display: block;
    text-align: center
}

.navTool a.activeNav .toolList {
    background: url(../images/nav/nav_hover.png) no-repeat
}


/*导航条 end*/

.navRight {
    float: right
}

.navRight a {
    display: block;
    float: left;
    color: #fff;
    font-size: 12px;
    margin-left: 18px;
    height: 80px;
}

.navRight a:first-child {
    margin-left: 0px;
}

.navRight a span.iconUserSign {
    display: block;
    text-align: center;
    max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left
}

.userSignWrap {
    overflow: hidden;
    margin: 0px auto
}

.signhere {
    display: block;
    width: 10px;
    height: 6px;
    float: left;
    position: relative;
    margin-top: 5px;
    margin-left: 5px
}

.signhere:after {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-top: 6px #fff solid;
    border-left: 5px rgba(0, 0, 0, 0) solid;
    border-right: 5px rgba(0, 0, 0, 0) solid;
    top: 0px;
}

.icon-alarm {
    background: url(../images/nav/baojing.png) no-repeat
}

.blockSpan {
    display: block;
    text-align: center
}

.navRight .badge {
    position: absolute;
    background: #F00;
    padding: 0px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    top: 16px;
    margin-left: 20px;
}


/*主区域---------------------*/

.mainImportant {
    position: absolute;
    top: 80px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    font-size: 12px;
}


/*主区域class*/

.mainImportantLeft {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 200px;
    background: #eef2f6;
}


/*左侧二级导航*/



.toggleNav.active {
    background: url(../images/nav2/show_nav.png) no-repeat center;
}

.nav2Block {
    overflow: hidden
}



/*二级菜单左侧图标*/



.toggleArea {
    height: 24px;
    overflow: hidden;
    background: #d0d9e2;
    cursor: pointer;
}

.toggleArea i {
    display: block;
    width: 20px;
    height: 20px;
    margin: 0px auto;
    margin-top: 2px;
    background: url(../images/nav2/toggle.png) no-repeat center
}

.navactive .toggleArea i {
    background: url(../images/nav2/toggle1.png) no-repeat center
}

.mainImportantLeft.navactive {
    width: 62px;
}

.mainImportantLeft.navactive .nav2Block a span {
    display: none
}






/*二级选中背景*/

.mainImportantLeft>.nav2Block.activeNav>a>i.iconright {
    background: url(../images/nav2/nav2down.png) center no-repeat
}

.nav2List {
    background: #ffffff;
    display: none
}

.nav2List>a {
    display: block;
    color: #384555;
    line-height: 40px;
    padding-left: 55px;
    font-size: 14px;
}

.nav2List>a.activeNav {
    color: #0376bb
}

.mainImportantRight {
    position: absolute;
    left: 200px;
    top: 0px;
    bottom: 0px;
    right: 0px;
}


/*主区域右侧*/

.mainImportantRight.rightNomal {
    left: 0px;
}



.mainImportantRight.rightNomal {
    left: 0px;
}



/*标题栏*/



.queryIf {
    overflow: hidden;
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 10px;
}

.queryWrap {
    float: left
}

.form-inline.queryWrap .queryButton {
    float: left
}

.form-inline.queryWrap .queryButton .checkbox-inline input[type=checkbox] {
    margin-top: 3px
}

.form-group[data-input=searchinput] {
    display: none;
}

.queryButton {
    float: right;
    margin-bottom: 10px
}


/*列表查询按钮*/

.queryButton .btn {
    margin-left: 10px;
}

.queryButton .btn:first-child {
    margin-left: 0px;
}


/*表格区域*/


/*分页*/

.paging {
    overflow: hidden;
    margin: 0px 10px;
}

.pageSum {
    float: left;
    line-height: 36px;
    color: #666
}

.pageRegion {
    float: right
}

.paging .pagination {
    margin: 0px;
}

.queryAndTable {
    position: absolute;
    top: 37px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding-bottom: 15px;
}


/*分页 end*/


/*二级导航图标*/

.icon-bumen {
    background: url(../images/nav2/houtai/bumen1.png) no-repeat center
}

.icon-juese {
    background: url(../images/nav2/houtai/juese1.png) no-repeat center
}

.icon-renyuan {
    background: url(../images/nav2/houtai/renyuan1.png) no-repeat center
}

.icon-cheliang {
    background: url(../images/nav2/houtai/cheliang1.png) no-repeat center
}

.icon-jiashiyuan {
    background: url(../images/nav2/houtai/jiashiyuan1.png) no-repeat center
}

.icon-baojing {
    background: url(../images/nav2/houtai/baojing1.png) no-repeat center
}


.icon-jiankong {
    background: url(../images/nav2/diaodu/jiankong1.png) no-repeat center
}

.icon-diaodukanban {
    background: url(../images/nav2/diaodu/diaodu1.png) no-repeat center
}

.icon-quyu {
    background: url(../images/nav2/diaodu/quyuguanli1.png) no-repeat center
}

.icon-xitongshezhi {
    background: url(../images/nav2/houtai/xitongshezhi1.png) no-repeat center
}

.icon-weizhang {
    background: url(../images/nav2/yunwei/weizhang1.png) no-repeat center
}

.icon-baoyang {
    background: url(../images/nav2/yunwei/baoyang1.png)no-repeat center
}

.icon-nianjian {
    background: url(../images/nav2/yunwei/nianjian1.png) no-repeat center
}

.icon-baoxian {
    background: url(../images/nav2/yunwei/baoxian1.png) no-repeat center
}

.icon-weixiu {
    background: url(../images/nav2/yunwei/weixiu1.png) no-repeat center
}

.icon-shigu {
    background: url(../images/nav2/yunwei/shigu1.png) no-repeat center
}

.icon-shipin {
    background: url(../images/nav2/diaodu/iconvideo1.png) no-repeat center
}

.icon-msgSym {
    background: url(../images/nav2/xiaoxi/sym1.png) no-repeat center
}

.icon-msgAlm {
    background: url(../images/nav2/xiaoxi/alm1.png) no-repeat center
}



/*报表*/

.tablechart {
    border: 1px solid #d0d0d0;
    height: 300px;
    margin: 0px 10px;
    margin-bottom: 10px;
    position: relative
}

.chartregion {
    position: relative;
    float: left;
    width: 50%;
    height: 100%
}

.introSum {
    line-height: 37px;
    margin-left: 20px;
    float: left;
}

.introSum span.numColor {
    color: #2799db;
    font-weight: bold;
}


/*二级导航图标 end*/


/*后台管理------------------------*/

.half {
    width: 50%;
    float: left;
    padding: 0px 10px;
    margin-bottom: 15px;
}

.half dt,
.rowDl dt {
    float: left;
    width: auto;
    margin-right: 8px;
}

.half dd,
.rowDl dd {
    float: none;
}

.rowDl {
    float: left;
    width: 100%;
    padding: 0px 10px;
    margin-bottom: 10px;
}

.backUp {
    display: block;
    padding: 0px 10px;
    height: 26px;
    float: left;
    border: 1px #e1e1e1 solid;
    line-height: 26px;
    color: #333;
    margin-top: 0.5px;
    margin-left: 18px;
}


/*增加返回*/

.backUp i {
    display: block;
    width: 10px;
    height: 10px;
    background: url(../images/back.png) no-repeat;
    margin-top: 6.5px;
    float: left;
    margin-right: 8px;
}


/*增加宽度*/

.addContent3 {
    width: 850px;
    margin-left: 10px;
    margin-top: 24px;
    position: relative
}


/*增加宽度*/


/*.addRow.form-inline{ overflow:hidden}*/

.waijieblock {
    margin-left: 110px;
    margin-right: 95px;
    margin-bottom: 5px
}

.waijieblock:nth-of-type(1) {
    margin-bottom: -5px;
}

.waijietitle {
    line-height: 28px;
    color: #666;
    padding-left: 5px;
    margin-bottom: 0px;
}

.checkboxwaijie {
    padding-left: 5px;
}

.checkboxwaijie .checkbox-inline {
    margin-right: 10px;
    margin-left: 0px;
    margin-bottom: 10px;
    width: 20%
}

.checkboxwaijie .checkbox-inline input[type=checkbox] {
    margin-top: 1px;
}


/*错误提示*/

.errClass .form-control {
    border-color: #F00;
}

.errText {
    color: #F00
}


/*按钮*/

.buttonWrap {
    width: 250px;
    margin: 0px auto
}

.buttonWrap button {
    margin-left: 40px;
    width: 100px;
}


/*多级审批*/

.queryAndTable.queryBody .queryIf,
.queryAndTable.queryBody .tableHere {
    width: 800px
}

.point-aim,
.icon-point {
    display: inline-block;
    float: left
}

.icon-point {
    width: 14px;
    height: 11px;
    background: url(../images/houtai/icon-point.png) no-repeat center;
    margin: 0px 10px;
    margin-top: 2px
}

.form-group-width .form-control.widthdizhi1 {
    width: 140px;
}

.form-group-width .buttonRegion {
    width: auto
}


/*部门管理*/

.bumenContent {
    padding: 0px 30px;
    padding-top: 20px;
    overflow: hidden
}

.promptDlete {
    font-size: 18px;
    padding: 0px 30px;
    padding-top: 20px;
}

.promptDleteButton button {
    margin-left: 40px;
}

.eject.ejectWidthBumen {
    width: 500px;
    height: 200px;
    margin-left: -250px;
    margin-top: -100px;
}

.eject.ejectWidthguijiset {
    width: 764px;
    height: 334px;
    margin-left: -382px;
    margin-top: -167px;
}

.promptAdd {
    font-size: 18px;
    padding: 0px 30px;
    padding-top: 20px;
}

.promptAddButton .buttonWrap {
    width: 100px;
    margin: 0px auto
}

.promptDleteButton.promptAddButton .buttonWrap {
    width: 100px;
}

.eject.msgrecord {
    width: 600px;
    height: 488px;
    margin-top: -244px;
    margin-left: -300px;
}

.wrapBt.alarmDo {
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
}

.wrapBt.alarmDo .btn:first-child {
    margin-right: 10px;
}

.bindlistWrap {
    margin: 10px;
    margin-top: 0px
}

.pageArea .sumPage {
    float: left;
    line-height: 40px;
}

.pageArea .fenyePage {
    float: right;
    margin-top: 4.5px;
}

.pageArea .fenyePage .pagination {
    margin: 0px;
}

.detailResult.tableArea.tableArea-other {
    margin-left: 0px;
    margin-right: 0px;
    overflow: auto;
}

.detailResult.tableArea {
    margin: 10px;
    border: 1px #d3d3d3 solid;
    margin-top: 0px;
}

.pageArea.detailPage {
    margin: 0px 10px;
    margin-bottom: 10px;
    overflow: hidden
}

.add-msg-input {
    position: absolute;
    right: -60px;
    top: 0px
}

.add-msg-input .form-control {
    width: 80px;
    float: left
}

.add-msg-input button {
    border: none;
    height: 30px;
    float: left;
    margin-left: 5px;
    background: #1795de;
    color: #fff
}

.add-msg-input .errthis {
    margin: 0px
}


/*车辆调度---------------*/

.margin-left {
    margin-left: 0px !important
}

.diaodu-list {
    float: left;
    width: 100%;
    border: 1px solid #ddd;
    padding: 15px;
    margin-bottom: 10px;
    background: #fdfcfc;
}

.eject.ejectWidthDiaodu .contentEject {
    position: absolute;
    width: 100%;
    left: 0px;
    top: 38px;
    bottom: 0px;
    overflow: auto
}

.eject.ejectWidthDiaodu .promptDleteButton {
    margin-top: 10px;
    margin-bottom: 15px
}

.diaodu-row {
    float: left;
    width: 100%;
}

.phone-num {
    line-height: 30px
}


/*视频监控*/

.mainImportantRight.fullScreen {
    top: -80px;
    left: 0px
}

.group_area {
    margin: 5px 10px !important;
    border: 1px solid #d0d0d0;
    padding: 5px 10px;
    height: 170px;
    overflow: auto
}


.barTopRight.barTopRight_c i {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    margin-right: 0px
}

.barTopRight.barTopRight_c i.full,
.barTopRight.barTopRight_c i.nofull {
    margin-right: 5px
}

.weilanbtWrap .icon_shipin_16 {
    background: url(../images/shipin/16.png) no-repeat center
}

.weilanbtWrap .icon_shipin_9 {
    background: url(../images/shipin/9.png) no-repeat center
}

.weilanbtWrap .icon_shipin_8 {
    background: url(../images/shipin/8.png) no-repeat center
}

.weilanbtWrap .icon_shipin_6 {
    background: url(../images/shipin/6.png) no-repeat center
}

.weilanbtWrap .icon_shipin_4 {
    background: url(../images/shipin/4.png) no-repeat center
}

.weilanbtWrap .icon_shipin_2 {
    background: url(../images/shipin/2.png) no-repeat center
}

.weilanbtWrap .icon_shipin_1 {
    background: url(../images/shipin/1.png) no-repeat center
}

.weilanbtWrap .icon_shipin_voice {
    background: url(../images/shipin/voice.png) no-repeat center
}

.weilanbtWrap .icon_shipin_photo {
    background: url(../images/shipin/capture.png) no-repeat center
}

.weilanbtWrap.active .icon_shipin_16 {
    background: url(../images/shipin/16-2.png) no-repeat center
}

.weilanbtWrap.active .icon_shipin_9 {
    background: url(../images/shipin/9-2.png) no-repeat center
}

.weilanbtWrap.active .icon_shipin_8 {
    background: url(../images/shipin/8-2.png) no-repeat center
}

.weilanbtWrap.active .icon_shipin_6 {
    background: url(../images/shipin/6-2.png) no-repeat center
}

.weilanbtWrap.active .icon_shipin_4 {
    background: url(../images/shipin/4-2.png) no-repeat center
}

.weilanbtWrap.active .icon_shipin_2 {
    background: url(../images/shipin/2-2.png) no-repeat center
}

.weilanbtWrap.active .icon_shipin_1 {
    background: url(../images/shipin/1-2.png) no-repeat center
}

.weilanbtWrap.active .icon_shipin_voice {
    background: url(../images/shipin/voice-2.png) no-repeat center, url(../images/shipin/banline.png) no-repeat center
}

.weilanbtWrap.active .weilanbtWrap .icon_shipin_photo {
    background: url(../images/shipin/capture.png) no-repeat center
}

.weilanbtWrap a {
    color: #666
}



.map_shipin_window {
    height: 200px;
    bottom: 0px;
    position: absolute;
    width: 100%
}

.map_shipin_window .tablebody {
    position: absolute;
    width: 100%;
    top: 30px;
    bottom: 0px;
    overflow: auto
}

.map_video {
    position: absolute;
    width: 100%;
    top: 0px;
    bottom: 200px;
}

.mapregion {
    position: absolute;
    width: 410px;
    top: 0px;
    bottom: 0px;
    right: 0px;
}

.videoregion {
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 410px;
    padding: 5px;
    background: #f1f1f1
}

.video_wrap {
    padding: 5px;
    float: left
}

.video_this {
    position: relative;
    width: 100%;
    height: 100%;
    border: 1px solid #d0d0d0;
    border-radius: 5px;
    overflow: hidden;
}

.video_this.active {
    border: 1px solid #1795de
}

.video_this_top {
    height: 24px;
    line-height: 24px;
    padding: 0px 10px;
}

.video_this_video {
    position: absolute;
    top: 24px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: #fff;
}

.video_this_top span {
    position: absolute;
    z-index: 100;
}

.textchepai {
    text-align: center
}

.video_num1,
.video_num2,
.video_num3,
.video_num4,
.video_num5,
.video_num6,
.video_num7,
.video_num8,
.video_num9,
.video_num10,
.video_num11,
.video_num12,
.video_num13,
.video_num14,
.video_num15,
.video_num16 {
    display: none
}

.video_show_num_1 .video_num1 {
    display: block;
    width: 100%;
    height: 100%
}

.video_show_num_2 .video_num1,
.video_show_num_2 .video_num2 {
    display: block;
    width: 50%;
    height: 100%
}

.video_show_num_4 .video_num1,
.video_show_num_4 .video_num2,
.video_show_num_4 .video_num3,
.video_show_num_4 .video_num4 {
    display: block;
    width: 50%;
    height: 50%
}

.video_show_num_6 .video_num1,
.video_show_num_6 .video_num2,
.video_show_num_6 .video_num3,
.video_show_num_6 .video_num4,
.video_show_num_6 .video_num5,
.video_show_num_6 .video_num6 {
    display: block;
    width: 33.33%;
    height: 33.33%
}

.video_show_num_6 .video_num1 {
    width: 66.66%;
    height: 66.66%
}

.video_show_num_8 .video_num1,
.video_show_num_8 .video_num2,
.video_show_num_8 .video_num3,
.video_show_num_8 .video_num4,
.video_show_num_8 .video_num5,
.video_show_num_8 .video_num6,
.video_show_num_8 .video_num7,
.video_show_num_8 .video_num8 {
    display: block;
    width: 25%;
    height: 25%
}

.video_show_num_8 .video_num1 {
    width: 75%;
    height: 75%
}

.video_show_num_9 .video_num1,
.video_show_num_9 .video_num2,
.video_show_num_9 .video_num3,
.video_show_num_9 .video_num4,
.video_show_num_9 .video_num5,
.video_show_num_9 .video_num6,
.video_show_num_9 .video_num7,
.video_show_num_9 .video_num8,
.video_show_num_9 .video_num9 {
    display: block;
    width: 33.33%;
    height: 33.33%
}

.video_show_num_16 .video_num1,
.video_show_num_16 .video_num2,
.video_show_num_16 .video_num3,
.video_show_num_16 .video_num4,
.video_show_num_16 .video_num5,
.video_show_num_16 .video_num6,
.video_show_num_16 .video_num7,
.video_show_num_16 .video_num8,
.video_show_num_16 .video_num9,
.video_show_num_16 .video_num10,
.video_show_num_16 .video_num11,
.video_show_num_16 .video_num12,
.video_show_num_16 .video_num13,
.video_show_num_16 .video_num14,
.video_show_num_16 .video_num15,
.video_show_num_16 .video_num16 {
    display: block;
    width: 25%;
    height: 25%
}


/*云台*/

.yuntai {
    position: absolute;
    width: 278px;
    height: 190px;
    background: #fff;
    bottom: 15px;
    left: 10px;
    border: 1px solid #d0d0d0;
}

.yuntaiheader {
    height: 30px;
    background: #1795de;
}

.yuntaiset {
    float: left;
    line-height: 30px;
    margin-left: 10px;
}

.yuntaiclose {
    float: right;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
}

.yuntaiset,
.yuntaiclose {
    display: block;
    color: #fff;
}

.yuanhuan {
    overflow: hidden;
}

.yuntaisethalf {
    width: 50%;
    float: left;
}

.yuanhuanhere {
    width: 90px;
    height: 90px;
    margin: 0px auto;
    position: relative;
    margin-top: 5px;
    overflow: inherit;
}

.yuntaisudu {
    padding: 0px 8px;
}

.videocheckbox {
    overflow: hidden;
    padding-left: 8px;
    margin-top: 8px;
}

.videocheckbox input {
    float: left;
    margin-top: 2px;
    margin-right: 5px;
}

.yuntaisethalfdl dl {
    overflow: hidden;
    margin-top: 4px;
    margin-bottom: 0px
}

.yuntaisethalfdl dl:first-child {
    margin-top: 10px;
}

.yuntaisethalfdl dl dt {
    line-height: 22px;
    letter-spacing: 0.3px;
    font-weight: 400
}

.yuntaisethalfdl dl dd {
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 20px;
    border: 1px solid #818181;
    margin-left: 8px;
    cursor: pointer;
}

.yuntaisethalfdl dl dd.active {
    border: 1px solid #1795de;
    background: #ecf8ff;
    color: #1795de;
}

.yuntaisethalfdl dl dt,
.yuntaisethalfdl dl dd {
    float: left;
}

.yuntaisethalfdl dl:nth-last-of-type(1) dt {
    letter-spacing: 0px;
}

.yuntaibtnwrap {
    overflow: hidden;
    margin-top: 8px;
}

.inputupdown {
    width: 60px;
    height: 20px;
    border: 1px solid #e1e1e1;
    float: left;
    margin-left: 10px;
}

.inputupdown input {
    height: 100%;
    border: none;
    margin-right: 0px;
}

.iconupdown {
    width: 15px;
    height: 100%;
    float: right;
}

.iconupdown i {
    display: block;
    width: 100%;
    height: 50%;
    height: 9px;
    background-color: #d5d1c9;
    cursor: pointer;
}

.inputupicon {
    background: url(../images/shipin/up.png) no-repeat center;
}

.inputdownicon {
    background: url(../images/shipin/down.png) no-repeat center;
}

.inputupdownw {
    width: 43px;
    float: left
}

.yuninputbtn a {
    display: block;
    float: left;
    padding: 0px 13px;
    border: 1px solid #818181;
    height: 20px;
    line-height: 20px;
    margin-left: 10px;
    color: #333
}

.shanxingbg {
    width: 40px;
    height: 26px;
    position: absolute;
    left: 50%;
    margin-left: -17px;
    z-index: 100;
}

.sxbg8 {
    transform: rotate(315deg);
    transform-origin: 17px 44px;
    -ms-transform: rotate(315deg);
    -ms-transform-origin: 17px 44px;
    -webkit-transform: rotate(315deg);
    -webkit-transform-origin: 17px 44px;
    -moz-transform: rotate(315deg);
    -moz-transform-origin: 17px 44px;
    -o-transform: rotate(315deg);
    -o-transform-origin: 17px 44px;
}

.sxbg7 {
    transform: rotate(270deg);
    transform-origin: 17px 44px;
    -ms-transform: rotate(270deg);
    -ms-transform-origin: 17px 44px;
    -webkit-transform: rotate(270deg);
    -webkit-transform-origin: 17px 44px;
    -moz-transform: rotate(270deg);
    -moz-transform-origin: 17px 44px;
    -o-transform: rotate(270deg);
    -o-transform-origin: 17px 44px;
}

.sxbg6 {
    transform: rotate(225deg);
    transform-origin: 17px 44px;
    -ms-transform: rotate(225deg);
    -ms-transform-origin: 17px 44px;
    -webkit-transform: rotate(225deg);
    -webkit-transform-origin: 17px 44px;
    -moz-transform: rotate(225deg);
    -moz-transform-origin: 17px 44px;
    -o-transform: rotate(225deg);
    -o-transform-origin: 17px 44px;
}

.sxbg5 {
    transform: rotate(180deg);
    transform-origin: 17px 44px;
    -ms-transform: rotate(180deg);
    -ms-transform-origin: 17px 44px;
    -webkit-transform: rotate(180deg);
    -webkit-transform-origin: 17px 44px;
    -moz-transform: rotate(180deg);
    -moz-transform-origin: 17px 44px;
    -o-transform: rotate(180deg);
    -o-transform-origin: 17px 44px;
}

.sxbg4 {
    transform: rotate(135deg);
    transform-origin: 17px 44px;
    -ms-transform: rotate(135deg);
    -ms-transform-origin: 17px 44px;
    -webkit-transform: rotate(135deg);
    -webkit-transform-origin: 17px 44px;
    -moz-transform: rotate(135deg);
    -moz-transform-origin: 17px 44px;
    -o-transform: rotate(135deg);
    -o-transform-origin: 17px 44px;
}

.sxbg3 {
    transform: rotate(90deg);
    transform-origin: 17px 44px;
    -ms-transform: rotate(90deg);
    -ms-transform-origin: 17px 44px;
    -webkit-transform: rotate(90deg);
    -webkit-transform-origin: 17px 44px;
    -moz-transform: rotate(90deg);
    -moz-transform-origin: 17px 44px;
    -o-transform: rotate(90deg);
    -o-transform-origin: 17px 44px;
}

.sxbg2 {
    transform: rotate(45deg);
    transform-origin: 17px 44px;
    -ms-transform: rotate(45deg);
    -ms-transform-origin: 17px 44px;
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: 17px 44px;
    -moz-transform: rotate(45deg);
    -moz-transform-origin: 17px 44px;
    -o-transform: rotate(45deg);
    -o-transform-origin: 17px 44px;
}

.centerbtn {
    width: 48px;
    height: 48px;
    background: url(../images/shipin/centerbg.png) no-repeat center;
    position: absolute;
    left: 50%;
    margin-left: -24px;
    top: 50%;
    margin-top: -25px;
    cursor: pointer;
    background-size: 100% 100%;
    line-height: 48px;
}

.centerbtn.active i {
    width: 40px;
    height: 40px;
    background: url(../images/shipin/playbtn.png) no-repeat center;
    margin-left: 4px;
    margin-top: 4px;
}

.centerbtn i {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/shipin/stopbtn.png) no-repeat center;
    margin-top: 14px;
    margin-left: 14px;
}

.shanxingbg img {
    width: 34px;
}

.yuntaisuduslid {
    width: 120px;
    position: relative;
    margin-top: 10px;
}

.speedline {
    width: 100%;
    height: 3px;
    background: #818181;
}

.rowcolorset {
    overflow: hidden;
    margin-top: 10px;
}

.textspace {
    letter-spacing: 0.3px;
}

.colorsign {
    display: block;
    float: left;
    margin-left: 30px;
}

.colorjindu {
    width: 150px;
    background: #dcdbdb;
    height: 4px;
    float: left;
    margin-left: 20px;
    margin-top: 7px;
}

.colorwidth {
    height: 4px;
    background: #1795de;
}

.zimudl {
    overflow: hidden;
    margin-top: 10px;
    padding-left: 10px;
    box-sizing: border-box;
}

.zimudl dt {
    float: left;
    line-height: 26px;
    font-weight: 400
}

.zimudl dd {
    width: 100%;
    padding-left: 75px;
    height: 26px;
}

.zimudl .radio-line:first-child {
    margin-left: 0px;
}

.zimudl .radio-line {
    line-height: 26px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-left: 15px;
    box-sizing: border-box;
    float: left;
    margin-left: 40px;
}

.zimudl .radio-line input[type=radio] {
    position: absolute;
    margin-top: 7px;
    margin-left: -18px;
}

.videobt1,
.videobt2,
.videobt3,
.videobt4 {
    display: block;
    position: absolute;
    width: 67px;
    height: 29px;
}

.videobt1 {
    left: 12px;
    top: -2.6px;
}

.videobt2 {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    /* Opera */
    left: 44.3px;
    top: 30px;
}

.videobt3 {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -moz-transform: rotate(180deg);
    /* Firefox */
    -webkit-transform: rotate(180deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(180deg);
    /* Opera */
    left: 11px;
    top: 62px;
}

.videobt4 {
    transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    /* IE 9 */
    -moz-transform: rotate(270deg);
    /* Firefox */
    -webkit-transform: rotate(270deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(270deg);
    /* Opera */
    left: -20.8px;
    top: 29.2px;
}


/*用车申请*/

.wrapQuery {
    display: inline-block;
    margin-right: 15px;
    float: left
}

.wrapQuery:first-child {
    margin-left: 0px;
}

.wrapQuery .form-group {
    margin-left: 5px
}

.ejectWidthpingjia {
    width: 400px;
    height: 378px;
    margin-left: -200px;
    margin-top: -189px;
}

.ejectWidthMapPlace {
    width: 600px;
    height: 400px;
    margin-left: -300px;
    margin-top: -200px;
}

.ejectWidthTongyi {
    width: 410px;
    height: 190px;
    margin-left: -205px;
    margin-top: -95px;
}

.ejectWidthDiaodu {
    width: 576px;
    height: 500px;
    margin-left: -288px;
    margin-top: -250px;
}

.ejectWidthchexiao {
    width: 400px;
    height: 230px;
    margin-left: -200px;
    margin-top: -115px;
}

.ejectWidthpaiche {
    width: 800px;
    height: 400px;
    margin-left: -400px;
    margin-top: -200px;
}

.ejectWidthpaichediaodu {
    width: 580px;
    margin-left: -300px;
    margin-top: -290px;
}

.ejectWidthEtc {
    width: 600px;
    height: 180px;
    margin-left: -300px;
    margin-top: -90px;
}

.ejectWidthfeiyong {
    width: 600px;
    height: 340px;
    margin-left: -300px;
    margin-top: -160px;
}

.ejectWidthshigu {
    width: 600px;
    height: 460px;
    margin-left: -300px;
    margin-top: -220px;
}

.ejectWidthEtcBind {
    width: 300px;
    height: 230px;
    margin-left: -150px;
    margin-top: -115px;
}

.ejectWidthData {
    width: 600px;
    height: 400px;
    margin-left: -300px;
    margin-top: -200px;
}

.ejectWidthShenpi {
    width: 410px;
    margin-left: -205px;
    margin-top: -113px;
}

.ejectWidthShenpi.active {
    height: 376px;
    margin-top: -188px
}

.next-wrap {
    display: none
}

.next-wrap dl {
    position: relative
}

.z-tree {
    position: absolute;
    width: 260px;
    height: 200px;
    overflow: auto;
    left: 0px;
    background: #fff;
    z-index: 1000;
    border: 1px solid #d1d1d1;
    top: 30px;
    left: 60px;
}

.agreeEject .next-wrap dl {
    overflow: visible;
    height: 30px
}

.ejectWidthShenpi.active .next-wrap {
    display: block
}

.next-wrap-btn a {
    display: inline-block;
    margin-right: 15px;
    background: url(../images/point_img.png) no-repeat right center;
    padding-right: 14px
}

.ejectWidthShenpi.active .next-wrap-btn a {
    background: url(../images/point_imge.png) no-repeat right center;
}

.ejectWidthShenpi.active .next-wrap-btn {
    margin-bottom: 15px
}

.boxListWrap.paihcelist .table td.loopWrap {
    padding: 0px;
}

.boxListWrap.paihcelist .table td.loopWrap .loopTable td {
    border: none;
    border-left: 1px solid #565656;
    padding: 6px;
    border-top: 1px solid #565656;
    padding-right: 12px
}


/*.boxListWrap.paihcelist .table td.loopWrap .loopTable:first-child tr:first-child td{border-top:none}*/


/*.boxListWrap.paihcelist .table td.loopWrap .loopTable td:first-child{border-left:none}*/

.boxListWrap.paihcelist .table td.loopWrap .loopTable td.loopWrapChild {
    padding: 0px;
    border: none
}


/*.boxListWrap.paihcelist .table td.loopWrap .loopTable:first-child .loopWrapChild{border-top:1px solid #565656}*/


/*.loopWrapChild table{border-bottom: 1px solid #565656;}*/

.boxListWrap.paihcelist .table td.loopWrap .loopTable {
    margin: 10px 0px;
    background: #f4f4f4;
    border-bottom: 1px solid #333
}

.next-wrap-btn span {
    color: #666
}

.errPlace {
    text-align: center;
    margin-top: 5px;
}

.ejectText {
    overflow: hidden;
    margin: 0px 20px;
    margin-bottom: 30px;
}

.ejectText dt {
    float: left;
    margin-right: 10px;
    font-weight: 400
}

.ejectText dd {
    float: left
}

.ejectText {
    overflow: hidden
}

.ejectText dt {
    float: left;
    margin-right: 10px;
}

.ejectText dd {
    float: left
}

.dlBlock {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    margin-top: 10px;
}

.dlBlock dt {
    float: left;
    width: 50px;
}

.dlBlock dd {
    float: left
}

.iconStar {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/star.png) no-repeat center;
    float: left;
    margin-left: 15px;
    cursor: pointer
}

.iconStar:first-child {
    margin-left: 0px;
}

.mouduleBlock {
    overflow: hidden;
    margin-top: 15px;
}

.hFont {
    font-weight: bold;
    font-size: 14px;
}

.mouduleBlock:first-child {
    margin-left: 0px;
}

.iconStar.selectStar {
    background: url(../images/stars.png) no-repeat center
}

.inputSearchPlace {
    margin: 0px 120px;
    margin-top: 7px;
    position: relative
}

.inputSearchPlace input {
    height: 24px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 32px;
}

.inputSearchPlace a.searchMapBar {
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    background: url(../images/iconBar.png) no-repeat;
    top: 0px;
    margin-top: 4.5px;
    margin-left: 10px;
}

.mapThis {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 38px;
    bottom: 0px;
}

.boxSadow {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4)
}

.agreeEject {
    padding: 0px 20px;
    padding-top: 20px;
}

.agreeEject dl {
    overflow: hidden
}

.agreeEject dl dt {
    float: left;
    width: 60px;
    line-height: 30px;
    font-weight: 400
}

.agreeEject dl dd {
    float: left
}

.shenpiButton {
    display: inline-block;
    width: 60px;
    height: 28px;
    background: #2c92ec;
    border-radius: 2px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    margin-left: 17px;
}

.shenpiButton:hover {
    color: #fff
}

.addContent3 .addRow.form-inline .form-group {
    margin-right: 15px;
}

.diaoduEject {
    overflow: hidden;
    padding: 10px 20px
}

.diaoduEject dl {
    float: left;
    width: 50%
}

.diaoduEject dl dt {
    float: left;
    line-height: 30px;
    margin-right: 5px;
    font-weight: 400;
    width: 88px;
    text-align: right
}

.diaoduEject dl dd {
    float: left
}

.fengeLine {
    float: left;
    width: 100%;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: 5px
}

.rowWidth {
    width: 100% !important;
}

.flagTd {
    text-decoration: underline !important
}

.contentEject-shenqing .boxListWrap {
    top: 50px
}

.contentEject-shenqing .boxListWrap.paihcelist .table td {
    height: 50px;
}

.titleP {
    text-align: center;
    font-size: 14px;
}

.boxList {
    overflow: hidden;
    margin: 0px 40px;
    border: 1px #e1e1e1 solid;
    padding: 10px;
    margin-top: -1px
}

.boxList dl {
    overflow: hidden;
    margin-bottom: 5px;
}

.boxList dl dt {
    font-weight: 400;
    width: 80px;
    text-align: right;
}

.boxList dl dt {
    float: left
}

.boxList dl dd {
    float: none;
    margin-left: 84px;
}

.boxListWrap {
    position: absolute;
    width: 100%;
    top: 76px;
    overflow: auto;
    bottom: 0px;
    padding-top: 1px
}

.eject.ejectWidthchuche {
    width: 300px;
    padding-bottom: 15px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    -moz-transform: translate(-50%, -50%);
    /* Firefox */
    -webkit-transform: translate(-50%, -50%);
    /* Safari 和 Chrome */
    -o-transform: translate(-50%, -50%);
    /* Opera */
}

.eject.ejectWidthchuche .buttonWrap {
    width: 102px
}

.eject.ejectWidthchuche .promptDlete lable {
    margin-left: 30px
}

.eject.ejectWidthchuche .promptDleteButton {
    margin-top: 15px
}

.remarks_p {
    color: #666;
    margin: 0px 15px;
    margin-top: 10px;
    text-align: center
}


/*首页*/

.mainHomeRegion {
    position: absolute;
    left: 10px;
    top: 10px;
    right: 10px;
    bottom: 10px;
}

.sumBlock {
    overflow: hidden;
}

.sumBlock ul li {
    float: left;
    width: 12.5%;
    height: 90px;
}

.sumBlock ul li:first-child .sumList {
    margin-left: 0px
}

.sumList {
    margin-left: 1px;
    height: 90px;
    background: #fff;
    text-align: center;
    overflow: hidden
}

.sumList span {
    display: block
}

.sumList span.numLine {
    display: inline
}

.sumList i.spanOther {
    font-style: normal;
    font-size: 16px;
}

.sumList span.sumListSpan1 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 20px
}

.newsRegion {
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 33.3%;
}

.upChart,
.downChart {
    position: absolute;
    height: 50%;
    width: 100%;
}

.upChart {
    top: 0px;
}

.downChart {
    top: 50%;
}

.chartWrap {
    position: relative;
    width: 33.3%;
    float: left;
    overflow: hidden;
    height: 100%
}

.ChartRight {
    left: 50%;
}

.chartChild {
    position: absolute;
    background: #fff;
    right: 5px;
    left: 5px;
    top: 5px;
    bottom: 5px;
}

.titleHead {
    height: 43px;
    border-bottom: 1px #ebebeb solid;
}

.titleHead h1 {
    font-size: 14px;
    font-weight: bold;
    height: 16px;
    line-height: 16px;
    border-left: 4px #1795de solid;
    padding-left: 8px;
    margin-top: 13px;
    float: left;
    margin-left: 10px;
}

.selectOption {
    float: right;
    line-height: 43px;
    margin-right: 10px;
    height: 44px;
    cursor: pointer;
    display: none
}

.triangle {
    display: inline-block;
    width: 10px;
    height: 6px;
    background: url(../images/jiantouDown.png) no-repeat;
    margin-left: 4px;
}

.triangle-right {
    display: inline-block;
    width: 6px;
    height: 10px;
    background: url(../images/jiangtouRight.png) no-repeat;
    margin-left: 4px;
}

.selectBlock {
    position: absolute;
    width: 84px;
    padding: 5px 0px;
    right: 10px;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
    display: none;
    z-index: 10;
    background: #fff;
}

.selectBlock a {
    display: block;
    width: 100%;
    text-align: center;
    color: #333;
    line-height: 30px;
}

.selectOption:hover .triangle {
    background: url(../images/jiantouUp.png) no-repeat;
}

.selectOption:hover .selectBlock {
    display: block
}

.selectBlock a.selectactive {
    color: #1795de
}

.chart {
    position: absolute !important;
    width: 100% !important;
    top: 43px;
    bottom: 0px;
    text-align: center;
    overflow: auto
}

.upNewsChild,
.downNewsChild {
    background: #fff;
    position: absolute;
    left: 5px;
    right: 5px;
}

.upNewsChild {
    top: 0px;
    bottom: 5px;
}

.downNewsChild {
    top: 5px;
    bottom: 0px;
}

.newsTitleRegion {
    overflow: hidden
}

.newsTitle {
    overflow: hidden;
    margin-right: 70px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.newsList {
    position: absolute;
    width: 100%;
    top: 43px;
    bottom: 0px;
    padding: 10px;
    overflow: hidden
}

.newsList a {
    display: inline-block;
    color: #333;
    width: 100%;
    margin-top: 8px;
}

.newsList a:first-child {
    margin-top: 0px;
}

.newsTime {
    float: right;
    color: #808080
}

.fontColorGreen {
    margin: 0px 4px;
}

.titleText {
    margin-left: 5px;
}

.grade {
    overflow: hidden;
    margin-top: 15px;
}

.grade:first-child {
    margin-top: 0px;
}

.textContent {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #808080;
    margin-top: 8px;
}

.renming {
    overflow: hidden;
    margin-left: 24px;
    margin-right: 120px;
}

.gradeStar {
    float: right
}

.stars {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../images/star.png) no-repeat center;
    margin-left: 5px;
}

.stars.onOther {
    background: url(../images/stars.png) no-repeat center
}

.stars:first-child {
    margin-left: 0px;
}

.number {
    width: 16px;
    height: 16px;
    color: #fff;
    text-align: center;
    line-height: 16px;
    float: left
}

.number1 {
    background: #f14c31
}

.number2 {
    background: #ff8610
}

.number3 {
    background: #ffbe10
}

.tabModel {
    float: right;
    height: 43px;
    line-height: 43px;
    margin-right: 10px;
    cursor: pointer;
    position: relative
}

.tabModel .iconmodel {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/tabicon.png) no-repeat center;
    float: left;
    margin-top: 14px;
    margin-right: 5px;
}

.tabModel span {
    display: block;
    float: left;
    color: #666
}

.modelEject {
    width: 600px;
    height: 300px;
    margin-left: -300px;
    margin-top: -150px;
}

.modelSelect {
    position: absolute;
    width: 120px;
    border: 1px solid #e1e1e1;
    background: #fff;
    z-index: 10;
    right: -10px;
    top: 42px;
}

.modelSelect a {
    display: block;
    width: 100%;
    line-height: 30px;
    text-align: center;
    color: #666
}

.modelSelect a:hover {
    background: #f1f1f1
}

.modelSelect a.active {
    display: none
}

.chart .table td {
    text-align: left
}

.chart.chartBottom {
    bottom: 30px;
}

.pagehomeChart {
    height: 30px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    line-height: 30px;
    background: #f5f5f5;
    border: 1px solid #e7e7e7;
    color: #888
}

.pageforward,
.pagelast {
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
}

.pageforward {
    float: left
}

.pagelast {
    float: right
}

.pagenum {
    margin: 0px 30px;
    text-align: center
}

.pageWrap {
    width: 150px;
    margin: 0px auto
}

.sumtable {
    padding: 10px
}

.sumtable .rowBlock {
    margin-bottom: 5px;
    border: 1px solid #e1e1e1
}

.rowBlock {
    position: relative
}

.signSum {
    overflow: hidden;
    margin-left: 40px;
    padding: 5px;
    height: 48px;
}

.signSum dl {
    float: left;
    margin-right: 10px;
    margin-bottom: 0px;
}

.signSum dl:first-child {
    margin-bottom: 5px;
}

.signSum dl dt,
.signSum dl dd {
    float: left
}

.signlabel {
    display: block;
    width: 20px;
    text-align: center;
    background: #e5e5e5;
    position: absolute;
    height: 100%;
}

.signlabel span {
    display: block;
    margin-top: 8px;
}

.signSum dl dt {
    margin-right: 5px;
}

.signSum.signSumother {
    margin-left: 5px;
}

.modelBtn {
    overflow: hidden;
}

.modelicon {
    width: 36px;
    height: 20px;
    background: #0d87c6;
    text-align: center;
    line-height: 19px;
    color: #fff;
    float: right;
    font-size: 18px;
    cursor: pointer
}

.modelintro {
    float: right;
    line-height: 20px;
    margin-right: 10px;
    cursor: pointer
}

.ejectWidthmodel {
    width: 452px;
    margin-top: -136px;
}

.modelListblock {
    overflow: hidden
}

.modelListblock li {
    width: 100px;
    float: left;
    text-align: center;
    border: 1px solid #d0d0d0;
    margin-left: 10px;
    line-height: 30px;
    cursor: pointer;
    margin-top: 10px;
}

.modelListblock li.active1 {
    border: 1px solid #1795de;
    color: #1795de
}

.ejectWidthmodel .contentEject {
    padding-top: 5px;
}

.signmodel {
    text-align: center;
    margin-top: 15px;
}

.ejectWidthmodel .promptDleteButton {
    margin-top: 15px;
}

.sumBlock .chartWrap {
    height: 200px;
}

.sumBlock .chartWrap .chart .sum-li {
    position: relative;
    height: 50%;
    width: 33.33%;
    float: left;
    padding: 5px;
}

.sumBlock .chartWrap .chart .sum-li::after {
    content: '';
    position: absolute;
    left: 0px;
    top: 20px;
    bottom: 20px;
    width: 1px;
    background: #e8e8e8
}

.sumBlock .chartWrap .chart .sum-li:nth-of-type(3n+1)::after {
    content: '';
    display: none
}

.sumBlock .chartWrap:nth-of-type(1) {
    width: 20%;
}

.sumBlock .chartWrap:nth-of-type(2),
.sumBlock .chartWrap:nth-of-type(3) {
    width: 40%;
}

.sum-li-show {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    -moz-transform: translate(-50%, -50%);
    /* Firefox */
    -webkit-transform: translate(-50%, -50%);
    /* Safari 和 Chrome */
    -o-transform: translate(-50%, -50%);
    /* Opera */
}

.sum-li-show p:first-child {
    font-size: 20px;
    font-weight: bold
}

.total-sum {
    position: absolute;
    left: 50%;
    top: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    -moz-transform: translate(-50%, -50%);
    /* Firefox */
    -webkit-transform: translate(-50%, -50%);
    /* Safari 和 Chrome */
    -o-transform: translate(-50%, -50%);
    /* Opera */
}

.sumBlock .chartWrap:nth-of-type(1) .chartChild {
    background: url("../images/sumbg.png") no-repeat center;
    background-size: cover;
}

.total-sum dl {
    margin-bottom: 0px;
}

.total-sum dl dt {
    font-size: 30px;
    margin-bottom: 10px;
}

.total-sum dl dd {
    font-size: 16px;
}

.chartAndNews {
    position: absolute;
    top: 210px;
    left: 10px;
    right: 10px;
    bottom: 5px;
}


/*监控*/

.barTopRight {
    float: right;
    margin-right: 10px;
}

.barTopRight .checkbox-inline {
    line-height: 37px;
    float: left;
    margin-right: 15px;
}

.barTopRight .checkbox-inline input[type=checkbox] {
    margin-top: 12px;
    margin-left: -18px;
}

.screen {
    display: block;
    float: right;
    margin-top: 10px;
    margin-left: 10px;
    color: #333
}

.screen i {
    display: block;
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 5px;
}

.screen i.full {
    background: url(../images/jiankong/full.png) no-repeat center
}

.screen i.nofull {
    background: url(../images/jiankong/nofull.png) no-repeat center
}

.screen.screenNo {
    display: none
}

.fullScreen .mainImportantLeft {
    display: none
}


/*全屏隐藏左侧菜单*/

.fullScreen .mainImportantRight {
    left: 0px;
}


/*全屏右侧*/

.fullScreen .screen {
    display: none
}

.fullScreen .screen.screenNo {
    display: block
}

.fullScreen .mainRight {
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}



.map-this {
    position: absolute;
    width: 100%;
    bottom: 0px;
    top: 0px;
}


.leftSearch {
    padding: 0px 10px;
    margin-top: 7px;
    position: relative
}

.leftSearch .list-group {
    position: absolute;
    z-index: 10;
    left: 10px;
    right: 10px;
}

.leftSearch.search_tab {
    float: left;
    margin-top: 0px;
    width: 220px
}

.leftSearch.search_tab .form-control {
    height: 26px
}

.row.row_tab_search {
    overflow: inherit
}

.taba {
    display: block;
    width: 25%;
    height: 26px;
    line-height: 26px;
    float: left;
    text-align: center;
    color: #333
}

.tabSelect {
    padding: 0px 1px;
    margin-top: 8px;
}

.tabSelect .row,
.listHere .row {
    margin: 0px;
    margin-bottom: 1px;
    cursor: pointer;
}

.listHere .row.active {
    background: #e2e9f1
}

.listHere {
    position: absolute;
    top: 142px;
    width: 100%;
    bottom: 0px;
    overflow-y: auto
}

.listHere .row {
    border-top: 1px #e1e1e1 solid;
    padding: 10px;
}

.listHere .row:first-child {
    border: none
}

.tabWrap {
    margin-left: 1px;
    background: #eef2f6
}

.listH {
    overflow: hidden;
    line-height: 20px;
}

.listB {
    overflow: hidden;
    margin-top: 10px;
}

.chepai,
.quxiang,
.sudu {
    display: inline-block;
    float: left
}

.sudu {
    float: right;
    color: #1795de
}

.chepai {
    font-size: 14px;
    font-weight: bold;
    width: 110px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.bhalf dt,
.bhalf dd,
.bPercent dt {
    float: left
}

.bhalf dd {
    max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.bhalf dt,
.bPercent dt {
    font-weight: 400
}

.bhalf,
.bPercent {
    margin-bottom: 0px;
}

.bhalf {
    float: left;
    width: 50%;
}

.bPercent {
    float: left;
    width: 100%;
    margin-top: 2px;
}

.quxiang {
    width: 50px;
    height: 20px;
    color: #fff;
    text-align: center
}

.goColor {
    background: #43c44f
}

.backColor {
    background: #ffae20
}

.freeColor {
    background: #c0c6cd
}

.state_xingshi {
    background: #43c44f
}

.state_tingche {
    background: #fb6b6b
}

.state_baojing {
    background: #cccc10
}

.state_chaosu {
    background: #ca50f5
}

.state_lixian {
    background: #c0c6cd
}

.state_chaoshi {
    background: #5959fb
}

.taba.active .tabWrap {
    background: #1795de;
    color: #fff
}

.mapreal {
    position: absolute;
    left: 300px;
    top: 0px;
    bottom: 0px;
    right: 0px;
}

.mapAt {
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
}

span.caozuo {
    position: absolute;
    width: 88px;
    margin-left: 15px;
    margin-top: -1px;
}

span.caozuo button {
    float: left;
    border: none;
    display: block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
}

span.caozuo button:last-child {
    margin-right: 0px;
}

span.caozuo button:hover {
    background: #f1f1f1
}

span.caozuo button.button0 {
    background: url(../../images/jiankong/wladd.png) no-repeat center
}

span.caozuo button.button1 {
    background: url(../../images/jiankong/wledit.png) no-repeat center
}

span.caozuo button.button2 {
    background: url(../../images/jiankong/wlbind.png) no-repeat center
}

span.caozuo button.button3 {
    background: url(../../images/jiankong/wldel.png) no-repeat center
}

span.caozuo button.button4 {
    background: url(../../images/jiankong/wldhidden.png) no-repeat center
}


/*围栏*/

.weilanWrap {
    position: absolute;
    right: 5px;
    width: 265px;
    background: #fff;
    top: 20px;
    bottom: 20px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2)
}


/*.obdWrap{width: 236px;}*/

.obdWrap {
    width: 380px;
    top: 0px;
    bottom: 0px;
    box-shadow: none;
    border: 1px solid #e2e2e2;
    border-top: none;
    border-right: none;
    background: #f1f5f8;
    color: #333;
    z-index: 100
}

.weilanbtWrap {
    float: left;
    line-height: 16px;
    margin-top: 10px;
    cursor: pointer;
    margin-right: 10px;
}

.iconweilan {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    background: url(../images/jiankong/iconwl.png) no-repeat center;
    margin-right: 5px;
}

.weilanbtWrap.active .iconweilan {
    background: url(../images/jiankong/iconwl1.png) no-repeat center;
}

.weilanbtWrap.active {
    color: #1795de
}

.weilansearch {
    margin: 0px 5px;
    margin-top: 5px;
    position: relative
}

.weilansearchbar {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0px;
    background: url(../images/iconBar.png) no-repeat center
}

.weilansearch input {
    padding-left: 30px;
}

.weilantree {
    position: absolute;
;
    top: 40px;
    bottom: 0px;
    width: 100%;
    padding: 5px;
}

.rightClick {
    position: absolute;
    width: 80px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3)
}

.rightClick a {
    display: block;
    width: 100%;
    line-height: 24px;
    text-align: center;
    color: #333
}

.rightClick a:hover {
    background: #f1f1f1
}

.editWeilanName {
    width: 300px;
    height: 180px;
    margin-left: -150px;
    margin-top: -90px;
}

.weilanerr {
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #F00;
}

.editWeilanName .ejectInfo {
    margin: 0px 20px;
    overflow: hidden
}

.editWeilanName .buttonWrap {
    width: 100px;
    margin: 0px auto;
    margin-top: 20px;
}

.weilanxz {
    width: 490px;
    height: 286px;
    margin-left: -231px;
    margin-top: -143px;
}

.weilanejectContent {
    padding: 0px 20px;
}

.weilanejectContent .form-group {
    margin-left: 0px;
}

.form-control.namexz {
    width: 361px;
}

.weilanejectContent label {
    width: auto;
}

.weilanxz .weilanejectContent label {
    width: 60px;
}

.form-control.selectinput {
    width: 118px;
}

.weilanxz .buttonWrap {
    width: 100px;
    margin: 0px auto;
    margin-top: 15px;
}

.weilanbd {
    width: 930px;
    height: 500px;
    margin-left: -465px;
    margin-top: -250px;
    z-index: 100
}

.mapbj {
    width: 1159px;
    height: 524px;
    margin-left: -565px;
    margin-top: -262px;
    z-index: 100
}

.timeweilanbd {
    width: 580px;
    height: 476px;
    margin-left: -290px;
    margin-top: -238px;
}

.timeweilanbd .weilanbdTable .bdTableBody td .form-control {
    width: 42%;
    float: right;
    margin: 0px;
    text-align: right
}

.timeweilanbd .weilanbdTable .bdTableBody td .form-control:first-child {
    float: left;
    text-align: left
}

.diviLine {
    display: block;
    width: 16%;
    float: left;
    text-align: center
}

.timeweilanbd .form-control,
.weilanbd .form-control {
    width: 120px;
    margin-right: 10px;
}

.timeweilanbd .buttonWrap,
.weilanbd .buttonWrap {
    width: 100px;
    margin: 0px auto;
}

.weilanbdTable {
    height: 300px;
    margin-bottom: 20px;
    position: relative;
    border: 1px solid #e1e1e1
}

.weilanbdTable table.table th {
    text-align: center;
    padding: 0px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #e1e1e1
}

.weilanbdTable table.table td {
    text-align: center;
    padding: 0px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #e1e1e1;
    padding: 0px 5px;
}

.timeweilanbd .form-inline,
.weilanbd .form-inline {
    margin-top: 15px;
}

.bdTableBody {
    position: absolute;
    top: 30px;
    width: 100%;
    bottom: 0px;
    overflow: auto;
}

.timeweilanbd .bdTableBody .form-control,
.weilanbd .bdTableBody .form-control {
    width: 100%;
    border: none;
    box-shadow: none
}

.bdTableBody table tr td:first-child {
    border-left: 0px;
}

.bdTableBody table tr td:last-child {
    border-right: 0px;
}

.weilanejectContent .table>tbody>tr:nth-child(even) input {
    background: #f1f4f7
}

.weilanTimeset dl dt,
.weilanTimeset dl dd {
    float: left
}

.weilanTimeset dl dt {
    font-weight: 400;
    margin-right: 20px;
}

.weilanTimeset {
    overflow: hidden;
    padding: 0px 15px;
}

.weilanTimeset input[type=checkbox] {
    margin-top: 2px;
}

.weilanTimeset {
    float: left
}

.time-weilan-bt {
    float: right;
    margin-right: 15px;
    margin-top: -7px;
}

.time-weilan-bt .btn:first-child {
    margin-right: 10px;
}

.weilanejectContent .form-group:nth-of-type(1) .form-control.namexz {
    width: 200px;
}


/*OBD*/


/*.mapejectList{position: absolute;top:38px;bottom:0px;width: 100%;padding: 10px;overflow:auto}*/

.mapejectList {
    position: absolute;
    top: 38px;
    bottom: 40px;
    width: 100%;
    overflow: auto
}


/*.mapejectList dl{overflow:hidden;margin-bottom: 8px;}
.mapejectList dl dt{float:left;margin-right:5px;font-weight: 400;color: #333}
.mapejectList dl dd{word-break:break-all;color: #666}
.mapejectList .table td{border-bottom: 1px solid #e1e1e1;border-left:1px solid #e1e1e1;padding: 2px 6px;}
.mapejectList .table tr td:first-child{border-left:none}
.mapejectList .table>tbody>tr:nth-child(even){background: #fff}*/

.timedl {
    float: right;
    margin-bottom: 0px;
    margin-right: 10px;
}

.timedl dt,
.timedl dd {
    float: left;
    line-height: 38px;
}

.timedl dt {
    font-weight: 400
}

.blockObd h2 {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}

.blockObd {
    overflow: hidden;
    margin: 0px 10px;
    margin-top: 5px;
}

.blockObd:first-child {
    margin-top: 10px;
}

.blockObd dl.obdlistdl {
    float: left;
    width: 50%;
    margin-bottom: 5px;
}

.blockObd dl.obdlistdl {
    padding-right: 5px;
}

.blockObd dl.obdlistdl:nth-of-type(2n) {
    padding-left: 5px;
}

.blockObd dl.obdlistdl dt,
.blockObd dl.obdlistdl dd {
    font-weight: 400;
    float: left
}

.blockObd dl.obdlistdl dd {
    color: #218af3;
    float: none;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blockObd dl.obdlistdl dt {
    width: 88px;
    margin-right: 10px;
}

.faultblock {
    overflow: hidden;
    width: 100%
}

.faultdl dt {
    font-weight: 400;
    float: left;
    margin-right: 5px;
}

.faultdl dd {
    float: none;
    word-break: break-all;
}

.faultcode {
    color: #218af3
}


/*气泡窗*/

.qipaoWindow {
    width: 420px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.7);
    position: absolute
}

.qipaoTitle {
    height: 40px;
    border-bottom: 1px #ebebeb solid;
    line-height: 40px;
    padding: 0px 10px;
}

.license,
.iconfollow,
.directTo,
.speed {
    display: inline-block;
    float: left;
    margin-left: 10px;
}

.license {
    font-size: 14px;
    margin-left: 0px;
}

.directTo {
    width: 50px;
    height: 20px;
    text-align: center;
    color: #fff;
    margin-top: 10px;
    line-height: 20px;
}

.iconfollow {
    width: 17px;
    height: 15px;
    background: url(../images/jiankong/nofollow.png) no-repeat center;
    margin-top: 12.5px;
}

.iconfollow.iconfollowYes {
    background: url(../images/jiankong/follow.png) no-repeat
}

.speed {
    color: #1795de
}

.setBar {
    display: inline-block;
    float: right;
    width: 16px;
    height: 16px;
    background: url(../images/jiankong/setbar.png) no-repeat;
    margin-top: 12px;
}

.close.qipaoClose {
    color: #818488;
    margin-left: 15px;
    margin-top: 9px
}

.qipaomain {
    overflow: hidden;
    padding: 10px;
}

.qipaomain .bPercent {
    margin-top: 0px;
}

.bPercent-1 {
    margin-bottom: 10px;
}

.qipaomain .bPercent dd {
    float: none;
    margin-left: 32px;
}

.qipaomain .bhalf {
    margin-bottom: 10px;
}

.qipaoOption {
    padding: 8px 10px;
    border-top: 1px #ebebeb solid;
    overflow: hidden;
    padding-bottom: 0px;
}

.doOption {
    display: block;
    height: 26px;
    float: left;
    margin-left: 18px;
    color: #333;
    text-align: center;
    line-height: 26px;
    margin-bottom: 10px;
}

.doOption.active {
    color: #1795de
}

.doOption:first-child {
    margin-left: 0px;
}

.qipaoPoint {
    position: absolute;
    width: 20px;
    height: 14px;
    background: url(../images/jiankong/qipaopoint.png) no-repeat;
    left: 50%;
    margin-left: -10px;
    margin-top: 0px;
}

.obdhrefbtn {
    dispaly: block;
    width: 100%;
    color: #fff;
    background: #1795df;
    position: absolute;
    bottom: 0px;
    line-height: 40px;
    text-align: center
}

.obdhrefbtn:hover,
.obdhrefbtn:active,
.obdhrefbtn:visited {
    color: #fff
}


/*气泡窗 end*/


/*增加标注*/

.signB {
    position: absolute;
    height: 288px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: #fff;
    border-radius: 4px;
    z-index: 1000;
}

.signweilan {
    position: absolute;
    right: 10px;
    width: 350px;
    height: 283px;
    background: #fff;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    bottom: 50px;
    z-index: 1000
}

.signHead {
    height: 34px;
    overflow: hidden;
    background: #0f8bc5;
    line-height: 34px;
    color: #fff;
}

.signHead span {
    margin-left: 10px;
}

.signHead a {
    display: block;
    float: right;
    color: #fff;
    font-size: 20px;
    width: 34px;
    height: 34px;
    text-align: center
}

.signForm {
    margin: 0px 10px;
    margin-top: 6px;
}

.signForm p.pErr {
    text-align: center;
    color: #F00;
    height: 16px;
}

.signForm dl {
    overflow: hidden;
    margin-top: 7px;
    margin-bottom: 0px;
}

.signForm dl dt {
    float: left;
    line-height: 24px;
    width: 54px;
    font-weight: 400
}

.signForm dl dd {
    float: left
}

.signForm dl dd .form-control {
    border-radius: 0px;
}

.signForm dl dd input.inputW7 {
    width: 160px;
    height: 24px;
}

.signForm dl dd select.inputW7 {
    width: 160px;
    height: 24px;
}

.signForm dl dd input.inputW7s {
    width: 48px;
    height: 24px;
}

.signForm dl dd span.iconAs {
    display: block;
    width: 28px;
    height: 28px;
    cursor: pointer;
    float: left
}

.signForm dl dd span.iconAs img {
    width: 16px;
    height: 16px;
    margin-left: 6px;
    margin-top: 6px;
}


/*.signForm dl dd span.iconAs i{ display:block; width:14px; height:14px; background:url(../images/addIcon.png) no-repeat 0px 0px; margin:0 auto; margin-top:7px;}
.signForm dl dd span.iconAs.iconP i{background:url(../images/dw.png) no-repeat; width:16px; height:16px; background-size:100% 100%; margin-top:6px;}*/

.signName {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: rgba(0, 0, 0, 0.02)
}

.signNameWrite {
    background: #fff;
    position: absolute;
    width: 220px;
    height: 160px;
    border-radius: 4px;
    top: 50%;
    left: 50%;
    margin-left: -110px;
    margin-top: -80px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5)
}

.signMc {
    overflow: hidden;
    margin: 0px 10px;
    margin-top: 6px;
    margin-bottom: 10px;
}

.signMc p {
    margin-bottom: 10px;
}

.signMc span {
    display: block;
    line-height: 28px;
    float: left
}

.signMc input {
    float: right
}

.signMc input.inputW8 {
    width: 160px;
    height: 26px;
}

.buttonFor {
    display: block;
    color: #fff !important;
    background: #0985bf;
    border-radius: 2px;
    display: block;
    text-align: center;
    width: 100px;
    height: 28px;
    margin: 0px auto;
    line-height: 28px;
}

.buttonFor.buttonForS1 {
    margin-top: 26px;
}

.signIcon {
    position: absolute;
    background: #fff;
    width: 180px;
    padding-bottom: 10px;
    margin-top: 28px;
    border: 1px #ccc solid;
    z-index: 10;
    margin-left: 54px;
}

.signIconList {
    overflow: hidden
}

.signIconList ul li {
    float: left;
    cursor: pointer
}

.signIconList ul li img {
    margin-left: 9px;
    margin-top: 9px;
    width: 20px;
}

.unitD {
    line-height: 28px;
    margin-left: 10px
}

.slipper {
    width: 120px;
    background: #cac9c9;
    height: 10px;
    margin-top: 9px;
    border-radius: 5px;
}

.slipperChild {
    height: 10px;
    border-radius: 5px;
    background: #f5902a;
    position: relative
}

.circleSlide {
    width: 16px;
    height: 16px;
    background: #f3f3f4;
    border: 1px #ccc solid;
    right: 0px;
    position: absolute;
    margin-top: -4px;
    border-radius: 50%;
}

.danweiBiaozhu {
    line-height: 30px;
    margin-left: 3px;
}

.biaozhutree {
    position: absolute;
    top: 32px;
    width: 100%;
    left: 0px;
    bottom: 0px;
    padding: 10px;
    overflow: auto
}

.biaozhu-top {
    top: 34px;
    padding: 0px;
}

.signGroupTitle .checkbox-inline {
    vertical-align: inherit;
}

.signGroupTitle .checkbox-inline input[type=checkbox] {
    top: 6px
}

.signGroupTitle {
    line-height: 32px;
    height: 32px;
    border-bottom: 1px #e7e7e7 solid;
    border-top: 1px #e7e7e7 solid;
    background: #f5f5f5;
    padding: 0px 10px;
}

.option-a {
    float: right;
    display: inline-block
}

.signAdd {
    margin-left: 5px;
    display: inline-block
}

.signRefresh {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: #000;
    float: right;
    margin-top: 8px;
    margin-left: 5px;
    background: url("../images/jiankong/fresh.png") no-repeat center
}

.sign-active .biaozhutree {
    bottom: 293px;
    border-bottom: 1px solid #d0d0d0
}

.rowSign {
    overflow: hidden;
    line-height: 30px;
}

.editSign {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/edit.png) no-repeat;
    float: right;
    margin-top: 7px;
}

.rowSign .checkbox-inline {
    margin-right: 26px;
    display: block;
}

.rowSign .checkbox-inline input[type=checkbox] {
    margin-top: 9px;
}

.signText {
    display: block;
    margin-left: 0px;
    margin-right: 0px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.weilanWrap.biaozhuset {
    top: 0px;
    bottom: 2px;
}

.iconbiaozhu {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    background: url(../images/jiankong/iconbz.png) no-repeat center;
    margin-right: 5px;
}

.weilanbtWrap.active .iconbiaozhu {
    background: url(../images/jiankong/iconbzs.png) no-repeat center;
}


/*街景*/

.jiejing {
    position: absolute;
    width: 50%;
    right: 0px;
    top: 0px;
    bottom: 0px;
    display: none
}

.jiejingMap {
    position: absolute;
    width: 100%;
    top: 0px;
    bottom: 0px;
}

.mapreal.jiejingShow .mapAt {
    width: 50%;
    left: 0px;
    top: 0px;
    bottom: 0px;
}

.mapreal.jiejingShow .jiejing {
    display: block
}

.jiejingClose {
    position: absolute;
    width: 30px;
    height: 30px;
    background: rgba(0, 0, 0, 0.3);
    top: 10px;
    right: 10px;
    z-index: 10;
    text-align: center
}

.jiejingClose button.close {
    margin-top: 5px;
    margin-right: 8px;
    color: #fff
}

.iconbiaozhu-add {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    background: url(../images/jiankong/bz-add.png) no-repeat center;
    margin-right: 5px;
}

.weilanbtWrap.active .iconbiaozhu-add {
    background: url(../images/jiankong/bz-add1.png) no-repeat center;
}


/*待办*/

.taskRegion {
    position: absolute;
    bottom: 15px;
    right: 15px;
    z-index: 10;
}


/*.taskRegion:hover{right:-5px;}*/

.taskBall-s {
    width: 80px;
    height: 80px;
    background: url(../images/ball.png) no-repeat;
    background-size: 100%;
    padding-top: 18px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    cursor: pointer;
}

.numDaiban,
.titleDaiban {
    display: block;
    text-align: center;
    color: #fff;
}

.numDaiban {
    font-size: 18px;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2)
}

.titleDaiban {
    font-size: 12px;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2)
}

.daibanList {
    background: #fff;
    width: 320px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    height: 350px;
}

.daibanTitle {
    height: 34px;
    background: #fc9615;
    color: #fff;
    line-height: 34px;
    padding-left: 10px;
}

.daibanTitle button.close {
    color: #fff;
    opacity: 0.8;
    margin-top: 7px;
}

.daibanMain {
    padding: 10px;
    padding-top: 5px;
    position: absolute;
    top: 34px;
    overflow: auto;
    bottom: 0px;
    width: 100%
}

.titleWrap {
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    cursor: pointer
}

.titleWrap .triangle {
    margin-left: 0px;
    margin-right: 4px;
    background: url(../images/jiantouUp.png) no-repeat;
}

.titleWrap span {
    font-weight: bold;
    color: #333
}

.daibanListBody {
    display: none
}

.daibanActive .daibanListBody {
    display: block
}

.daibanActive .triangle {
    background: url(../images/jiantouDown.png) no-repeat;
}

.daibanListBody .row {
    margin: 0px;
    margin-top: 10px;
}

.daibanListBody .row:first-child {
    margin-top: 0px;
}

.daibanListBody .row dl {
    overflow: hidden;
    margin-bottom: 0px;
    font-size: 12px;
    margin-top: 5px;
}

.daibanListBody .row dl:first-child {
    margin-top: 0px;
}

.daibanListBody .row dl dt,
.daibanListBody .row dl dd {
    float: left;
    color: #666;
    width: 50%;
}

.daibanListBody .row dl dt {
    padding-right: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.daibanListBody .row dl dd {
    text-align: right;
    padding-left: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.daibanListBody .row dl dt.fontnomal {
    font-weight: 400
}

.daibanBlock {
    margin-top: 10px;
}

.daibanBlock:first-child {
    margin-top: 0px;
}


/*轨迹回放*/

.leftguiji {
    position: absolute;
    width: 320px;
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    background: #fff;
}

.rightguiji {
    position: absolute;
    left: 330px;
    top: 10px;
    right: 10px;
    bottom: 10px;
}

.guijih {
    font-weight: 400;
    font-size: 12px;
    background: #f9f9f9;
    padding-left: 15px;
    color: #333333;
    overflow: hidden;
    padding-top: 15px;
    padding-bottom: 10px;
}

.guijichepai {
    float: left;
    border-left: 4px #1795de solid;
    padding-left: 10px;
}

.guijichepai p {
    margin: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 220px;
}

.guijichepai p:first-child {
    margin-bottom: 8px;
}

.downloadguiji {
    display: block;
    float: right;
    margin-right: 15px;
}

.rlDate {
    overflow: hidden;
    margin-top: 10px;
    font-size: 12px;
    margin: 0px 15px;
    margin-top: 10px;
}

.rlTop {
    height: 30px;
    background: #1795de;
    text-align: center;
    line-height: 30px;
}

.rlTop span {
    color: #fff;
    display: block;
}

.rlWeek span {
    display: block;
    float: left;
    width: 14.285%;
    text-align: center;
    line-height: 24px;
    color: #27b5e5
}

.rlDays table {
    margin: 0px;
}

.rlDays table tr td {
    text-align: center;
    border: 1px #d0d0d0 solid;
    height: 39px;
    cursor: pointer
}

.rlDays table tr td span {
    display: block;
    margin: 0px auto;
    width: 36px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.rlDays table tr td.rlOn {
    background: #e4f3fb
}

.daterow {
    margin-top: 15px;
}

.buttonguiji {
    width: 200px;
    margin: 0px auto;
    margin-top: 30px;
}

.buttonguiji .btn-info {
    margin-right: 30px;
}

.guijicontent {
    overflow: hidden;
    padding: 0px 15px;
    padding-top: 20px;
    padding-left: 0px;
}

.guijicontent .half {
    margin-bottom: 8px;
    width: 340px;
    margin-left: 30px
}

.guijicontent .form-group label {
    width: 100px;
    text-align: right
}

.hafdl {
    margin: 0px;
}

.hafdl dt,
.hafdl dd {
    float: left;
    line-height: 30px;
}

.hafdl dd {
    margin-left: 0px;
}

.hafdl dt {
    font-weight: 400;
    width: 100px;
    text-align: right;
    margin-right: 10px;
}

.halfdd .radio-inline input[type=radio] {
    margin-top: 8px
}

.halfdd .radio-inline:first-child {
    margin-right: 20px;
}

.guijibuttonset .btn {
    width: 100%
}

.guijibuttonset {
    width: 120px;
    margin: 0px auto;
    margin-top: 30px;
}

.maptool {
    padding-left: 20px;
    padding-right: 0px;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.8);
    position: absolute;
    right: 15px;
    background: #fff;
    top: 15px;
}

.iconBlock {
    display: block
}

.toolblock {
    float: left;
    line-height: 36px;
    margin-right: 20px;
    cursor: pointer
}

.iconmingxi,
.iconquxian,
.iconceju {
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 5px;
    margin-top: 10px;
}

.iconmingxi {
    background: url(../images/jiankong/iconmingxi.png) no-repeat center;
}

.iconquxian {
    background: url(../images/jiankong/iconquxian.png) no-repeat center
}

.iconceju {
    background: url(../images/jiankong/iconceju.png) no-repeat center
}

.toolblock.active .iconmingxi {
    background: url(../images/jiankong/iconmingxi1.png) no-repeat center;
}

.toolblock.active .iconquxian {
    background: url(../images/jiankong/iconquxian1.png) no-repeat center
}

.toolblock.active .iconceju {
    background: url(../images/jiankong/iconceju1.png) no-repeat center
}

.toolblock.active span {
    color: #1795de
}

.toolblock .checkbox-inline input[type=checkbox] {
    margin-top: 12px;
}

.mingxidiv {
    height: 320px;
    background: #fff;
    position: absolute;
    top: 55px;
    border: 1px #e1e1e1 solid;
    padding: 15px;
    z-index: 1000;
    overflow: hidden;
    left: 55px;
    right: 0px;
}

.mingxidiv .table {
    margin-bottom: 0px;
}

.mingxidiv .table th,
.mingxidiv .table td {
    border-bottom: 1px #ccc solid;
    white-space: inherit
}

.mingxiHead {
    background: #edebeb;
    overflow: hidden;
    margin-top: 22px;
}

.mingxiBody {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    top: 67px;
    overflow: auto
}

.mapguijihere {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.barprogress {
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 50px;
    z-index: 798;
    width: 650px;
    height: 50px;
    border-radius: 5px;
    left: 50%;
    margin-left: -250px;
    color: #fff;
    line-height: 50px;
    font-size: 12px;
}

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

.maildate span {
    margin-right: 20px;
}

.playregion {
    width: 66px;
    position: absolute;
    left: 50%;
    top: 11px;
}

.playregion a:first-child {
    margin-left: 0px;
}

.iconplay,
.iconstop,
.iconpause {
    display: block;
    width: 28px;
    height: 28px;
    float: left;
    margin-left: 10px;
    background: url(../images/jiankong/play_ico.png) no-repeat;
}

.iconplay:hover {
    background-position: -28px 0px
}

.iconstop {
    background-position: 0px -56px
}

.iconstop:hover {
    background-position: -28px -56px
}

.iconpause {
    background-position: 0px -28px
}

.iconpause:hover {
    background-position: -28px -28px
}

.gressregion {
    float: right;
    margin-right: 10px;
}

.bargresswrap {
    width: 100%;
    background: #fff;
    height: 12px;
    border-radius: 6px;
    overflow: hidden
}

.progresshere {
    float: left;
    width: 70px;
    height: 12px;
    margin: 0px 5px;
    margin-top: 19px;
    position: relative
}

.jinduregion {
    background: #e78f08;
    height: 12px;
}

.textblock {
    display: block;
    float: left;
}

.jinduPointBar {
    width: 16px;
    height: 16px;
    border-radius: 7px;
    background: #fff;
    position: absolute;
    margin-top: -14px;
    border: 1px solid #ff863d
}

.doOption.exportsMx {
    position: absolute;
    top: 6px;
    cursor: pointer;
    right: 15px;
}


/*--------------------------------------------------------------------------------------------*/

.picTitle {
    display: block;
    float: left;
    margin-right: 10px;
    width: 110px;
    margin-right: 5px;
    text-align: right;
}

.picAdd {
    float: left
}

.imgWrap {
    width: 158px;
    height: 158px;
    border: 1px #c4c3c3 solid;
    background: url(../images/iconadd.png) no-repeat center;
    background-color: #fff;
    cursor: pointer;
    float: left;
    margin-right: 18px;
    line-height: 158px;
    margin-bottom: 20px;
}

.blackBlock {
    display: none
}

.imgWrap.imgWrap-other {
    position: relative
}

.imgWrap img {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}

.imgWrap.imgWrap-other .blackBlock {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: rgba(0, 0, 0, 0.6);
    z-index: 100;
}

.blackOp {
    position: absolute;
    width: 100%;
    line-height: 30px;
    bottom: 0px;
}

.blackOp a:first-child {
    padding: 0px;
    background: url(../images/yulanicon.png) no-repeat 10px 9px;
    padding-left: 30px;
    text-align: left;
}

.blackOp a {
    display: block;
    float: left;
    width: 50%;
    color: #fff;
    text-align: right;
    background: url(../images/delicon.png) no-repeat 32px 9px;
    overflow: hidden;
    box-sizing: border-box;
    padding-right: 10px
}

.imgWrap.imgWrap-other:hover .blackBlock {
    display: block
}

.iconSheBei {
    display: block;
    width: 0px;
    height: 28px;
    background: #2c92ec;
    float: left;
    color: #fff;
    line-height: 28px;
    text-align: center;
    margin-left: 0px;
}

a.iconSheBei:hover {
    color: #fff
}

.form-control.width9 {
    width: 684px;
    height: 60px;
}


/*input宽度*/

.form-control.widthb {
    width: 126px;
    height: 30px;
}

.date {
    float: left;
}

.fieldsList dl {
    margin-left: 40px;
    float: left
}

.fieldsList dl:first-child {
    margin-left: 0px;
}

.fieldsList dl dt {
    width: 110px;
    float: left;
    line-height: 28px;
    margin-right: 5px;
}

.fieldsList dl dd {
    float: left
}

.addFieldRow {
    overflow: hidden;
}

.addFieldRowfile {
    overflow: hidden;
    margin-top: 20px;
}

.picDetail {
    display: block;
    float: left;
    width: 110px;
    font-weight: bold;
    margin-right: 5px;
}

.blockPicWrap {
    overflow: hidden;
}

.blockPicWrap .blockPic {
    width: 90px;
    height: 90px;
    border: 1px #c4c3c3 solid;
    float: left;
    margin-left: 15px;
    line-height: 90px;
}

.blockPicWrap .blockPic:first-child {
    margin-left: 0px;
}

.blockPicWrap .blockPic img {
    width: 100%;
    display: inline-block
}


.iconDetailCl {
    width: 28px;
    height: 28px;
    margin-top: -5px;
}

.eject.ejectWidthBumen2 {
    width: 600px;
    padding-bottom: 10px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    -moz-transform: translate(-50%, -50%);
    /* Firefox */
    -webkit-transform: translate(-50%, -50%);
    /* Safari 和 Chrome */
    -o-transform: translate(-50%, -50%);
    /* Opera */
}

.message {
    margin-left: 40px;
    margin-top: 20px;
}


/*授权*/

.listAreaWrap:first-child {
    margin-top: 5px;
}

.listAreaWrap {
    margin: 0px 15px;
    border: 1px #d3d3d3 solid;
    overflow: hidden;
    margin-bottom: 10px;
}

.infoListInfo-other {
    background: #fff;
    overflow: hidden;
    padding-bottom: 20px;
}

.infoListInfo-other .listAreaWrap:first-child {
    margin-top: 15px;
}

.headCheck {
    height: 40px;
    background: #eeeeee;
    line-height: 40px;
    position: relative
}

.headCheck.selectList {
    background: #cccfd2
}

.headCheck span {
    font-size: 14px;
    font-weight: bold
}

.headCheck input[type=checkbox] {
    float: left;
    margin-top: 13px;
    margin-right: 10px;
    margin-left: 12px;
}

.arrow {
    left: 95px;
    height: 40px;
    right: 0px;
    position: absolute;
    top: 0px;
}

.arrow .arrow1 {
    width: 0px;
    height: 0px;
    border-left: 8px rgba(0, 0, 0, 0) solid;
    border-right: 8px rgba(0, 0, 0, 0) solid;
    border-top: 5px #808080 solid;
    position: absolute;
    right: 10px;
    margin-top: 18px;
}

.arrow .arrow2 {
    width: 0px;
    height: 0px;
    border-left: 8px rgba(0, 0, 0, 0) solid;
    border-right: 8px rgba(0, 0, 0, 0) solid;
    border-top: 5px #eeeeee solid;
    position: absolute;
    margin-top: 16px;
    right: 10px;
}

.headCheck.selectList .arrow .arrow1 {
    width: 0px;
    height: 0px;
    border-left: 8px rgba(0, 0, 0, 0) solid;
    border-right: 8px rgba(0, 0, 0, 0) solid;
    border-bottom: 5px #808080 solid;
    position: absolute;
    border-top: none;
    margin-top: 16px;
}

.headCheck.selectList .arrow .arrow2 {
    width: 0px;
    height: 0px;
    border-left: 8px rgba(0, 0, 0, 0) solid;
    border-right: 8px rgba(0, 0, 0, 0) solid;
    border-bottom: 5px #cccfd2 solid;
    position: absolute;
    border-top: none;
    margin-top: 18px;
}

.table-other {
    border-collapse: collapse;
    width: 100%;
}

.table-other td {
    border-top: 1px #d3d3d3 solid;
    vertical-align: middle
}

.checkWrap {
    margin-bottom: 10px;
}

.rowCheckWrap {
    overflow: hidden;
    margin-top: 12px;
    padding-bottom: 2px
}

.rowCheckWrap .checkWrap {
    float: left;
    margin-right: 15px;
}

.table-other td input[type=checkbox] {
    float: left;
    margin-top: 2px;
    margin-left: 12px;
    margin-right: 12px
}

.table-other tr:first-child td {
    border-top: none
}

.td1 {
    background: #eeeeee;
    width: 130px;
    border-right: 1px #d3d3d3 solid;
}

.td2 {
    background: #f9f9f9;
    width: 130px;
    border-right: 1px #d3d3d3 solid;
}

.tableArea .table>tbody>tr:nth-of-type(2n) {
    background: #f5f6fa
}

.checkArea {
    display: none
}

.headCheck.selectList~.checkArea {
    display: block
}

.td1 .checkWrap,
.td2 .checkWrap {
    margin-bottom: 0px;
}

.moreDo {
    width: 100px;
    position: absolute;
    background: #fff;
    border: 1px #e3e3e3 solid;
    right: 15px;
    z-index: 10;
    display: none;
    margin-top: -2px
}

.detailResult.tableArea .table>tbody>tr>td .moreDo a {
    display: block;
    height: 30px;
    line-height: 30px;
    color: #333;
    text-decoration: none !important;
    margin-right: 0px;
}

.detailResult.tableArea .table>tbody>tr>td .moreDo a:hover {
    background: #f5f5f5;
    color: #0777c5
}

.tableArea .table>tbody>tr>td:last-child {
    position: relative;
    overflow: inherit
}

.table-hover>tbody>tr:hover {
    background: none
}


/*车辆信息*/

.imgShebei {
    float: left
}

.iconSheBei {
    display: block;
    width: 74px;
    height: 28px;
    background: #2c92ec;
    float: left;
    color: #fff;
    line-height: 28px;
    text-align: center;
    margin-left: 18px;
}

a.iconSheBei:hover {
    color: #fff
}

.assnIconList {
    position: absolute;
    width: 684px;
    background: #fff;
    border: 1px #ccc solid;
    height: auto;
    z-index: 10;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
    padding: 0px 10px;
    margin-top: -6px;
    margin-left: 116px;
}

label.btIconHere {
    float: left;
    display: inline-block;
    line-height: 30px
}

.iconTypy {
    float: left;
    line-height: 30px;
    width: 100%;
    padding: 0px 20px;
    margin-bottom: 15px;
}

.iconTypy .radio-inline {
    display: inline-block;
    float: left;
    margin-right: 20px;
}

.iconTypy .radio-inline input[type=radio] {
    margin-top: 11px;
    left: 0px;
    float: left;
    margin-left: 0px;
}

.contentWrap {
    position: absolute;
    top: 53px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    overflow: auto;
    padding-bottom: 20px;
}

.changIcoimg {
    width: 34px;
    height: 34px;
    text-align: center;
}

.changIcoimg img {
    max-width: 100%
}

.addRow.form-inline .form-group .assnIconList label {
    width: auto
}

.tanchu_xiangxi_main.detailResult {
    width: 640px;
    height: 500px;
    margin-left: -320px;
    margin-top: -250px;
}

.tanchu_xiangxi_main.detailResult-other {
    width: 640px;
    height: 400px;
    margin-left: -320px;
    margin-top: -200px;
}

.tanchu_main_all.detailsW {
    margin: 20px 50px;
}

.picDetailpic {
    display: inline;
    width: 110px;
    font-weight: bold;
    text-align: left;
    margin-right: 5px;
}

.blockPicWrap {
    overflow: hidden;
}

.blockPicWrap .blockPic {
    width: 90px;
    height: 90px;
    border: 1px #c4c3c3 solid;
    float: left;
    margin-left: 15px;
}

.blockPicWrap .blockPic:first-child {
    margin-left: 0px;
}

.blockPicWrap .blockPic img {
    width: 100%
}


.iconDetailCl {
    width: 28px;
    height: 28px;
    margin-top: -5px;
}

.cartype {
    margin-left: -60px;
}


/*.caricon{width: 40px!important;}*/

.carinput {
    display: inline-block;
    margin-right: 6px;
    position: relative;
    top: 1px;
    left: 5px;
}

.carlable {
    float: left;
    position: relative;
    top: 6px;
}

.imgsize {
    width: 24px;
    height: 24px;
}


/*运维管理*/

.chepaimargin {
    margin-left: 0px;
}

.fadongjihao {
    margin-left: 93px;
}

.eject.ejectWidthBumenf {
    width: 600px;
    height: 380px;
    margin-left: -250px;
    margin-top: -180px;
}

.eject.ejectWidthBumenk {
    width: 600px;
    height: 320px;
    margin-left: -250px;
    margin-top: -150px;
}

.datemargin {
    margin-right: 5px;
}

.setlistto {
    display: inline-block;
    width: 110px;
    text-align: right;
    float: left;
    line-height: 28px;
}

.setdivfor {
    float: left;
    width: 400px;
}

.setitem {
    overflow: hidden;
    margin-left: 110px;
    margin-right: 0px;
}

.addContent3 .addRow.form-inline .setitem .form-group {
    margin: 0px;
}

.addContent3 .addRow.form-inline .setitem .form-group:first-child {
    margin-bottom: 10px !important;
}

.setitem .form-group label {
    color: #666
}

.oneinput .form-group {
    margin-left: 33px;
    margin-top: 15px;
}

.promptAddButton.oninput {
    margin-top: 20px;
}

.oninputp {
    text-align: center
}

.setitem.limitv .form-group label {
    width: 60px;
}

.setitem.tiredtime .form-group label {
    width: 134px;
}

.paper {
    position: absolute;
    right: -200px;
    width: 250px;
    top: 0px;
}

.paper_pic {
    height: 120px;
;
    width: 100%;
    border: 1px dashed #d0d0d0;
    line-height: 120px;
    text-align: center;
    cursor: pointer
}

.paper_pic img {
    max-height: 100%;
    max-width: 100%;
    margin-top: -5px;
    display: none
}

.paper_pic_show span {
    display: none
}

.paper_pic_show img {
    display: inline-block
}

.paper_pic span {
    font-size: 16px;
}

.paper_info {
    width: 100%;
    background: #efefef;
    padding: 10px 5px;
    margin-top: 8px;
    overflow: hidden
}

.paper_info dl {
    overflow: hidden;
    margin-bottom: 10px;
}

.paper_info dl dt {
    float: left;
    width: 90px;
    text-align: right
}

.paper_info dl dt,
.paper_info dl dd {
    line-height: 30px;
}

.paper_info dl dd {
    margin-left: 92px;
    margin-right: 0px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 5px;
}

.paper_info dl dd input[readonly] {
    border: none;
    box-shadow: none
}

.paper_info .buttonRegion button {
    width: 60px;
    margin-left: 15px
}

.paper_info .buttonRegion .buttonWrap {
    width: 140px
}


/*费用管理*/

.photoblock.active .nodatastate {
    display: none;
}

.photoblock.active .imgstate {
    display: block;
}

.imglistWrap {
    width: 1100px;
}

.imglisth {
    background: #dee0e2;
    height: 30px;
    width: 1100px;
    margin: 0px auto;
    margin-top: 2px;
    padding: 0px 10px;
}

.checkbox-inline.allon {
    margin-top: 5px;
    float: left
}

.icondelimg {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/imgstate/icondel.png) no-repeat;
    float: left;
    margin-top: 7px;
    margin-right: 5px;
}

.delall {
    float: left;
    line-height: 30px;
    cursor: pointer;
    margin-left: 15px;
}

.picblock {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}

.picwrap {
    width: 200px;
    height: 200px;
    border: 1px #ddd solid;
    background: #fff;
    text-align: center;
    line-height: 200px;
}

.imgcontent {
    width: 1100px;
    padding-top: 20px;
    padding-left: 20px;
    position: absolute;
    top: 30px;
    bottom: 0px;
    left: 50%;
    margin-left: -550px;
    overflow: auto
}

.imgcontent .img-responsive {
    display: inline-block
}

.checkboxon {
    float: left;
    margin-top: 5px;
}

.delall.delpic {
    float: right
}

.viewimg {
    position: absolute;
    left: 50px;
    right: 50px;
    top: 50px;
    bottom: 50px;
    background: #636262;
    text-align: center
}

.viewclose {
    display: block;
    width: 30px;
    height: 30px;
    background: url(../images/imgstate/viewclose.png) no-repeat;
    position: absolute;
    top: 40px;
    right: 40px;
    z-index: 100
}

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

.viewimgtable td {
    vertical-align: middle;
    text-align: center;
    padding: 15px 20px;
    box-sizing: border-box;
}

.viewimgtable td .img-responsive {
    display: inline-block
}

.imglistcaozuo {
    float: right
}

.imglisthtext {
    float: left;
    font-size: 14px;
    line-height: 30px;
}

.feiyongphoto {
    width: 90px;
    height: 90px;
    border: 1px solid #c4c3c3;
    margin-right: 10px;
}

.feiyongmess {
    margin-top: 4px;
}

.piccontainer {
    width: 656px;
    height: 538px;
    margin-left: -278px;
    margin-top: -269px;
    background: #fff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4)
}

.imgcontentListWrap {
    padding: 10px;
    padding-right: 0px;
}

.imgcontentListWrap .img-responsive {
    display: inline-block
}

.imgcontentListWrap .img-responsive {
    margin-top: -8px
}


/*登录页面*/

.loginback {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    background: url(../images/loginback.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    min-width: 1280px;
    min-height: 500px;
}

.loginname {
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    position: relative;
    top: 5px;
}

.logodiv {
    margin-top: 54px;
    margin-left: 70px;
}

.mapinput {
    width: 1038px;
    height: 420px;
    position: relative;
    margin: auto;
    margin-top: 4%;
}

.map {
    width: 520px;
    height: 449px;
    background: url(../images/map.png) no-repeat;
    display: inline-block;
    display: none
}

.loginbox {
    width: 380px;
    height: 374px;
    background-color: #fff;
    border-radius: 10px;
    position: absolute;
    display: inline-block;
    right: 0px;
    bottom: 0px;
}

.zhanghaoicon {
    background: url(../images/zhanghu.png) no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    left: 40px;
    top: 6px;
}
.zhanghaoiconphone {
    background: url(../images/phone.png) no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    left: 40px;
    top: 6px;
}

.mimaicon {
    background: url(../images/mima.png) no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    left: 40px;
    top: 6px;
}

.logininput {
    width: 340px;
    height: 32px;
    border-radius: 5px;
    border: 1px solid #bfbfbf;
    text-indent: 55px;
    margin-left: -4px;
}

.checkpass {
    margin-left: 20px;
}

.zhaohui {
    float: right;
    margin-right: 20px;
    color: #333;
}

.loginbuttun {
    width: 340px;
    height: 36px;
    border-radius: 5px;
    background-color: #0275bb;
    display: inline-block;
    margin-left: 20px;
    padding-left: 148px;
    padding-top: 8px;
    margin-top: 20px;
    font-size: 14px;
    color: #fff;
    cursor: pointer
}

.loginbuttun a {
    color: #fff
}


/*记录页面添加分栏部分*/

.adddiv {
    border-bottom: 1px solid #dfe5e9;
    margin-left: 10px;
    margin-top: 10px;
    height: 42px;
}

.addtitle {
    width: 110px;
    height: 42px;
    display: inline-block;
    text-align: center;
    padding-top: 12px;
    border-top: 1px solid #dfe5e9;
    border-left: 1px solid #dfe5e9;
    border-right: 1px solid #dfe5e9;
    position: relative;
    cursor: pointer
}

.addtitle a {
    color: #333;
}

.addtype {
    border-bottom: none;
    margin-top: 0px;
    background-color: #fff;
    border-top: 2px solid #2799db;
    font-weight: bold;
    position: relative;
    top: 1px;
}

.addtype a {
    color: #2799db;
}

.querymargin {
    margin-top: 54px;
}


/*调度看板*/

.beijingtiao {
    width: 98%;
    height: 10px;
    border-radius: 4px;
    background-color: #43c44f;
    background-image: url(../images/kuohao.png);
    margin-top: -10px;
    position: relative
}

.beijingtiaofanxiang {
    width: 98%;
    height: 10px;
    border-radius: 4px;
    background-color: #ffae20;
    background-image: url(../images/kuohao-fanxiang.png);
    margin-top: -10px;
    position: relative
}

.qidian {
    background: url(../images/qidian.png);
    width: 30px;
    height: 40px;
    display: inline-block;
    float: left;
    margin-top: -35px;
}

.zhongdian {
    background: url(../images/zhongdian.png);
    width: 30px;
    height: 40px;
    display: inline-block;
    float: right;
    margin-top: -35px;
}

.carjuli {
    background: url(../images/caricon.png);
    width: 130px;
    height: 58px;
    margin-bottom: 10px;
    margin-left: 40%;
    color: #fff;
    text-align: center;
    padding-top: 2px;
    position: relative
}

.carjuli-a {
    background: url(../images/busicon.png);
    width: 130px;
    height: 58px;
    margin-bottom: 10px;
    margin-left: 70%;
    color: #fff;
    text-align: center;
    padding-top: 2px;
}

.carjulifanxiang {
    background: url(../images/caricon-fanxiang.png);
    width: 130px;
    height: 58px;
    margin-bottom: 10px;
    margin-left: 10%;
    color: #fff;
    text-align: center;
    padding-top: 2px;
    position: relative
}

.carjuli span {
    font-size: 14px;
    font-weight: bold;
}

.carjulifanxiang span {
    font-size: 14px;
    font-weight: bold;
}

.carjuli-a span {
    font-size: 14px;
    font-weight: bold;
}

.carjuli i {
    font-style: normal;
}

.carjulifanxiang i {
    font-style: normal;
}

.carplace {
    position: absolute;
    padding: 5px 10px;
    background: #1795de;
    border-radius: 5px;
    left: 50%;
    white-space: nowrap;
    top: 10px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    -moz-transform: translate(-50%, -50%);
    /* Firefox */
    -webkit-transform: translate(-50%, -50%);
    /* Safari 和 Chrome */
    -o-transform: translate(-50%, -50%);
    /* Opera */
}

.carplace::after {
    content: "";
    position: absolute;
    width: 9px;
    height: 7px;
    background: url(../images/bottom_bar.png) no-repeat center;
    bottom: -7px;
    left: 50%;
    margin-left: -4.5px;
}

.shangche {
    float: left;
    max-width: 39%
}

.xiache {
    float: right;
    max-width: 39%
}

.licheng {
    float: left;
    position: absolute;
    left: 59.5%;
}

.biaozhu {
    width: 98%;
    padding-top: 16px;
}

.licheng span {
    font-size: 14px;
    font-weight: bold;
}

.chehaoline {
    line-height: 36px;
    font-size: 16px;
}

.chehaoline td {
    width: 198px;
}

.tablelineheight {
    line-height: 30px;
}

.cartable tbody tr td:nth-of-type(2)>div {
    padding-left: 45px;
}

.suducolor {
    color: #1795de;
    font-size: 14px;
}

.suducolor>a {
    margin-left: 10px;
}

.suducolor>a:first-child {
    margin-left: 0px;
}

.messtable {
    width: 100%;
    margin-left: 3%;
    margin-bottom: 6px;
    margin-top: 6px;
}

.messtable td {
    vertical-align: text-bottom;
    padding-top: 4px;
    padding-bottom: 4px;
}

.typename {
    width: 74px;
}

.typemess {
    width: 128px;
}

.messtable-b {
    height: 36px;
    font-size: 16px;
}

.pagingmargin {
    margin-top: 20px;
}

.jiedian- {
    width: 12px;
    height: 12px;
    border-radius: 180px;
    background-image: url(../images/jiedian.png);
    display: inline-block;
    float: inherit;
    position: absolute;
    left: 0px;
}

.jiedianlicheng {
    background: url(../images/jiedianlicheng.png)no-repeat;
    width: 108px;
    height: 100px;
    float: left;
    position: relative;
    top: -100px;
    left: -47px;
    text-align: center;
    color: #ffffff;
    padding: 6px;
}

.jiedianlicheng span {
    font-weight: bold;
    font-size: 14px;
    color: #ffffff;
}

.table-tr-back:nth-of-type(2n) {
    background-color: #fff;
}


/*消息*/

.msgMain {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 43px;
    bottom: 0px;
    background: #fff
}

.leftMsg {
    width: 150px;
    height: 100%;
    border-right: 1px #dfdfdf solid;
    line-height: 30px;
    padding-top: 20px;
}

.iconPointMsg {
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    float: left;
    background: #42474d;
    margin-top: 12px;
    margin-right: 10px;
    margin-left: 15px;
}

.msgRowList {
    overflow: hidden;
    margin-bottom: 10px;
    cursor: pointer;
}

.msgRowList.msgActive {
    background: #ececec;
}

.msgRowList.msgActive span {
    color: #f5902a;
}

.msgRowList.msgActive .iconPointMsg {
    background: #f5902a;
}

.rightMsg {
    position: absolute;
    left: 150px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    padding: 15px;
}

.rightMsg .listDataTitle {
    border: none;
}

.rightMsg .listDataTitle h1 {
    margin-left: 0px;
}

.rightMsg .handleWrap {
    margin-bottom: 0px;
    margin-right: 0px;
}

.msgContent {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 15px;
    padding: 0px 15px;
    overflow: auto;
}

.allSelect {
    float: left;
    margin-top: 5px;
}

.allSelect input[type=checkbox] {
    float: left;
    margin-top: 2px;
    margin-right: 5px;
}

.caozuo {
    overflow: hidden;
    padding-bottom: 10px;
}

.rowMsgHere {
    overflow: hidden;
    line-height: 34px;
}

.rowMsgHere input[type=checkbox] {
    float: left;
    margin-top: 12px;
}

.rowMsgHere a {
    display: block;
    margin-left: 30px;
    overflow: hidden;
}

.biaotiFloat {
    display: block;
    float: left;
}

.floatTime {
    float: right;
    color: #333;
}

.listWrapMsg {
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 10px;
}

.iconMsgState {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    margin-top: 9px;
    margin-right: 5px;
}

.iconweidu .iconMsgState {
    background: url(../images/weidu.png) no-repeat
}

.iconyidu .iconMsgState {
    background: url(../images/yidu.png) no-repeat
}

.biaotispan {
    display: block;
    float: left;
    font-weight: bold;
    color: #333;
}

.contentIntro {
    color: #7c7c7c
}

.biaoti {
    overflow: hidden;
    margin-right: 88px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.msgContent .pageArea.detailPage {
    margin: 0px;
    margin-top: 20px;
}

.msgListShow {
    min-height: 300px;
}

.msgSend {
    width: 360px;
    height: 310px;
    margin-top: -155px;
    margin-left: -180px;
}

.msgSendWidth1 {
    width: 268px !important;
}

.msgSendWidth2 {
    width: 268px !important;
    height: 80px !important;
}

.msgSendContent {
    padding-top: 20px;
}

.msgSendContent .queryIfWrap.form-inline .queryInput .form-group {
    margin-bottom: 15px;
}

.sendButtonWrap {
    width: 110px;
    margin: 0px auto;
    margin-bottom: 5px;
}

.sendButtonWrap button {
    width: 110px;
}

.panel {
    margin-top: 10px;
    border-radius: 0px;
}

.panel-body {
    padding: 10px 15px;
    background: #f7f7f9
}

.panel-body h1 {
    font-size: 16px;
    margin: 0px;
    padding: 0px;
    margin-bottom: 10px;
}

.form-control.widthw {
    width: 300px;
}


/*input宽度*/

.eject.ejectWidthshanchuw {
    width: 420px;
    height: 348px;
    margin-left: -210px;
    margin-top: -174px;
}

.form-control.messageheight {
    display: inline-block;
    height: 80px;
}

.messagemagn {
    font-size: 14px;
    margin-right: 13px;
}

.messagecontent {
    display: block;
    float: left;
    font-size: 14px;
    margin-right: 18px;
}

.sendziti {
    font-size: 14px;
}

.errtishi {
    color: red;
    margin-left: 150px;
    position: relative;
    top: 20px;
}

.titlebarw {
    height: 37px;
    overflow: hidden;
    display: inline-block;
}


/*标题栏*/

.messw {
    margin-top: 0px;
    margin-left: 20px;
    margin-right: 10px;
}

.msgDetail {
    white-space: pre-wrap
}

.personname {
    display: inline-block;
    width: 60px;
    margin-right: 5px
}


/*11111111111111111111111111111111111111111111111111111111111111111-----------------------------------------*/


/*用车申请进度弹框*/

.paichejindu {
    height: 100px;
    border-bottom: 1px solid #dfe4e6;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 35px;
}

.tijiaoshenqing {
    width: 86px;
    height: 40px;
    background: url(../images/jindu-back1.png) no-repeat;
    text-align: left;
    padding-top: 20px;
    background-position: top;
    display: inline-block;
    margin-right: -5px;
    color: #666;
}

.butongguo {
    width: 86px;
    height: 40px;
    background: url(../images/butongguo.png) no-repeat;
    text-align: left;
    padding-top: 20px;
    background-position: top;
    display: inline-block;
    margin-right: -5px;
    color: #36a06a;
}

.jindutiao {
    width: 86px;
    height: 40px;
    background: url(../images/jindu-back.png) no-repeat;
    text-align: left;
    padding-top: 20px;
    background-position: top;
    display: inline-block;
    margin-right: -5px;
    color: #36a06a;
}

.zhuangtai {
    width: 30px;
    height: 40px;
    background: url(../images/circle1.png) no-repeat;
    text-align: left;
    padding-top: 20px;
    background-position: top left;
    display: inline-block;
    margin-right: -5px;
    color: #666;
}

.zhuangtai- {
    width: 30px;
    height: 40px;
    background: url(../images/circle.png) no-repeat;
    text-align: left;
    padding-top: 20px;
    background-position: top left;
    display: inline-block;
    margin-right: -5px;
    color: #36a06a;
}

.jindutiao- {
    width: 30px;
    height: 40px;
    background: url(../images/circle.png) no-repeat;
    text-align: left;
    padding-top: 20px;
    background-position: top left;
    display: inline-block;
    margin-right: -5px;
    color: #36a06a;
}

.wanjiemess {
    width: 100%;
    background: url(../images/circle.png)no-repeat;
    background-position: left top;
    padding-left: 20px;
}

.jinduziti {
    font-size: 12px;
    color: #36a06a;
}

.jindumessziti {
    font-size: 12px;
    color: #666;
}

.jindumessjuli {
    margin-left: 20px;
}

.paichemess {
    padding: 20px;
    border-bottom: 1px solid #dfe4e6;
}

.shouqi {
    width: 100%;
    height: 34px;
    display: inline-block;
    padding-top: 8px;
    text-align: center;
    color: #666;
}

.xiangshang {
    margin-top: -2px;
    margin-left: 6px;
}

.zhankai {
    display: none;
}

.timewidth {
    width: 140px;
}

.numberwidth {
    width: 80px;
}

.checkwidth {
    width: 30px;
}

.eject.morelistEject {
    width: 440px;
    height: 260px;
    margin-top: -130px;
    margin-left: -220px;
}

.morelistarea {
    width: 100%;
    height: 162px;
    overflow: auto;
    padding: 10px;
    word-break: break-all;
}

.ejectInfo.ejectTrue .ejectBt {
    overflow: hidden;
    width: 110px;
    margin: 0px auto;
}

.ejectBt .btn {
    width: 100%;
    padding: 0px;
    height: 30px;
    line-height: 30px;
    background: #1795de;
    border: none
}


/*加载中*/

.jiazai {
    text-align: center;
    margin-top: 20px;
    font-size: 14px;
}

.gif {
    width: 30px;
    height: 30px;
    margin-bottom: 10px;
}

.loadings {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 100;
    background: rgba(255, 255, 255, 0.8);
    top: 0px;
}

.loadingwrap {
    position: absolute;
    width: 200px;
    height: 116px;
    top: 50%;
    left: 50%;
    margin-left: -100px;
    margin-top: -58px;
    border-radius: 5px
}

.loadinggif {
    width: 60px;
    height: 60px;
    background: url(../images/loadin.gif) no-repeat center;
    margin-left: 70px;
    margin-top: 15px;
}

.loadingtext {
    text-align: center;
    color: #000;
    font-size: 16px;
    margin-top: 10px;
}


/*批量导入*/

.daoru {
    overflow: hidden;
    line-height: 22px;
    margin-top: 15px;
}

.ejectInfo.ejectExports {
    margin-top: 15px;
}

.ejectInfo.ejectExports .queryInput label {
    margin-left: 58px;
}

.ejectInfo.ejectExports .queryInput .form-control {
    border-radius: 0px;
    width: 214px;
}

.daoru input[type=file] {
    float: left;
    width: 200px;
    margin-right: 15px;
    margin-left: 58px;
}

.daoru a {
    display: block;
    float: left;
    text-decoration: underline !important
}

.eject.daoruEject {
    width: 400px;
    height: 200px;
    margin-top: -100px;
    margin-left: -200px;
}


/*命令*/

.eject.commandEject {
    width: 642px;
    height: 500px;
    margin-left: -321px;
    margin-top: -250px;
}

.wrapcommand {
    position: absolute;
    width: 100%;
    top: 38px;
    bottom: 0px;
}

.commandLeft {
    width: 180px;
    overflow-y: auto;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    background: #fbfcfd;
    border-right: 1px #e0e0e0 solid;
}

.commandLeft a {
    display: block;
    line-height: 40px;
    padding-left: 20px;
    color: #333
}

.commandLeft a.onactive {
    background: #e7e7e7;
    color: #067abb;
}

.commandRight {
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    left: 180px;
    overflow: auto;
    padding: 0px 30px;
    padding-top: 20px;
    padding-bottom: 15px;
}

.errText.comandterr {
    height: 30px;
    line-height: 30px;
}

.errText {
    text-align: center;
    color: #F00;
    line-height: 17px;
    height: 17px;
}

.commandRight dl {
    overflow: hidden;
    margin-bottom: 20px;
}

.commandRight dl dt {
    float: left;
    font-weight: 400;
    width: 120px;
    text-align: right;
}

.commandRight dl dd {
    margin-left: 94px;
    color: #686868;
    word-break: break-all;
}

.commandRight dl.commandDl dd .form-control {
    height: 32px;
    width: 200px;
    border-radius: 0px;
}

.commandBt {
    width: 140px;
    margin: 0px auto;
    margin-top: 30px;
}

.commandBt button {
    width: 100%;
    border-radius: 0px;
}

.commandBt .btn.btn-default {
    background: #067abb;
    color: #fff
}


/*个人中心*/

.listDataTitle.nolineThis {
    border: none
}

.userCenter {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 10px;
    background: #fff;
    overflow: auto
}

.userTouxiang {
    width: 127px;
    height: 127px;
    background: url(../images/gerenzhongxin/touxiangUser.png) no-repeat;
    float: left;
    margin-top: 14px;
}

.userInfoWrap h1 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
}

.userInfoWrap {
    margin-left: 177px;
}

.mainUser {
    overflow: hidden;
    padding: 30px 40px;
    border-bottom: 1px #e1e1e1 solid;
    margin: 0px 10px
}

.caozuoUser .btn.btn-default {
    padding: 0px 12px;
    height: inherit;
    line-height: 24px;
    margin-left: 20px;
}

.caozuoUser .btn.btn-default:first-child {
    margin-left: 0px;
}

.caozuoUser {
    margin-top: 22px;
}

.phoneNum {
    font-size: 14px;
}

.mainInfoFor {
    padding: 40px 0px;
    padding-top: 0px;
}

.mainInfoFor dl {
    float: left;
    margin-right: 40px;
}

.mainInfoFor dl dt {
    margin-right: 5px;
}

.mainInfoFor dl dt,
.mainInfoFor dl dd {
    float: left
}

.rowInfoHere {
    overflow: hidden;
    border-bottom: 1px #e1e1e1 solid;
    padding-top: 20px;
    padding-left: 40px;
    padding-right: 40px;
}

.rowInfoHere:last-child {
    border: none
}

.singnTi {
    color: #fff;
    display: block;
    line-height: 30px;
    margin-left: 10px;
    float: left
}

.passEject {
    width: 360px;
    height: 290px;
    margin-left: -180px;
    margin-top: -145px;
}

.phoneEject {
    width: 360px;
    height: 180px;
    margin-left: -180px;
    margin-top: -90px;
}

.ejectPass {
    margin-top: 18px;
}

.ejectPass .row {
    margin: 5px 30px
}

.ejectPass .row .form-inline .form-group label {
    width: 60px;
}

.ejectPass .row .form-inline .form-group .form-control {
    width: 200px;
}

.ejectPass .loginBt {
    width: 140px;
    margin: 0px auto
}

.logoedit img {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-top: 5px;
    margin-left: 5px
}

.icoedit img {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-top: 4px;
    margin-left: 4px
}

.btn.btnedit {
    background: #595b5f;
    color: #fff;
    margin: 0px auto;
    padding: 0px;
    width: 50px;
    height: 24px;
    line-height: 22px;
    margin-left: 75px;
    margin-top: 15px;
}

.editblock dl {
    width: 200px;
}

.editblock dt,
.editblock dd {
    width: 100%;
}

.editblock dt.logoedit,
.editblock dt.icoedit {
    width: 40px;
    height: 40px;
    background: #c9c9c9;
    margin-left: 80px;
}

.introedit {
    text-align: center;
    margin-top: 10px;
    color: #666
}

.editblock dt.platformsign {
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.dingzhititle {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 30px;
}

.dingzhititle .pointtext {
    font-size: 12px;
    color: #888;
    margin-left: 10px;
    font-weight: 400
}

.keepbt {
    float: left;
    margin-top: 20px;
}

.platformname .editthis {
    display: block;
    width: 100%;
    height: 30px;
    border: 1px solid #f5902a;
    line-height: 30px;
    margin-top: 5px;
    text-align: left;
    padding: 0px 5px;
    white-space: nowrap;
    overflow: hidden;
}

.btn.btnfinish {
    position: absolute;
    background: #000;
    color: #fff
}

.iconphone {
    display: block;
    float: left;
    width: 14px;
    height: 14px;
    background: url(../images/gerenzhongxin/iconphone.png) no-repeat center;
    margin-top: 3px;
    margin-right: 5px;
}

.phoneNum {
    font-weight: bold
}

.rowdl {
    overflow: hidden;
    margin-bottom: 5px;
}

.rowdl dt {
    font-weight: 400
}

.rowdl dt,
.rowdl dd {
    float: left
}

.leftusrinfo {
    float: left
}

.leftusrinfo:first-child {
    margin-right: 70px;
}

.modifyrow {
    margin: 0px 10px;
    border-bottom: 1px #e1e1e1 solid;
    overflow: hidden;
    padding: 30px 15px;
}

.blockmodify {
    float: left;
    width: 33.3%;
    padding: 0px 15px;
}

.iconimg {
    display: block;
    float: left;
    width: 50px;
    height: 50px;
}

.modifyinfo {
    margin-left: 70px
}

.iconphones {
    background: url(../images/gerenzhongxin/iconphones.png) no-repeat center
}

.iconpass {
    background: url(../images/gerenzhongxin/iconpass.png) no-repeat center
}

.iconway {
    background: url(../images/gerenzhongxin/iconway.png) no-repeat center
}

.icontitle {
    background: url(../images/gerenzhongxin/icont.png) no-repeat center
}

.modifytitle {
    font-weight: bold;
    font-size: 14px;
    margin: 0px;
    height: 26px;
    line-height: 26px;
    margin-bottom: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.modifytitle.platformname {
    overflow: inherit;
}

.introDescrip {
    color: #666666;
    word-break: break-all;
}

.handleBt.modifybtn {
    margin-left: 0px;
    height: 26px;
    line-height: 26px;
    padding: 0px;
    margin-top: 16px;
    color: #666666;
    float: none;
    width: 70px;
    text-align: center;
    display: block;
    background: #f4f4f4;
    border: 1px #e1e1e1 solid;
}

.handleBt.modifybtn.modifybtnother {
    background: #1795de;
    color: #fff
}

.borderthis {
    border: 1px solid #e1e1e1
}

.bgthis {
    background: #d7d7d7
}

.bgthis img,
.borderthis img {
    max-height: 100%;
    max-width: 100%;
    vertical-align: length
}

.bgthis,
.borderthis {
    text-align: center;
    line-height: 46px;
}

.wrongWarn {
    color: #F00;
    margin-top: 10px
}

.rightSideBody .titlebar {
    background: #fff
}

.rightSideBody {
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
}

.passEject .promptDleteButton.promptAddButton,
.phoneEject .promptDleteButton.promptAddButton {
    margin-top: 18px;
    margin-bottom: 5px;
}

.lefttobt,
.righttobt {
    position: absolute;
    width: 40px;
    height: 100px;
    cursor: pointer;
    top: 50%;
    margin-top: -50px;
}

.lefttobt {
    left: 10px;
    background: url(../images/leftarrow.png) no-repeat center;
}

.righttobt {
    right: 15px;
    background: url(../images/rightarrow.png) no-repeat center;
}

.eject.setwayEject {
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    -moz-transform: translate(-50%, -50%);
    /* Firefox */
    -webkit-transform: translate(-50%, -50%);
    /* Safari 和 Chrome */
    -o-transform: translate(-50%, -50%);
    /* Opera */
    padding-bottom: 10px;
}

.eject.setwayEject input[type=radio],
.eject.setwayEject input[type=checkbox] {
    margin: 2px 0 0;
    float: left;
    margin-right: 4px
}

.eject.setwayEject input[type=checkbox] {
    margin-left: -20px;
}

.row.radio-label label:first-child {
    padding-left: 0px
}

.blockmodify.blockmodify-way .modifyinfo {
    float: left;
    margin-left: 20px
}

.wayCode-show {
    width: 88px;
    height: 88px;
    float: left;
    border: 1px solid #d0d0d0;
    margin-left: 10px
}

.wayCode-show img {
    max-width: 100%;
    max-height: 100%;
}

.row.radio-label {
    overflow: inherit
}


/*sim弹窗*/

.simEject {
    width: 800px;
    height: 500px;
    margin-left: -400px;
    margin-top: -250px;
}

.simhtml {
    position: absolute;
    top: 38px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

.bitian {
    color: red;
    font-size: 20px;
    float: right;
    margin-top: -2px;
}


/*数据字典*/


.datalist {
    position: absolute;
    top: 38px;
    bottom: 30px;
    padding: 0px 10px;
    width: 100%;
}

.datalista {
    display: block;
    padding: 10px 0px;
    color: #666;
    border-bottom: 1px solid #e1e1e1;
}

.yongche-butt {
    margin-bottom: 10px;
}

.yongche-check {
    width: 30px;
}

.yongche-xiugai {
    width: 60px;
}

.ejectaddZidian {
    width: 630px;
    height: 270px;
    margin-left: -315px;
    margin-top: -135px;
}


/*报警*/

.weilanbdTable.baojingtanle {
    height: 366px;
}

.weilanbdTable.baojingtanle table.table td，.weilanbdTable.baojingtanle table.table th {
    border: none;
    height: auto;
    line-height: inherit;
    padding: 6px
}

.weilanbdTable.baojingtanle table.table td input[type=checkbox],
.weilanbdTable.baojingtanle table.table th input[type=checkbox] {
    margin: 0px;
    vertical-align: middle
}

.baojingif {
    float: left
}

.baojingbtn {
    float: right
}

.weilanejectContent .form-inline {
    overflow: hidden
}

.mapbj .weilanejectContent .form-inline {
    overflow: hidden;
    margin-top: 15px
}

.voicelike {
    float: left;
    border: 1px solid #e1e1e1;
    height: 24px;
    background: #f4f4f4;
    line-height: 24px;
    padding: 0px 12px;
    cursor: pointer;
}

.iconvoiceLike {
    display: block;
    width: 18px;
    height: 18px;
    float: left;
    background: url(../images/voiceopen.png) no-repeat center;
    margin-top: 3px;
    margin-right: 5px;
}

.novoicespan {
    display: none;
}

.baojingbtn .btn.btn-default,
.chulibj .btn.btn-default {
    border: 1px #e1e1e1 solid;
    background: #f4f4f4;
    color: #333;
    height: 24px;
    margin-left: 7px;
    padding: 0px 12px;
}

.chulibj .btn.btn-default:first-child {
    margin-left: 0px;
}

.chulibj {
    margin-top: 15px;
    margin-bottom: 10px;
}

.weilanbdTable.baojingtanle table.table td {
    border: none
}

.baojingdo {
    width: 620px;
    height: 500px;
    margin-left: -310px;
    margin-top: -250px;
    z-index: 100;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3)
}

.handleBj {
    overflow: hidden;
}

.handleBj dl {
    float: left;
    margin-left: 15px;
    margin-bottom: 0px;
    margin-top: 10px;
}

.handleBj dl dt,
.handleBj dl dd {
    float: left
}

.handleBj dl:first-child {
    margin-left: 0px;
}

.voicelike.voiceno .voicespan {
    display: none;
}

.voicelike.voiceno .novoicespan {
    display: inline;
}

.voicelike.voiceno .iconvoiceLike {
    background: url(../images/voiceclose.png) no-repeat center;
}


/*车辆绑定*/

.eject.binding {
    width: 1000px;
    height: 470px;
    margin-left: -500px;
    margin-top: -235px;
}

.ejectBindContent {
    width: 820px
}

.bindlistWrap {
    margin: 10px;
}

.form-control.selectWdthbind {
    width: 110px;
    height: 28px
}

.tableShow-other {
    height: 310px;
    overflow: auto;
}

.bindlistWrap .queryIf {
    padding-left: 0px;
    padding-right: 0px;
}

.bindlistWrap .paging {
    margin-top: 10px;
}

.bindnum {
    position: absolute;
    right: 0px;
    width: 175px;
    border: 1px #d3d3d3 solid;
    top: 37px;
    bottom: 14px;
}

.bindnumtitle {
    height: 30px;
    width: 100%;
    background: #eae9e9;
    line-height: 30px;
    text-align: center;
    color: #666;
}

.bindnumbody {
    position: absolute;
    top: 30px;
    width: 100%;
    bottom: 0px;
    overflow: auto;
    padding: 4px;
}

.equipname:first-child {
    margin-top: 0px;
}

.equipname {
    padding: 0px 4px;
    height: 28px;
    line-height: 28px;
    background: #f6f4f4;
    border-radius: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.equipname .btnclose {
    margin-top: 2px;
}

.equipnum {
    display: block;
    margin-left: 0px;
    margin-right: 14px;
    overflow: hidden;
    white-space: nowrap;
}


/*二维码*/

.ewmWe {
    width: 100px;
    height: 130px;
    position: fixed;
    bottom: 20px;
    left: 59px;
    border: 2px #ccc solid;
    background: #fff;
}

.introEwm {
    height: 28px;
    background: #ebebea;
    text-align: center;
    line-height: 28px;
}

.ewmArea img {
    width: 100%;
    height: 100%
}


/*上传*/

.upphoto.imgup .imgBlock img {
    margin-top: -5px;
    width: auto;
    height: auto
}

.formup {
    overflow: hidden;
    margin: 0px 10px;
    margin-top: 10px
}

.upphoto.imgup {
    margin-top: 20px;
}

.formup .form-group label {
    font-weight: 400;
    width: 60px;
    float: left;
    line-height: 30px;
}

.formup .form-group textarea.form-control {
    width: 400px
}

.ejectWidthup1 .contentEject {
    padding: 0px 30px
}

.delimgicon {
    display: block;
    width: 18px;
    height: 18px;
    background: url(../images/icon-del.png) no-repeat center;
    position: absolute;
    right: -7px;
    top: 1px;
    cursor: pointer;
    background-size: contain
}

.upphoto.imgup .photoblock {
    position: relative
}

.upphoto.imgup .imgWrap {
    width: 150px;
    height: 110px;
    margin-right: 0px;
    margin-left: 18px;
    line-height: 110px;
}

.upphoto.imgup .imgWrap:first-child {
    margin-left: 0px;
}

.upphoto.imgup .imgWrap .blackOp a {
    background-position: 22px 9px
}

.upphoto.imgup .imgWrap .blackOp a:first-child {
    background-position: 10px 9px
}

.imgarea {
    position: relative;
    width: 100%;
    height: 100%
}


/*视频弹窗*/

.ejectWidthvideo {
    left: 50px;
    top: 50px;
    bottom: 50px;
    right: 50px
}


/*道路限速*/

.checkLabel {
    position: relative;
    padding-left: 20px;
}

.checkLabel input[type=checkbox] {
    position: absolute;
    left: 0px;
    top: 0px;
    margin: 0px;
    margin-top: 1px;
}

.ejectInfo .intro-sign {
    text-align: center;
    color: #888;
    margin-top: 20px;
    margin-bottom: 15px
}

.roadSetWrap {
    width: 400px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    -moz-transform: translate(-50%, -50%);
    /* Firefox */
    -webkit-transform: translate(-50%, -50%);
    /* Safari 和 Chrome */
    -o-transform: translate(-50%, -50%);
}

.roadSetWrap .ejectInfo {
    margin: 0px 20px;
    padding-bottom: 20px
}

.roadSetContent {
    margin-top: 10px;
    overflow: hidden;
    border: 1px solid #ddd;
    padding: 10px;
}

.roadSetContent dl {
    float: left;
    width: 50%;
    margin-bottom: 0px;
    margin-top: 10px
}

.roadSetContent dl:nth-of-type(1) {
    margin-top: 0px
}

.roadSetContent dl:nth-of-type(2) {
    margin-top: 0px
}

.roadSetContent dl dt {
    float: left;
    font-weight: 400;
    width: 60px;
    text-align: right;
    padding-right: 8px;
    line-height: 24px;
}

.roadSetContent dl dd {
    margin-left: 60px;
    float: none
}

.roadSetContent dl dd input {
    width: 100%;
    background-color: #fff;
    border: 1px solid #ccc;
    line-height: 24px;
    padding: 0px 5px
}

.roadSetWrap .ejectBt {
    overflow: hidden;
    margin-top: 15px;
}

.roadSetWrap .ejectBt button[type=button].btn {
    float: none;
    margin: 0px auto;
    display: block;
    width: 110px;
}

.setInput.disable {
    color: #888
}

.setInput.disable input[disabled] {
    background: #ebebeb
}


/*奥迪定制*/

.imgli {
    max-width: 800px;
    padding-bottom: 0px;
    margin-top: -221px;
}

.imgli-list {
    padding-left: 8px;
    padding-top: 8px;
}

.imgli-list li {
    float: left;
    width: 190px;
    height: 190px;
    margin-right: 8px;
    margin-bottom: 8px;
}

.imgli-list .imgonly li {
    width: 380px;
    height: 380px;
}

.imgli-list li img {
    width: 100%;
    height: 100%
}

.viewer-toolbar {
    width: 400px !important
}

.icon-paiqi {
    background: url(../images/nav2/houtai/paiqi1.png) no-repeat center
}

.mainImportantLeft>.nav2Block.activeNav .icon-paiqi {
    background: url(../images/nav2/houtai/paiqi.png) no-repeat center
}

.icon-ruku {
    background: url(../images/nav2/houtai/ruku1.png) no-repeat center
}

.mainImportantLeft>.nav2Block.activeNav .icon-ruku {
    background: url(../images/nav2/houtai/ruku.png) no-repeat center
}

.icon-chuku {
    background: url(../images/nav2/houtai/chuku1.png) no-repeat center
}

.mainImportantLeft>.nav2Block.activeNav .icon-chuku {
    background: url(../images/nav2/houtai/chuku.png) no-repeat center
}

.panel-form {
    width: 100%;
    height: 842px;
    background: #fff;
    margin-bottom: 30px;
    position: relative;
    padding: 30px;
    color: #000
}

.top-name-text>p {
    font-size: 12px;
    font-weight: bold
}

.top-name-text>p:first-child {
    font-size: 14px;
}

.top-name-logo {
    width: 131px;
    height: 78px;
    position: absolute;
    top: 30px;
    right: 30px;
    background: url(../images/dingzhi/audi/audiLogo.png) no-repeat center;
    background-size: 100% 100%
}

.panel-form-title>p {
    text-align: center;
    font-weight: bold;
    font-size: 16px
}

.panel-form-title>p:first-child {
    font-size: 18px
}

.panel-form-input input {
    border: none;
    outline: none;
    flex: 1;
    height: 30px;
    font-size: 14px
}

.panel-form-input {
    display: flex;
    align-items: center
}

.panel-form-input>span,
.panel-form-input input,
.panel-form-title-padding {
    font-size: 14px
}

.panel-form-table table {
    width: 100%;
    border-collapse: collapse
}

.panel-form-table table td {
    border: 1px solid #000;
    padding: 5px 8px;
    font-size: 14px;
    text-align: center
}

.panel-form-table+.panel-form-table {
    margin-top: -1px
}

.panel-form-table table td.panel-form-table-padding {
    padding-top: 0px;
    padding-bottom: 0px
}

.panel-form-table table td.panel-form-title-padding {
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px
}

.panel-form-input.panel-form-form {
    padding: 0px 10px
}

.panel-form-table table td>p {
    text-align: center
}


/*input宽度*/


/*input宽度*/

.form-control.width3 {
    width: 320px;
    height: 70px;
}


/*input宽度*/

.form-control.width4 {
    width: 260px;
    height: 30px;
}


/*input宽度*/

.form-control.width5 {
    width: 260px;
}


/*input宽度*/

.form-control.width6 {
    width: 184px;
}


/*input宽度*/

.form-control.width7 {
    width: 682px;
}


/*input宽度*/

.form-control.width8 {
    width: 140px;
}


/*input宽度*/

.form-control.width10 {
    width: 182px;
}


/*input宽度*/

.form-control.width11 {
    width: 233px;
}


/*input宽度*/

.form-control.widthdizhi1 {
    width: 266px;
}


/*input宽度*/

.form-control.widthdizhi2 {
    width: 160px;
}


/*input宽度*/

label {
    margin-right: 5px;
    font-weight: 400
}

.btn {
    padding: 4px 12px;
    border-radius: 2px;
}

.btn.btn-info[disabled] {
    background: #b5b5b5;
    border-color: #b5b5b5
}

.btn.btn-default {
    background: #f5f5f5
}

.btn.btn-default:active {
    background: #f5f5f5
}

.btn.btn-info:active {
    background: #1795de
}

.table tr td a {
    margin-left: 1px;
}

.table tr td a:first-child {
    margin-left: 0px;
}

.table>tbody>tr:nth-child(even) {
    background: #f1f4f7
}

.table>thead>tr>th {
    background: #dee4ea;
    font-weight: 400;
    border-bottom: none
}

.widthAuto {
    width: auto !important
}

.lineHeight {
    line-height: normal !important
}

p {
    margin: 0px;
    margin-bottom: 4px;
}

textarea {
    resize: none
}

img {
    display: inline-block;
    vertical-align: middle
}

.table p {
    margin: 0px;
}


/*导航---------------------------*/

.allHtmlWrap {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    min-width: 1320px;
    min-height: 500px;
    overflow: hidden
}

.navClass {
    height: 80px;
    background: url(../images/nav/nav_bg.png) repeat-y right, url(../images/nav/navbg.png) repeat
}

.navControl {
    overflow: hidden;
    margin: 0px 20px;
}



.logo img {
    width: 56px;
    height: 56px;
    margin-top: 12px;
    float: left
}

.logoText {
    display: block;
    float: left;
    line-height: 80px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    margin-left: 15px;
}


/*导航条*/

.navTool {
    float: right;
    margin-right: 30px;
}

.navTool a {
    display: block;
    float: left;
    color: #fff;
    margin-left: 10px;
    height: 80px;
}

.navTool a:first-child {
    margin-left: 0px;
}

.toolList {
    width: 93px;
    height: 69px;
    margin-top: 5.5px;
    overflow: hidden
}

.navTool a span {
    display: block;
    text-align: center
}

.navTool a.activeNav .toolList {
    background: url(../images/nav/nav_hover.png) no-repeat
}


/*导航条 end*/

.navRight {
    float: right
}

.navRight a {
    display: block;
    float: left;
    color: #fff;
    font-size: 12px;
    margin-left: 18px;
    height: 80px;
}

.navRight a:first-child {
    margin-left: 0px;
}

.navRight a span.iconUserSign {
    display: block;
    text-align: center;
    max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left
}

.userSignWrap {
    overflow: hidden;
    margin: 0px auto
}

.signhere {
    display: block;
    width: 10px;
    height: 6px;
    float: left;
    position: relative;
    margin-top: 5px;
    margin-left: 5px
}

.signhere:after {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-top: 6px #fff solid;
    border-left: 5px rgba(0, 0, 0, 0) solid;
    border-right: 5px rgba(0, 0, 0, 0) solid;
    top: 0px;
}

.icon-alarm {
    background: url(../images/nav/baojing.png) no-repeat
}

.blockSpan {
    display: block;
    text-align: center
}

.navRight .badge {
    position: absolute;
    background: #F00;
    padding: 0px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    top: 16px;
    margin-left: 20px;
}


/*主区域---------------------*/

.mainImportant {
    position: absolute;
    top: 80px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    font-size: 12px;
}


/*主区域class*/

.mainImportantLeft {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 200px;
    background: #eef2f6;
}


/*左侧二级导航*/

.toggleNav {
    display: block;
    position: absolute;
    top: 50%;
    width: 19px;
    height: 41px;
    background: url(../images/nav2/hide_nav.png) no-repeat center;
    right: -18px;
    z-index: 100;
    margin-top: -20.5px
}

.toggleNav.active {
    background: url(../images/nav2/show_nav.png) no-repeat center;
}

.nav2Block {
    overflow: hidden
}

.mainImportantLeft>.nav2Block>a {
    display: block;
    overflow: hidden;
    height: 40px;
    padding: 0px 10px;
    line-height: 40px;
    color: #384555;
    position: relative
}

.mainImportantLeft>.nav2Block>a>i.iconLeft {
    display: block;
    width: 19px;
    height: 19px;
    margin-top: 11px;
    float: left;
    background-size: contain !important;
}


/*二级菜单左侧图标*/

.mainImportantLeft>.nav2Block>a>i.iconright {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/nav2/nav2right.png) center no-repeat;
    position: absolute;
    right: 10px;
    top: 10px;
}

.toggleArea {
    height: 24px;
    overflow: hidden;
    background: #d0d9e2;
    cursor: pointer;
}

.toggleArea i {
    display: block;
    width: 20px;
    height: 20px;
    margin: 0px auto;
    margin-top: 2px;
    background: url(../images/nav2/toggle.png) no-repeat center
}

.navactive .toggleArea i {
    background: url(../images/nav2/toggle1.png) no-repeat center
}

.mainImportantLeft.navactive {
    width: 62px;
}

.mainImportantLeft.navactive .nav2Block a span {
    display: none
}






/*二级选中背景*/

.mainImportantLeft>.nav2Block.activeNav>a>i.iconright {
    background: url(../images/nav2/nav2down.png) center no-repeat
}

.nav2List {
    background: #ffffff;
    display: none
}

.nav2List>a {
    display: block;
    color: #384555;
    line-height: 40px;
    padding-left: 55px;
    font-size: 14px;
}

.nav2List>a.activeNav {
    color: #0376bb
}

.mainImportantRight {
    position: absolute;
    left: 200px;
    top: 0px;
    bottom: 0px;
    right: 0px;
}


/*主区域右侧*/

.mainImportantRight.rightNomal {
    left: 0px;
}


.mainImportantRight.rightNomal {
    left: 0px;
}

.titlebar {
    height: 30px;
    border-bottom: 1px #ebebeb solid;
    overflow: hidden
}


/*标题栏*/

.titlebar h1 {
    font-size: 14px;
    height: 16px;
    margin-top: 6.5px;
    line-height: 16px;
    border-left: 4px #1795de solid;
    margin-left: 10px;
    padding-left: 8px;
    float: left
}

.queryIf {
    overflow: hidden;
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 10px;
}

.queryWrap {
    float: left
}

.form-inline.queryWrap .queryButton {
    float: left
}

.form-inline.queryWrap .queryButton .checkbox-inline input[type=checkbox] {
    margin-top: 3px
}

.form-group[data-input=searchinput] {
    display: none;
}

.queryButton {
    float: right;
    margin-bottom: 10px
}


/*列表查询按钮*/

.queryButton .btn {
    margin-left: 10px;
}

.queryButton .btn:first-child {
    margin-left: 0px;
}


/*表格区域*/


/*分页*/

.paging {
    overflow: hidden;
    margin: 0px 10px;
}

.pageSum {
    float: left;
    line-height: 36px;
    color: #666
}

.pageRegion {
    float: right
}

.paging .pagination {
    margin: 0px;
}

.queryAndTable {
    position: absolute;
    top: 37px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding-bottom: 15px;
}


/*分页 end*/


/*二级导航图标*/

.icon-bumen {
    background: url(../images/nav2/houtai/bumen1.svg) no-repeat center
}

.icon-juese {
    background: url(../images/nav2/houtai/juese1.svg) no-repeat center
}

.icon-renyuan {
    background: url(../images/nav2/houtai/renyuan1.svg) no-repeat center
}

.icon-cheliang {
    background: url(../images/nav2/houtai/cheliang1.svg) no-repeat center
}

.icon-jiashiyuan {
    background: url(../images/nav2/houtai/jiashiyuan1.svg) no-repeat center
}

.icon-baojing {
    background: url(../images/nav2/houtai/baojing1.png) no-repeat center
}

.icon-yongcheshenqing {
    background: url(../images/nav2/diaodu/shenqing1.svg) no-repeat center
}

.icon-jiankong {
    background: url(../images/nav2/diaodu/jiankong1.svg) no-repeat center
}

.icon-diaodukanban {
    background: url(../images/nav2/diaodu/diaodu1.svg) no-repeat center
}

.icon-quyu {
    background: url(../images/nav2/diaodu/quyuguanli1.png) no-repeat center
}

.icon-zidian {
    background: url(../images/nav2/houtai/zidian1.svg) no-repeat center
}

.icon-rizhi {
    background: url(../images/nav2/houtai/rizhi1.svg) no-repeat center
}

.icon-xitongshezhi {
    background: url(../images/nav2/houtai/xitongshezhi1.svg) no-repeat center
}

.icon-weizhang {
    background: url(../images/nav2/yunwei/weizhang1.svg) no-repeat center
}

.icon-baoyang {
    background: url(../images/nav2/yunwei/baoyang1.svg)no-repeat center
}

.icon-nianjian {
    background: url(../images/nav2/yunwei/nianjian1.svg) no-repeat center
}

.icon-baoxian {
    background: url(../images/nav2/yunwei/baoxian1.svg) no-repeat center
}

.icon-weixiu {
    background: url(../images/nav2/yunwei/weixiu1.svg) no-repeat center
}

.icon-shigu {
    background: url(../images/nav2/yunwei/shigu1.svg) no-repeat center
}

.icon-shipin {
    background: url(../images/nav2/diaodu/iconvideo1.svg) no-repeat center
}

.icon-piliangshezhi {
    background: url(../images/nav2/houtai/piliang1.svg) no-repeat center
}

.mainImportantLeft>.nav2Block.activeNav .icon-zulin {
    background: url(../images/nav2/yunwei/zulin.svg) no-repeat center
}

.mainImportantLeft>.nav2Block.activeNav .icon-paimai {
    background: url(../images/nav2/yunwei/paimai.svg) no-repeat center
}

.mainImportantLeft>.nav2Block.activeNav .icon-piliangshezhi {
    background: url(../images/nav2/houtai/piliang.svg) no-repeat center
}
.mainImportantLeft>.nav2Block.activeNav .icon-weixiujilu {
    background: url(../images/nav2/yunwei/weixiujilu2.svg) no-repeat center
}
.mainImportantLeft>.nav2Block.activeNav .icon-baoxianjilu {
    background: url(../images/nav2/yunwei/baoxianjilu2.svg) no-repeat center
}
.mainImportantLeft>.nav2Block.activeNav .icon-shigujilu2 {
    background: url(../images/nav2/yunwei/shigujilu2-2.svg) no-repeat center
}
.mainImportantLeft>.nav2Block.activeNav .icon-wenjian {
    background: url(../images/nav2/yunwei/wenjian2.svg) no-repeat center
}

.mainImportantLeft>.nav2Block.activeNav .icon-baoyangjilu {
    background: url(../images/nav2/yunwei/baoyangjilu2.svg) no-repeat center
}

.icon-msgSym {
    background: url(../images/nav2/xiaoxi/sym1.png) no-repeat center
}

.icon-msgAlm {
    background: url(../images/nav2/xiaoxi/alm1.png) no-repeat center
}


/*报表图标*/

.icon-baobiaohome {
    background: url(../images/nav2/baobiao/kanban1.png) no-repeat center
}

.mainImportantLeft>.nav2Block.activeNav .icon-baobiaohome {
    background: url(../images/nav2/baobiao/kanban.png) no-repeat center
}

.mainImportantLeft>.nav2Block.activeNav .icon-bumen {
    background: url(../images/nav2/houtai/bumen.svg) no-repeat center
}

.mainImportantLeft>.nav2Block.activeNav .icon-juese {
    background: url(../images/nav2/houtai/juese.svg) no-repeat center
}

.mainImportantLeft>.nav2Block.activeNav .icon-renyuan {
    background: url(../images/nav2/houtai/renyuan.svg) no-repeat center
}

.mainImportantLeft>.nav2Block.activeNav .icon-cheliang {
    background: url(../images/nav2/houtai/cheliang.svg) no-repeat center
}

.mainImportantLeft>.nav2Block.activeNav .icon-jiashiyuan {
    background: url(../images/nav2/houtai/jiashiyuan.svg) no-repeat center
}

.mainImportantLeft>.nav2Block.activeNav .icon-baojing {
    background: url(../images/nav2/houtai/baojing.png) no-repeat center
}

.mainImportantLeft>.nav2Block.activeNav .icon-yongcheshenqing {
    background: url(../images/nav2/diaodu/shenqing.svg) no-repeat center
}

.mainImportantLeft>.nav2Block.activeNav .icon-jiankong {
    background: url(../images/nav2/diaodu/jiankong.svg) no-repeat center
}

.mainImportantLeft>.nav2Block.activeNav .icon-diaodukanban {
    background: url(../images/nav2/diaodu/diaodu.svg) no-repeat center
}

.mainImportantLeft>.nav2Block.activeNav .icon-quyu {
    background: url(../images/nav2/diaodu/quyuguanli.png) no-repeat center
}

.mainImportantLeft>.nav2Block.activeNav .icon-xitongshezhi {
    background: url(../images/nav2/houtai/xitongshezhi.png) no-repeat center
}

.mainImportantLeft>.nav2Block.activeNav .icon-zidian {
    background: url(../images/nav2/houtai/zidian.svg) no-repeat center
}

.mainImportantLeft>.nav2Block.activeNav .icon-rizhi {
    background: url(../images/nav2/houtai/rizhi.svg) no-repeat center
}

.mainImportantLeft>.nav2Block.activeNav .icon-weizhang {
    background: url(../images/nav2/yunwei/weizhang.svg) no-repeat center
}

.mainImportantLeft>.nav2Block.activeNav .icon-baoyang {
    background: url(../images/nav2/yunwei/baoyang.svg)no-repeat center
}

.mainImportantLeft>.nav2Block.activeNav .icon-nianjian {
    background: url(../images/nav2/yunwei/nianjian.svg) no-repeat center
}

.mainImportantLeft>.nav2Block.activeNav .icon-baoxian {
    background: url(../images/nav2/yunwei/baoxian.svg) no-repeat center
}

.mainImportantLeft>.nav2Block.activeNav .icon-weixiu {
    background: url(../images/nav2/yunwei/weixiu.svg) no-repeat center
}

.mainImportantLeft>.nav2Block.activeNav .icon-shigu {
    background: url(../images/nav2/yunwei/shigu.svg) no-repeat center
}

.mainImportantLeft>.nav2Block.activeNav .icon-msgSym {
    background: url(../images/nav2/xiaoxi/sym.png) no-repeat center
}

.mainImportantLeft>.nav2Block.activeNav .icon-msgAlm {
    background: url(../images/nav2/xiaoxi/alm.png) no-repeat center
}

.mainImportantLeft>.nav2Block.activeNav .icon-shipin {
    background: url(../images/nav2/diaodu/iconvideo.svg) no-repeat center
}

.mainImportantLeft>.nav2Block.activeNav .icon-lishi {
    background: url(../images/nav2/diaodu/icon-lishi.svg) no-repeat center
}
.mainImportantLeft>.nav2Block.activeNav .icon-jiayouka {
    background: url(../images/nav2/feiyong/jiayouka.png) no-repeat center
}
.mainImportantLeft>.nav2Block.activeNav .icon-feiyongjilu {
    background: url(../images/nav2/feiyong/feiyongjilu.png) no-repeat center
}
.mainImportantLeft>.nav2Block.activeNav .icon-etc {
    background: url(../images/nav2/feiyong/etc.png) no-repeat center
}
.mainImportantLeft>.nav2Block.activeNav .icon-jifeiguize {
    background: url(../images/nav2/feiyong/jifeiguize.png) no-repeat center
}
.mainImportantLeft>.nav2Block.activeNav .icon-yongchefeiyong {
    background: url(../images/nav2/feiyong/yongchefeiyongjilu.png) no-repeat center
}


.mainImportantLeft>.nav2Block.activeNav .icon-nenghao {
    background: url(../images/nav2/feiyong/nenghao2.png) no-repeat center
}
/*报表*/

.tablechart {
    border: 1px solid #d0d0d0;
    height: 300px;
    margin: 0px 10px;
    margin-bottom: 10px;
    position: relative
}

.chartregion {
    position: relative;
    float: left;
    width: 50%;
    height: 100%
}

.introSum {
    line-height: 37px;
    margin-left: 20px;
    float: left;
}

.introSum span.numColor {
    color: #2799db;
    font-weight: bold;
}


/*报表看板*/

.baobiao-home-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: url(../images/baobiao/kanbanbg.jpg) no-repeat center;
    background-size: 100% 100%
}

.kanban-title {
    text-align: center;
    color: #fff
}


/*二级导航图标 end*/


/*后台管理------------------------*/

.half {
    width: 50%;
    float: left;
    padding: 0px 10px;
    margin-bottom: 15px;
}

.half dt,
.rowDl dt {
    float: left;
    width: auto;
    margin-right: 8px;
}

.half dd,
.rowDl dd {
    float: none;
}

.rowDl dd {
    word-break: break-all
}

.rowDl {
    float: left;
    width: 100%;
    padding: 0px 10px;
    margin-bottom: 10px;
}

.backUp {
    display: block;
    padding: 0px 10px;
    height: 26px;
    float: left;
    border: 1px #e1e1e1 solid;
    line-height: 26px;
    color: #333;
    margin-top: 0.5px;
    margin-left: 18px;
}


/*增加返回*/

.backUp i {
    display: block;
    width: 10px;
    height: 10px;
    background: url(../images/back.png) no-repeat;
    margin-top: 6.5px;
    float: left;
    margin-right: 8px;
}


/*增加宽度*/

.addContent3 {
    width: 850px;
    margin-left: 10px;
    margin-top: 24px;
    position: relative
}


/*增加宽度*/


/*.addRow.form-inline{ overflow:hidden}*/

.waijieblock {
    margin-left: 110px;
    margin-right: 95px;
    margin-bottom: 5px
}

.waijieblock:nth-of-type(1) {
    margin-bottom: -5px;
}

.waijietitle {
    line-height: 28px;
    color: #666;
    padding-left: 5px;
    margin-bottom: 0px;
}

.checkboxwaijie {
    padding-left: 5px;
}

.checkboxwaijie .checkbox-inline {
    margin-right: 10px;
    margin-left: 0px;
    margin-bottom: 10px;
    width: 20%
}

.checkboxwaijie .checkbox-inline input[type=checkbox] {
    margin-top: 1px;
}


/*错误提示*/

.errClass .form-control {
    border-color: #F00;
}

.errText {
    color: #F00
}


/*按钮*/

.buttonWrap {
    width: 250px;
    margin: 0px auto
}

.buttonWrap button {
    margin-left: 40px;
    width: 100px;
}


/*多级审批*/

.queryAndTable.queryBody .queryIf,
.queryAndTable.queryBody .tableHere {
    width: 800px
}

.point-aim,
.icon-point {
    display: inline-block;
    float: left
}

.icon-point {
    width: 14px;
    height: 11px;
    background: url(../images/houtai/icon-point.png) no-repeat center;
    margin: 0px 10px;
    margin-top: 2px
}

.form-group-width .form-control.widthdizhi1 {
    width: 140px;
}

.form-group-width .buttonRegion {
    width: auto
}


/*部门管理*/

.bumenContent {
    padding: 0px 30px;
    padding-top: 20px;
    overflow: hidden
}

.promptDlete {
    font-size: 18px;
    padding: 0px 30px;
    padding-top: 20px;
}

.promptDleteButton button {
    margin-left: 40px;
}

.eject.ejectWidthshanchu {
    width: 320px;
    height: 180px;
    margin-left: -160px;
    margin-top: -90px;
}

.eject.ejectWidthBumen {
    width: 500px;
    height: 200px;
    margin-left: -250px;
    margin-top: -100px;
}

.eject.ejectWidthguijiset {
    width: 764px;
    height: 334px;
    margin-left: -382px;
    margin-top: -167px;
}

.promptAdd {
    font-size: 18px;
    padding: 0px 30px;
    padding-top: 20px;
}

.promptAddButton .buttonWrap {
    width: 100px;
    margin: 0px auto
}

.promptDleteButton.promptAddButton .buttonWrap {
    width: 100px;
}

.eject.msgrecord {
    width: 600px;
    height: 488px;
    margin-top: -244px;
    margin-left: -300px;
}

.wrapBt.alarmDo {
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
}

.wrapBt.alarmDo .btn:first-child {
    margin-right: 10px;
}

.bindlistWrap {
    margin: 10px;
    margin-top: 0px
}

.pageArea .sumPage {
    float: left;
    line-height: 40px;
}

.pageArea .fenyePage {
    float: right;
    margin-top: 4.5px;
}

.pageArea .fenyePage .pagination {
    margin: 0px;
}

.detailResult.tableArea.tableArea-other {
    margin-left: 0px;
    margin-right: 0px;
    overflow: auto;
}

.detailResult.tableArea {
    margin: 10px;
    border: 1px #d3d3d3 solid;
    margin-top: 0px;
}

.pageArea.detailPage {
    margin: 0px 10px;
    margin-bottom: 10px;
    overflow: hidden
}

.add-msg-input {
    position: absolute;
    right: -60px;
    top: 0px
}

.add-msg-input .form-control {
    width: 80px;
    float: left
}

.add-msg-input button {
    border: none;
    height: 30px;
    float: left;
    margin-left: 5px;
    background: #1795de;
    color: #fff
}

.add-msg-input .errthis {
    margin: 0px
}

.edit-form-content {
    padding: 15px
}

.edit-form-content .form-group label {
    width: 60px;
    margin-right: 0px;
    padding-right: 5px;
    text-align: right
}

.edit-form-content .errClass .errthis {
    margin-left: 65px
}

.edit-form-content .form-control.width1 {
    width: 198px
}

.eject.ejectWidthedit .promptDleteButton {
    margin-top: 10px
}


/*车辆调度---------------*/

.margin-left {
    margin-left: 0px !important
}

.diaodu-list {
    float: left;
    width: 100%;
    border: 1px solid #ddd;
    padding: 15px;
    margin-bottom: 10px;
    background: #fdfcfc;
}

.eject.ejectWidthDiaodu .contentEject {
    position: absolute;
    width: 100%;
    left: 0px;
    top: 38px;
    bottom: 0px;
    overflow: auto
}

.eject.ejectWidthDiaodu .promptDleteButton {
    margin-top: 10px;
    margin-bottom: 15px
}

.diaodu-row {
    float: left;
    width: 100%;
}

.phone-num {
    line-height: 30px
}

.alertDiaodu {
    width: 576px;
}

.alertDiaodu .contentEject {
    max-height: 450px;
    overflow: auto
}

.alertDiaodu .promptDleteButton {
    margin-top: 10px
}

.alertDiaodu .diaodu-list {
    padding: 5px 10px
}

.alertDiaodu .diaoduEject dl {
    margin-bottom: 10px
}

.ejectWidthDiaodu .diaoduEject dl {
    margin-bottom: 10px
}
.diaodu-label {
    float: right;
}

.diaodu-label .checkBtn {
    display: inline-block;
    vertical-align: middle
}

.diaodu-label span {
    display: inline-block;
    vertical-align: middle
}

.diaodu-tip {
    float: left;
    margin-left: 38px
}


/*视频监控*/

.mainImportantRight.fullScreen {
    top: -80px;
    left: 0px
}

.group_area {
    margin: 5px 10px !important;
    border: 1px solid #d0d0d0;
    padding: 5px 10px;
    height: 170px;
    overflow: auto
}

.shebei_list .listHere {
    top: 280px;
    padding: 5px 10px;
    padding-top: 0px
}

.barTopRight.barTopRight_c i {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    margin-right: 0px
}

.barTopRight.barTopRight_c i.full,
.barTopRight.barTopRight_c i.nofull {
    margin-right: 5px
}

.weilanbtWrap .icon_shipin_16 {
    background: url(../images/shipin/16.png) no-repeat center
}

.weilanbtWrap .icon_shipin_9 {
    background: url(../images/shipin/9.png) no-repeat center
}

.weilanbtWrap .icon_shipin_8 {
    background: url(../images/shipin/8.png) no-repeat center
}

.weilanbtWrap .icon_shipin_6 {
    background: url(../images/shipin/6.png) no-repeat center
}

.weilanbtWrap .icon_shipin_4 {
    background: url(../images/shipin/4.png) no-repeat center
}

.weilanbtWrap .icon_shipin_2 {
    background: url(../images/shipin/2.png) no-repeat center
}

.weilanbtWrap .icon_shipin_1 {
    background: url(../images/shipin/1.png) no-repeat center
}

.weilanbtWrap .icon_shipin_voice {
    background: url(../images/shipin/voice.png) no-repeat center
}

.weilanbtWrap .icon_shipin_photo {
    background: url(../images/shipin/capture.png) no-repeat center
}

.weilanbtWrap.active .icon_shipin_16 {
    background: url(../images/shipin/16-2.png) no-repeat center
}

.weilanbtWrap.active .icon_shipin_9 {
    background: url(../images/shipin/9-2.png) no-repeat center
}

.weilanbtWrap.active .icon_shipin_8 {
    background: url(../images/shipin/8-2.png) no-repeat center
}

.weilanbtWrap.active .icon_shipin_6 {
    background: url(../images/shipin/6-2.png) no-repeat center
}

.weilanbtWrap.active .icon_shipin_4 {
    background: url(../images/shipin/4-2.png) no-repeat center
}

.weilanbtWrap.active .icon_shipin_2 {
    background: url(../images/shipin/2-2.png) no-repeat center
}

.weilanbtWrap.active .icon_shipin_1 {
    background: url(../images/shipin/1-2.png) no-repeat center
}

.weilanbtWrap.active .icon_shipin_voice {
    background: url(../images/shipin/voice-2.png) no-repeat center, url(../images/shipin/banline.png) no-repeat center
}

.weilanbtWrap.active .weilanbtWrap .icon_shipin_photo {
    background: url(../images/shipin/capture.png) no-repeat center
}

.weilanbtWrap a {
    color: #666
}

.weilanbtWrap.active a {
    color: #1795de;
}

.weilanbtWrap .iconBlock.iconceju {
    margin-top: 0px
}

.map_shipin_window {
    height: 200px;
    bottom: 0px;
    position: absolute;
    width: 100%
}

.map_shipin_window .tablebody {
    position: absolute;
    width: 100%;
    top: 30px;
    bottom: 0px;
    overflow: auto
}

.map_video {
    position: absolute;
    width: 100%;
    top: 0px;
    bottom: 200px;
}

.mapregion {
    position: absolute;
    width: 410px;
    top: 0px;
    bottom: 0px;
    right: 0px;
}

.videoregion {
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 410px;
    padding: 5px;
    background: #f1f1f1
}

.video_wrap {
    padding: 5px;
    float: left
}

.video_this {
    position: relative;
    width: 100%;
    height: 100%;
    border: 1px solid #d0d0d0;
    border-radius: 5px;
    overflow: hidden;
}

.video_this.active {
    border: 1px solid #1795de
}

.video_this_top {
    height: 24px;
    line-height: 24px;
    padding: 0px 10px;
}

.video_this_video {
    position: absolute;
    top: 24px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: #fff;
}

.video_this_top span {
    position: absolute;
    z-index: 100;
}

.textchepai {
    text-align: center
}

.video_num1,
.video_num2,
.video_num3,
.video_num4,
.video_num5,
.video_num6,
.video_num7,
.video_num8,
.video_num9,
.video_num10,
.video_num11,
.video_num12,
.video_num13,
.video_num14,
.video_num15,
.video_num16 {
    display: none
}

.video_show_num_1 .video_num1 {
    display: block;
    width: 100%;
    height: 100%
}

.video_show_num_2 .video_num1,
.video_show_num_2 .video_num2 {
    display: block;
    width: 50%;
    height: 100%
}

.video_show_num_4 .video_num1,
.video_show_num_4 .video_num2,
.video_show_num_4 .video_num3,
.video_show_num_4 .video_num4 {
    display: block;
    width: 50%;
    height: 50%
}

.video_show_num_6 .video_num1,
.video_show_num_6 .video_num2,
.video_show_num_6 .video_num3,
.video_show_num_6 .video_num4,
.video_show_num_6 .video_num5,
.video_show_num_6 .video_num6 {
    display: block;
    width: 33.33%;
    height: 33.33%
}

.video_show_num_6 .video_num1 {
    width: 66.66%;
    height: 66.66%
}

.video_show_num_8 .video_num1,
.video_show_num_8 .video_num2,
.video_show_num_8 .video_num3,
.video_show_num_8 .video_num4,
.video_show_num_8 .video_num5,
.video_show_num_8 .video_num6,
.video_show_num_8 .video_num7,
.video_show_num_8 .video_num8 {
    display: block;
    width: 25%;
    height: 25%
}

.video_show_num_8 .video_num1 {
    width: 75%;
    height: 75%
}

.video_show_num_9 .video_num1,
.video_show_num_9 .video_num2,
.video_show_num_9 .video_num3,
.video_show_num_9 .video_num4,
.video_show_num_9 .video_num5,
.video_show_num_9 .video_num6,
.video_show_num_9 .video_num7,
.video_show_num_9 .video_num8,
.video_show_num_9 .video_num9 {
    display: block;
    width: 33.33%;
    height: 33.33%
}

.video_show_num_16 .video_num1,
.video_show_num_16 .video_num2,
.video_show_num_16 .video_num3,
.video_show_num_16 .video_num4,
.video_show_num_16 .video_num5,
.video_show_num_16 .video_num6,
.video_show_num_16 .video_num7,
.video_show_num_16 .video_num8,
.video_show_num_16 .video_num9,
.video_show_num_16 .video_num10,
.video_show_num_16 .video_num11,
.video_show_num_16 .video_num12,
.video_show_num_16 .video_num13,
.video_show_num_16 .video_num14,
.video_show_num_16 .video_num15,
.video_show_num_16 .video_num16 {
    display: block;
    width: 25%;
    height: 25%
}


/*云台*/

.yuntai {
    position: absolute;
    width: 278px;
    height: 190px;
    background: #fff;
    bottom: 15px;
    left: 10px;
    border: 1px solid #d0d0d0;
}

.yuntaiheader {
    height: 30px;
    background: #1795de;
}

.yuntaiset {
    float: left;
    line-height: 30px;
    margin-left: 10px;
}

.yuntaiclose {
    float: right;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
}

.yuntaiset,
.yuntaiclose {
    display: block;
    color: #fff;
}

.yuanhuan {
    overflow: hidden;
}

.yuntaisethalf {
    width: 50%;
    float: left;
}

.yuanhuanhere {
    width: 90px;
    height: 90px;
    margin: 0px auto;
    position: relative;
    margin-top: 5px;
    overflow: inherit;
}

.yuntaisudu {
    padding: 0px 8px;
}

.videocheckbox {
    overflow: hidden;
    padding-left: 8px;
    margin-top: 8px;
}

.videocheckbox input {
    float: left;
    margin-top: 2px;
    margin-right: 5px;
}

.yuntaisethalfdl dl {
    overflow: hidden;
    margin-top: 4px;
    margin-bottom: 0px
}

.yuntaisethalfdl dl:first-child {
    margin-top: 10px;
}

.yuntaisethalfdl dl dt {
    line-height: 22px;
    letter-spacing: 0.3px;
    font-weight: 400
}

.yuntaisethalfdl dl dd {
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 20px;
    border: 1px solid #818181;
    margin-left: 8px;
    cursor: pointer;
}

.yuntaisethalfdl dl dd.active {
    border: 1px solid #1795de;
    background: #ecf8ff;
    color: #1795de;
}

.yuntaisethalfdl dl dt,
.yuntaisethalfdl dl dd {
    float: left;
}

.yuntaisethalfdl dl:nth-last-of-type(1) dt {
    letter-spacing: 0px;
}

.yuntaibtnwrap {
    overflow: hidden;
    margin-top: 8px;
}

.inputupdown {
    width: 60px;
    height: 20px;
    border: 1px solid #e1e1e1;
    float: left;
    margin-left: 10px;
}

.inputupdown input {
    height: 100%;
    border: none;
    margin-right: 0px;
}

.iconupdown {
    width: 15px;
    height: 100%;
    float: right;
}

.iconupdown i {
    display: block;
    width: 100%;
    height: 50%;
    height: 9px;
    background-color: #d5d1c9;
    cursor: pointer;
}

.inputupicon {
    background: url(../images/shipin/up.png) no-repeat center;
}

.inputdownicon {
    background: url(../images/shipin/down.png) no-repeat center;
}

.inputupdownw {
    width: 43px;
    float: left
}

.yuninputbtn a {
    display: block;
    float: left;
    padding: 0px 13px;
    border: 1px solid #818181;
    height: 20px;
    line-height: 20px;
    margin-left: 10px;
    color: #333
}

.shanxingbg {
    width: 40px;
    height: 26px;
    position: absolute;
    left: 50%;
    margin-left: -17px;
    z-index: 100;
}

.sxbg8 {
    transform: rotate(315deg);
    transform-origin: 17px 44px;
    -ms-transform: rotate(315deg);
    -ms-transform-origin: 17px 44px;
    -webkit-transform: rotate(315deg);
    -webkit-transform-origin: 17px 44px;
    -moz-transform: rotate(315deg);
    -moz-transform-origin: 17px 44px;
    -o-transform: rotate(315deg);
    -o-transform-origin: 17px 44px;
}

.sxbg7 {
    transform: rotate(270deg);
    transform-origin: 17px 44px;
    -ms-transform: rotate(270deg);
    -ms-transform-origin: 17px 44px;
    -webkit-transform: rotate(270deg);
    -webkit-transform-origin: 17px 44px;
    -moz-transform: rotate(270deg);
    -moz-transform-origin: 17px 44px;
    -o-transform: rotate(270deg);
    -o-transform-origin: 17px 44px;
}

.sxbg6 {
    transform: rotate(225deg);
    transform-origin: 17px 44px;
    -ms-transform: rotate(225deg);
    -ms-transform-origin: 17px 44px;
    -webkit-transform: rotate(225deg);
    -webkit-transform-origin: 17px 44px;
    -moz-transform: rotate(225deg);
    -moz-transform-origin: 17px 44px;
    -o-transform: rotate(225deg);
    -o-transform-origin: 17px 44px;
}

.sxbg5 {
    transform: rotate(180deg);
    transform-origin: 17px 44px;
    -ms-transform: rotate(180deg);
    -ms-transform-origin: 17px 44px;
    -webkit-transform: rotate(180deg);
    -webkit-transform-origin: 17px 44px;
    -moz-transform: rotate(180deg);
    -moz-transform-origin: 17px 44px;
    -o-transform: rotate(180deg);
    -o-transform-origin: 17px 44px;
}

.sxbg4 {
    transform: rotate(135deg);
    transform-origin: 17px 44px;
    -ms-transform: rotate(135deg);
    -ms-transform-origin: 17px 44px;
    -webkit-transform: rotate(135deg);
    -webkit-transform-origin: 17px 44px;
    -moz-transform: rotate(135deg);
    -moz-transform-origin: 17px 44px;
    -o-transform: rotate(135deg);
    -o-transform-origin: 17px 44px;
}

.sxbg3 {
    transform: rotate(90deg);
    transform-origin: 17px 44px;
    -ms-transform: rotate(90deg);
    -ms-transform-origin: 17px 44px;
    -webkit-transform: rotate(90deg);
    -webkit-transform-origin: 17px 44px;
    -moz-transform: rotate(90deg);
    -moz-transform-origin: 17px 44px;
    -o-transform: rotate(90deg);
    -o-transform-origin: 17px 44px;
}

.sxbg2 {
    transform: rotate(45deg);
    transform-origin: 17px 44px;
    -ms-transform: rotate(45deg);
    -ms-transform-origin: 17px 44px;
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: 17px 44px;
    -moz-transform: rotate(45deg);
    -moz-transform-origin: 17px 44px;
    -o-transform: rotate(45deg);
    -o-transform-origin: 17px 44px;
}

.centerbtn {
    width: 48px;
    height: 48px;
    background: url(../images/shipin/centerbg.png) no-repeat center;
    position: absolute;
    left: 50%;
    margin-left: -24px;
    top: 50%;
    margin-top: -25px;
    cursor: pointer;
    background-size: 100% 100%;
    line-height: 48px;
}

.centerbtn.active i {
    width: 40px;
    height: 40px;
    background: url(../images/shipin/playbtn.png) no-repeat center;
    margin-left: 4px;
    margin-top: 4px;
}

.centerbtn i {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/shipin/stopbtn.png) no-repeat center;
    margin-top: 14px;
    margin-left: 14px;
}

.shanxingbg img {
    width: 34px;
}

.yuntaisuduslid {
    width: 120px;
    position: relative;
    margin-top: 10px;
}

.speedline {
    width: 100%;
    height: 3px;
    background: #818181;
}

.rowcolorset {
    overflow: hidden;
    margin-top: 10px;
}

.textspace {
    letter-spacing: 0.3px;
}

.colorsign {
    display: block;
    float: left;
    margin-left: 30px;
}

.colorjindu {
    width: 150px;
    background: #dcdbdb;
    height: 4px;
    float: left;
    margin-left: 20px;
    margin-top: 7px;
}

.colorwidth {
    height: 4px;
    background: #1795de;
}

.zimudl {
    overflow: hidden;
    margin-top: 10px;
    padding-left: 10px;
    box-sizing: border-box;
}

.zimudl dt {
    float: left;
    line-height: 26px;
    font-weight: 400
}

.zimudl dd {
    width: 100%;
    padding-left: 75px;
    height: 26px;
}

.zimudl .radio-line:first-child {
    margin-left: 0px;
}

.zimudl .radio-line {
    line-height: 26px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-left: 15px;
    box-sizing: border-box;
    float: left;
    margin-left: 40px;
}

.zimudl .radio-line input[type=radio] {
    position: absolute;
    margin-top: 7px;
    margin-left: -18px;
}

.videobt1,
.videobt2,
.videobt3,
.videobt4 {
    display: block;
    position: absolute;
    width: 67px;
    height: 29px;
}

.videobt1 {
    left: 12px;
    top: -2.6px;
}

.videobt2 {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    /* Opera */
    left: 44.3px;
    top: 30px;
}

.videobt3 {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -moz-transform: rotate(180deg);
    /* Firefox */
    -webkit-transform: rotate(180deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(180deg);
    /* Opera */
    left: 11px;
    top: 62px;
}

.videobt4 {
    transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    /* IE 9 */
    -moz-transform: rotate(270deg);
    /* Firefox */
    -webkit-transform: rotate(270deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(270deg);
    /* Opera */
    left: -20.8px;
    top: 29.2px;
}


/*用车申请*/

.wrapQuery {
    display: inline-block;
    margin-right: 15px;
    float: left
}

.wrapQuery:first-child {
    margin-left: 0px;
}

.wrapQuery .form-group {
    margin-left: 5px
}

.ejectWidthyongcheshenqing {
    width: 600px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.ejectWidthpingjia {
    width: 400px;
    height: 378px;
    margin-left: -200px;
    margin-top: -189px;
}

.ejectWidthMapPlace {
    width: 600px;
    height: 400px;
    margin-left: -300px;
    margin-top: -200px;
}

.ejectWidthTongyi {
    width: 410px;
    height: 190px;
    margin-left: -205px;
    margin-top: -95px;
}

.ejectWidthDiaodu {
    width: 576px;
    height: 500px;
    margin-left: -288px;
    margin-top: -250px;
}

.ejectWidthchexiao {
    width: 400px;
    height: 230px;
    margin-left: -200px;
    margin-top: -115px;
}

.ejectWidthpaiche {
    width: 800px;
    height: 400px;
    margin-left: -400px;
    margin-top: -200px;
}

.ejectWidthpaiche1 {
    width: 760px;
    margin-left: -255px;
    top: 10px;
    bottom: 10px;
}

.ejectWidthpaichediaodu {
    width: 600px;
    margin-left: -300px;
    margin-top: -290px;
    max-height: 94%;
    overflow: auto
}

.ejectWidthEtc {
    width: 600px;
    margin-left: -300px;
    margin-top: -140px;
}

.ejectWidthfeiyong {
    width: 600px;
    height: 340px;
    margin-left: -300px;
    margin-top: -160px;
}

.ejectWidthshigu {
    width: 600px;
    height: 460px;
    margin-left: -300px;
    margin-top: -220px;
}

.ejectWidthEtcBind {
    width: 300px;
    height: 230px;
    margin-left: -150px;
    margin-top: -115px;
}

.ejectWidthData {
    width: 600px;
    height: 400px;
    margin-left: -300px;
    margin-top: -200px;
}



.ejectWidthShenpi.active {
    height: 376px;
    margin-top: -188px
}

.next-wrap {
    display: none
}

.next-wrap dl {
    position: relative
}

.z-tree {
    position: absolute;
    width: 260px;
    height: 200px;
    overflow: auto;
    left: 0px;
    background: #fff;
    z-index: 1000;
    border: 1px solid #d1d1d1;
    top: 30px;
    left: 60px;
}

.agreeEject .next-wrap dl {
    overflow: visible;
    height: 30px
}

.ejectWidthShenpi.active .next-wrap {
    display: block
}

.next-wrap-btn a {
    display: inline-block;
    margin-right: 15px;
    background: url(../images/point_img.png) no-repeat right center;
    padding-right: 14px
}

.ejectWidthShenpi.active .next-wrap-btn a {
    background: url(../images/point_imge.png) no-repeat right center;
}

.ejectWidthShenpi.active .next-wrap-btn {
    margin-bottom: 15px
}

.boxListWrap.paihcelist .table td.loopWrap {
    padding: 0px;
}

.boxListWrap.paihcelist .table td.loopWrap .loopTable td {
    border: none;
    border-left: 1px solid #565656;
    padding: 6px;
    border-top: 1px solid #565656;
    padding-right: 12px
}


/*.boxListWrap.paihcelist .table td.loopWrap .loopTable:first-child tr:first-child td{border-top:none}*/


/*.boxListWrap.paihcelist .table td.loopWrap .loopTable td:first-child{border-left:none}*/

.boxListWrap.paihcelist .table td.loopWrap .loopTable td.loopWrapChild {
    padding: 0px;
    border-top: none
}

.boxListWrap.paihcelist .table td.loopWrap .loopTable td.loopWrapChild table tr:first-child td:first-child {
    border-left: none
}


/*.boxListWrap.paihcelist .table td.loopWrap .loopTable:first-child .loopWrapChild{border-top:1px solid #565656}*/


/*.loopWrapChild table{border-bottom: 1px solid #565656;}*/

.boxListWrap.paihcelist .table td.loopWrap .loopTable {
    margin: 10px 0px;
    background: #f4f4f4;
    border-bottom: 1px solid #333
}

.next-wrap-btn span {
    color: #666
}

.errPlace {
    text-align: center;
    margin-top: 5px;
}

.ejectText {
    overflow: hidden;
    margin: 0px 20px;
    margin-bottom: 30px;
}

.ejectText dt {
    float: left;
    margin-right: 10px;
    font-weight: 400
}

.ejectText dd {
    float: left
}

.ejectText {
    overflow: hidden
}

.ejectText dt {
    float: left;
    margin-right: 10px;
}

.ejectText dd {
    float: left
}

.dlBlock {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    margin-top: 10px;
}

.dlBlock dt {
    float: left;
    width: 50px;
}

.dlBlock dd {
    float: left
}

.iconStar {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/star.png) no-repeat center;
    float: left;
    margin-left: 15px;
    cursor: pointer
}

.iconStar:first-child {
    margin-left: 0px;
}

.mouduleBlock {
    overflow: hidden;
    margin-top: 15px;
}

.hFont {
    font-weight: bold;
    font-size: 14px;
}

.mouduleBlock:first-child {
    margin-left: 0px;
}

.iconStar.selectStar {
    background: url(../images/stars.png) no-repeat center
}

.inputSearchPlace {
    margin: 0px 120px;
    margin-top: 7px;
    position: relative
}

.inputSearchPlace input {
    height: 24px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 32px;
}

.inputSearchPlace a.searchMapBar {
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    background: url(../images/iconBar.png) no-repeat;
    top: 0px;
    margin-top: 4.5px;
    margin-left: 10px;
}

.mapThis {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 38px;
    bottom: 0px;
}

.boxSadow {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4)
}

.agreeEject {
    padding: 0px 20px;
    padding-top: 20px;
}

.agreeEject dl {
    overflow: hidden
}

.agreeEject dl dt {
    float: left;
    width: 60px;
    line-height: 30px;
    font-weight: 400
}

.agreeEject dl dd {
    float: left
}

.shenpiButton {
    display: inline-block;
    width: 60px;
    height: 28px;
    background: #2c92ec;
    border-radius: 2px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    margin-left: 17px;
}

.shenpiButton:hover {
    color: #fff
}

.addContent3 .addRow.form-inline .form-group {
    margin-right: 15px;
}

.diaoduEject {
    overflow: hidden;
    padding: 10px 20px
}

.diaoduEject dl {
    float: left;
    width: 50%
}

.diaoduEject dl dt {
    float: left;
    line-height: 30px;
    margin-right: 5px;
    font-weight: 400;
    width: 88px;
    text-align: right
}

.diaoduEject dl dd {
    float: left
}

.fengeLine {
    float: left;
    width: 100%;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: 5px
}

.rowWidth {
    width: 100% !important;
}

.flagTd {
    text-decoration: underline !important
}

.titleP {
    text-align: center;
    font-size: 14px;
}

.boxList {
    overflow: hidden;
    margin: 0px 40px;
    border: 1px #e1e1e1 solid;
    padding: 10px;
    margin-top: -1px
}

.boxList dl {
    overflow: hidden;
    margin-bottom: 5px;
}

.boxList dl dt {
    font-weight: 400;
    width: 80px;
    text-align: right;
}

.boxList dl dt {
    float: left
}

.boxList dl dd {
    float: none;
    margin-left: 84px;
}

.eject.ejectWidthchuche {
    width: 300px;
    padding-bottom: 15px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    -moz-transform: translate(-50%, -50%);
    /* Firefox */
    -webkit-transform: translate(-50%, -50%);
    /* Safari 和 Chrome */
    -o-transform: translate(-50%, -50%);
    /* Opera */
}

.eject.ejectWidthchuche .buttonWrap {
    width: 102px
}

.eject.ejectWidthchuche .promptDlete lable {
    margin-left: 30px
}

.eject.ejectWidthchuche .promptDleteButton {
    margin-top: 15px
}

.remarks_p {
    color: #666;
    margin: 0px 15px;
    margin-top: 10px;
    text-align: center
}

.add-img {
    display: inline-block
}

.upload-img {
    border: 1px solid #d0d0d0;
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 70px;
}

.upload-icon-add {
    font-size: 40px;
    color: #666
}

.add-img .imgWrap {
    width: 120px;
    height: 120px;
    margin-left: 5px
}

.add-img {
    width: 434px;
}

.add-img .blackOp a {
    background-position: 10px 9px
}


/*首页*/

.chartAndNews {
    position: absolute;
    left: -5px;
    right: -5px;
    top: 105px;
    bottom: -5px;
}

.sumBlock ul li {
    float: left;
    width: 12.5%;
    height: 90px;
}

.sumBlock ul li:first-child .sumList {
    margin-left: 0px
}

.sumList {
    margin-left: 1px;
    height: 90px;
    background: #fff;
    text-align: center;
    overflow: hidden
}

.sumList span {
    display: block
}

.sumList span.numLine {
    display: inline
}

.sumList i.spanOther {
    font-style: normal;
    font-size: 16px;
}

.sumList span.sumListSpan1 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 20px
}

.newsRegion {
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 33.3%;
}

.upChart,
.downChart {
    position: absolute;
    height: 50%;
    width: 100%;
}

.upChart {
    top: 0px;
}

.downChart {
    top: 50%;
}

.chartWrap {
    position: relative;
    width: 33.3%;
    height: 50%;
    float: left;
    overflow: hidden
}

.ChartRight {
    left: 50%;
}

.chartChild {
    position: absolute;
    background: #fff;
    right: 5px;
    left: 5px;
    top: 5px;
    bottom: 5px;
}

.titleHead {
    height: 43px;
    border-bottom: 1px #ebebeb solid;
}

.titleHead h1 {
    font-size: 14px;
    font-weight: bold;
    height: 16px;
    line-height: 16px;
    border-left: 4px #1795de solid;
    padding-left: 8px;
    margin-top: 13px;
    float: left;
    margin-left: 10px;
}

.selectOption {
    float: right;
    line-height: 43px;
    margin-right: 10px;
    height: 44px;
    cursor: pointer;
    display: none
}

.triangle {
    display: inline-block;
    width: 10px;
    height: 6px;
    background: url(../images/jiantouDown.png) no-repeat;
    margin-left: 4px;
}

.triangle-right {
    display: inline-block;
    width: 6px;
    height: 10px;
    background: url(../images/jiangtouRight.png) no-repeat;
    margin-left: 4px;
}

.selectBlock {
    position: absolute;
    width: 84px;
    padding: 5px 0px;
    right: 10px;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
    display: none;
    z-index: 10;
    background: #fff;
}

.selectBlock a {
    display: block;
    width: 100%;
    text-align: center;
    color: #333;
    line-height: 30px;
}

.selectOption:hover .triangle {
    background: url(../images/jiantouUp.png) no-repeat;
}

.selectOption:hover .selectBlock {
    display: block
}

.selectBlock a.selectactive {
    color: #1795de
}

.chart {
    position: absolute !important;
    width: 100% !important;
    top: 43px;
    bottom: 0px;
    text-align: center;
    overflow: auto
}

.upNewsChild,
.downNewsChild {
    background: #fff;
    position: absolute;
    left: 5px;
    right: 5px;
}

.upNewsChild {
    top: 0px;
    bottom: 5px;
}

.downNewsChild {
    top: 5px;
    bottom: 0px;
}

.newsTitleRegion {
    overflow: hidden
}

.newsTitle {
    overflow: hidden;
    margin-right: 70px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.newsList {
    position: absolute;
    width: 100%;
    top: 43px;
    bottom: 0px;
    padding: 10px;
    overflow: hidden
}

.newsList a {
    display: inline-block;
    color: #333;
    width: 100%;
    margin-top: 8px;
}

.newsList a:first-child {
    margin-top: 0px;
}

.newsTime {
    float: right;
    color: #808080
}

.fontColorGreen {
    margin: 0px 4px;
}

.titleText {
    margin-left: 5px;
}

.grade {
    overflow: hidden;
    margin-top: 15px;
}

.grade:first-child {
    margin-top: 0px;
}

.textContent {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #808080;
    margin-top: 8px;
}

.renming {
    overflow: hidden;
    margin-left: 24px;
    margin-right: 120px;
}

.gradeStar {
    float: right
}

.stars {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../images/star.png) no-repeat center;
    margin-left: 5px;
}

.stars.onOther {
    background: url(../images/stars.png) no-repeat center
}

.stars:first-child {
    margin-left: 0px;
}

.number {
    width: 16px;
    height: 16px;
    color: #fff;
    text-align: center;
    line-height: 16px;
    float: left
}

.number1 {
    background: #f14c31
}

.number2 {
    background: #ff8610
}

.number3 {
    background: #ffbe10
}

.tabModel {
    float: right;
    height: 43px;
    line-height: 43px;
    margin-right: 10px;
    cursor: pointer;
    position: relative
}

.tabModel .iconmodel {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/tabicon.png) no-repeat center;
    float: left;
    margin-top: 14px;
    margin-right: 5px;
}

.tabModel span {
    display: block;
    float: left;
    color: #666
}

.modelEject {
    width: 600px;
    height: 300px;
    margin-left: -300px;
    margin-top: -150px;
}

.modelSelect {
    position: absolute;
    width: 120px;
    border: 1px solid #e1e1e1;
    background: #fff;
    z-index: 10;
    right: -10px;
    top: 42px;
}

.modelSelect a {
    display: block;
    width: 100%;
    line-height: 30px;
    text-align: center;
    color: #666
}

.modelSelect a:hover {
    background: #f1f1f1
}

.modelSelect a.active {
    display: none
}

.chart .table td {
    text-align: left
}

.chart.chartBottom {
    bottom: 30px;
}

.pagehomeChart {
    height: 30px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    line-height: 30px;
    background: #f5f5f5;
    border: 1px solid #e7e7e7;
    color: #888
}

.pageforward,
.pagelast {
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
}

.pageforward {
    float: left
}

.pagelast {
    float: right
}

.pagenum {
    margin: 0px 30px;
    text-align: center
}

.pageWrap {
    width: 150px;
    margin: 0px auto
}

.sumtable {
    padding: 10px
}

.sumtable .rowBlock {
    margin-bottom: 5px;
    border: 1px solid #e1e1e1
}

.rowBlock {
    position: relative
}

.signSum {
    overflow: hidden;
    margin-left: 40px;
    padding: 5px;
    height: 48px;
}

.signSum dl {
    float: left;
    margin-right: 10px;
    margin-bottom: 0px;
}

.signSum dl:first-child {
    margin-bottom: 5px;
}

.signSum dl dt,
.signSum dl dd {
    float: left
}

.signlabel {
    display: block;
    width: 20px;
    text-align: center;
    background: #e5e5e5;
    position: absolute;
    height: 100%;
}

.signlabel span {
    display: block;
    margin-top: 8px;
}

.signSum dl dt {
    margin-right: 5px;
}

.signSum.signSumother {
    margin-left: 5px;
}

.modelBtn {
    overflow: hidden;
    float: right
}

.modelicon {
    width: 36px;
    height: 20px;
    background: #0d87c6;
    text-align: center;
    line-height: 19px;
    color: #fff;
    float: right;
    font-size: 18px;
    cursor: pointer
}

.modelintro {
    float: right;
    line-height: 20px;
    margin-right: 10px;
    cursor: pointer
}

.ejectWidthmodel {
    width: 452px
}

.modelListblock {
    overflow: hidden
}

.modelListblock li {
    width: 100px;
    float: left;
    text-align: center;
    border: 1px solid #d0d0d0;
    margin-left: 10px;
    line-height: 30px;
    cursor: pointer;
    margin-top: 10px;
}

.modelListblock li.active1 {
    border: 1px solid #1795de;
    color: #1795de
}

.ejectWidthmodel .contentEject {
    padding-top: 5px;
}

.signmodel {
    text-align: center;
    margin-top: 15px;
}

.ejectWidthmodel .promptDleteButton {
    margin-top: 15px;
}


/*监控*/

.barTopRight {
    float: right;
    margin-right: 10px;
}

.barTopRight .checkbox-inline {
    line-height: 37px;
    float: left;
    margin-right: 15px;
}

.barTopRight .checkbox-inline input[type=checkbox] {
    margin-top: 12px;
    margin-left: -18px;
}

.screen {
    display: block;
    float: right;
    margin-top: 10px;
    margin-left: 10px;
    color: #333
}

.screen i {
    display: block;
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 5px;
}

.screen i.full {
    background: url(../images/jiankong/full.png) no-repeat center
}

.screen i.nofull {
    background: url(../images/jiankong/nofull.png) no-repeat center
}

.screen.screenNo {
    display: none
}

.fullScreen .mainImportantLeft {
    display: none
}


/*全屏隐藏左侧菜单*/

.fullScreen .mainImportantRight {
    left: 0px;
}


/*全屏右侧*/

.fullScreen .screen {
    display: none
}

.fullScreen .screen.screenNo {
    display: block
}

.fullScreen .mainRight {
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}

.mapRegion {
    position: absolute;
    width: 100%;
    bottom: 0px;
    top: 30px;
}

.map-this {
    position: absolute;
    width: 100%;
    bottom: 0px;
    top: 0px;
}

.mapLeft {
    width: 300px;
    position: absolute;
    height: 100%;
    left: 0px;
    border-right: 1px solid #ebebeb
}

.leftSearch {
    padding: 0px 10px;
    margin-top: 7px;
    position: relative
}

.leftSearch .list-group {
    position: absolute;
    z-index: 10;
    left: 10px;
    right: 10px;
}

.leftSearch.search_tab {
    float: left;
    margin-top: 0px;
    width: 220px
}

.leftSearch.search_tab .form-control {
    height: 26px
}

.row.row_tab_search {
    overflow: inherit
}

.taba {
    display: block;
    width: 25%;
    height: 26px;
    line-height: 26px;
    float: left;
    text-align: center;
    color: #333
}

.tabSelect {
    padding: 0px 1px;
    margin-top: 8px;
}

.tabSelect .row,
.listHere .row {
    margin: 0px;
    margin-bottom: 1px;
    cursor: pointer;
}

.listHere .row.active {
    background: #e2e9f1
}

.listHere {
    position: absolute;
    top: 142px;
    width: 100%;
    bottom: 0px;
    overflow-y: auto
}

.listHere .row {
    border-top: 1px #e1e1e1 solid;
    padding: 10px;
}

.listHere .row:first-child {
    border: none
}

.tabWrap {
    margin-left: 1px;
    background: #eef2f6
}

.listH {
    overflow: hidden;
    line-height: 20px;
}

.listB {
    overflow: hidden;
    margin-top: 10px;
}

.chepai,
.quxiang,
.sudu {
    display: inline-block;
    float: left
}

.sudu {
    float: right;
    color: #1795de
}

.chepai {
    font-size: 14px;
    font-weight: bold;
    width: 110px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.bhalf dt,
.bhalf dd,
.bPercent dt {
    float: left
}

.bhalf dd {
    max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.bhalf dt,
.bPercent dt {
    font-weight: 400
}

.bhalf,
.bPercent {
    margin-bottom: 0px;
}

.bhalf {
    float: left;
    width: 50%;
}

.bPercent {
    float: left;
    width: 100%;
    margin-top: 2px;
}

.quxiang {
    width: 50px;
    height: 20px;
    color: #fff;
    text-align: center
}

.goColor {
    background: #43c44f
}

.backColor {
    background: #ffae20
}

.freeColor {
    background: #c0c6cd
}

.state_xingshi {
    background: #43c44f
}

.state_tingche {
    background: #fb6b6b
}

.state_baojing {
    background: #cccc10
}

.state_chaosu {
    background: #ca50f5
}

.state_lixian {
    background: #c0c6cd
}

.state_chaoshi {
    background: #5959fb
}

.taba.active .tabWrap {
    background: #1795de;
    color: #fff
}

.mapreal {
    position: absolute;
    left: 300px;
    top: 0px;
    bottom: 0px;
    right: 0px;
}

.mapAt {
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
}

span.caozuo {
    position: absolute;
    width: 88px;
    margin-left: 15px;
    margin-top: -1px;
}

span.caozuo button {
    float: left;
    border: none;
    display: block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
}

span.caozuo button:last-child {
    margin-right: 0px;
}

span.caozuo button:hover {
    background: #f1f1f1
}

span.caozuo button.button0 {
    background: url(../../images/jiankong/wladd.png) no-repeat center
}

span.caozuo button.button1 {
    background: url(../../images/jiankong/wledit.png) no-repeat center
}

span.caozuo button.button2 {
    background: url(../../images/jiankong/wlbind.png) no-repeat center
}

span.caozuo button.button3 {
    background: url(../../images/jiankong/wldel.png) no-repeat center
}

span.caozuo button.button4 {
    background: url(../../images/jiankong/wldhidden.png) no-repeat center
}


/*围栏*/

.weilanWrap {
    position: absolute;
    right: 5px;
    width: 265px;
    background: #fff;
    top: 20px;
    bottom: 20px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2)
}


/*.obdWrap{width: 236px;}*/

.obdWrap {
    width: 380px;
    top: 0px;
    bottom: 0px;
    box-shadow: none;
    border: 1px solid #e2e2e2;
    border-top: none;
    border-right: none;
    background: #f1f5f8;
    color: #333;
    z-index: 100
}

.weilanbtWrap {
    float: left;
    line-height: 16px;
    margin-top: 10px;
    cursor: pointer;
    margin-right: 10px;
}

.iconweilan {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    background: url(../images/jiankong/iconwl.png) no-repeat center;
    margin-right: 5px;
}

.weilanbtWrap.active .iconweilan {
    background: url(../images/jiankong/iconwl1.png) no-repeat center;
}

.weilanbtWrap.active {
    color: #1795de
}

.weilansearch {
    margin: 0px 5px;
    margin-top: 5px;
    position: relative
}

.weilansearchbar {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0px;
    background: url(../images/iconBar.png) no-repeat center
}

.weilansearch input {
    padding-left: 30px;
}

.weilantree {
    position: absolute;
;
    top: 40px;
    bottom: 0px;
    width: 100%;
    padding: 5px;
}

.rightClick {
    position: absolute;
    width: 80px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3)
}

.rightClick a {
    display: block;
    width: 100%;
    line-height: 24px;
    text-align: center;
    color: #333
}

.rightClick a:hover {
    background: #f1f1f1
}

.editWeilanName {
    width: 300px;
    height: 180px;
    margin-left: -150px;
    margin-top: -90px;
}

.weilanerr {
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #F00;
}

.editWeilanName .ejectInfo {
    margin: 0px 20px;
    overflow: hidden
}

.editWeilanName .buttonWrap {
    width: 100px;
    margin: 0px auto;
    margin-top: 20px;
}

.weilanxz {
    width: 490px;
    height: 286px;
    margin-left: -231px;
    margin-top: -143px;
}

.weilanejectContent {
    padding: 0px 20px;
}

.weilanejectContent .form-group {
    margin-left: 0px;
}

.form-control.namexz {
    width: 361px;
}

.weilanejectContent label {
    width: auto;
}

.weilanxz .weilanejectContent label {
    width: 60px;
}

.form-control.selectinput {
    width: 118px;
}

.weilanxz .buttonWrap {
    width: 100px;
    margin: 0px auto;
    margin-top: 15px;
}

.weilanbd {
    width: 930px;
    height: 500px;
    margin-left: -465px;
    margin-top: -250px;
    z-index: 100
}

.mapbj {
    width: 1159px;
    height: 524px;
    margin-left: -565px;
    margin-top: -262px;
    z-index: 100
}

.timeweilanbd {
    width: 580px;
    height: 476px;
    margin-left: -290px;
    margin-top: -238px;
}

.timeweilanbd .weilanbdTable .bdTableBody td .form-control {
    width: 42%;
    float: right;
    margin: 0px;
    text-align: right
}

.timeweilanbd .weilanbdTable .bdTableBody td .form-control:first-child {
    float: left;
    text-align: left
}

.diviLine {
    display: block;
    width: 16%;
    float: left;
    text-align: center
}

.timeweilanbd .form-control,
.weilanbd .form-control {
    width: 120px;
    margin-right: 10px;
}

.timeweilanbd .buttonWrap,
.weilanbd .buttonWrap {
    width: 100px;
    margin: 0px auto;
}

.weilanbdTable {
    height: 300px;
    margin-bottom: 20px;
    position: relative;
    border: 1px solid #e1e1e1
}

.weilanbdTable table.table th {
    text-align: center;
    padding: 0px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #e1e1e1
}

.weilanbdTable table.table td {
    text-align: center;
    padding: 0px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #e1e1e1;
    padding: 0px 5px;
}

.timeweilanbd .form-inline,
.weilanbd .form-inline {
    margin-top: 15px;
}

.bdTableBody {
    position: absolute;
    top: 30px;
    width: 100%;
    bottom: 0px;
    overflow: auto;
}

.timeweilanbd .bdTableBody .form-control,
.weilanbd .bdTableBody .form-control {
    width: 100%;
    border: none;
    box-shadow: none
}

.bdTableBody table tr td:first-child {
    border-left: 0px;
}

.bdTableBody table tr td:last-child {
    border-right: 0px;
}

.weilanejectContent .table>tbody>tr:nth-child(even) input {
    background: #f1f4f7
}

.weilanTimeset dl dt,
.weilanTimeset dl dd {
    float: left
}

.weilanTimeset dl dt {
    font-weight: 400;
    margin-right: 20px;
}

.weilanTimeset {
    overflow: hidden;
    padding: 0px 15px;
}

.weilanTimeset input[type=checkbox] {
    margin-top: 2px;
}

.weilanTimeset {
    float: left
}

.time-weilan-bt {
    float: right;
    margin-right: 15px;
    margin-top: -7px;
}

.time-weilan-bt .btn:first-child {
    margin-right: 10px;
}

.weilanejectContent .form-group:nth-of-type(1) .form-control.namexz {
    width: 200px;
}


/*OBD*/


/*.mapejectList{position: absolute;top:38px;bottom:0px;width: 100%;padding: 10px;overflow:auto}*/

.mapejectList {
    position: absolute;
    top: 38px;
    bottom: 40px;
    width: 100%;
    overflow: auto
}


/*.mapejectList dl{overflow:hidden;margin-bottom: 8px;}
.mapejectList dl dt{float:left;margin-right:5px;font-weight: 400;color: #333}
.mapejectList dl dd{word-break:break-all;color: #666}
.mapejectList .table td{border-bottom: 1px solid #e1e1e1;border-left:1px solid #e1e1e1;padding: 2px 6px;}
.mapejectList .table tr td:first-child{border-left:none}
.mapejectList .table>tbody>tr:nth-child(even){background: #fff}*/

.timedl {
    float: right;
    margin-bottom: 0px;
    margin-right: 10px;
}

.timedl dt,
.timedl dd {
    float: left;
    line-height: 38px;
}

.timedl dt {
    font-weight: 400
}

.blockObd h2 {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}

.blockObd {
    overflow: hidden;
    margin: 0px 10px;
    margin-top: 5px;
}

.blockObd:first-child {
    margin-top: 10px;
}

.blockObd dl.obdlistdl {
    float: left;
    width: 50%;
    margin-bottom: 5px;
}

.blockObd dl.obdlistdl {
    padding-right: 5px;
}

.blockObd dl.obdlistdl:nth-of-type(2n) {
    padding-left: 5px;
}

.blockObd dl.obdlistdl dt,
.blockObd dl.obdlistdl dd {
    font-weight: 400;
    float: left
}

.blockObd dl.obdlistdl dd {
    color: #218af3;
    float: none;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blockObd dl.obdlistdl dt {
    width: 88px;
    margin-right: 10px;
}

.faultblock {
    overflow: hidden;
    width: 100%
}

.faultdl dt {
    font-weight: 400;
    float: left;
    margin-right: 5px;
}

.faultdl dd {
    float: none;
    word-break: break-all;
}

.faultcode {
    color: #218af3
}


/*气泡窗*/

.qipaoWindow {
    width: 420px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.7);
    position: absolute
}

.qipaoTitle {
    height: 40px;
    border-bottom: 1px #ebebeb solid;
    line-height: 40px;
    padding: 0px 10px;
}

.license,
.iconfollow,
.directTo,
.speed {
    display: inline-block;
    float: left;
    margin-left: 10px;
}

.license {
    font-size: 14px;
    margin-left: 0px;
}

.directTo {
    width: 50px;
    height: 20px;
    text-align: center;
    color: #fff;
    margin-top: 10px;
    line-height: 20px;
}

.iconfollow {
    width: 17px;
    height: 15px;
    background: url(../images/jiankong/nofollow.png) no-repeat center;
    margin-top: 12.5px;
}

.iconfollow.iconfollowYes {
    background: url(../images/jiankong/follow.png) no-repeat
}

.speed {
    color: #1795de
}

.setBar {
    display: inline-block;
    float: right;
    width: 16px;
    height: 16px;
    background: url(../images/jiankong/setbar.png) no-repeat;
    margin-top: 12px;
}

.close.qipaoClose {
    color: #818488;
    margin-left: 15px;
    margin-top: 9px
}

.qipaomain {
    overflow: hidden;
    padding: 10px;
}

.qipaomain .bPercent {
    margin-top: 0px;
}

.bPercent-1 {
    margin-bottom: 10px;
}

.qipaomain .bPercent dd {
    float: none;
    margin-left: 32px;
}

.qipaomain .bhalf {
    margin-bottom: 10px;
}

.qipaoOption {
    padding: 8px 10px;
    border-top: 1px #ebebeb solid;
    overflow: hidden;
    padding-bottom: 0px;
}

.doOption {
    display: block;
    height: 26px;
    float: left;
    margin-left: 18px;
    color: #333;
    text-align: center;
    line-height: 26px;
    margin-bottom: 10px;
}

.doOption.active {
    color: #1795de
}

.doOption:first-child {
    margin-left: 0px;
}

.qipaoPoint {
    position: absolute;
    width: 20px;
    height: 14px;
    background: url(../images/jiankong/qipaopoint.png) no-repeat;
    left: 50%;
    margin-left: -10px;
    margin-top: 0px;
}

.obdhrefbtn {
    dispaly: block;
    width: 100%;
    color: #fff;
    background: #1795df;
    position: absolute;
    bottom: 0px;
    line-height: 40px;
    text-align: center
}

.obdhrefbtn:hover,
.obdhrefbtn:active,
.obdhrefbtn:visited {
    color: #fff
}


/*气泡窗 end*/


/*增加标注*/

.signB {
    position: absolute;
    height: 288px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: #fff;
    border-radius: 4px;
    z-index: 1000;
}

.signweilan {
    position: absolute;
    right: 10px;
    width: 350px;
    height: 283px;
    background: #fff;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    bottom: 50px;
    z-index: 1000
}

.signHead {
    height: 34px;
    overflow: hidden;
    background: #0f8bc5;
    line-height: 34px;
    color: #fff;
}

.signHead span {
    margin-left: 10px;
}

.signHead a {
    display: block;
    float: right;
    color: #fff;
    font-size: 20px;
    width: 34px;
    height: 34px;
    text-align: center
}

.signForm {
    margin: 0px 10px;
    margin-top: 6px;
}

.signForm p.pErr {
    text-align: center;
    color: #F00;
    height: 16px;
}

.signForm dl {
    overflow: hidden;
    margin-top: 7px;
    margin-bottom: 0px;
}

.signForm dl dt {
    float: left;
    line-height: 24px;
    width: 54px;
    font-weight: 400
}

.signForm dl dd {
    float: left
}

.signForm dl dd .form-control {
    border-radius: 0px;
}

.signForm dl dd input.inputW7 {
    width: 160px;
    height: 24px;
}

.signForm dl dd select.inputW7 {
    width: 160px;
    height: 24px;
}

.signForm dl dd input.inputW7s {
    width: 48px;
    height: 24px;
}

.signForm dl dd span.iconAs {
    display: block;
    width: 28px;
    height: 28px;
    cursor: pointer;
    float: left
}

.signForm dl dd span.iconAs img {
    width: 16px;
    height: 16px;
    margin-left: 6px;
    margin-top: 6px;
}


/*.signForm dl dd span.iconAs i{ display:block; width:14px; height:14px; background:url(../images/addIcon.png) no-repeat 0px 0px; margin:0 auto; margin-top:7px;}
.signForm dl dd span.iconAs.iconP i{background:url(../images/dw.png) no-repeat; width:16px; height:16px; background-size:100% 100%; margin-top:6px;}*/

.signName {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: rgba(0, 0, 0, 0.02)
}

.signNameWrite {
    background: #fff;
    position: absolute;
    width: 220px;
    height: 160px;
    border-radius: 4px;
    top: 50%;
    left: 50%;
    margin-left: -110px;
    margin-top: -80px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5)
}

.signMc {
    overflow: hidden;
    margin: 0px 10px;
    margin-top: 6px;
    margin-bottom: 10px;
}

.signMc p {
    margin-bottom: 10px;
}

.signMc span {
    display: block;
    line-height: 28px;
    float: left
}

.signMc input {
    float: right
}

.signMc input.inputW8 {
    width: 160px;
    height: 26px;
}

.buttonFor {
    display: block;
    color: #fff !important;
    background: #0985bf;
    border-radius: 2px;
    display: block;
    text-align: center;
    width: 100px;
    height: 28px;
    margin: 0px auto;
    line-height: 28px;
}

.buttonFor.buttonForS1 {
    margin-top: 26px;
}

.signIcon {
    position: absolute;
    background: #fff;
    width: 180px;
    padding-bottom: 10px;
    margin-top: 28px;
    border: 1px #ccc solid;
    z-index: 10;
    margin-left: 54px;
}

.signIconList {
    overflow: hidden
}

.signIconList ul li {
    float: left;
    cursor: pointer
}

.signIconList ul li img {
    margin-left: 9px;
    margin-top: 9px;
    width: 20px;
}

.unitD {
    line-height: 28px;
    margin-left: 10px
}

.slipper {
    width: 120px;
    background: #cac9c9;
    height: 10px;
    margin-top: 9px;
    border-radius: 5px;
}

.slipperChild {
    height: 10px;
    border-radius: 5px;
    background: #f5902a;
    position: relative
}

.circleSlide {
    width: 16px;
    height: 16px;
    background: #f3f3f4;
    border: 1px #ccc solid;
    right: 0px;
    position: absolute;
    margin-top: -4px;
    border-radius: 50%;
}

.danweiBiaozhu {
    line-height: 30px;
    margin-left: 3px;
}

.biaozhutree {
    position: absolute;
    top: 32px;
    width: 100%;
    left: 0px;
    bottom: 0px;
    padding: 10px;
    overflow: auto
}

.biaozhu-top {
    top: 34px;
    padding: 0px;
}

.signGroupTitle .checkbox-inline {
    vertical-align: inherit;
}

.signGroupTitle .checkbox-inline input[type=checkbox] {
    top: 6px
}

.signGroupTitle {
    line-height: 32px;
    height: 32px;
    border-bottom: 1px #e7e7e7 solid;
    border-top: 1px #e7e7e7 solid;
    background: #f5f5f5;
    padding: 0px 10px;
}

.option-a {
    float: right;
    display: inline-block
}

.signAdd {
    margin-left: 5px;
    display: inline-block
}

.signRefresh {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: #000;
    float: right;
    margin-top: 8px;
    margin-left: 5px;
    background: url("../images/jiankong/fresh.png") no-repeat center
}

.sign-active .biaozhutree {
    bottom: 293px;
    border-bottom: 1px solid #d0d0d0
}

.rowSign {
    overflow: hidden;
    line-height: 30px;
}

.editSign {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/edit.png) no-repeat;
    float: right;
    margin-top: 7px;
}

.rowSign .checkbox-inline {
    margin-right: 26px;
    display: block;
}

.rowSign .checkbox-inline input[type=checkbox] {
    margin-top: 9px;
}

.signText {
    display: block;
    margin-left: 0px;
    margin-right: 0px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.weilanWrap.biaozhuset {
    top: 0px;
    bottom: 2px;
}

.iconbiaozhu {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    background: url(../images/jiankong/iconbz.png) no-repeat center;
    margin-right: 5px;
}

.iconweixing {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    background: url(../images/jiankong/iconwx.png) no-repeat center;
    margin-right: 5px;
}
.iconweixingd {
    margin-top: 5px;
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    background: url(../images/jiankong/iconwx.png) no-repeat center;
    margin-right: 2px;
}
.iconlukuang {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    background: url(../images/jiankong/lukuang.svg) no-repeat center;
    margin-right: 5px;
    background-size: contain;
}
.weilanbtWrap.active .iconbiaozhu {
    background: url(../images/jiankong/iconbzs.png) no-repeat center;
}

.weilanbtWrap.active .iconweixing {
    background: url(../images/jiankong/iconwxs.png) no-repeat center;
}

.weilanbtWrap.active .iconlukuang{
    background: url(../images/jiankong/lukuangs.svg) no-repeat center;
    background-size: contain;
}
/*街景*/

.jiejing {
    position: absolute;
    width: 50%;
    right: 0px;
    top: 0px;
    bottom: 0px;
    display: none
}

.jiejingMap {
    position: absolute;
    width: 100%;
    top: 0px;
    bottom: 0px;
}

.mapreal.jiejingShow .mapAt {
    width: 50%;
    left: 0px;
    top: 0px;
    bottom: 0px;
}

.mapreal.jiejingShow .jiejing {
    display: block
}

.jiejingClose {
    position: absolute;
    width: 30px;
    height: 30px;
    background: rgba(0, 0, 0, 0.3);
    top: 10px;
    right: 10px;
    z-index: 10;
    text-align: center
}

.jiejingClose button.close {
    margin-top: 5px;
    margin-right: 8px;
    color: #fff
}

.iconbiaozhu-add {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    background: url(../images/jiankong/bz-add.png) no-repeat center;
    margin-right: 5px;
}

.weilanbtWrap.active .iconbiaozhu-add {
    background: url(../images/jiankong/bz-add1.png) no-repeat center;
}


/*待办*/

.taskRegion {
    position: absolute;
    bottom: 15px;
    right: 15px;
    z-index: 10;
}


/*.taskRegion:hover{right:-5px;}*/

.taskBall-s {
    width: 80px;
    height: 80px;
    background: url(../images/ball.png) no-repeat;
    background-size: 100%;
    padding-top: 18px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    cursor: pointer;
}

.numDaiban,
.titleDaiban {
    display: block;
    text-align: center;
    color: #fff;
}

.numDaiban {
    font-size: 18px;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2)
}

.titleDaiban {
    font-size: 12px;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2)
}

.daibanList {
    background: #fff;
    width: 320px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    height: 350px;
}

.daibanTitle {
    height: 34px;
    background: #fc9615;
    color: #fff;
    line-height: 34px;
    padding-left: 10px;
}

.daibanTitle button.close {
    color: #fff;
    opacity: 0.8;
    margin-top: 7px;
}

.daibanMain {
    padding: 10px;
    padding-top: 5px;
    position: absolute;
    top: 34px;
    overflow: auto;
    bottom: 0px;
    width: 100%
}

.titleWrap {
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    cursor: pointer
}

.titleWrap .triangle {
    margin-left: 0px;
    margin-right: 4px;
    background: url(../images/jiantouUp.png) no-repeat;
}

.titleWrap span {
    font-weight: bold;
    color: #333
}

.daibanListBody {
    display: none
}

.daibanActive .daibanListBody {
    display: block
}

.daibanActive .triangle {
    background: url(../images/jiantouDown.png) no-repeat;
}

.daibanListBody .row {
    margin: 0px;
    margin-top: 10px;
}

.daibanListBody .row:first-child {
    margin-top: 0px;
}

.daibanListBody .row dl {
    overflow: hidden;
    margin-bottom: 0px;
    font-size: 12px;
    margin-top: 5px;
}

.daibanListBody .row dl:first-child {
    margin-top: 0px;
}

.daibanListBody .row dl dt,
.daibanListBody .row dl dd {
    float: left;
    color: #666;
    width: 50%;
}

.daibanListBody .row dl dt {
    padding-right: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.daibanListBody .row dl dd {
    text-align: right;
    padding-left: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.daibanListBody .row dl dt.fontnomal {
    font-weight: 400
}

.daibanBlock {
    margin-top: 10px;
}

.daibanBlock:first-child {
    margin-top: 0px;
}


/*轨迹回放*/

.leftguiji {
    position: absolute;
    width: 320px;
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    background: #fff;
}

.rightguiji {
    position: absolute;
    left: 330px;
    top: 10px;
    right: 10px;
    bottom: 10px;
}

.guijih {
    font-weight: 400;
    font-size: 12px;
    background: #f9f9f9;
    padding-left: 15px;
    color: #333333;
    overflow: hidden;
    padding-top: 15px;
    padding-bottom: 10px;
}

.guijichepai {
    float: left;
    border-left: 4px #1795de solid;
    padding-left: 10px;
}

.guijichepai p {
    margin: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 220px;
}

.guijichepai p:first-child {
    margin-bottom: 8px;
}

.downloadguiji {
    display: block;
    float: right;
    margin-right: 15px;
}

.rlDate {
    overflow: hidden;
    margin-top: 10px;
    font-size: 12px;
    margin: 0px 15px;
    margin-top: 10px;
}

.rlTop {
    height: 30px;
    background: #1795de;
    text-align: center;
    line-height: 30px;
}

.rlTop span {
    color: #fff;
    display: block;
}

.rlWeek span {
    display: block;
    float: left;
    width: 14.285%;
    text-align: center;
    line-height: 24px;
    color: #27b5e5
}

.rlDays table {
    margin: 0px;
}

.rlDays table tr td {
    text-align: center;
    border: 1px #d0d0d0 solid;
    height: 39px;
    cursor: pointer
}

.rlDays table tr td span {
    display: block;
    margin: 0px auto;
    width: 36px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.rlDays table tr td.rlOn {
    background: #e4f3fb
}

.daterow {
    margin-top: 15px;
}

.buttonguiji {
    width: 200px;
    margin: 0px auto;
    margin-top: 30px;
}

.buttonguiji .btn-info {
    margin-right: 30px;
}

.guijicontent {
    overflow: hidden;
    padding: 0px 15px;
    padding-top: 20px;
    padding-left: 0px;
}

.guijicontent .half {
    margin-bottom: 8px;
    width: 340px;
    margin-left: 30px
}

.guijicontent .form-group label {
    width: 100px;
    text-align: right
}

.hafdl {
    margin: 0px;
}

.hafdl dt,
.hafdl dd {
    float: left;
    line-height: 30px;
}

.hafdl dd {
    margin-left: 0px;
}

.hafdl dt {
    font-weight: 400;
    width: 100px;
    text-align: right;
    margin-right: 10px;
}

.halfdd .radio-inline input[type=radio] {
    margin-top: 8px
}

.halfdd .radio-inline:first-child {
    margin-right: 20px;
}

.guijibuttonset .btn {
    width: 100%
}

.guijibuttonset {
    width: 120px;
    margin: 0px auto;
    margin-top: 30px;
}

.maptool {
    padding-left: 20px;
    padding-right: 0px;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
    position: absolute;
    right: 15px;
    background: #fff;
    top: 5px;
}

.iconBlock {
    display: block
}

.toolblock {
    float: left;
    line-height: 30px;
    margin-right: 20px;
    cursor: pointer
}

.iconmingxi,
.iconquxian,
.iconceju {
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 5px;
    margin-top: 6px;
}

.iconmingxi {
    background: url(../images/jiankong/iconmingxi.png) no-repeat center;
}

.iconquxian {
    background: url(../images/jiankong/iconquxian.png) no-repeat center
}

.iconceju {
    background: url(../images/jiankong/iconceju.png) no-repeat center
}

.toolblock.active .iconmingxi {
    background: url(../images/jiankong/iconmingxi1.png) no-repeat center;
}

.toolblock.active .iconquxian {
    background: url(../images/jiankong/iconquxian1.png) no-repeat center
}

.toolblock.active .iconceju {
    background: url(../images/jiankong/iconceju1.png) no-repeat center
}

.toolblock.active span {
    color: #1795de
}

.toolblock .checkbox-inline input[type=checkbox] {
    margin-top: 8px;
}

.mingxidiv {
    height: 238px;
    background: #fff;
    position: absolute;
    top: 40px;
    border: 1px #e1e1e1 solid;
    padding: 0px;
    z-index: 1000;
    overflow: hidden;
    left: 55px;
    right: 0px;
}

.mingxidiv .table {
    margin-bottom: 0px;
}

.mingxidiv .table th,
.mingxidiv .table td {
    border-bottom: 1px #ccc solid;
    white-space: nowrap;
    padding: 4px;
    text-align: center
}

.mingxiHead {
    background: #edebeb;
    overflow: hidden;
    margin-top: 0px;
    padding-right: 20px
}

.mingxiBody {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 26px;
    overflow: auto
}

.mapguijihere {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.mapguijihere .qipaoTitle {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    padding: 0px 8px;
}

.mapguijihere .qipaomain .bhalf {
    margin-bottom: 4px
}

.mapguijihere .qipaomain {
    padding: 8px;
    padding-bottom: 0px
}

.barprogress {
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 16px;
    z-index: 798;
    width: 550px;
    height: 40px;
    border-radius: 5px;
    left: 50%;
    margin-left: -275px !important;
    color: #fff;
    line-height: 40px;
    font-size: 12px;
}

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

.maildate span {
    margin-right: 5px;
}

.playregion {
    width: 66px;
    position: absolute;
    left: 50%;
    top: 6px;
    margin-left: 20px;
}

.playregion a:first-child {
    margin-left: 0px;
}

.iconplay,
.iconstop,
.iconpause {
    display: block;
    width: 28px;
    height: 28px;
    float: left;
    margin-left: 10px;
    background: url(../images/jiankong/play_ico.png) no-repeat;
}

.iconplay:hover {
    background-position: -28px 0px
}

.iconstop {
    background-position: 0px -56px
}

.iconstop:hover {
    background-position: -28px -56px
}

.iconpause {
    background-position: 0px -28px
}

.iconpause:hover {
    background-position: -28px -28px
}

.gressregion {
    float: right;
    margin-right: 10px;
}

.bargresswrap {
    width: 100%;
    background: #fff;
    height: 12px;
    border-radius: 6px;
    overflow: hidden
}

.progresshere {
    float: left;
    width: 70px;
    height: 12px;
    margin: 0px 5px;
    margin-top: 14px;
    position: relative
}

.jinduregion {
    background: #e78f08;
    height: 12px;
}

.textblock {
    display: block;
    float: left;
}

.jinduPointBar {
    width: 16px;
    height: 16px;
    border-radius: 7px;
    background: #fff;
    position: absolute;
    margin-top: -14px;
    border: 1px solid #ff863d
}

.doOption.exportsMx {
    position: absolute;
    top: -1px;
    cursor: pointer;
    right: 0px;
    background: #1795de;
    color: #fff;
    padding: 0px 10px;
    height: 26px;
    margin: 0px;
    line-height: 26px;
    font-size: 12px
}


/*--------------------------------------------------------------------------------------------*/

.picTitle {
    display: block;
    float: left;
    margin-right: 10px;
    width: 110px;
    margin-right: 5px;
    text-align: right;
}

.picAdd {
    float: left
}

.imgWrap {
    width: 158px;
    height: 158px;
    border: 1px #c4c3c3 solid;
    background: url(../images/iconadd.png) no-repeat center;
    background-color: #fff;
    cursor: pointer;
    float: left;
    margin-right: 18px;
    line-height: 158px;
    margin-bottom: 20px;
}

.blackBlock {
    display: none
}

.imgWrap.imgWrap-other {
    position: relative;
    background: #fff
}

.imgWrap.imgWrap-other img {
    display: inline-block;
}

.imgWrap img {
    display: inline-block;
    width: 100%;
    height: 100%;
    vertical-align: top;
    border: none;
    display: none
}

.imgWrap.imgWrap-other .blackBlock {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: rgba(0, 0, 0, 0.6);
    z-index: 100;
}

.blackOp {
    position: absolute;
    width: 100%;
    line-height: 30px;
    bottom: 0px;
}

.blackOp a:first-child {
    padding: 0px;
    background: url(../images/yulanicon.png) no-repeat 10px 9px;
    padding-left: 30px;
    text-align: left;
}

.blackOp a {
    display: block;
    float: left;
    width: 50%;
    color: #fff;
    text-align: right;
    background: url(../images/delicon.png) no-repeat 32px 9px;
    overflow: hidden;
    box-sizing: border-box;
    padding-right: 10px
}

.imgWrap.imgWrap-other:hover .blackBlock {
    display: block
}

.iconSheBei {
    display: block;
    width: 0px;
    height: 28px;
    background: #2c92ec;
    float: left;
    color: #fff;
    line-height: 28px;
    text-align: center;
    margin-left: 0px;
}

a.iconSheBei:hover {
    color: #fff
}

.form-control.width9 {
    width: 684px;
    height: 60px;
}


/*input宽度*/

.form-control.widthb {
    width: 126px;
    height: 30px;
}

.date {
    float: left;
}

.fieldsList dl {
    margin-left: 40px;
    float: left
}

.fieldsList dl:first-child {
    margin-left: 0px;
}

.fieldsList dl dt {
    width: 110px;
    float: left;
    line-height: 28px;
    margin-right: 5px;
}

.fieldsList dl dd {
    float: left
}

.addFieldRow {
    overflow: hidden;
}

.addFieldRowfile {
    overflow: hidden;
    margin-top: 20px;
}

.picDetail {
    display: block;
    float: left;
    width: 110px;
    font-weight: bold;
    margin-right: 5px;
}

.blockPicWrap {
    overflow: hidden;
}

.blockPicWrap .blockPic {
    width: 90px;
    height: 90px;
    border: 1px #c4c3c3 solid;
    float: left;
    margin-right: 10px;
    line-height: 90px;
    margin-bottom: 10px;
}

.blockPicWrap .blockPic:first-child {
    margin-left: 0px;
}

.blockPicWrap .blockPic img {
    width: 100%;
    display: inline-block
}



.iconDetailCl {
    width: 28px;
    height: 28px;
    margin-top: -5px;
}

.eject.ejectWidthBumen2 {
    width: 600px;
    padding-bottom: 10px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    -moz-transform: translate(-50%, -50%);
    /* Firefox */
    -webkit-transform: translate(-50%, -50%);
    /* Safari 和 Chrome */
    -o-transform: translate(-50%, -50%);
    /* Opera */
}

.message {
    margin-left: 40px;
    margin-top: 20px;
}


/*授权*/

.listAreaWrap:first-child {
    margin-top: 5px;
}

.listAreaWrap {
    margin: 0px 15px;
    border: 1px #d3d3d3 solid;
    overflow: hidden;
    margin-bottom: 10px;
}

.infoListInfo-other {
    background: #fff;
    overflow: hidden;
    padding-bottom: 20px;
}

.infoListInfo-other .listAreaWrap:first-child {
    margin-top: 15px;
}

.headCheck {
    height: 40px;
    background: #eeeeee;
    line-height: 40px;
    position: relative
}

.headCheck.selectList {
    background: #cccfd2
}

.headCheck span {
    font-size: 14px;
    font-weight: bold
}

.headCheck input[type=checkbox] {
    float: left;
    margin-top: 13px;
    margin-right: 10px;
    margin-left: 12px;
}

.arrow {
    left: 95px;
    height: 40px;
    right: 0px;
    position: absolute;
    top: 0px;
}

.arrow .arrow1 {
    width: 0px;
    height: 0px;
    border-left: 8px rgba(0, 0, 0, 0) solid;
    border-right: 8px rgba(0, 0, 0, 0) solid;
    border-top: 5px #808080 solid;
    position: absolute;
    right: 10px;
    margin-top: 18px;
}

.arrow .arrow2 {
    width: 0px;
    height: 0px;
    border-left: 8px rgba(0, 0, 0, 0) solid;
    border-right: 8px rgba(0, 0, 0, 0) solid;
    border-top: 5px #eeeeee solid;
    position: absolute;
    margin-top: 16px;
    right: 10px;
}

.headCheck.selectList .arrow .arrow1 {
    width: 0px;
    height: 0px;
    border-left: 8px rgba(0, 0, 0, 0) solid;
    border-right: 8px rgba(0, 0, 0, 0) solid;
    border-bottom: 5px #808080 solid;
    position: absolute;
    border-top: none;
    margin-top: 16px;
}

.headCheck.selectList .arrow .arrow2 {
    width: 0px;
    height: 0px;
    border-left: 8px rgba(0, 0, 0, 0) solid;
    border-right: 8px rgba(0, 0, 0, 0) solid;
    border-bottom: 5px #cccfd2 solid;
    position: absolute;
    border-top: none;
    margin-top: 18px;
}

.table-other {
    border-collapse: collapse;
    width: 100%;
}

.table-other td {
    border-top: 1px #d3d3d3 solid;
    vertical-align: middle
}

.checkWrap {
    margin-bottom: 10px;
}

.rowCheckWrap {
    overflow: hidden;
    margin-top: 12px;
    padding-bottom: 2px
}

.rowCheckWrap .checkWrap {
    float: left;
    margin-right: 15px;
}

.table-other td input[type=checkbox] {
    float: left;
    margin-top: 2px;
    margin-left: 12px;
    margin-right: 12px
}

.table-other tr:first-child td {
    border-top: none
}

.td1 {
    background: #eeeeee;
    width: 130px;
    border-right: 1px #d3d3d3 solid;
}

.td2 {
    background: #f9f9f9;
    width: 130px;
    border-right: 1px #d3d3d3 solid;
}

.tableArea .table>tbody>tr:nth-of-type(2n) {
    background: #f5f6fa
}

.checkArea {
    display: none
}

.headCheck.selectList~.checkArea {
    display: block
}

.td1 .checkWrap,
.td2 .checkWrap {
    margin-bottom: 0px;
}

.moreDo {
    width: 100px;
    position: absolute;
    background: #fff;
    border: 1px #e3e3e3 solid;
    right: 15px;
    z-index: 10;
    display: none;
    margin-top: -2px
}

.detailResult.tableArea .table>tbody>tr>td .moreDo a {
    display: block;
    height: 30px;
    line-height: 30px;
    color: #333;
    text-decoration: none !important;
    margin-right: 0px;
}

.detailResult.tableArea .table>tbody>tr>td .moreDo a:hover {
    background: #f5f5f5;
    color: #0777c5
}

.tableArea .table>tbody>tr>td:last-child {
    position: relative;
    overflow: inherit
}

.table-hover>tbody>tr:hover {
    background: none
}


/*车辆信息*/

.imgShebei {
    float: left
}

.iconSheBei {
    display: block;
    width: 74px;
    height: 28px;
    background: #2c92ec;
    float: left;
    color: #fff;
    line-height: 28px;
    text-align: center;
    margin-left: 18px;
}

a.iconSheBei:hover {
    color: #fff
}

.assnIconList {
    position: absolute;
    width: 684px;
    background: #fff;
    border: 1px #ccc solid;
    height: auto;
    z-index: 10;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
    padding: 0px 10px;
    margin-top: -6px;
    margin-left: 116px;
}

label.btIconHere {
    float: left;
    display: inline-block;
    line-height: 30px
}

.iconTypy {
    float: left;
    line-height: 30px;
    width: 100%;
    padding: 0px 20px;
    margin-bottom: 15px;
}

.iconTypy .radio-inline {
    display: inline-block;
    float: left;
    margin-right: 20px;
}

.iconTypy .radio-inline input[type=radio] {
    margin-top: 11px;
    left: 0px;
    float: left;
    margin-left: 0px;
}

.contentWrap {
    position: absolute;
    top: 53px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    overflow: auto;
    padding-bottom: 20px;
}

.changIcoimg {
    width: 34px;
    height: 34px;
    text-align: center;
}

.changIcoimg img {
    max-width: 100%
}

.addRow.form-inline .form-group .assnIconList label {
    width: auto
}

.tanchu_xiangxi_main.detailResult {
    width: 640px;
    height: 500px;
    margin-left: -320px;
    margin-top: -250px;
}

.tanchu_xiangxi_main.detailResult-other {
    width: 640px;
    height: 400px;
    margin-left: -320px;
    margin-top: -200px;
}

.tanchu_main_all.detailsW {
    margin: 20px 50px;
}

.picDetailpic {
    display: inline;
    width: 110px;
    font-weight: bold;
    text-align: left;
    margin-right: 5px;
}

.blockPicWrap {
    overflow: hidden;
}

.blockPicWrap .blockPic:first-child {
    margin-left: 0px;
}

.blockPicWrap .blockPic img {
    width: 100%
}

.blockTextWrap {
    margin-left: 90px;
    margin-right: 50px;
    overflow: hidden;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.rowDl .blockTextWrap{
    margin: 0px;
    overflow: inherit;
    white-space: initial;
    text-overflow: initial;
}

.iconDetailCl {
    width: 28px;
    height: 28px;
    margin-top: -5px;
}

.cartype {
    margin-left: -60px;
}


/*.caricon{width: 40px!important;}*/

.carinput {
    display: inline-block;
    margin-right: 6px;
    position: relative;
    top: 1px;
    left: 5px;
}

.carlable {
    float: left;
    position: relative;
    top: 6px;
}

.imgsize {
    width: 24px;
    height: 24px;
}


/*运维管理*/

.chepaimargin {
    margin-left: 0px;
}

.fadongjihao {
    margin-left: 93px;
}

.eject.ejectWidthBumenf {
    width: 600px;
    height: 380px;
    margin-left: -250px;
    margin-top: -180px;
}

.eject.ejectWidthBumenk {
    width: 600px;
    height: 320px;
    margin-left: -250px;
    margin-top: -150px;
}

.datemargin {
    margin-right: 5px;
}

.setlistto {
    display: inline-block;
    width: 110px;
    text-align: right;
    float: left;
    line-height: 28px;
}

.setdivfor {
    float: left;
    width: 400px;
}

.setitem {
    overflow: hidden;
    margin-left: 110px;
    margin-right: 0px;
}

.addContent3 .addRow.form-inline .setitem .form-group {
    margin: 0px;
}

.addContent3 .addRow.form-inline .setitem .form-group:first-child {
    margin-bottom: 10px !important;
}

.setitem .form-group label {
    color: #666
}

.oneinput .form-group {
    margin-left: 33px;
    margin-top: 15px;
}

.promptAddButton.oninput {
    margin-top: 20px;
}

.oninputp {
    text-align: center
}

.setitem.limitv .form-group label {
    width: 60px;
}

.setitem.tiredtime .form-group label {
    width: 134px;
}

.paper {
    position: absolute;
    right: -200px;
    width: 250px;
    top: 0px;
}

.paper_pic {
    height: 120px;
;
    width: 100%;
    border: 1px dashed #d0d0d0;
    line-height: 120px;
    text-align: center;
    cursor: pointer
}

.paper_pic img {
    max-height: 100%;
    max-width: 100%;
    margin-top: -5px;
    display: none
}

.paper_pic_show span {
    display: none
}

.paper_pic_show img {
    display: inline-block
}

.paper_pic span {
    font-size: 16px;
}

.paper_info {
    width: 100%;
    background: #efefef;
    padding: 10px 5px;
    margin-top: 8px;
    overflow: hidden
}

.paper_info dl {
    overflow: hidden;
    margin-bottom: 10px;
}

.paper_info dl dt {
    float: left;
    width: 90px;
    text-align: right
}

.paper_info dl dt,
.paper_info dl dd {
    line-height: 30px;
}

.paper_info dl dd {
    margin-left: 92px;
    margin-right: 0px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 5px;
}

.paper_info dl dd input[readonly] {
    border: none;
    box-shadow: none
}

.paper_info .buttonRegion button {
    width: 60px;
    margin-left: 15px
}

.paper_info .buttonRegion .buttonWrap {
    width: 140px
}


/*费用管理*/

.photoblock.active .nodatastate {
    display: none;
}

.photoblock.active .imgstate {
    display: block;
}

.imglistWrap {
    width: 1100px;
}

.imglisth {
    background: #dee0e2;
    height: 30px;
    width: 1100px;
    margin: 0px auto;
    margin-top: 2px;
    padding: 0px 10px;
}

.checkbox-inline.allon {
    margin-top: 5px;
    float: left
}

.icondelimg {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/imgstate/icondel.png) no-repeat;
    float: left;
    margin-top: 7px;
    margin-right: 5px;
}

.delall {
    float: left;
    line-height: 30px;
    cursor: pointer;
    margin-left: 15px;
}

.picblock {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}

.picwrap {
    width: 200px;
    height: 200px;
    border: 1px #ddd solid;
    background: #fff;
    text-align: center;
    line-height: 200px;
}

.imgcontent {
    width: 1100px;
    padding-top: 20px;
    padding-left: 20px;
    position: absolute;
    top: 30px;
    bottom: 0px;
    left: 50%;
    margin-left: -550px;
    overflow: auto
}

.imgcontent .img-responsive {
    display: inline-block
}

.checkboxon {
    float: left;
    margin-top: 5px;
}

.delall.delpic {
    float: right
}

.viewimg {
    position: absolute;
    left: 50px;
    right: 50px;
    top: 50px;
    bottom: 50px;
    background: #636262;
    text-align: center;
    overflow: auto
}

.viewclose {
    display: block;
    width: 30px;
    height: 30px;
    background: url(../images/imgstate/viewclose.png) no-repeat;
    position: absolute;
    top: 40px;
    right: 40px;
    z-index: 100
}

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

.viewimgtable td {
    vertical-align: middle;
    text-align: center;
    padding: 15px 20px;
    box-sizing: border-box;
}

.viewimgtable td .img-responsive {
    display: inline-block;
    max-width: 80%
}

.imglistcaozuo {
    float: right
}

.imglisthtext {
    float: left;
    font-size: 14px;
    line-height: 30px;
}

.feiyongphoto {
    width: 90px;
    height: 90px;
    border: 1px solid #c4c3c3;
    margin-right: 10px;
}

.feiyongmess {
    margin-top: 4px;
}

.piccontainer {
    width: 656px;
    height: 538px;
    margin-left: -278px;
    margin-top: -269px;
    background: #fff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4)
}

.imgcontentListWrap {
    padding: 10px;
    padding-right: 0px;
}

.imgcontentListWrap .img-responsive {
    display: inline-block
}

.imgcontentListWrap .img-responsive {
    margin-top: -8px
}


/*登录页面*/

.loginback {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    background: url(../images/loginback.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    min-width: 1280px;
    min-height: 500px;
}

.loginname {
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    position: relative;
    top: 5px;
}

.logodiv {
    margin-top: 54px;
    margin-left: 70px;
}

.mapinput {
    width: 1038px;
    height: 420px;
    position: relative;
    margin: auto;
    margin-top: 4%;
}

.map {
    width: 520px;
    height: 449px;
    background: url(../images/map.png) no-repeat;
    display: inline-block;
}

.loginbox {
    width: 380px;
    height: 374px;
    background-color: #fff;
    border-radius: 10px;
    position: absolute;
    display: inline-block;
    margin-left: 13%;
    margin-top: 30px;
}

.zhanghaoicon {
    background: url(../images/zhanghu.png) no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    left: 40px;
    top: 6px;
}

.mimaicon {
    background: url(../images/mima.png) no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    left: 40px;
    top: 6px;
}

.logininput {
    width: 340px;
    height: 32px;
    border-radius: 5px;
    border: 1px solid #bfbfbf;
    text-indent: 50px;
    margin-left: -4px;
}

.checkpass {
    margin-left: 20px;
}

.zhaohui {
    float: right;
    margin-right: 20px;
    color: #333;
}

.loginbuttun {
    width: 340px;
    height: 36px;
    border-radius: 5px;
    background-color: #0275bb;
    display: inline-block;
    margin-left: 20px;
    padding-left: 148px;
    padding-top: 8px;
    margin-top: 20px;
    font-size: 14px;
    color: #fff;
    cursor: pointer
}

.loginerron {
    color: red;
    margin-top: 8px;
    text-align: center
}

.loginbuttun a {
    color: #fff
}


/*记录页面添加分栏部分*/

.adddiv {
    border-bottom: 1px solid #dfe5e9;
    margin-left: 10px;
    margin-top: 10px;
    height: 42px;
}

.addtitle {
    width: 110px;
    height: 42px;
    display: inline-block;
    text-align: center;
    padding-top: 12px;
    border-top: 1px solid #dfe5e9;
    border-left: 1px solid #dfe5e9;
    border-right: 1px solid #dfe5e9;
    position: relative;
    cursor: pointer
}

.addtitle a {
    color: #333;
}

.addtype {
    border-bottom: none;
    margin-top: 0px;
    background-color: #fff;
    border-top: 2px solid #2799db;
    font-weight: bold;
    position: relative;
    top: 1px;
}

.addtype a {
    color: #2799db;
}

.baoxianmessage {
    margin-left: -4px;
    margin-top: -1px;
    position: relative;
}

.querymargin {
    margin-top: 54px;
}


/*调度看板*/

.beijingtiao {
    width: 98%;
    height: 10px;
    border-radius: 4px;
    background-color: #43c44f;
    background-image: url(../images/kuohao.png);
    margin-top: -10px;
    position: relative
}

.beijingtiaofanxiang {
    width: 98%;
    height: 10px;
    border-radius: 4px;
    background-color: #ffae20;
    background-image: url(../images/kuohao-fanxiang.png);
    margin-top: -10px;
    position: relative
}

.qidian {
    background: url(../images/qidian.png);
    width: 30px;
    height: 40px;
    display: inline-block;
    float: left;
    margin-top: -35px;
}

.zhongdian {
    background: url(../images/zhongdian.png);
    width: 30px;
    height: 40px;
    display: inline-block;
    float: right;
    margin-top: -35px;
}

.carjuli {
    background: url(../images/caricon.png);
    width: 130px;
    height: 58px;
    margin-bottom: 10px;
    margin-left: 40%;
    color: #fff;
    text-align: center;
    padding-top: 2px;
    position: relative
}

.carjuli-a {
    background: url(../images/busicon.png);
    width: 130px;
    height: 58px;
    margin-bottom: 10px;
    margin-left: 70%;
    color: #fff;
    text-align: center;
    padding-top: 2px;
}

.carjulifanxiang {
    background: url(../images/caricon-fanxiang.png);
    width: 130px;
    height: 58px;
    margin-bottom: 10px;
    margin-left: 10%;
    color: #fff;
    text-align: center;
    padding-top: 2px;
    position: relative
}

.carjuli span {
    font-size: 14px;
    font-weight: bold;
}

.carjulifanxiang span {
    font-size: 14px;
    font-weight: bold;
}

.carjuli-a span {
    font-size: 14px;
    font-weight: bold;
}

.carjuli i {
    font-style: normal;
}

.carjulifanxiang i {
    font-style: normal;
}

.carplace {
    position: absolute;
    padding: 5px 10px;
    background: #1795de;
    border-radius: 5px;
    left: 50%;
    white-space: nowrap;
    top: 10px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    -moz-transform: translate(-50%, -50%);
    /* Firefox */
    -webkit-transform: translate(-50%, -50%);
    /* Safari 和 Chrome */
    -o-transform: translate(-50%, -50%);
    /* Opera */
}

.carplace::after {
    content: "";
    position: absolute;
    width: 9px;
    height: 7px;
    background: url(../images/bottom_bar.png) no-repeat center;
    bottom: -7px;
    left: 50%;
    margin-left: -4.5px;
}

.shangche {
    float: left;
    max-width: 39%
}

.xiache {
    float: right;
    max-width: 39%
}

.licheng {
    float: left;
    position: absolute;
    left: 59.5%;
}

.biaozhu {
    width: 98%;
    padding-top: 16px;
}

.licheng span {
    font-size: 14px;
    font-weight: bold;
}

.chehaoline {
    line-height: 36px;
    font-size: 16px;
}

.chehaoline td {
    width: 198px;
}

.tablelineheight {
    line-height: 30px;
}

.cartable tbody tr td:nth-of-type(2)>div {
    padding-left: 45px;
}

.suducolor {
    color: #1795de;
    font-size: 14px;
}

.suducolor>a {
    margin-left: 10px;
}

.suducolor>a:first-child {
    margin-left: 0px;
}

.messtable {
    width: 100%;
    margin-left: 3%;
    margin-bottom: 6px;
    margin-top: 6px;
}

.messtable td {
    vertical-align: text-bottom;
    padding-top: 4px;
    padding-bottom: 4px;
}

.typename {
    width: 74px;
}

.typemess {
    width: 128px;
}

.messtable-b {
    height: 36px;
    font-size: 16px;
}

.pagingmargin {
    margin-top: 20px;
}

.jiedian- {
    width: 12px;
    height: 12px;
    border-radius: 180px;
    background-image: url(../images/jiedian.png);
    display: inline-block;
    float: inherit;
    position: absolute;
    left: 0px;
}

.jiedianlicheng {
    background: url(../images/jiedianlicheng.png)no-repeat;
    width: 108px;
    height: 100px;
    float: left;
    position: relative;
    top: -100px;
    left: -47px;
    text-align: center;
    color: #ffffff;
    padding: 6px;
}

.jiedianlicheng span {
    font-weight: bold;
    font-size: 14px;
    color: #ffffff;
}

.table-tr-back:nth-of-type(2n) {
    background-color: #fff;
}


/*消息*/

.msgMain {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 43px;
    bottom: 0px;
    background: #fff
}

.leftMsg {
    width: 150px;
    height: 100%;
    border-right: 1px #dfdfdf solid;
    line-height: 30px;
    padding-top: 20px;
}

.iconPointMsg {
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    float: left;
    background: #42474d;
    margin-top: 12px;
    margin-right: 10px;
    margin-left: 15px;
}

.msgRowList {
    overflow: hidden;
    margin-bottom: 10px;
    cursor: pointer;
}

.msgRowList.msgActive {
    background: #ececec;
}

.msgRowList.msgActive span {
    color: #f5902a;
}

.msgRowList.msgActive .iconPointMsg {
    background: #f5902a;
}

.rightMsg {
    position: absolute;
    left: 150px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    padding: 15px;
}

.rightMsg .listDataTitle {
    border: none;
}

.rightMsg .listDataTitle h1 {
    margin-left: 0px;
}

.rightMsg .handleWrap {
    margin-bottom: 0px;
    margin-right: 0px;
}

.msgContent {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 15px;
    padding: 0px 15px;
    overflow: auto;
}

.allSelect {
    float: left;
    margin-top: 5px;
}

.allSelect input[type=checkbox] {
    float: left;
    margin-top: 2px;
    margin-right: 5px;
}

.caozuo {
    overflow: hidden;
    padding-bottom: 10px;
}

.rowMsgHere {
    overflow: hidden;
    line-height: 34px;
}

.rowMsgHere input[type=checkbox] {
    float: left;
    margin-top: 12px;
}

.rowMsgHere a {
    display: block;
    margin-left: 30px;
    overflow: hidden;
}

.biaotiFloat {
    display: block;
    float: left;
}

.floatTime {
    float: right;
    color: #333;
}

.listWrapMsg {
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 10px;
}

.iconMsgState {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    margin-top: 9px;
    margin-right: 5px;
}

.iconweidu .iconMsgState {
    background: url(../images/weidu.png) no-repeat
}

.iconyidu .iconMsgState {
    background: url(../images/yidu.png) no-repeat
}

.biaotispan {
    display: block;
    float: left;
    font-weight: bold;
    color: #333;
}

.contentIntro {
    color: #7c7c7c
}

.biaoti {
    overflow: hidden;
    margin-right: 88px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.msgContent .pageArea.detailPage {
    margin: 0px;
    margin-top: 20px;
}

.msgListShow {
    min-height: 300px;
}

.msgSend {
    width: 360px;
    height: 310px;
    margin-top: -155px;
    margin-left: -180px;
}

.msgSendWidth1 {
    width: 268px !important;
}

.msgSendWidth2 {
    width: 268px !important;
    height: 80px !important;
}

.msgSendContent {
    padding-top: 20px;
}

.msgSendContent .queryIfWrap.form-inline .queryInput .form-group {
    margin-bottom: 15px;
}

.sendButtonWrap {
    width: 110px;
    margin: 0px auto;
    margin-bottom: 5px;
}

.sendButtonWrap button {
    width: 110px;
}

.panel {
    margin-top: 10px;
    border-radius: 0px;
}

.panel-body {
    padding: 10px 15px;
    background: #f7f7f9
}

.panel-body h1 {
    font-size: 16px;
    margin: 0px;
    padding: 0px;
    margin-bottom: 10px;
}

.form-control.widthw {
    width: 300px;
}


/*input宽度*/

.eject.ejectWidthshanchuw {
    width: 420px;
    height: 348px;
    margin-left: -210px;
    margin-top: -174px;
}

.eject.ejectWidthedit {
    width: 320px;
    height: 250px;
    margin-left: -210px;
    margin-top: -125px;
}

.form-control.messageheight {
    display: inline-block;
    height: 80px;
}

.messagemagn {
    font-size: 14px;
    margin-right: 13px;
    display: inline-block;
    width: 48px;
    text-align: right
}

.messagecontent {
    display: inline-block;
    float: left;
    font-size: 14px;
    margin-right: 18px;
    width: 48px;
    text-align: right
}

.sendziti {
    font-size: 14px;
}

.errtishi {
    color: red;
    margin-left: 150px;
    position: relative;
    top: 20px;
}

.titlebarw {
    height: 37px;
    overflow: hidden;
    display: inline-block;
}


/*标题栏*/

.messw {
    margin-top: 0px;
    margin-left: 20px;
    margin-right: 10px;
}

.msgDetail {
    white-space: normal;
    width: 750px;
    margin: 0px auto;
}

.personname {
    display: inline-block;
    width: 60px;
    margin-right: 5px
}

.ejectWidthMessage {
    width: 640px;
    margin-left: -290px;
    margin-top: -270px;
    padding-bottom: 20px
}

.ejectWidthMessage .form-control.widthw {
    width: 487px;
}

.ejectWidthMessage .promptDlete {
    overflow: hidden
}

.ejectWidthMessage .picAdd {
    vertical-align: top;
    float: none;
    margin-left: 66px
}

.blackOp>a {
    font-size: 12px
}

.ejectWidthMessage .imgWrap {
    width: 90px;
    height: 90px
}

.ejectWidthMessage .blackOp a {
    height: 20px;
    padding: 0px;
    background-position: center;
}

.ejectWidthMessage .imgWrap {
    margin-right: 10px;
    margin-bottom: 10px;
}

.detail-img-list {
    overflow: hidden;
    margin-top: 20px
}

.detail-img-list ul li {
    float: left;
    background: #f5f5f5;
    width: 138px;
    height: 138px;
    margin-right: 15px;
    border: 1px solid #ecebeb;
    position: relative;
    cursor: pointer;
    line-height: 138px;
    text-align: center;
    margin-bottom: 10px
}

.detail-img-list ul li:nth-of-type(5n) {
    margin-right: 0px;
}

.detail-img-list ul li:hover::after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: url(../images/iconview.png) no-repeat center;
    background-color: rgba(0, 0, 0, 0.3)
}

.detail-img-list ul li img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    margin-top: -3px
}


/*
11111111111111111111111111111111111111111111111111111111111111111-----------------------------------------*/


/*用车申请进度弹框*/

.paichejindu {
    height: 100px;
    border-bottom: 1px solid #dfe4e6;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 35px;
}

.tijiaoshenqing {
    width: 86px;
    height: 40px;
    background: url(../images/jindu-back1.png) no-repeat;
    text-align: left;
    padding-top: 20px;
    background-position: top;
    display: inline-block;
    margin-right: -5px;
    color: #666;
}

.butongguo {
    width: 86px;
    height: 40px;
    background: url(../images/butongguo.png) no-repeat;
    text-align: left;
    padding-top: 20px;
    background-position: top;
    display: inline-block;
    margin-right: -5px;
    color: #36a06a;
}

.jindutiao {
    width: 86px;
    height: 40px;
    background: url(../images/jindu-back.png) no-repeat;
    text-align: left;
    padding-top: 20px;
    background-position: top;
    display: inline-block;
    margin-right: -5px;
    color: #36a06a;
}

.zhuangtai {
    width: 30px;
    height: 40px;
    background: url(../images/circle1.png) no-repeat;
    text-align: left;
    padding-top: 20px;
    background-position: top left;
    display: inline-block;
    margin-right: -5px;
    color: #666;
}

.zhuangtai- {
    width: 30px;
    height: 40px;
    background: url(../images/circle.png) no-repeat;
    text-align: left;
    padding-top: 20px;
    background-position: top left;
    display: inline-block;
    margin-right: -5px;
    color: #36a06a;
}

.jindutiao- {
    width: 30px;
    height: 40px;
    background: url(../images/circle.png) no-repeat;
    text-align: left;
    padding-top: 20px;
    background-position: top left;
    display: inline-block;
    margin-right: -5px;
    color: #36a06a;
}

.jindumess {
    width: 100%;
    background: url(../images/jindumess-back.png) no-repeat;
    background-position: left top;
    padding-left: 20px;
    padding-bottom: 15px;
    position: relative
}

.jindumess::after {
    content: '';
    width: 2px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 4px;
    background: #2bb56f
}

.wanjiemess {
    width: 100%;
    background: url(../images/circle.png)no-repeat;
    background-position: left top;
    padding-left: 20px;
}

.jinduziti {
    font-size: 12px;
    color: #36a06a;
}

.jindumessziti {
    font-size: 12px;
    color: #666;
}

.jindumessjuli {
    margin-left: 20px;
}

.paichemess {
    padding: 20px;
    border-bottom: 1px solid #dfe4e6;
}

.shouqi {
    width: 100%;
    height: 34px;
    display: inline-block;
    padding-top: 8px;
    text-align: center;
    color: #666;
}

.xiangshang {
    margin-top: -2px;
    margin-left: 6px;
}

.zhankai {
    display: none;
}

.timewidth {
    width: 140px;
}

.numberwidth {
    width: 80px;
}

.checkwidth {
    width: 30px;
}

.eject.morelistEject {
    width: 440px;
    height: 260px;
    margin-top: -130px;
    margin-left: -220px;
}

.morelistarea {
    width: 100%;
    height: 162px;
    overflow: auto;
    padding: 10px;
    word-break: break-all;
}

.ejectInfo.ejectTrue .ejectBt {
    overflow: hidden;
    width: 110px;
    margin: 0px auto;
}

.ejectBt .btn {
    width: 100%;
    padding: 0px;
    height: 30px;
    line-height: 30px;
    background: #1795de;
    border: none
}

.ejectBt {
    text-align: center
}

.ejectBt .btn {
    width: 130px;
}


/*加载中*/

.jiazai {
    text-align: center;
    margin-top: 20px;
    font-size: 14px;
}

.gif {
    width: 30px;
    height: 30px;
    margin-bottom: 10px;
}

.loadings {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 100;
    background: rgba(255, 255, 255, 0.8);
    top: 0px;
}

.loadingwrap {
    position: absolute;
    width: 200px;
    height: 116px;
    top: 50%;
    left: 50%;
    margin-left: -100px;
    margin-top: -58px;
    border-radius: 5px
}

.loadinggif {
    width: 60px;
    height: 60px;
    background: url(../images/loadin.gif) no-repeat center;
    margin-left: 70px;
    margin-top: 15px;
}

.loadingtext {
    text-align: center;
    color: #000;
    font-size: 16px;
    margin-top: 10px;
}


/*批量导入*/

.daoru {
    overflow: hidden;
    line-height: 22px;
    margin-top: 15px;
}

.ejectInfo.ejectExports {
    margin-top: 15px;
}

.ejectInfo.ejectExports .queryInput label {
    margin-left: 58px;
}

.ejectInfo.ejectExports .queryInput .form-control {
    border-radius: 0px;
    width: 214px;
}

.daoru input[type=file] {
    float: left;
    width: 200px;
    margin-right: 15px;
    margin-left: 58px;
}

.daoru a {
    display: block;
    float: left;
    text-decoration: underline !important
}

.eject.daoruEject {
    width: 400px;
    height: 200px;
    margin-top: -100px;
    margin-left: -200px;
}


/*命令*/

.eject.commandEject {
    width: 642px;
    height: 500px;
    margin-left: -321px;
    margin-top: -250px;
}

.wrapcommand {
    position: absolute;
    width: 100%;
    top: 38px;
    bottom: 0px;
}

.commandLeft {
    width: 180px;
    overflow-y: auto;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    background: #fbfcfd;
    border-right: 1px #e0e0e0 solid;
}

.commandLeft a {
    display: block;
    line-height: 40px;
    padding-left: 20px;
    color: #333
}

.commandLeft a.onactive {
    background: #e7e7e7;
    color: #067abb;
}

.commandRight {
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    left: 180px;
    overflow: auto;
    padding: 0px 30px;
    padding-top: 20px;
    padding-bottom: 15px;
}

.errText.comandterr {
    height: 30px;
    line-height: 30px;
}

.errText {
    text-align: center;
    color: #F00;
    line-height: 17px;
    height: 17px;
}

.commandRight dl {
    overflow: hidden;
    margin-bottom: 20px;
}

.commandRight dl dt {
    float: left;
    font-weight: 400;
    width: 120px;
    text-align: right;
}

.commandRight dl dd {
    margin-left: 94px;
    color: #686868;
    word-break: break-all;
}

.commandRight dl.commandDl dd .form-control {
    height: 32px;
    width: 200px;
    border-radius: 0px;
}

.commandBt {
    width: 140px;
    margin: 0px auto;
    margin-top: 30px;
}

.commandBt button {
    width: 100%;
    border-radius: 0px;
}

.commandBt .btn.btn-default {
    background: #067abb;
    color: #fff
}


/*个人中心*/

.listDataTitle.nolineThis {
    border: none
}

.userCenter {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 10px;
    background: #fff;
    overflow: auto
}

.userTouxiang {
    width: 127px;
    height: 127px;
    background: url(../images/gerenzhongxin/touxiangUser.png) no-repeat;
    float: left;
    margin-top: 14px;
}

.userInfoWrap h1 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
}

.userInfoWrap {
    margin-left: 177px;
}

.mainUser {
    overflow: hidden;
    padding: 30px 40px;
    border-bottom: 1px #e1e1e1 solid;
    margin: 0px 10px
}

.caozuoUser .btn.btn-default {
    padding: 0px 12px;
    height: inherit;
    line-height: 24px;
    margin-left: 20px;
}

.caozuoUser .btn.btn-default:first-child {
    margin-left: 0px;
}

.caozuoUser {
    margin-top: 22px;
}

.phoneNum {
    font-size: 14px;
}

.mainInfoFor {
    padding: 40px 0px;
    padding-top: 0px;
}

.mainInfoFor dl {
    float: left;
    margin-right: 40px;
}

.mainInfoFor dl dt {
    margin-right: 5px;
}

.mainInfoFor dl dt,
.mainInfoFor dl dd {
    float: left
}

.rowInfoHere {
    overflow: hidden;
    border-bottom: 1px #e1e1e1 solid;
    padding-top: 20px;
    padding-left: 40px;
    padding-right: 40px;
}

.rowInfoHere:last-child {
    border: none
}

.singnTi {
    color: #fff;
    display: block;
    line-height: 30px;
    margin-left: 10px;
    float: left
}

.passEject {
    width: 360px;
    height: 290px;
    margin-left: -180px;
    margin-top: -145px;
}

.phoneEject {
    width: 360px;
    height: 180px;
    margin-left: -180px;
    margin-top: -90px;
}

.ejectPass {
    margin-top: 18px;
}

.ejectPass .row {
    margin: 5px 30px
}

.ejectPass .row .form-inline .form-group label {
    width: 60px;
}

.ejectPass .row .form-inline .form-group .form-control {
    width: 200px;
}

.ejectPass .loginBt {
    width: 140px;
    margin: 0px auto
}

.logoedit img {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-top: 5px;
    margin-left: 5px
}

.icoedit img {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-top: 4px;
    margin-left: 4px
}

.btn.btnedit {
    background: #595b5f;
    color: #fff;
    margin: 0px auto;
    padding: 0px;
    width: 50px;
    height: 24px;
    line-height: 22px;
    margin-left: 75px;
    margin-top: 15px;
}

.editblock dl {
    width: 200px;
}

.editblock dt,
.editblock dd {
    width: 100%;
}

.editblock dt.logoedit,
.editblock dt.icoedit {
    width: 40px;
    height: 40px;
    background: #c9c9c9;
    margin-left: 80px;
}

.introedit {
    text-align: center;
    margin-top: 10px;
    color: #666
}

.editblock dt.platformsign {
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.dingzhititle {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 30px;
}

.dingzhititle .pointtext {
    font-size: 12px;
    color: #888;
    margin-left: 10px;
    font-weight: 400
}

.keepbt {
    float: left;
    margin-top: 20px;
}

.platformname .editthis {
    display: block;
    width: 100%;
    height: 30px;
    border: 1px solid #f5902a;
    line-height: 30px;
    margin-top: 5px;
    text-align: left;
    padding: 0px 5px;
    white-space: nowrap;
    overflow: hidden;
}

.btn.btnfinish {
    position: absolute;
    background: #000;
    color: #fff
}

.iconphone {
    display: block;
    float: left;
    width: 14px;
    height: 14px;
    background: url(../images/gerenzhongxin/iconphone.png) no-repeat center;
    margin-top: 3px;
    margin-right: 5px;
}

.phoneNum {
    font-weight: bold
}

.rowdl {
    overflow: hidden;
    margin-bottom: 5px;
}

.rowdl dt {
    font-weight: 400
}

.rowdl dt,
.rowdl dd {
    float: left
}

.leftusrinfo {
    float: left
}

.leftusrinfo:first-child {
    margin-right: 70px;
}

.modifyrow {
    margin: 0px 10px;
    border-bottom: 1px #e1e1e1 solid;
    overflow: hidden;
    padding: 30px 15px;
}

.blockmodify {
    float: left;
    width: 33.3%;
    padding: 0px 15px;
}

.iconimg {
    display: block;
    float: left;
    width: 50px;
    height: 50px;
}

.modifyinfo {
    margin-left: 70px
}

.iconphones {
    background: url(../images/gerenzhongxin/iconphones.png) no-repeat center
}

.iconpass {
    background: url(../images/gerenzhongxin/iconpass.png) no-repeat center
}

.iconway {
    background: url(../images/gerenzhongxin/iconway.png) no-repeat center
}

.icontitle {
    background: url(../images/gerenzhongxin/icont.png) no-repeat center
}

.modifytitle {
    font-weight: bold;
    font-size: 14px;
    margin: 0px;
    height: 26px;
    line-height: 26px;
    margin-bottom: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.modifytitle.platformname {
    overflow: inherit;
}

.introDescrip {
    color: #666666;
    word-break: break-all;
}

.handleBt.modifybtn {
    margin-left: 0px;
    height: 26px;
    line-height: 26px;
    padding: 0px;
    margin-top: 16px;
    color: #666666;
    float: none;
    width: 70px;
    text-align: center;
    display: block;
    background: #f4f4f4;
    border: 1px #e1e1e1 solid;
}

.handleBt.modifybtn.modifybtnother {
    background: #1795de;
    color: #fff
}

.borderthis {
    border: 1px solid #e1e1e1
}

.bgthis {
    background: #d7d7d7
}

.bgthis img,
.borderthis img {
    max-height: 100%;
    max-width: 100%;
    vertical-align: length
}

.bgthis,
.borderthis {
    text-align: center;
    line-height: 46px;
}

.wrongWarn {
    color: #F00;
    margin-top: 10px
}

.rightSideBody .titlebar {
    background: #fff
}

.rightSideBody {
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
}

.passEject .promptDleteButton.promptAddButton,
.phoneEject .promptDleteButton.promptAddButton {
    margin-top: 18px;
    margin-bottom: 5px;
}

.lefttobt,
.righttobt {
    position: absolute;
    width: 40px;
    height: 100px;
    cursor: pointer;
    top: 50%;
    margin-top: -50px;
}

.lefttobt {
    left: 10px;
    background: url(../images/leftarrow.png) no-repeat center;
}

.righttobt {
    right: 15px;
    background: url(../images/rightarrow.png) no-repeat center;
}

.eject.setwayEject {
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    -moz-transform: translate(-50%, -50%);
    /* Firefox */
    -webkit-transform: translate(-50%, -50%);
    /* Safari 和 Chrome */
    -o-transform: translate(-50%, -50%);
    /* Opera */
    padding-bottom: 10px;
}

.eject.setwayEject input[type=radio],
.eject.setwayEject input[type=checkbox] {
    margin: 2px 0 0;
    float: left;
    margin-right: 4px
}

.eject.setwayEject input[type=checkbox] {
    margin-left: -20px;
}

.row.radio-label label:first-child {
    padding-left: 0px
}

.blockmodify.blockmodify-way .modifyinfo {
    float: left;
    margin-left: 20px
}

.wayCode-show {
    width: 88px;
    height: 88px;
    float: left;
    border: 1px solid #d0d0d0;
    margin-left: 10px
}

.wayCode-show img {
    max-width: 100%;
    max-height: 100%;
}

.row.radio-label {
    overflow: inherit
}


/*sim弹窗*/

.simEject {
    width: 800px;
    height: 500px;
    margin-left: -400px;
    margin-top: -250px;
}

.simhtml {
    position: absolute;
    top: 38px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

.bitian {
    color: red;
    font-size: 20px;
    float: right;
    margin-top: -2px;
}


/*数据字典*/
}

.datalist {
    position: absolute;
    top: 38px;
    bottom: 30px;
    padding: 0px 10px;
    width: 100%;
}

.datalista {
    display: block;
    padding: 10px 0px;
    color: #666;
    border-bottom: 1px solid #e1e1e1;
}

.yongche-butt {
    margin-bottom: 10px;
}

.yongche-check {
    width: 30px;
}

.yongche-xiugai {
    width: 60px;
}

.ejectaddZidian {
    width: 630px;
    height: 270px;
    margin-left: -315px;
    margin-top: -135px;
}


/*报警*/

.weilanbdTable.baojingtanle {
    height: 366px;
}

.weilanbdTable.baojingtanle table.table td，.weilanbdTable.baojingtanle table.table th {
    border: none;
    height: auto;
    line-height: inherit;
    padding: 6px
}

.weilanbdTable.baojingtanle table.table td input[type=checkbox],
.weilanbdTable.baojingtanle table.table th input[type=checkbox] {
    margin: 0px;
    vertical-align: middle
}

.baojingif {
    float: left
}

.baojingbtn {
    float: right
}

.weilanejectContent .form-inline {
    overflow: hidden
}

.mapbj .weilanejectContent .form-inline {
    overflow: hidden;
    margin-top: 15px
}

.voicelike {
    float: left;
    border: 1px solid #e1e1e1;
    height: 24px;
    background: #f4f4f4;
    line-height: 24px;
    padding: 0px 12px;
    cursor: pointer;
}

.iconvoiceLike {
    display: block;
    width: 18px;
    height: 18px;
    float: left;
    background: url(../images/voiceopen.png) no-repeat center;
    margin-top: 3px;
    margin-right: 5px;
}

.novoicespan {
    display: none;
}

.baojingbtn .btn.btn-default,
.chulibj .btn.btn-default {
    border: 1px #e1e1e1 solid;
    background: #f4f4f4;
    color: #333;
    height: 24px;
    margin-left: 7px;
    padding: 0px 12px;
}

.chulibj .btn.btn-default:first-child {
    margin-left: 0px;
}

.chulibj {
    margin-top: 15px;
    margin-bottom: 10px;
}

.weilanbdTable.baojingtanle table.table td {
    border: none
}

.baojingdo {
    width: 620px;
    height: 500px;
    margin-left: -310px;
    margin-top: -250px;
    z-index: 100;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3)
}

.handleBj {
    overflow: hidden;
}

.handleBj dl {
    float: left;
    margin-left: 15px;
    margin-bottom: 0px;
    margin-top: 10px;
}

.handleBj dl dt,
.handleBj dl dd {
    float: left
}

.handleBj dl:first-child {
    margin-left: 0px;
}

.voicelike.voiceno .voicespan {
    display: none;
}

.voicelike.voiceno .novoicespan {
    display: inline;
}

.voicelike.voiceno .iconvoiceLike {
    background: url(../images/voiceclose.png) no-repeat center;
}


/*车辆绑定*/

.eject.binding {
    width: 1000px;
    height: 470px;
    margin-left: -500px;
    margin-top: -235px;
}

.ejectBindContent {
    width: 820px
}

.bindlistWrap {
    margin: 10px;
}

.form-control.selectWdthbind {
    width: 110px;
    height: 28px
}

.tableShow-other {
    height: 310px;
    overflow: auto;
}

.bindlistWrap .queryIf {
    padding-left: 0px;
    padding-right: 0px;
}

.bindlistWrap .paging {
    margin-top: 10px;
}

.bindnum {
    position: absolute;
    right: 0px;
    width: 175px;
    border: 1px #d3d3d3 solid;
    top: 37px;
    bottom: 14px;
}

.bindnumtitle {
    height: 30px;
    width: 100%;
    background: #eae9e9;
    line-height: 30px;
    text-align: center;
    color: #666;
}

.bindnumbody {
    position: absolute;
    top: 30px;
    width: 100%;
    bottom: 0px;
    overflow: auto;
    padding: 4px;
}

.equipname:first-child {
    margin-top: 0px;
}

.equipname {
    padding: 0px 4px;
    height: 28px;
    line-height: 28px;
    background: #f6f4f4;
    border-radius: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.equipname .btnclose {
    margin-top: 2px;
}

.equipnum {
    display: block;
    margin-left: 0px;
    margin-right: 14px;
    overflow: hidden;
    white-space: nowrap;
}


/*二维码*/

.ewmWe {
    width: 100px;
    height: 130px;
    position: fixed;
    bottom: 20px;
    left: 59px;
    border: 2px #ccc solid;
    background: #fff;
}

.introEwm {
    height: 28px;
    background: #ebebea;
    text-align: center;
    line-height: 28px;
    font-size: 12px;
}

.ewmArea img {
    width: 100%;
    height: 100%
}


/*上传*/

.upphoto.imgup .imgBlock img {
    margin-top: -5px;
    width: auto;
    height: auto
}

.formup {
    overflow: hidden;
    margin: 0px 10px;
    margin-top: 10px
}

.upphoto.imgup {
    margin-top: 20px;
}

.formup .form-group label {
    font-weight: 400;
    width: 60px;
    float: left;
    line-height: 30px;
}

.formup .form-group textarea.form-control {
    width: 400px
}

.ejectWidthup1 .contentEject {
    padding: 0px 30px
}

.delimgicon {
    display: block;
    width: 18px;
    height: 18px;
    background: url(../images/icon-del.png) no-repeat center;
    position: absolute;
    right: -7px;
    top: 1px;
    cursor: pointer;
    background-size: contain
}

.upphoto.imgup .photoblock {
    position: relative
}

.upphoto.imgup .imgWrap {
    width: 150px;
    height: 110px;
    margin-right: 0px;
    margin-left: 18px;
    line-height: 110px;
}

.upphoto.imgup .imgWrap:first-child {
    margin-left: 0px;
}

.upphoto.imgup .imgWrap .blackOp a {
    background-position: 22px 9px
}

.upphoto.imgup .imgWrap .blackOp a:first-child {
    background-position: 10px 9px
}

.imgarea {
    position: relative;
    width: 100%;
    height: 100%
}


/*视频弹窗*/

.ejectWidthvideo {
    left: 50px;
    top: 50px;
    bottom: 50px;
    right: 50px
}


/*道路限速*/

.checkLabel {
    position: relative;
    padding-left: 20px;
}

.checkLabel input[type=checkbox] {
    position: absolute;
    left: 0px;
    top: 0px;
    margin: 0px;
    margin-top: 1px;
}

.ejectInfo .intro-sign {
    text-align: center;
    color: #888;
    margin-top: 20px;
    margin-bottom: 15px
}

.roadSetWrap {
    width: 400px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    -moz-transform: translate(-50%, -50%);
    /* Firefox */
    -webkit-transform: translate(-50%, -50%);
    /* Safari 和 Chrome */
    -o-transform: translate(-50%, -50%);
}

.roadSetWrap .ejectInfo {
    margin: 0px 20px;
    padding-bottom: 20px
}

.roadSetContent {
    margin-top: 10px;
    overflow: hidden;
    border: 1px solid #ddd;
    padding: 10px;
}

.roadSetContent dl {
    float: left;
    width: 50%;
    margin-bottom: 0px;
    margin-top: 10px
}

.roadSetContent dl:nth-of-type(1) {
    margin-top: 0px
}

.roadSetContent dl:nth-of-type(2) {
    margin-top: 0px
}

.roadSetContent dl dt {
    float: left;
    font-weight: 400;
    width: 60px;
    text-align: right;
    padding-right: 8px;
    line-height: 24px;
}

.roadSetContent dl dd {
    margin-left: 60px;
    float: none
}

.roadSetContent dl dd input {
    width: 100%;
    background-color: #fff;
    border: 1px solid #ccc;
    line-height: 24px;
    padding: 0px 5px
}

.roadSetWrap .ejectBt {
    overflow: hidden;
    margin-top: 15px;
}

.roadSetWrap .ejectBt button[type=button].btn {
    float: none;
    margin: 0px auto;
    display: block;
    width: 110px;
}

.setInput.disable {
    color: #888
}

.setInput.disable input[disabled] {
    background: #ebebeb
}

.diaodu-list .form-control[disabled] {
    background-color: #eee;
}


/*下拉*/

.select-like {
    border: 1px solid #7b9dd4;
    position: absolute
}

.select-like a {
    display: block;
    color: #333;
    height: 24px;
    line-height: 23px
}

.select-child a.active,
.select-child a:hover {
    background: #1e90ff;
    color: #fff
}

.add-option {
    background: #eae9e9;
    padding: 0px 4px;
}

.add-option span,
.add-option .icon-option-add {
    display: inline-block;
    vertical-align: middle;
}

.add-option .icon-option-add {
    width: 14px;
    height: 14px;
    background: url("../images/icon-option-add.png") no-repeat center;
    margin-left: 3px;
}

.add-select .roadSet {
    padding: 20px;
    padding-bottom: 10px
}

.eject.eject-mask {
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.select-child {
    max-height: 180px;
    overflow: auto
}

.select-child a {
    position: relative
}

.select-child a span,
.select-child a i {
    display: inline-block;
    vertical-align: middle
}

.select-child a i {
    width: 14px;
    height: 24px;
    float: right;
    position: absolute;
    right: 5px;
}

.select-child a i.icon-option-edit {
    right: 24px
}

.icon-option-edit {
    background: url("../images/icon-option-edit.png") no-repeat center
}

.icon-option-del {
    background: url("../images/icon-option-del.png") no-repeat center
}

.select-child a span {
    width: 100%;
    padding-left: 4px;
    padding-right: 42px;
}

.select-child a.active .icon-option-edit,
.select-child a:hover .icon-option-edit {
    background: url("../images/icon-option-edit-s.png") no-repeat center
}

.select-child a.active .icon-option-del,
.select-child a:hover .icon-option-del {
    background: url("../images/icon-option-del-s.png") no-repeat center
}

.eject.ejectMaskAdd {
    width: 320px;
    margin-left: -160px;
    margin-top: -150px;
}

.eject.ejectMaskAdd .promptDleteButton {
    margin-top: 8px
}

.form-upload-img .imgWrap {
    width: 75px;
    height: 75px;
    line-height: 75px;
    margin-right: 9px
}

.form-upload-img .imgWrap .blackOp a {
    background-position: 13px 9px;
    height: 30px
}

.form-upload-img .imgWrap .blackOp a:first-child {
    background-position: 13px 9px;
}

.form-upload-img .picAdd {
    float: none;
    margin-left: 120px
}

.ejectWidthMessage .errtishi {
    display: inline-block;
    width: 100%
}

.ejectWrap .detail-img-list ul li:nth-of-type(5n) {
    margin-right: 15px
}

.contentEject.active {
    position: relative
}

.maskMsg {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 90000;
    display: none
}

.contentEject.active .maskMsg {
    display: block
}

.ejecDetailImg {
    width: 826px;
}

.ejecDetailTime {
    width: 600px;
    max-height: 500px
}

.table-star {
    overflow: hidden
}

.table-star .iconStar {
    margin-left: 3px
}

.pingjia-btn button[disabled] {
    color: #929191 !important;
}

.yzm-send-btn {
    display: inline-block;
    cursor: pointer;
    background: #0275bb;
    color: #Fff;
    line-height: 32px;
    font-size: 12px;
    border-radius: 5px;
    text-align: center;
    width: 90px;
    margin-left: 8px
}

.msg-write {
    position: absolute;
    padding: 40px;
    background: rgba(41, 41, 41, 0.6);
    top: 50%;
    left: 50%;
    width: 770px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    -moz-transform: translate(-50%, -50%);
    /* Firefox */
    -webkit-transform: translate(-50%, -50%);
    /* Safari 和 Chrome */
    -o-transform: translate(-50%, -50%);
    /* Opera */
}

.info-btn-wrap {
    float: left;
    width: 100%;
    margin-bottom: 10px
}

.info-btn-wrap button {
    background: #f5f5f5;
    border: 1px solid #d0d0d0;
    font-size: 14px;
    margin-left: 118px;
}

.info-btn-wrap button i,
.info-btn-wrap button span {
    display: inline-block;
    vertical-align: middle
}

.info-btn-wrap button i {
    width: 16px;
    height: 16px;
    background: url(../images/open.svg) no-repeat center;
    background-size: contain
}

.info-btn-wrap.active button i {
    background: url(../images/close.svg) no-repeat center;
    background-size: contain
}

.msg-form {
    height: 40px;
}

.msg-form .msg-title {
    float: left;
    width: 50%;
    height: 100%;
    text-align: center;
    line-height: 40px;
    vertical-align: middle;
    position: relative
}

.msg-form .msg-title.active {}

.reg-form-block {
    width: 400px;
    margin: 0px auto
}

.reg-form-block>div input {
    border-radius: 4px;
    height: 36px;
}

.reg-form-block>div {
    margin-bottom: 10px
}

.warn-msg {
    text-align: center;
    color: #fff;
    margin: 10px 0px
}

.reg-form-btn {
    width: 100%;
    background: #409fff;
    border-radius: 4px;
    border: none;
    color: #fff;
    line-height: 36px;
    margin-top: 30px
}

a.reg-form-btn {
    display: block;
    width: 100%;
    background: #409fff;
    border-radius: 4px;
    border: none;
    color: #fff;
    line-height: 36px;
    margin-top: 30px;
    float: left;
    text-align: center
}

.platform-option {
    width: 50%;
    float: left;
    height: 200px;
    position: relative;
    overflow: hidden
}

.option-title {
    height: 40px;
    border-bottom: 1px solid #e0e1e1;
    color: #011223;
    font-size: 15px;
    line-height: 40px;
    font-weight: bold;
    padding: 0px 10px;
}

.intro-p {
    padding: 10px 20px;
    padding-bottom: 20px;
    color: #666
}

.intro-p p {
    margin-top: 15px;
}

.platform-intro {
    background: #fff;
    margin-left: 15px;
    border-radius: 4px;
}

.platform-option:first-child .platform-intro {
    margin-left: 0px
}

.platform-option.active::after {
    content: '';
    position: absolute;
    width: 70px;
    height: 70px;
    top: 0px;
    right: 0px;
    background: #409fff;
    border-radius: 35px;
    top: -35px;
    right: -35px;
}

.icon-active {
    background: url(../images/nav/active.svg) no-repeat center;
    position: absolute;
    right: 4px;
    top: 5px;
    display: block;
    width: 16px;
    height: 16px;
    z-index: 100;
    background-size: contain;
}

.left-arrow {
    width: 0px;
    height: 0px;
    position: absolute;
    right: -35px;
    border-top: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #fff;
    z-index: 100;
}

.right-arrow {
    width: 0px;
    height: 0px;
    position: absolute;
    left: 0px;
    border-top: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #245575;
    z-index: 90;
}

.left-title-block,
.right-title-block {
    background: #5f7c96;
    color: #dedddd
}

.left-title-block {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.right-title-block {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.left-arrow {
    border-left-color: #5f7c96;
}

.msg-title.active .left-title-block {
    background: #fff;
    color: #000
}

.msg-title.active .left-arrow {
    border-left-color: #fff;
}

.msg-title.active .right-title-block {
    background: #fff;
    color: #000
}

.diaodu-list.diaodu-wrap {
    padding: 0px
}

.diaodu-list.diaodu-wrap .table {
    margin-bottom: 0px
}

.ejectDiaodu {
    width: 576px;
}

.ejectDiaodu .promptDleteButton {
    margin-top: 0px;
    margin-bottom: 10px
}

.checkBtn {
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: url(../images/diaodu/off.svg) no-repeat center;
    background-size: 100% 100%
}

.checkBtn.active {
    background: url(../images/diaodu/on.svg) no-repeat center;
    background-size: 100% 100%
}

.file-loading {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/loadin.gif) no-repeat center;
    background-size: 100% 100%;
    vertical-align: middle;
}

.icon-select {
    background: url(../images/icon-select.png) no-repeat center;
    position: absolute;
    width: 20px;
    height: 27px;
    top: 2px;
    right: 1px;
    background-color: #fff
}

.blackOp>a.imgUploadOption {
    background: none !important;
    display: inline-block;
    padding: 0px 5px
}

.blackOp>a.imgUploadOption>span {
    display: inline-block;
}

.icon-view,
.icon-del {
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-right: 3px
}

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

.icon-del {
    background: url(../images/delicon.png) no-repeat;
}
/*历史视频*/
.video-lishi{position: absolute;top:0px;width:100%;bottom:0px;background: url("../images/videobg.jpg") no-repeat center;background-size: 100% 100%}
.video-lishi-table{position: absolute;bottom:0px;height:200px;width: 100%}
.window-tab{
    overflow: hidden;
    padding: 0px 20px;
    border-bottom: 1px solid #ced7de;
    border-top: 1px solid #ced7de;
    padding-right: 10px;
}
.window-tab ul li:first-child {
    margin-left: 0px;
    cursor: pointer;
}
.window-tab ul li {
    float: left;
    line-height: 25px;
    padding: 0px 15px;
    font-size: 13px;
    font-weight: bold;
    color: #535353;
    margin-left: 15px;
    cursor: pointer;
    position: relative;
}
.window-tab ul li.active {
    color: #1081df;
    position: relative;
}
.window-tab ul li.active::after {
    content: '';
    position: absolute;
    height: 2px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: #1381e2;
}
.window-table{
    position: absolute;
    width: 100%;
    left: 0px;
    top: 25px;
    bottom: 0px;
    overflow: auto;
}
.window-table-table{width:100%}
.window-table-table td,.window-table-table th{padding:5px 10px;border: 1px solid #e3e4e4;}
.window-table-table thead th{
    background: #eaf0f5;
    color: #646464;
}
.video-play-btn{
    color:#1795de;
    cursor: pointer
}

.lishi-bottom{bottom:200px}
.time-block{
    width: 100%;
    height: 30px;
    padding-left: 15px;
    padding-right: 20px;
    line-height: 30px;
}
.time-block+.time-block{margin-top:8px}
.lishi-btn{margin-top:10px;text-align: center}
.video-control{
    position: absolute;
    bottom:0px;
    width: 100%;
    left:0px;
    height: 30px;
    background:rgba(0,0,0,0.6);
    z-index: 3000
}
.video-control{padding:0px 10px}
.video-control ul li{display: inline-block;width:18px;height: 18px;cursor: pointer;margin-top:6px;}
.video-control ul li+li{margin-left:8px}
.video-control-pause{background:url(../images/pause.svg) no-repeat center;background-size: 100% 100%;}
.video-control-pause.active{background:url(../images/play.svg) no-repeat center;background-size: 100% 100%;}
.dialog_body{padding:15px}
.alarm-wrap{position:relative}
.alarm-item-page{
    position: absolute;
    background: rgba(7, 6, 6, 0.5);
    color: #fff;
    padding: 10px 20px;
    border-radius: 30px;
    margin-top: 5px;
    margin-left: 5px;
}
.alarm-item-body{width:100%;height:100%}
.alarm-item-list{height:300px;width:100%}
.alarm-item-list img{width:100%;height:100%}
.alarm-item-list video{object-fit: fill;width:100%;height:100%}
.carousel_arrow{position:absolute;width: 36px;height: 36px;border:none;background-color: rgba(31,45,61,.23);margin-top:132px;border-radius: 50%;outline: none;text-align: center;display: none;z-index: 1000}
.carousel_arrow_left{left:10px}
.carousel_arrow_right{right:10px}
.carousel_arrow i{display:inline-block;width: 14px;height: 14px;vertical-align: middle;background-size: contain !important}
.carousel_arrow_left i{background:url(../images/left-arrow.svg) no-repeat center}
.carousel_arrow_right i{background:url(../images/right-arrow.svg) no-repeat center}
.alarm-wrap:hover .carousel_arrow{display:block}
.carousel-info-text {overflow: hidden;margin-top: 5px;}
.carousel-info-text dl {float: left;width: 50%;margin-top: 5px;margin-bottom:0px}
.carousel-info-text dl dt {float: left;color: #616161;font-weight: 500}
.carousel-info-text dl dt, .carousel-info-text dl dd {font-size: 15px;}
.alarm-carousel-info>h2 {font-size: 16px;font-weight: bold}
.alarm-carousel-info {margin-top: 15px;padding: 0px 15px;}
.adas-alert{
    position: fixed;
    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 50%);
    bottom: 10px;
    right: 10px;
    background: #fff;
    z-index: 9000;
    border: 1px solid #ebeef5;
    width: 390px;
    transition: width 0.3s, height 0.3s, opacity 0.3s;
    overflow: hidden;
}
.dialog_title{
    font-size: 14px;
    color: #fff;
    padding-left: 10px;
}
.adas-head button.close{margin-top: 3px;color:#fff;opacity: 1;position: absolute;right: 0px;}
.adas-content{
    padding: 10px 15px;
    position: relative;
}
.adas-list {
    overflow: hidden;
    margin-bottom: 5px
}
.adas-list dt {
    float: left;
    width: 70px;
}
.adas-list dd {
    margin-left: 70px;
    min-width: 288px;
}
.adas-list dd, .adas-list dt {
    font-size: 14px;
    font-weight: 400;
}
.tag-danger{color: #f56c6c;}
.adas-alert .dialog_body{padding:0px}
.adas-alert .alarm-wrap{height:200px}
.adas-alert .carousel_arrow{margin-top:82px}
.adas-alert .alarm-item-list{height:100%}
.adas-page .adas-page-button {
    padding: 5px;
    border: none;
    font-size: 20px;
    vertical-align: middle;
}
.adas-page button[class*=el-icon-p-] {
    display: inline-block;
    width: 16px;
    height: 16px;
}
.adas-page button[class*=page-icon-p-] {
    display: inline-block;
    width: 16px;
    height: 16px;
}
.adas-page{
    text-align: center;
}
button[class*=page-icon-p-fp]{background: url(../images/fpx.svg) no-repeat center;background-size: contain;}
button[disabled][class*=page-icon-p-fp]{background: url(../images/fp.svg) no-repeat center;background-size: contain;}
button[class*=page-icon-p-tp]{background: url(../images/tpx.svg) no-repeat center;background-size: contain;}
button[disabled][class*=page-icon-p-tp]{background: url(../images/tp.svg) no-repeat center;background-size: contain;}
button[disabled]{cursor: not-allowed;}
button[disabled][class*=page-icon-p-prev]{background: url(../images/prev.svg) no-repeat center;background-size: contain;}
button[disabled][class*=page-icon-p-next]{background: url(../images/next.svg) no-repeat center;background-size: contain;}
.page-icon-p-prev{background: url(../images/prevs.svg) no-repeat center;background-size: contain;}
.page-icon-p-next{background: url(../images/nexts.svg) no-repeat center;background-size: contain;}
.adas-option {
    float: right;
    margin-right: 38px;
}
.adas-option i {
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-top:-2px;
}
.el-icon-adas-down {
    background: url(../images/down.svg) no-repeat center;
}
.el-icon-adas-up {
    background: url(../images/up.svg) no-repeat center;
}
.el-icon-adas-alarm {
    background: url(../images/alarm.svg) no-repeat center;
    width: 20px;
    height: 20px;
    margin-left: 15px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-top: -7px;
    opacity: 1;
}
.badge_num{
    background-color:#fff;
    border-radius:10px;
    border: 1px solid #f46c6c;
    color:#f30a0a;
    display:inline-block;
    font-size:12px;
    height:19px;
    line-height: 18px;
    padding: 0 6px;
    text-align:center;
    white-space:nowrap;
    position:absolute;
    top:14px;
    right:10px;
    transform:translateY(-50%) translateX(100%)
}
.badge_wrap{position:relative;vertical-align:middle;display:inline-block}
.adas-head-s{display:none}
.adas-alert.active .adas-head-s{display:block}
.adas-alert.active .adas-head-n,.adas-alert.active .adas-content{display:none}
.adas-alert.active {width:140px}
/*奥迪定制*/
.imgli {
    max-width: 800px;
    padding-bottom: 0px;
    margin-top: -221px;
}

.imgli-list {
    padding-left: 8px;
    padding-top: 8px;
}

.imgli-list li {
    float: left;
    width: 190px;
    height: 190px;
    margin-right: 8px;
    margin-bottom: 8px;
}

.imgli-list .imgonly li {
    width: 380px;
    height: 380px;
}

.imgli-list li img {
    width: 100%;
    height: 100%
}

.viewer-toolbar {
    width: 400px !important
}

.icon-paiqi {
    background: url(../images/nav2/houtai/paiqi1.png) no-repeat center
}

.mainImportantLeft>.nav2Block.activeNav .icon-paiqi {
    background: url(../images/nav2/houtai/paiqi.png) no-repeat center
}

.icon-ruku {
    background: url(../images/nav2/houtai/ruku1.png) no-repeat center
}

.mainImportantLeft>.nav2Block.activeNav .icon-ruku {
    background: url(../images/nav2/houtai/ruku.png) no-repeat center
}

.icon-chuku {
    background: url(../images/nav2/houtai/chuku1.png) no-repeat center
}

.mainImportantLeft>.nav2Block.activeNav .icon-chuku {
    background: url(../images/nav2/houtai/chuku.png) no-repeat center
}
.mainImportantLeft>.nav2Block.activeNav .icon-xitong {
    background: url(../images/nav2/houtai/xitong.svg) no-repeat center
}
.panel-form {
    width: 100%;
    height: 842px;
    background: #fff;
    margin-bottom: 30px;
    position: relative;
    padding: 30px;
    color: #000
}

.top-name-text>p {
    font-size: 12px;
    font-weight: bold
}

.top-name-text>p:first-child {
    font-size: 14px;
}

.top-name-logo {
    width: 131px;
    height: 78px;
    position: absolute;
    top: 30px;
    right: 30px;
    background: url(../images/dingzhi/audi/audiLogo.png) no-repeat center;
    background-size: 100% 100%
}

.panel-form-title>p {
    text-align: center;
    font-weight: bold;
    font-size: 16px
}

.panel-form-title>p:first-child {
    font-size: 18px
}

.panel-form-input input {
    border: none;
    outline: none;
    flex: 1;
    height: 30px;
    font-size: 14px
}

.panel-form-input {
    display: flex;
    align-items: center
}

.panel-form-input>span,
.panel-form-input input,
.panel-form-title-padding {
    font-size: 14px
}

.panel-form-table table {
    width: 100%;
    border-collapse: collapse
}

.panel-form-table table td {
    border: 1px solid #000;
    padding: 5px 8px;
    font-size: 14px;
    text-align: center
}

.panel-form-table+.panel-form-table {
    margin-top: -1px
}

.panel-form-table table td.panel-form-table-padding {
    padding-top: 0px;
    padding-bottom: 0px
}

.panel-form-table table td.panel-form-title-padding {
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px
}

.panel-form-input.panel-form-form {
    padding: 0px 10px
}

.panel-form-table table td>p {
    text-align: center
}

.icon-add {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background: #1296db;
    vertical-align: middle;
    color: #fff;
    text-align: center;
    line-height: 13px;
    font-size: 24px;
}

.meg-panel {
    border: 1px solid #d0d0d0;
    border-top: none
}

.meg-table {
    border-top: 1px solid #d0d0d0;
}

.meg-panel dl dt,
.meg-panel dl dd {
    padding: 8px 10px;
    font-weight: 400
}

.meg-panel dl {
    margin: 0px;
    border-top: 1px solid #d0d0d0;
    position: relative
}

.meg-panel dl dd label {
    padding: 0px;
    margin: 0px;
    position: relative;
    padding-left: 20px
}

.meg-panel dl dd label input[type=checkbox] {
    position: absolute;
    top: 2px;
    left: 0px;
    margin: 0px
}

.meg-panel dl dt {
    width: 110px;
    float: left
}

.meg-panel dl dt::after {
    content: '';
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 1px;
    background: #d0d0d0;
    left: 110px
}

.meg-panel dl dd {
    margin-left: 110px
}

.megcheck {
    width: 200px;
    border-right: 1px solid #d0d0d0;
}

.meg-panel dl dd label {
    margin-right: 15px
}

.meg-panel dl dd.megintro {
    color: #666;
}

dl.meg-head dt,
dl.meg-head dd {
    font-weight: bold
}

.megtip {
    color: #666;
    margin: 10px 0px
}

.meg-head {
    background: #f1f1f1;
}

.meg-table h4 {
    padding: 8px 10px;
    text-align: center;
    font-weight: bold;
    font-size: 14px
}

.form-jieri input {
    display: none !important
}

.form-jieri.active select {
    width: 80px !important
}

.form-jieri.active input {
    display: inline-block !important
}

.icon-phone {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    vertical-align: middle;
    cursor: pointer;
    background: url(../images/icommsg.svg) no-repeat center;
    background-size: contain;
}

.icon-phone.active {
    background: url(../images/icommsg1.svg) no-repeat center;
    background-size: contain;
}
.icon-tixing{
    background: url(../images/tixing.svg) no-repeat center;
    background-size: contain;
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin-right: 8px;
    margin-top: -5px;
}
.form-img-upload .imgWrap {
    width: 116px;
    height: 116px;
}

/*青海客户定制*/

.icon-zulin {
    background: url(../images/nav2/yunwei/zulin1.svg) no-repeat center
}

.icon-paimai {
    background: url(../images/nav2/yunwei/paimai1.svg) no-repeat center
}

.icon-weixiujilu {
    background: url(../images/nav2/yunwei/weixiujilu.svg) no-repeat center
}

.icon-baoxianjilu {
    background: url(../images/nav2/yunwei/baoxianjilu.svg) no-repeat center
}

.icon-shigujilu2 {
    background: url(../images/nav2/yunwei/shigujilu2.svg) no-repeat center
}
.icon-wenjian {
    background: url(../images/nav2/yunwei/wenjian.svg) no-repeat center
}
.icon-baoyangjilu {
    background: url(../images/nav2/yunwei/baoyangjilu.svg) no-repeat center
}

/*定制*/

.table.table-style-other>tbody>tr>td,
.table.table-style-other>thead>tr>th {
    text-align: center;
    border: 1px solid #d0d0d0
}

.table.table-style-other-1>tbody>tr>td,
.table.table-style-other-1>thead>tr>th {
    text-align: center;
}

.inTable {
    width: 100%;
.
table-layout: fixed
}

.inTable td {
    width: 33.33%
}

.table.table-style-other td.borderLine,
.table.table-style-other th.borderLine {
    padding: 0px;
    width: 30%
}

.table.table-style-other>tbody>tr>td .inTable tr:first-child td {
    border-bottom: none
}

.inTable td {
    padding: 6px;
    border-bottom: none;
    border-top: none;
}

.inTable tr:first-child td {
    border-bottom: 1px solid #d0d0d0
}

.table.table-style-other>tbody>tr:nth-child(even) {
    background: #fff
}

.addContent2.addContent-other {
    width: auto;
    overflow: hidden
}

.addContent2.addContent-other .addRow.form-inline .form-group label {
    width: auto
}

.addContent2.addContent-other {
    padding: 0px 30px
}

.addRow-title {
    margin-top: 10px;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 10px;
    float: left;
    width: 100%;
}

.formTips i,
.formTips span {
    display: block;
}

.formTips span {
    margin-left: 18px
}

.formTips i {
    float: left;
    width: 20px;
    height: 20px;
    background: url(../images/icon-tips.svg) no-repeat center;
    background-size: 100% 100%
}

.formTips {
    margin-bottom: 20px
}

.table.table-feiyong>tbody>tr>td>p span,
.table.table-feiyong>tbody>tr>td>p i {
    display: block
}

.table.table-feiyong>tbody>tr>td>p i,
.table.table-feiyong>tbody>tr>td>div i {
    float: right;
    width: 16px;
    height: 16px;
    background: url(../images/icon-edit.svg) no-repeat center;
    cursor: pointer
}

.table.table-feiyong>tbody>tr>td>p span {
    margin-right: 20px;
    margin-left: 0px;
    overflow: hidden
}

.table.table-feiyong>tbody>tr>td>p span[contenteditable=true] {
    border: 1px solid #409eff;
}

.chartArea.tablechart {
    border: none;
}

.chartArea.tablechart .tablechart-left,
.chartArea.tablechart .tablechart-right {
    width: 50%;
    float: left;
    height: 100%;
}

.chartArea.tablechart .tablechart-left {
    padding-right: 5px
}

.chartArea.tablechart .tablechart-right {
    padding-left: 5px
}

.chartArea.tablechart .tablechart-left>div,
.chartArea.tablechart .tablechart-right>div {
    height: 100%;
    border: 1px solid #d0d0d0;
    position: relative
}

.tablechart.chartArea .titleHead {
    height: 36px;
}

.tablechart.chartArea .titleHead h1 {
    margin-top: 10px;
}

.tablechart.chartArea .chart {
    top: 36px
}

.text-feiyong span {
    display: inline-block;
    width: 50%;
    padding-right: 5px
}

.td-input-wrap>div {
    margin-right: 25px
}

.td-input-wrap>div input {
    width: 100%;
    height: 18px
}

.td-input-wrap>div input[disabled=true] {
    border: none
}
.el-icon-adas-alarm.flash {
    opacity: 0;
    transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    /* Firefox 4 */
    -webkit-transition: opacity 0.2s;
    /* Safari 和 Chrome */
    -o-transition: opacity 0.2s;
    /* Opera */
}
.form-group.channel .el-input__inner{
    height: 30px;
    line-height: 30px;
    border-radius: 2px;
    padding: 0px 10px;
}
.form-inline.channel .el-form-item{display:flex}
.form-inline.channel .el-form-item__label{flex:none;padding-right:5px}
.form-inline.channel .el-form-item__content .channel-setting .el-input__inner{
    height: 30px;
    line-height: 30px;
    border-radius: 2px;
    padding: 0px 10px;
    font-size:12px;
}
.form-inline.channel .el-form-item__content .el-checkbox{display:flex;align-items:center}


.agreeEjectnew {
    padding: 0px 20px;
    padding-top: 20px;
}

.agreeEjectnew dl {
    overflow: hidden
}

.agreeEjectnew dl dt {
    float: left;
    width: 75px;
    line-height: 30px;
    font-weight: 400
}

.agreeEjectnew dl dd {
    float: left
}

.input-custom {
    width: 100%;
    height: auto;
    margin-bottom: 0;
}

.newsUI-table-search-wrap {
    background: #fff;
    line-height: 1;
}
.newsUI-table-list {
    width: 100%;
    top: 110px;
    background: #fff;
    border-radius: 10px;
    padding: 10px 20px;
}

.table-search-btn {
    height: auto;
    float: right;
    margin: 5px 10px;
    margin-bottom: 14px
}
.form-item-btn .el-button {
    padding: 5px 10px;
}

.form-item-btn .el-button:hover,
.form-item-btn .el-button:active,
.form-item-btn .el-button:focus {
    color: #409EFF;
    background: #ecf5ff;
    border-color: #b3d8ff;
}
.table-search-btn.flex-none {
    width: auto;
    float: right;
    display: inherit;
}
.table-search-btn .el-button {
    padding: 0px;
    height: 30px;
    line-height: 30px;
    width: 54px;
    text-align: center;
    font-size: 12px;
}

.table-search-btn .el-button.el-button--default {
    background: #f6f8fa
}
.newsUI-buttonone{
    background:#1795de !important;
    color:#fff !important;
    padding: 4px 12px;
    border-radius: 2px;
}
.newsUI-buttontwo{
    color: #333333 !important;
    border-color: #ccc !important;
    background: #F5F5F5 !important;
    padding: 4px 12px;
    border-radius: 2px;
}
.youhaonewsUI-table-list{
    margin-top: 0 !important;
    width: 100%;
    background: #fff;
    padding: 4px 0px;
    box-sizing: border-box
}
.youhaonewsUI-table-list .el-table__header tr > th{
    height: 35px;
    background: #dee4ea !important;
    padding: 0 0 !important;
}
.youhaonewsUI-table-list .el-table__body tr.hover-row> td {
    background-color: #ececec !important;
}
.youhaonewsUI-table-list .el-table__body tr:hover> td {
    background-color: #ececec !important;
}
.youhaoNewUI{
    padding: 18px 10px;
}
.youhaoNewUI .el-tabs__header{
    background: #fff;
    margin-bottom: 0 !important;
}
.youhaoNewUI .table-search{
    background: #fff;
    padding: 10px 0 !important;
    /* overflow: hidden !important; */
}
.youhaoNewUI .el-table .is-center {
    color: #070707;
}

.youhaoNewUI .el-table__fixed {
    z-index: 101 !important;
}

.youhaoNewUI .el-table__fixed-right {
    z-index: 101 !important;
}

.youhaoNewUI .el-table__fixed-left {
    z-index: 101 !important;
}
.youhaoNewUI .el-table th>.cell {
    font-size: 12px;
    color: #333;
}
.youhaoNewUI .el-table td,
.youhaoNewUI .el-table th {
    padding: 5px 0px
}

.youhaoNewUI .el-table th,
.youhaoNewUI .el-table thead.is-group th {
    background: #eaf0f5;
    color: #646464
}
.youhaoNewUI .el-table--striped .el-table__body tr.el-table__row--striped td {
    background: none
}
.youhaoNewUI .el-table__body-wrapper{
    height: fit-content;
}

.youhaoNewUI
.el-table--border td,
.el-table--border th,
.el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed {
    border-color: #e3e4e4;
}
.youhaoNewUI
.el-table td,
.el-table th.is-leaf {
    font-size: 12px;
    color: #333;
}
.youhaoNewUI .el-table__body tr.hover-row>td {
    background-color: #f0f4f7 !important
}

.youhaoNewUI .el-table__body tr.playBg>td {
    background-color: #6cb1ea !important;
    color: #fff;
}
.youhaoNewUI .el-table__body-wrapper .el-table__body tbody .el-table__row:nth-of-type(even),
.youhaoNewUI .el-table__fixed-body-wrapper .el-table__body .el-table__row:nth-of-type(even) {
    background: #f5f5f5
}
.youhaoNewUI .el-table__body tr.current-row>td {
    background-color: #5dcafb !important;
    /* color: #f19944; */
    /* 设置文字颜色，可以选择不设置 */
}

.youhaoNewUI .el-table--enable-row-hover .el-table__body tr:hover>td {
    background-color: #5dc9fb54;
    /* color: #f19944; */
    /* 设置文字颜色，可以选择不设置 */
}
.youhaoNewUI .el-table__fixed-right {
    height: 100% !important
}
.table-search .el-input-number {
    line-height: 29px;
}
.youhaoNewUI .el-input__inner {
    border: 1px solid #ced7de
}

.input-custom .el-input__inner {
    height: 30px;
    line-height: 30px;
}

.el-input__inner{
    height: 30px !important;
    line-height: 30px !important;
}
.el-input__icon{
    line-height: 23px !important;
}
.input-custom .el-form-item {
    margin-right: 10px;
    margin-bottom: 4px !important;
    vertical-align: unset !important;
}

.input-custom .el-input__icon {
    line-height: 23px
}
.table-search .el-form .el-input__icon {
    line-height: 22px;
}
.table-list .el-pagination {
    margin-top: 10px;
    text-align: right
}

.table-list .el-pagination.is-background .btn-next,
.table-list .el-pagination.is-background .btn-prev,
.el-pagination.is-background .el-pager li {
    border-radius: 14px;
    font-weight: 400
}
.newsUI-table-list .el-pagination.is-background .btn-next,
.newsUI-table-list .el-pagination.is-background .btn-prev,
.el-pagination.is-background .el-pager li {
    border-radius: 14px;
    font-weight: 400
}
.el-pagination.is-background .el-pager .active{
    background: #2799db !important;
}
.input-custom.input-custom-flex-none .el-form-item__label {
    line-height: 30px;
}

.input-custom.input-custom-flex-none .el-form-item__content {
    line-height: 30px;
}
.el-form--inline .el-form-item__content {
    vertical-align: middle !important;
}
.el-date-editor .el-range-separator{
    line-height: 24px !important;
}
.el-tabs__item{
    font-size: 12px!important;
}
.el-tabs__item.is-active{
    color: #2799db !important;
    font-weight: 700 !important;
}
.el-tabs__item:hover{
    color: #2799db !important;
}
.el-table__header tr > th {
    height: 35px;
    background: #dee4ea !important;
    padding: 0 0 !important;
}
.el-table th>.cell {
    font-size: 12px;
    color: #333;
}
.el-upload-btn{
    display: flex;
    justify-content: center;
}
.daoruUpload {
    float: left;
}

.daoruUpload .el-upload-list__item .el-icon-close {
    right: -15px;
}

.excel-daoru .file-muban {
    float: left;
    font-size: 12px;
}

.btn-file {
    background: none
}

.btn-file,
.file-muban {
    border: 1px solid #3680f9;
    padding: 0px 10px;
    height: 28px;
    line-height: 28px;
    border-color: #3680f9;
    color: #3681f8;
    border-radius: 2px;
}

.btn-file.el-button--primary:focus,
.btn-file.el-button--primary:hover {
    background: none;
    color: #3681f8
}

.excel-daoru .el-form-item {
    margin-bottom: 15px
}

.excel-daoru [class^=el-icon-] {
    display: block;
    width: 14px;
    height: 14px;
    float: left;
    margin-top: 7px;
}

.el-icon-moban {
    margin-right: 5px;
}

.file-muban {
    margin-left: 0px;
    text-decoration: none;
    margin-right: 0px;
}

.excel-daoru .el-icon-document {
    margin-top: 2px;
    margin-right: 5px;
}

.excel-daoru .el-icon-close-tip {
    display: none
}

.excel-daoru .el-icon-close {
    margin-top: 0px
}
.el-dialog__footer{
    text-align: center !important;
}
.el-dialog__footer .el-button{
    padding: 8px 20px !important;
}
.el-upload-list {
    width: 150px;
    position: absolute;
    left: 80px;
    top: 20px;
}
.caozuos{
    color: #666666;
}
.caozuos span{
    color: #337ab7;
    cursor: pointer;
}
.custom-el-select .el-select__tags {
    max-width: 80px !important;
    display: flex;
    flex-wrap: nowrap;
}
.el-input__inner{
    padding: 0 6px 0 15px!important;
}
.el-table td{
    font-size: 12px;
}
.el-table .is-center {
    color: #070707;
}
.textarea-form .el-form-item__content{
    width: 100%;
}
.colform .el-input__inner{
    padding: 0 6px 0 12px !important;
    line-height: 30px!important;
}
.insurance-header{
    background-color: #F4F5F9;
    padding: 4px 8px;
    display: flex;
    align-items: center;
    height: 30px;
    margin-bottom: 12px;
    margin-top: 3px;
}
.el-form-item__label{
    font-size: 12px!important;
}
.el-dialog__headerbtn{
    top: 10px!important;
    right: 10px!important;
}
.el-form-item__content{
    font-size: 12px!important;
}
.el-input__inner{
    font-size: 12px!important;
}
.el-date-editor .el-range-input{
    font-size: 12px!important;
}
.el-date-table td.end-date span, .el-date-table td.start-date span{
    background-color: #1795de!important;
}
.el-date-editor .el-range-separator{
    font-size: 12px!important;
}
.el-dialog__body{
    max-height: 500px;
    overflow-y: auto;
}
.el-dialog__body>.el-button{
    height: 30px;
    width: 54px;
}
.el-button--success {
    color: #FFF;
    background-color: #409EFF!important;
    border-color: #409EFF!important;
}
.blue-line{
    height: 16px!important;
}
.custom-dialog-title {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
}
.blue-line {
    display: inline-block;
    width: 4px;
    height: 20px;
    background-color: #067ABB; /* 蓝色 */
    margin-right: 8px; /* 与文字的间距 */
}