.mapCon, .general-information-panel {
    /*隐藏滚动条，当IE下溢出，仍然可以滚动*/
    scrollbar-width: none;
    -ms-overflow-style: none;
    /*火狐下隐藏滚动条*/
}
.mapCon::-webkit-scrollbar{
    display: none;
}

.cacmapcon {
    width:341px;
    height:100%;
    position:absolute;
    left:0;
    top:95px;
    transition:left 1.5s;
}
.mapsearch-con {
    display:flex;
    z-index:99;
    width:324px;
    height:36px;
    box-shadow:1px 1px 6px 0px rgba(150,150,150,0.5);
}
.mapbtn {
    flex:1;
    background:#ffffff;
    border:none;
    color:#448AFF;
}
.mapbtn:focus {
    outline:none;
}
.map-input {
    width:288px;
    border:none;
    padding-left:14px;
}
.mapCon,.general-information-panel {
    width: 324px;
    height: 785px;
    background: #ffffff;
    overflow-y: auto;
    position: absolute;
    left: 16px;
    box-shadow: 1px 1px 6px 0px rgba(150,150,150,0.5);
    -webkit-box-shadow: 1px 1px 6px 0px rgba(150,150,150,0.5);
    padding: 18px;
}
.mapCon{
    height:0px;
}
.general-information-panel {
        top:90px;
}
.basicinfo {
    width:100%;
    height:auto;
    font-size:12px;
}
.basicinfo-le {
    float: left;
    display: inline-block;
    width: 72%;
}
.basicinfo-ri {
    float:right;
    display:inline-block;
    width:28%;
}
.offlineinfo1 {
width:100%;
padding:15px 0px;
color:#272727;
    border-top:1px solid #E0E0E0;
    position:relative;
}
.offlineinfo1 > ul {
padding:0px;
}
.offlineinfo1 > ul >li{
padding:0px;
width:100%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
height:25px;
line-height:25px;
margin-bottom:0px;
font-size:12px;
}
.offlineinfo2 {
width:100%;
padding:15px 0px;
color:#272727;
    border-top:1px solid #E0E0E0;
}
.offlineinfo2 > ul {
padding:0px;
}
.offlineinfo2 > ul >li{
padding:0px;
text-overflow:ellipsis;
white-space:nowrap;
margin-top:12px;
font-size:12px;
}
.margin-bot6 {
    margin-bottom:6px !important;
}
.margin-bot8 {
    margin-bottom:8px !important;
}
.offlineinfo2 > ul >li>p{
padding:0px;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
font-size:12px;
color:#767676;
margin:0px;
}
.offlineinfo-header {
    font-size:12px !important;
    margin-bottom:5px;
}
.offlineinfo {
    width:100%;
}
.offlinemore {
    float:right;
    font-size:12px !important;
}
.devicebtns {
    position:absolute;
    top:15px;
    right:15px;
    display:flex;
    flex-direction:column;
}
.general-information-panel .offline-basicinfo .dropdown {
    display: inline-block;
}

.general-information-panel .basicinfo .dropdown button {
    width: 150px;
}

.basicinfo-con-time, .basicinfo-con-select {
    margin-bottom: 11px;
}

.basicinfo-con-equipment {
    text-align: center;
}

.basicinfo-con-otherinfo {
    line-height: 30px;
}

.time-statistical {
    float: left;
    width: 200px;
}

.operation {
    float: right;
}
.offlineinfo .offline-select {
    float:right;
    margin:0;
}
.offlineinfo .list-group > li {
    margin-bottom: 10px !important;
}
.rightbtns {
    position:absolute;
    right:15px;
    top:220px;
    display:flex;
    flex-direction:column;
    width:120px;
}
.rightbtns > a > span {
display:block;
text-align:center;
font-weight:bold;
}
.otherbtns > a > span,.otherbtnsdiv>a>span {
display:block;
text-align:center;
font-weight:bold;
}
.childbtn {
    flex:0 0 50%;
    box-sizing:border-box;
}
.cydzbtn {
    display:block;
    width:120px;
    float:right;
    margin-right:15px;
}
.otherbtnsdiv {
    position:absolute;
    width:240px;
    top:218px;
    right:0px;
    display:flex;
    flex-flow:row wrap;
    align-content:flex-start;
    background:rgba(255,255,255,0.45);
    padding:15px 0px;
}
    .otherbtns > a {
        display:inline-block;
    }
