/*基础设置*/
*{
	font-family: "Microsoft Yahei", "Noto Sans SC",sans-serif;
}
.ui-page-login,
body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
    color:#333;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: block;
}
.fl {
    float: left;
}

.fr {
    float: right;
}
.mui-content{/*height: 100%;*/}

.whitebg{
    background-color:#fff;
}
.bluebg {
    background-color: #00b0e6;
}


/*登录页面*/
#site-landing{
    padding-top:150px;
}
.lds-login-cont-tit img {
    display: block;
    margin: 0 auto;
}
    .lds-login-cont-tit img.lj-logo-pic{
        width:80px;
        margin:0 auto 20px;
    }
    .lds-login-cont-tit img.lj-logo-txt {
        width: 65%;
        max-width:346px;
        margin-bottom:40px;
    }
.mui-input-group, .mui-input-row{
    position:initial;
}
    .mui-input-group {
        padding:0 46px;
    }
    .mui-input-row {
        margin-bottom:10px;
        border-bottom: 1px solid #ddd;
    }
        .mui-input-row label{
            width:80px;
            padding:10px 0;
        }
            .mui-input-row label ~ input {
                width: calc(100% - 80px);
            }
.lj-yzm {
    float: right;
    height:30px;
    margin:5px 0;
}
#txtcode {
    float: left;
    width: calc(100% - 180px);
}
.mui-input-group input.lds-loginbtn {
    width: 100%;
    height:40px;
    margin-top:20px;
    border-radius: 6px;
    background-color: #00b0e6;
    font-size:18px;
}
.lds-copyright {
    margin-top:20px;
    width: 100%;
    text-align: center;
    color: rgba(255,255,255,0.7);
    line-height: 24px;
    z-index: 9999;
}
.lds-copyright a{
    font-size: 15px;
    color: #888;
    text-decoration: underline;
}
    .lds-copyright p{
        margin:0;
    }

.lds-login-cont .mui-input-group:after,.lds-login-cont .mui-input-group:before,.lds-login-cont .mui-input-group .mui-input-row:after {
    height: 0;
    display:none;
}
    /*设备总览页面的样式*/
.adl-page .mui-bar {
    color: #fff;
    background-color: #00b0e6;
    box-shadow: none;
    text-align: center;
}
.adl-page .adl-title {
    height: 44px;
    line-height: 44px;
    width: 25%;
    max-width: 80px;
    margin-right:2%;
}
.adl-page .mui-card {
    margin: 10px;
    border: 0;
    padding: 10px;
    border-radius: 0;
}

 .adl-device-numb span.green {
    color: #00b83d;
}

 .adl-device-numb span.yellow {
    color: #f5af00;
}

 .adl-device-numb span.red{
    color: #d60032;
}
.adl-device-numb span.purple {
    color: #7d00b5;
}
.adl-device-numb span.pink {
    color: #ff359a;
}

.adl-page .mui-bar-nav2 {
    border-top: 1px solid #009ccc;
    top: 44px;
    box-sizing: unset;
    text-align: left;
}

.adl-page .adlInput {
    display: inline-block;
    text-align: left;
    width: 55%;
    /*color: #fff;*/
    position: relative;
    margin: 0;
    border: 0;
}

    /*.adl-page .adlInput .mui-icon-clear {
        color: rgba(255,255,255,0.8);
    }*/

.adl-page .mui-bar input[type=search] {
    padding: 0;
    text-align: left;
    text-indent: 6px;
    border-radius: 3px;
    height: 34px;
    line-height: 34px;
    margin: 5px 0;
    color:#666;
    background-color:#fff;
}

    /*.adl-page .mui-bar input[type=search]::-webkit-input-placeholder {
        color: rgba(255,255,255,0.8);
    }*/

.adl-page .adlHeadBtn {
    width: 20%;
    padding: 0;
    height: 34px;
    line-height: 34px;
    margin: 5px 0 5px 2.5%;
    color: #fff;
    border: 0;
    font-size: 16px;
    letter-spacing: 3px;
    background-color: #007ba0;
}
.adl-page .allBtn {
    background-color: #008000;
}
.adl-page .collectBtn {
    margin: 4px 15px 4px 0;
    font-size: 20px;
    color: #c48c00;
}
.adlState {
    float: left;
    font-size: 18px;
    line-height: 44px;
    color: rgba(255,255,255,0.9);
    width: 75%;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    /*text-overflow:ellipsis;*/
}

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

        .adlState span b {
            font-size: 16px;
        }
        .adlState span:nth-child(1) b {
            color:green;
        }
        .adlState span:nth-child(2) b {
            color: red;
        }
        .adlState span:nth-child(3) b {
            color: yellow;
        }