.searchul {
    width:324px;
    background:white;
    box-shadow:1px 1px 6px 0px rgba(150,150,150,0.5);
    -webkit-box-shadow:1px 1px 6px 0px rgba(150,150,150,0.5);
    text-align:left;
    padding:7px 0px;
    margin-top:5px;
}
.searchul > li {
cursor:pointer;
padding:7px 0px 7px 17px;
font-size:12px;
color:#272727;
}
.searchul > li:hover {
    background:#E7F0FF;
}
.mapsearch {
    position:absolute;
    top:15px;
    left:15px;
}
    .mapsearch >p> a {
        color:#4A4A4A;
        height:27px;
        background:#ffffff;
        border-right:1px solid #f5f5f5;
        display:inline-block;
        float:left;
        text-align:center;
        font-size:12px;
        padding:5px 10px;
    }
        .mapsearch > p > a:last-child {
            border-right:none;
        }
.searchsel {
    background:#448AFF !important;
    color:#ffffff !important;
}
    .mapsearch > p {
        margin:0px;
        height:27px;
        margin-bottom:1px;
    }
.basicinfo-con {
    display:flex;
    padding-bottom:12px;
}
.alarmtype {
    width:10px;
    height:8px;
    border-radius:2px;
    display:inline-block;
    margin-right:7px;
}
.alarm-type1 {
    background-color:#48D9A8;
}
.alarm-type2 {
    background-color:#FF7844;
}
.alarm-type3 {
    background-color:#FFBE44;
}
.alarm-type61 {
    background-color:#6044FF;
}
.alarm-type62 {
    background-color:#448AFF;
}
.alarm-type63 {
    background-color:#3BDBEE;
}
.alarm-type64 {
    background-color:#FF4444;
}
.basicinfo-con2 {
    display:flex;
    border-top:1px dashed #E0E0E0;
    padding:24px 10px;
}
.mapre {
    width:14px;
    height:14px;
    border:1px solid #448AFF;
    cursor:pointer;
    background:#ffffff;
    padding:0px;
    line-height:14px;
    color:#448AFF;
    margin-right:5px;
}
.mapnex {
    width:14px;
    height:14px;
    border:1px solid #448AFF;
    cursor:pointer;
    background:#ffffff;
    padding:0px;
    line-height:14px;
    color:#448AFF;
}
.p-caruser {
    font-size:16px;
    font-weight:600;
    color:#222222;
}
.p-vin {
    font-size:12px;
    color:#272727;
    margin-bottom:8px !important;
}
.btn-gjhf {
    height:24px;
    line-height:24px;
    width:76px;
    text-align:center;
    margin-top:20px;
    border:none;
    font-size:12px;
    padding:0;
}
.fontsize-12 {
    font-size:12px !important;
}
.score {
    font-size:34px;
}
.bcon2-le {
   width:90%;
}
.bcon2-ri {
    text-align:center;
    color:#545454;
    margin-top:10px;
    font-size:12px !important;
}
.grey {
    color:#CACACA;
}
.mapicon {
    width:30px;
    height:30px;
    background:#ffffff;
    border-radius:50% !important;
    line-height:30px;
    margin:0 auto;
    margin-bottom:6px;
    border: 1px solid #448aff;
}
.mapicontext {
    color:#4A4A4A !important;
    font-size:12px !important;
}
.showorhide {
    position:absolute;
    right:-22px;
    top:8px;
    z-index:99;
    width:23px;
    height:25px;
    background:#e7f0ff;
    text-align:center;
    line-height:25px;
}
.showorhidepos {
    left:-341px;
}
.milecon {
    width:100%;
    height:300px;
}
.milebtns 
{
    position:absolute;
    width:120px;
    height:30px;
    z-index:99;
    top:52px;
    left:100px;
}
.milebtns > a {
    width:36px;
    height:20px;
    line-height:20px;
    text-align:center;
    display:inline-block;
    float:left;
    cursor:pointer !important;
    background:#E8F1FF;
    color:#535353;
    font-size:12px !important;
}
#gjhf {
    width:98%;
    height:auto;
    background:#fff;
    box-shadow:0px 2px 8px 0px rgba(118,118,118,0.5);
    position:absolute;
    left:1%;
    top:16px;
    z-index:9;
}
#khxx {
    width:72.8%;
    height:auto;
    background:#fff;
    box-shadow:0px 2px 8px 0px rgba(118,118,118,0.5);
    position:absolute;
    right:93px;
    top:16px;
}
.gjhf-header {
        border-bottom:1px solid #DCDCDC;
        height:38px;
        line-height:38px;
        font-size:14px;
        padding:0 18px;
        color:#4A4A4A;
}
.gjhf-div {
    display:flex;
    margin-top:14px;
    margin-bottom:26px;
}
.gjhf-div2 {
    display:flex;
    width:100%;
    height:auto;
    padding-bottom:20px;
}
.gjhf-div > div {
    height:24px;
    line-height:24px;
    margin-right:32px;
}
.gjhf-btngroup >span {
    font-size:12px !important;
    color:#707070;
}
    .gjhf-btngroup > div.btn-group > button:first-child {
    height:24px;
    line-height:24px;
    color:#4D4F51;
    font-size:12px;
    padding:0 10px;
    width:144px;
    text-align:left;
}
.gjhf-btngroup > div.btn-group > button {
        height:24px;
        padding:0px 8px;
}
.star-span {
    color:#FF4F4F;
    width: 10px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 26px;
    font-size: 30px;
    color: #FF4F4F !important;
}
.margin-le16 {
    margin-left:16px;
}
.gjhf-input1 {
    width:44px;
    height:24px;
    border:1px solid #C8CACC;
    margin:0 7px 0 6px;
}
.gjhf-btn-s {
    width:68px;
    height:26px;
    line-height:26px;
    text-align:center;
    font-size:12px;
    color:#ffffff;
    background:#448Aff;
    display:inline-block;
}
.gjhf-btn-c {
    width:68px;
    height:26px;
    line-height:26px;
    text-align:center;
    font-size:12px;
    color:#4D4F51;
    background:#ffffff;
    border:1px solid #C8CACC;
    display:inline-block;
}
.gjhf-btn-s:hover {
    color:#ffffff;
}