.adl-page .mui-bar-nav ~ .mui-content {
    padding-top: 89px;
}

.adl-device-numb {
    font-size: 18px;
    margin-bottom: 6px;
}

.adlDeviceNumb {
    font-size: 19px;
    font-weight:500;
    color: #333;
    vertical-align: middle;
}

.adl-device-numb span {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
}

.adl-device-name {
    width: 68%;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #333;
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.adl-device-check {
    /*width: 20%;*/
    padding:0 8px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #fff;
    background-color: #f56a00;
    border-radius: 3px;
    text-align: center;
    letter-spacing: 2px;
}
    .adl-device-check:visited {
        background-color: #c45500;
    }
.adl-checkDeputyDevice {
    /*width:30%;*/
    margin-right:10px;
    background-color: #00b0e6;
}
    .adl-checkDeputyDevice:visited {
        background-color: #009ecf;
    }
.adlRecordTime {
    float: right;
    color: #333;
}

/*设备详情页面*/
.dd-outline {
    padding: 10px;
    margin-top: 44px;
    text-align: center;
    color: #fff;
}
.dd-name, .dd-tips {
    font-size: 16px;
    height: 20px;
    line-height: 20px;
    color: rgba(255,255,255,0.75);
}
.dd-numb, .dd-temp-numb {
    font-size: 20px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    margin-bottom: 10px;
}
.dd-numb b{
    font-size:18px;
}
.dd-temp{
    list-style:none;
    display:block;
    width:100%;
    height:50px;
    padding:0;
    margin:0;
    margin-top:5px;
}
.dd-temp1 {
    margin-bottom:5px;
}
.dd-temp-line {
    width: 100%;
    height: 1px;
    background-color: rgba(255,255,255,0.6);
}
.dd-temp li{
    float:left;
    width:33%;
}
    .dd-temp li:nth-child(2) {
        width: 34%;
        border-left: 1px solid rgba(255,255,255,0.6);
        border-right: 1px solid rgba(255,255,255,0.6);
    }
.dd-temp-numb{
    margin-bottom:0;
}
.dd-body .mui-bar-nav ~ .mui-content{
    padding-top:0;
    background-color:#fff;
}
.dd-menutit {
    margin-top: 10px;
    font-size: 18px;
    color: #555;
    height:36px;
    line-height:36px;
    padding-left:10px;
}
.dd-body .mui-grid-view.mui-grid-9 { 
    margin-top:10px;
    border-top: 1px solid #ddd;
    background-color: #fff;
}
.dd-body .mui-icon, .dd-body .mui-icon-extra, .dd-body .fa {
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 auto 10px;
    background-size: 40px;
}
.dd-body .mui-icon-extra {
    line-height: 40px;
    font-size:35px;
}
.dd-icon-now{
    background:url(../../images/now.png) no-repeat center;
}
.dd-icon-history {
    background: url(../../images/history.png) no-repeat center;
}
.dd-icon-map {
    background: url(../../images/map.png) no-repeat center;
}
.dd-icon-route {
    background: url(../../images/route.png) no-repeat center;
}
.dd-icon-set {
    background: url(../../images/set.png) no-repeat center;
}
.dd-icon-control {
    background: url(../../images/control.png) no-repeat center;
}
.dd-icon-edit {
    background: url(../../images/edit.png) no-repeat center;
}
.dd-icon-share {
    background: url(../../images/share.png) no-repeat center;
}
.dd-icon-record {
    background: url(../../images/record.png) no-repeat center;
}
.dd-icon-fault {
    background: url(../../images/fault.png) no-repeat center;
}
.dd-body .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body {
    height: 20px;
    line-height: 20px;
    color: #555;
    font-size: 16px;
}
.dd-body .mui-grid-view.mui-grid-9 .mui-table-view-cell {
    padding: 10px;
}
.dd-body .fa-user {
    color: #00b0e6;
    font-size: 30px;
    line-height: 40px;
}
.dd-body .mui-icon-extra-peoples {
    color: #00b83d;
    font-size: 30px;
}
.dd-body .mui-icon-extra-order {
    color: #00b0e6;
    font-size:26px;
}
.dd-body .mui-icon-extra-card {
    color: #00b83d;
    line-height:30px;
}
.dd-body .mui-icon-extra-notice{
    color:#f5af00;
}
.dd-body #topPopover #test span, .dd-body #topPopover #test2 span {
    display: inline-block;
    margin: 0;
    padding-right: 10px;
    width: 28px;
    height: auto;
    font-size: 20px;
    color: #00b0e6;
    line-height: unset;
}
.dd-body #topPopover #test2 span {
    color: #00b83d;
}
/*设备总览页面-右上角下拉菜单样式*/
a#menu {
    width: 14%;
    max-width: 44px;
    color: #fff;
}
#topPopover {
    position: absolute;
    top: 16px;
    right: 6px;
    width:120px;
    
}

    #topPopover .mui-popover-arrow {
        left: auto;
        right: 6px;
    }
    #topPopover span.mui-icon {
        padding-right: 10px;
        font-size: 18px;
        font-weight: bold;
        color: #00b0e6;
    }
    #topPopover span.mui-icon-close {
        color: #d60032;
    }
    #topPopover span.mui-icon-compose {
        color: #00b83d;
    }

.adl-page .mui-active {
    opacity: 1;
    display: block !important;
}
.mui-popover {
    height: 82px;
}

.adl-page .mui-popover .mui-scroll-wrapper {
    margin: 0;
    height: 188px;
}
.adl-page .mui-table-view-cell {
    padding: 14px 10px;
}
.adl-page .mui-table-view-cell:after {
    left:0;
}
    .adl-page .mui-table-view-cell > a:not(.mui-btn) {
        margin: -15px;
        font-size: 16px;
        text-align:center;
    }
.mask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    display: none;
}

#Eimg {
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -100px 0 0 -100px;
    display: block;
    width: 200px;
    height: 200px;
}

/*页面头部导航样式*/
.mui-bar-nav {
    box-shadow: 0 1px 6px rgba(0,0,0,0.2);
    font-size:18px;
}

/*实时信息页面样式*/
    /*tab切换样式*/
.tab_menu {
    display:block;
    height: 35px;
    padding:0;
    margin:0;
    border-bottom: 1px solid #ccc;
    background-color: #f0f0f0;
    list-style:none;
}

    .tab_menu li {
        float: left;
        width:50%;
        height: 35px;
        line-height: 35px;
        color: #333;
        text-align: center;
        cursor: pointer;
        letter-spacing: 2px;
    }

        .tab_menu li.current {
            color: #fff;
            background: #00b0e6;
        }

        .tab_menu li a {
            color: #333;
            text-decoration: none;
            font-size: 16px;
        }

        .tab_menu li.current a {
            color: #fff;
        }
.tab_box {
    padding: 10px;
    overflow: scroll;
}

    .tab_box .hide {
        display: none;
    }

    /*table样式*/
.ltable {
    width:100%;
    border-collapse: collapse;
    text-align: center;
    background-color: #fff;
    
}
    .ltable tr:nth-child(2n) {
        background-color: #f0f0f0;
    }

    .ltable tr:hover {
        background-color: rgba(0,176,230,0.2);
    }

    .ltable th, .ltable td {
      
        border: 1px solid #ccc;
    }
    .ltable th {
        padding:10px;
        font-size: 16px;
        color: #fff;
        background-color: #009ecf;
    }
    .ltable td {
        padding:6px 10px;
        font-size: 14px;
    }
    /*表头固定的样式*/
.fixed_head, .ltable {
    width: 100%;
    table-layout: fixed;
}
    .fixed_head th {
        width: 85px;
        height: 42px;
        font-size: 16px;
        color: #fff;
        background-color: #009ecf;
        white-space: nowrap;
        border: 1px solid #ccc;
        letter-spacing: 2px;
        border-bottom: 0;
    }
    .ltable td {
        width: 85px;
        height: 42px;
        font-size: 16px;
    }
        .fixed_head th:nth-child(7), .ltable td:nth-child(7) {
            width: 100px;
        }
        .fixed_head th:nth-child(8), .ltable td:nth-child(8) {
            width: 160px;
        }
        .fixed_head th:nth-child(9), .ltable td:nth-child(9) {
            width: 190px;
        }