.gjhf-dev-btns > p {
    font-size:12px;
    color:#448AFF;
    padding-left:10px;
}
.gjhfselected{
    background:url(../../Content/img/gjhf-selected1.png) no-repeat left 4px;
}
    .offLine-datePicker #test1 {
        float: left;
        width: 198px;
        height: 24px;
        padding: 4px 13px;
        color: #4D4F51;
    }
.time-line {
    flex:1;
    position:relative;
}
.gjhf-dev-btns {
flex:1;
}
    .gjhf-dev-btns > div {
        display:flex;
        margin-bottom:10px;
    }
.time-line-dash {
        background: linear-gradient(to right, #EBEBEB, #EBEBEB 5px, transparent 5px, transparent);
    background-size: 10px 100%;
    height:2px;
    position:relative;
    flex:1;
    top:5px;
}
.time-line-dev {
    flex:0 0 100px;
    padding-left:10px;
    cursor:pointer;
}
.time-blue-line{
    width:100%;
    background:#448AFF;
    height:6px;
    border-radius:50%;
}
.timespan{
    background:url(../img/xuxian.png)  repeat-x center;
}
.timescir {
    width:10px;
    height:10px;
    background:#448AFF;
    display:inline-block;
    position:absolute;
    top:-5px;
    border-radius:50% !important;
    -webkit-border-radius:50% !important;
    cursor:pointer;
}
.time-line-s {
    width:2px;
    height:auto;
    background:#448AFF;
    position:absolute;
    top:-10px;
}
.time-line-t {
    position:absolute;
    height:auto;
    width:auto;
}
.gjbf {
    width:150px;
    height:80px;
    padding-left:10px;
}
.gjbf > div > span {
display:block;
text-align:center;
margin-top:5px;
}
    .gjbf > div {
        margin-right:10px;
    }
.gjhfbtn {
    width:34px;
    height:34px;
    border-radius:50% !important;
    background:#448AFF;
    color:#ffffff;
    line-height:34px;
    -webkit-border-radius:50% !important;
    display:block;
    padding-left:9px;
}
.gjhfbtn:hover {
    color:#ffffff;
}
.gjhfbtn1:hover, .gjhfbtn2:hover{
    color:#448AFF;
}
.gjhfbtn > i {
        font-size:22px !important;
}
.gjhfbtn > i.fontsize-18{
        font-size:16px !important;
        padding-left:2px;
}
.gjhfbtn1,.gjhfbtn2 {
    background:#DAEAFF;
    color:#448AFF;
    padding:0;
    text-align:center;
}
.gjhfbtn1 > i {
        font-size:24px !important;
}
.speedul {
    width: 73px;
    position: absolute;
    padding: 0px;
    background: #ffffff;
    box-shadow: 1px 1px 6px 0px rgba(150,150,150,0.5);
    top: -118px;
    left: -21px;
}
.speedul > li {
    text-align:center;
    font-size:13px;
    height:22px;
    line-height:22px;
    color:#448AFF;
    padding:1px 0;
    cursor:pointer;
}
.speedul:before {
    content: "";
    position: absolute;
    bottom:-7px;
    left: 32px;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top:7px solid #fff;
    z-index:2;
}
    .speedul:after {
        content: "";
        position: absolute;
        bottom: -8px;
        left: 30px;
        border-left: 7px solid transparent;
        border-right:7px solid transparent;
        border-top: 8px solid #e0e0e0;
        z-index:1;
    }
.btn-gjhf:hover {
    background:#448aff;
    color:#ffffff;
    border-left:none;
}
.mapem {
    font-size:14px;
    font-style:normal;
}
.ms-choice > span{
    padding-left:14px !important;
}