/*表头固定的样式*/
.fixed_head1307, .ltable1307 {
    width: 100%;
    table-layout: fixed;
}

    .fixed_head1307 th {
        width: 85px;
        height: 42px;
        font-size: 16px;
        color: #fff;
        background-color: #009ecf;
        white-space: nowrap;
        border: 1px solid #ccc;
        letter-spacing: 2px;
        border-bottom: 0;
    }

    .ltable1307 td {
        width: 85px;
        height: 42px;
        font-size: 16px;
    }

        .fixed_head1307 th:nth-child(10), .ltable1307 td:nth-child(10) {
            width: 100px;
        }

    .fixed_head1307 th:nth-child(11), .ltable1307 td:nth-child(11) {
        width: 160px;
    }

    .fixed_head1307 th:nth-child(12), .ltable1307 td:nth-child(12) {
        width: 190px;
    }


/*1307table样式*/
.ltable1307 {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    background-color: #fff;
}

    .ltable1307 tr:nth-child(2n) {
        background-color: #f0f0f0;
    }

    .ltable1307 tr:hover {
        background-color: rgba(0,176,230,0.2);
    }

    .ltable1307 th, .ltable1307 td {
        border: 1px solid #ccc;
    }

    .ltable1307 th {
        padding: 10px;
        font-size: 16px;
        color: #fff;
        background-color: #009ecf;
    }

    .ltable1307 td {
        padding: 6px 10px;
        font-size: 14px;
    }

#table_head {
    overflow-x: hidden;
}
#table_body {
    width: 100%;
    overflow-x: scroll;
    height: calc(100vh - 142px);
    overflow-y: scroll;
}
        /*温度记录平台--different*/
.hrRealTimeDataTableBox .ltable td, .hrRealTimeDataTableBox .ltable th, .hrRealTimeDataTableBox .fixed_head th:nth-child(7), .hrRealTimeDataTableBox .fixed_head th:nth-child(8) {
    width: 85px;
}
.hrRealTimeDataTableBox .fixed_head th:nth-child(9), .hrRealTimeDataTableBox .ltable td:nth-child(9) {
    width: 160px;
}

.hrRealTimeDataTableBox .fixed_head th:nth-child(10), .hrRealTimeDataTableBox .ltable td:nth-child(10) {
    width: 190px;
}
/*历史信息页面*/
/*按条件查询*/
.historyDate .mui-content .historyDateCollapseBox {
    margin: 10px;
}
.historyDate .historyDateCollapseBox, .historyDateCollapseBox .mui-input-row {
    overflow: inherit;
}
.historyDateCollapse {
    position: relative;
    padding: 11px 15px;
}
.historyDate .mui-table-view-cell > a:not(.mui-btn) {
    font-size: 16px;
    height: 40px;
}
.historyDateCollapse .mui-input-group {
    padding: 0 15px 15px;
}
.historyDate .mui-input-row {
    margin-bottom:0;
    height:50px;
}
.historyDateCollapse .mui-input-group .mui-input-row:after {
    height: 0;
}
    .historyDateCollapse label {
        font-size:16px;
        padding:0;
        margin:10px 0;
        line-height:30px;
        text-align:left;
        width:28%;
    }
    .historyDateCollapse input{
        margin:10px 0;
    }


.historyDate .single-select {
    position: relative;
    float: left;
    width: 72%;
    height: 100%;
}
    .historyDate .single-select .select-tit {
        /*width:186px;*/
        /*margin:4px 0;*/
        margin: 10px 0;
        height: 30px;
        line-height: 30px;
        border: 1px solid #00b0e6;
    }

        .historyDate .single-select .select-tit span {
            float: left;
            /*width: 154px;*/
            height: 28px;
            line-height: 28px;
            font-size: 16px;
            padding: 0 5px 0 10px;
            color: #00b0e6;
        }

        .historyDate .single-select .select-tit i {
            /*float: left;*/
            float: right;
            width: 30px;
            height: 28px;
            line-height: 28px;
            text-align: center;
            font-size: 20px;
            color: #fff;
            border: 0;
            background: none;
            background-color: #00b0e6;
        }

    .historyDate .single-select .select-items {
        position: absolute;
        left: 0;
        top: 34px;
        background-color: #fff;
        border: 1px solid #00b0e6;
        border-top: 0;
        display: none;
        z-index: 99999;
        /*width: 156px;*/
        right: 30px;
    }

    .historyDate .single-select .arrow {
        display: none;
        opacity: 0;
    }

    .historyDate .single-select .select-items ul {
        list-style: none;
        padding: 0;
        margin: 0;
        position: relative;
        max-height: 280px;
        overflow-y: auto;
        overflow-x: hidden;
        border: 0;
    }

        .historyDate .single-select .select-items ul li {
            display: block;
            padding: 5px;
            line-height: 20px;
            font-size: 14px;
            color: #666;
            white-space: nowrap;
            cursor: pointer;
        }

            .historyDate .single-select .select-items ul li:hover, .historyDate .single-select .select-items ul li.selected {
                color: #fff;
                background: #00b0e6;
            }

.historyDate .date-input {
    float: left;
    width: 72%;
    height: 30px;
    position: relative;
    z-index: 10;
}

    .historyDate .date-input input {
        /*width: 186px;*/
        min-height: 30px;
        height: 30px;
        line-height: 30px;
        color: #00b0e6;
        border: 1px solid #00b0e6;
        padding: 0 5px 0 10px;
        outline: none;
        font-size: 16px;
        box-sizing: border-box;
        position: relative;
        z-index: 8;

    }

    .historyDate .date-input i {
        position: absolute;
        top: 11px;
        right: 1px;
        display: inline-block;
        width: 30px;
        height: 28px;
        line-height: 28px;
        text-align: center;
        font-size: 20px;
        color: #fff;
        border: 0;
        /*background: none;*/
        background-color: #00b0e6;
        z-index: 0;
    }
.historyDate .mui-input-group div.historyDateButton {
    height: 50px;
    padding-top: 15px;
}
#btnSearch {
    /* width: 80px;*/
    /*width: 300px;*/
    width:100%;
    height: 34px;
    line-height: 34px;
    padding: 0;
    background: #00b0e6;
    font-size: 16px;
    letter-spacing: 2px;
    border: 0;
}
.historyDateTabUl{
    background-color:#fff;
}
.historyDate #table_body {
    height: calc(100vh - 203px);
}

/*历史轨迹页面样式*/
.btn {
    width: 80px;
    height: 34px;
    line-height: 34px;
    color: #fff;
    font-size: 16px;
    letter-spacing: 2px;
    
}
.historyRouteProgress{
    /*position:relative;*/
    /*height: 30px;*/
}
#play {
    padding: 0;
    color: #fff;
    font-size: 16px;
    background-color: #00b83d;
    margin: 0;
    border-radius: 3px;
}

#pause {
    display: none;
    padding: 0;
    color: #fff;
    font-size: 16px;
    background-color: #f5af00;
    margin: 0;
    border-radius: 3px;
}
.progress-btn {
    width: 110px;
    text-align: center;
    background-color: #f56a00;
    margin-left: 20px;
    border-radius: 3px;
}

    .progress-btn i {
        font-size: 20px;
        line-height: 30px;
    }
.progress-box {
    display: none;
    height:54px;
    padding:5px;
    border-top: 1px solid #ccc;
    position: absolute;
    top: 25px;
    left: 10px;
    right: 10px;
    border: 1px solid #ccc;
    z-index: 9999;
    background-color: #fff;
}

.progress-bar {
    width: 70%;
    border-right: 1px dotted #ccc;
    box-sizing: border-box;
    text-align: left
}

.progress-choice {
    width: 30%;
    padding-left: 10px;
    box-sizing: border-box;
}
.scale_panel {
    font-size: 14px;
    color: #666;
    position: absolute;
    line-height: 18px;
    left: 0;
    top: -5px;
}
#progress {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0;
    padding: 0;
}

    #progress #title {
        margin-top: 10px;
    }

#controller {
    width: 100%;
    border-bottom: 0px outset;
    height: 0px;
    filter: alpha(Opacity=100);
    opacity: 1;
    z-index: 10000;
    background-color: lightblue;
}

.historyRouteBody #container  {
    margin: 0 10px;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.scale_panel .r {
    float: right;
}

.scale span {
    background: url(../../images/scroll.gif) no-repeat;
    width: 8px;
    height: 16px;
    position: absolute;
    left: 0;
    top: -5px;
    cursor: pointer;
    max-width: 100%;
}

.scale {
    background-repeat: repeat-x;
    background-position: 0 100%;
    background-color: #E4E4E4;
    height: 3px;
    position: relative;
    font-size: 0px;
    border-radius: 3px;
    margin-top: 20px;
    box-sizing: border-box;
}

    .scale div {
        background-repeat: repeat-x;
        background-color: #3BE3FF;
        width: 0px;
        position: absolute;
        height: 3px;
        width: 0;
        left: 0;
        bottom: 0;
        max-width: 100%;
    }

.historyRouteBody li {
    font-size: 14px;
    position: relative;
    list-style: none;
}

.anchorBL span, .BMap_omOutFrame, .BMap_omCtrl {
    opacity: 0;
}

    /*历史轨迹页面-播放按钮及画面跟随样式调整到查询条件里*/
.mui-input-group div.historyRouteFollow {
    border: 0;
    height: 19px;
    margin-bottom: 0;
    margin-top:-10px;
}
.historyRouteFollow div {
    margin-left:35%;
}
.historyRouteFollowBtn #follow {
    margin: 9.5px 7px 0 10px;
}

.mui-input-group div.historyRouteButton {
    height: 50px;
    padding-top: 15px;
}

.historyRouteButton #btnSearch, .historyRouteButton .hrSearchBtn {
    width: 80px;
}
.historyRouteButton .hrSearchBtn {
    height: 34px;
    line-height: 34px;
    padding: 0;
    background: #00b0e6;
    font-size: 16px;
    letter-spacing: 2px;
    border: 0;
}
.historyRouteButton .hrSearchBtn:active {
    background: #00b0e6;
    border: 0;
}
    .historyRouteFollowBtn {
        width: 80px;
        border: 1px solid #ddd;
        border-radius: 3px;
        background-color: #f0f0f0;
    }
.historyDateCollapse label.rLabel {
    width: 40px;
    line-height: 32px;
    margin:0;
}

/*设备位置页面样式*/
.ltable4 {
    width: calc(100vw - 20px);
    margin: 10px;
    text-align: center;
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: 6px;
}
.ltable4 tr:nth-child(2n){
    border-bottom:1px solid #ccc;
}
    .ltable4 th {
        font-weight: normal;
        border-right: 1px solid #ccc;
        font-size: 14px;
    }

    .ltable4 td {
        padding:3px 0;
        color: #f5af00;
        border-right: 1px solid #ccc;
        font-size: 18px;
    }
    .ltable4 td.inT, #OnLineState {
        color: #00b83d;
    }

        .ltable4 td.setT, .ltable4 td.speed {
            color: #00b0e6;
        }
#modeState {
    color: #f56a00;
}
.ltable4 td.sysV {
    color: #d60032;
}

#RecTime, #lrecDate {
    color: #00802a;
}
#allmap {
    width: calc(100vw - 20px);
    height: calc(100vh - 175px);
    overflow: hidden;
    margin: 0 10px 0px;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

#allmap p {
        font-size: 12px;
        padding: 3px 0;
        line-height: 13px;
        letter-spacing: 1px;
    }

.anchorBL span {
    opacity: 0;
}
.ltable4 .textBlue{
    color: #007ba1;
}
.ltable4 .textGreen {
    color: #00a537;
}
.ltable4 .textYellow {
    color: #d69a00;
}
.ltable4 .textRed {
    color: #c0002d;
}
.ltable4 .textDarkgreen {
    color: #007326;
}
.ltable4 .textOrange {
    color: #e06100;
}
.ltable4 .textDarkblue {
    color: #0044a1;
}
.ltable4 .textPurple {
    color: #bf00d6;
}
.ltable4 .textLightblue {
    color: #00b0e6;
}
.devicePositionBody a#menu, a.mui-action-back {
    color: #333;
}
.devicePositionBody .mui-table-view-cell a {
    font-size: 16px;
    margin:-15px;
    padding:14px 10px;
}
.devicePositionBody .mui-popover {
    height: 55px;
}
/*修改注释页面样式*/
.udnBody .tab-content {
    /*padding: 20px 10px;*/
    text-align: center;
    margin: 10px;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding-bottom: 20px;
}
    .udnBody .tab-content ul {
        list-style: none;
        padding: 0;
        margin: 0;
        text-align: center;
    }

        .udnBody .tab-content ul li {
            height: 34px;
            line-height: 34px;
            color: #666;
            font-size: 16px;
            border-bottom: 1px solid #ddd;
            margin: 0 15px;
            padding: 10px 0;
            box-sizing: unset;
            text-align:left;
        }
        .udnBody .tab-content ul li label {
            float:left;
            width:26%;
            margin-right:2%;
            /*min-width:82px;*/
        }
            .udnBody .tab-content ul li input[type="text"], .ChangePasswordBody .tab-content ul li input[type="password"] {
                float: right;
                width: 72%;
                height: 32px;
                line-height: 32px;
                margin: 0;
                border: 1px solid #ddd;
                text-indent: 10px;
                font-size: 16px;
                color: #333;
                background-color: #fff;
                box-sizing: border-box;
                text-align: left;
                padding: 0;
                border-radius: 0;
            }

            .udnBody .tab-content ul li:first-child input {
                background-color: #f8f8f8;
            }
#btnOk, #btnOK {
    margin: 20px auto 0;
    width: 100%;
    background-color: #00b0e6;
    border: 0;
    padding: 0;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    letter-spacing: 2px;
}
.udnButtonBox {
    margin-top:15px;
    padding: 0 15px;
}
.udnBody .mui-radio input[type=radio] {
    position: unset;
    margin:6px 0;
    height:22px;
}
    .udnBody .mui-radio input[type=radio]:before {
        font-size: 22px;
    }
    .udnBody .mui-radio input[type=radio]:checked:before {
        color:#00b0e6;
    }
.udnBody .mui-radio span {
    margin: 0 15px 0 0;
}
.udnBody ul li textarea {
    width: 72%;
    height: 96px;
    line-height: 24px;
    padding: 0;
    text-indent: 10px;
    margin: 0;
    font-size: 16px;
    color: #333;
}
/*参数设置页面样式*/
.dpsBody .tab-content {
    border: 0;
    margin: 10px;
}
.dps-table {
    margin-bottom: 57px;
}
.dps-table tr:nth-child(2n) {
    background-color: #f0f0f0;
}

.dps-table tr:hover {
    background-color: rgba(0,176,230,0.2);
}

.dps-table th {
    line-height: 1.5em;
    padding: 8px;
    font-size: 18px;
    font-weight: normal;
    color: #fff;
    background-color: #009ecf;
    border: 1px solid #ddd;
    white-space: nowrap;
}

.dps-table td {
    font-size: 16px;
    padding: 5px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    white-space: nowrap;
}

.dps-table tr td:first-child {
    color: #007ba1;
    text-align: right;
    width: 500px;
}

    .dps-table tr td:nth-child(2) {
        width: 120px;
        color: #00b83d;
        text-align: center;
    }

.dps-table tr td:nth-child(3) {
    width: 160px;
}

.styled-select {
    border: 1px solid #00b0e6 !important;
    font-size: 16px;
    color: #00b0e6;
    width: 140px;
    outline: none;
    margin-bottom: 0;
    padding: 4px 0 4px 5px;
    appearance: menulist;
    -webkit-appearance: menulist;
}

.page-footer {
    height: 57px;
    margin:0 auto;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    border-top: 1px dotted #ccc;
}
.page-footer div {
    width: 200px;
    margin: 0 auto;
}
#btnSubmit, .dps-refresh, #btnLock {
    float: left;
    padding: 0;
    margin: 10px 0;
    width: 90px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    background-color: #00b0e6;
    border: 0;
    border-radius: 3px;
    color: #fff;
    letter-spacing: 2px;
    cursor: pointer;
}

.dps-refresh {
    margin-right: 20px;
    background-color: #f5af00;
    text-align: center;
}

    .dps-refresh:hover {
        background-color: #dc9d00;
    }

/*机组控制页面样式*/
.dcTable{
    table-layout:fixed;
}
.dcTable tr {
    height:36px;
}
    .dcTable tr td:first-child {
        text-align: center;
        width: 100px;
    }
    .dcTable tr td:nth-child(2) {
        width:100px;
    }
    .dcTable tr td.padding3 {
        padding:3px 0;
    }
.text-blue,.textBlue {
    color: #00b0e6;
}

.text-green,.textGreen {
    color: #00b83d;
}

.text-yellow,.textYeoolw {
    color: #f5af00;
}

.text-orange,.textOrange {
    color: #f56a00;
}

.text-red,.textRed{
    color: #d60032;
}

.deviceControlBody .styled-select {
    width: 100px;
}
.deviceControlBody .tab-content {
    border: 0;
    text-align:center;
    margin:10px;
}
/*机组控制页面--故障内容放最后的样式*/
.dcFaultContent {
    height: 72px;
}
.dcFaultContent td{
    white-space:normal;
}
    .dcFaultContent td div {
        height: 72px;
        line-height: 24px;
        overflow-y: scroll;
        text-align: left;
    }

/*加载动画图片居中*/
.layui-layer-loading .layui-layer-loading2{
    margin:0 auto;
}
/*表格数据对应曲线颜色*/
.ltable td:nth-child(1), .fixed_head th:nth-child(1){
    color: #00b0e6;
}

.ltable td:nth-child(2), .fixed_head th:nth-child(2){
    color: #00b83d;
}

.ltable td:nth-child(3), .fixed_head th:nth-child(3){
    color: #f5af00;
}

.ltable td:nth-child(4), .ltable td:nth-child(9), .fixed_head th:nth-child(4), .fixed_head th:nth-child(9){
    color: #d60032;
}
.ltable td:nth-child(5), .fixed_head th:nth-child(5) {
    color: #e517e5;
}
.ltable td:nth-child(6), .fixed_head th:nth-child(6){
    color: #7500e2;
}
.ltable td:nth-child(7), .fixed_head th:nth-child(7){
    color: #f56a00;
}
.ltable td:nth-child(8), .fixed_head th:nth-child(8){
    color: #00802a;
}
/*1307表格数据对应曲线颜色*/
.ltable1307 td:nth-child(1) {
    color: #00b0e6;
}

.ltable1307 td:nth-child(2) {
    color: #00b83d;
}

.ltable1307 td:nth-child(3) {
    color: #f5af00;
}

.ltable1307 td:nth-child(4) {
    color: #d60032;
}

.ltable1307 td:nth-child(5) {
    color: #e517e5;
}

.ltable1307 td:nth-child(6) {
    color: #7500e2;
}

.ltable1307 td:nth-child(7) {
    color: #aea800;
}

.ltable1307 td:nth-child(8) {
    color: #e54545;
}

.ltable1307 td:nth-child(9) {
    color: #e58a45;
}


.ltable1307 td:nth-child(10) {
    color: #f56a00;
}

.ltable1307 td:nth-child(11) {
    color: #00802a;
}
.ltable1307 td:nth-child(12) {
    color: #d60032;
}
/*温度记录平台--表格数据对应曲线颜色*/
.hr_ltable td:nth-child(1) {
    color: #007ba1;
}

.hr_ltable td:nth-child(2) {
    color: #00a537;
}

.hr_ltable td:nth-child(3) {
    color: #d69a00;
}

.hr_ltable td:nth-child(4), .hr_ltable td:nth-child(10) {
    color: #c0002d;
}

.hr_ltable td:nth-child(5) {
    color: #007326;
}

.hr_ltable td:nth-child(6) {
    color: #e06100;
}

.hr_ltable td:nth-child(7) {
    color: #0044a1;
}
.hr_ltable td:nth-child(8) {
    color: #bf00d6;
}
/*分享冷机数据-查询条件页面的名词解释*/
.wordsDefinition {
    padding: 15px;
}
.wordsDefinition h4 {
    font-size: 16px;
    font-weight:normal;
    margin-bottom:10px;
}
.DeviceDataConditionBody .historyDateCollapse label{
    width:35%;
}
.DeviceDataConditionBody .mui-input-row .single-select, .DeviceDataConditionBody .mui-input-row .date-input {
    width: 65%;
}
/*维保记录页面样式*/
.dmrForm {
    margin: 15px;
    /*height: calc(100vh - 125px);*/
    text-align: center;
}
.dmrBtnBox{
    /*position:fixed;
    bottom:15px;
    left:15px;
    right:15px;*/
}
.dmrTextarea {
    display: block;
    height: calc(100vh - 125px);
    padding: 6px;
    margin: 0 0 15px 0;
    border: 1px solid #ddd;
    border-radius: 6px;
    line-height: 24px;
    font-size: 16px;
    /*position:fixed;
    top:59px;
    left:15px;
    right:15px;
    bottom:66px;*/
    width:calc(100vw - 30px);
}
.dmrBtnBox #btnOk{
    margin:0;
}


/*针对表格没有数据时，表头还能够同步移动的样式*/
.ltable .emptyRow td {
    border: 0;
    height: 0;
    padding: 0;
}

.ltable .noDataRow td {
    text-align: left;
    text-indent: 15px;
}


/*针对表格没有数据时，表头还能够同步移动的样式*/
.ltable1307 .emptyRow td {
    border: 0;
    height: 0;
    padding: 0;
}

.ltable1307 .noDataRow td {
    text-align: left;
    text-indent: 15px;
}