@font-face {
    font-family: "agency fb";
    src: url(../fonts/AGENCYR.TTF);
    font-weight: normal;
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    background: transparent;
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
    background: rgba(33, 193, 255, 0.8);
}

::-webkit-scrollbar-thumb:hover {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: rgba(33, 193, 255, 1);
}

body, html {
    height: 100%;
    width: 100%;
    font-size: 62.5%;
    background: #00000a;
    font-family: "Microsoft YaHei"
}
a:hover, a:focus{
    text-decoration: none;
}
div {
    box-sizing: border-box;
}
input::-webkit-input-placeholder{
color:#fff;
}
input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #fff;
}
input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #fff;
}
input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff;
}
.wrapper {
    width: 100%;
    height: 100%;
}

.wrapper .container {
    width: 100%;
    height: 100%;
    background: #00000a url(../images/sys-background.jpg) top center repeat-y;
    background-size: cover;
    max-width: 100%;
    font-size:0;
}

.header {
    width: 100%;
    height: 0.61rem;
    padding: 0 0.94rem;
    position: relative;
    text-align: center;
}

.header .leftArrow, .header .rightArrow {
    position: absolute;
    width: calc(50% - 2.45rem);
    height: 100%;
    top: 0;
}

.header .leftArrow {
    left: 0.05rem;
    background: url(../images/sys-title-bg.png) 0 0 repeat-x;
    background-size: auto 100%;
}

.header .leftArrow .pattern {
    background: url(../images/sys-title-leftArrow.png) 0 0 no-repeat;
    background-size: cover;
    left: 0;
    top: 0;
    width: 0.89rem;
    height: 100%;
    position: absolute;
}

.header .rightArrow {
    right: 0.06rem;
    background: url(../images/sys-title-bg.png) 0 0 repeat-x;
    background-size: auto 100%;
}

.header .rightArrow .pattern {
    background: url(../images/sys-title-rightArrow.png) 0 0 no-repeat;
    background-size: cover;
    right: 0;
    top: 0;
    width: 0.89rem;
    height: 100%;
    position: absolute;
}

.header .focusTitle {
    width: 4.80rem;
    height: 100%;
    background: url(../images/sys-title-focus-bg.png) 0 0 no-repeat;
    background-size: cover;
    text-align: center;
    margin: 0 auto;
    color: #f3fbff;
    padding-top: 0.14rem;
    line-height: 0.47rem;
    font-size: 0.18rem;
    cursor: pointer;
}

.header .subInfoBox {
    position: absolute;
    left: 1.04rem;
    top: 0.12rem;
}

.header .subInfoBox, .header .subInfoBox .selectLine {
    font-size: 0;
}

.header .subInfoBox .selectLine label, .header .subInfoBox .selectLine label select {
    display: inline-block;
    vertical-align: middle;
}

.header .subInfoBox .selectLine label {
    color: #8eb0f3;
    font-size: 0.08rem;
    margin-right: 0.08rem;
}

    .header .subInfoBox .selectLine select, .ppm .ppmjuki  .dip .searchBar .title select {
        width: 1.04rem;
        height: 0.21rem;
        display: inline-block;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        background: rgba(68, 138, 202, 0.25) url(../images/line-select-triangle.png) 95% center no-repeat;
        border: 1px solid rgba(0, 183, 238, 0.25);
        padding: 0 0.09rem;
        color: #8eb0f3;
        font-size: 0.09rem;
    }
.header .subInfoBox .history{
    width: 0.8rem;
    height: 0.21rem;
    line-height: 0.21rem;
    background: rgba(68, 138, 202, 0.25) url(../images/sys-ppm-history-ico.png) 0.13rem center no-repeat;
    border: 1px solid rgba(0, 183, 238, 0.25);
    padding: 0 0.09rem;
    color: #8eb0f3;
    font-size: 0.09rem;
}
.header .dateTime {
    position: absolute;
    right: 1.04rem;
    top: 0.18rem;
    color: #80a1e3;
    font-size: 0.08rem;
}

.moudle {
    background: url(../images/sys-moudle-bg.png) 0 0 no-repeat;
    background-size: cover;
    border: 0.01rem solid #0096ff;
    position: absolute;
}

.moudle .innerBox {
    width: 100%;
    height: 100%;
    position: relative;
}

.moudle .innerBox .pattern {
    position: absolute;
    width: 0.08rem;
    height: 0.08rem;
}

.moudle .innerBox>.pattern.LT {
    background: url(../images/sys-moule-arr-lt.png) 0 0 no-repeat;
    background-size: cover;
    top: 0.01rem;
    left: 0.01rem;
}

.moudle .innerBox>.pattern.LB {
    background: url(../images/sys-moule-arr-lb.png) 0 0 no-repeat;
    background-size: cover;
    bottom: 0.01rem;
    left: 0.01rem;
}

.moudle .innerBox>.pattern.RT {
    background: url(../images/sys-moule-arr-rt.png) 0 0 no-repeat;
    background-size: cover;
    top: 0.01rem;
    right: 0.01rem;
}

.moudle .innerBox>.pattern.RB {
    background: url(../images/sys-moule-arr-rb.png) 0 0 no-repeat;
    background-size: cover;
    bottom: 0.01rem;
    right: 0.01rem;
}

.moudle .innerBox .content {
    padding: 0.10rem;
    height: 100%;
}

.moudle.inCharge ul li .detail span {
    display: block;
}

.moudle-table {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 0.19rem;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.moudle-table table {
    width: 100%;
    height: 100%;
}

.moudle-table th, .moudle-table td {
    font-size: 0.088rem;
    height: 0.25rem;
    line-height: 0.25rem;
    text-align: center;
    display: inline-block;
    white-space: pre-wrap;
    overflow: hidden;
    text-overflow: ellipsis;

}

.moudle-table tr {
    display: block;
    font-size: 0;
}

.moudle-table th {
    font-size: 0.13rem;
    color: #fee614;
    background: rgba(33, 193, 255, 0.3);
}

.moudle-table tr:nth-child(odd) td {
    background: rgba(33, 193, 255, 0.12);
}

.moudle-table tr:nth-child(even) td {
    background: rgba(0, 71, 157, 0.12);
}

.moudle-table thead {
    height: 0.25rem;
}

.moudle-table tbody {
    height: calc(100% - 0.4rem);
    overflow-y: auto;
}

.moudle-table tbody, .moudle-table thead {
    display: block;
}

.moudle-table.flip table {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

.moudle-table.flip th,
.moudle-table.flip td {
    margin: 0;
    vertical-align: top;
}

.moudle-table.flip th {
    text-align: center;
}

.moudle-table.flip thead {
    display: block;
    float: left;
    width: 0.68rem;
}

.moudle-table.flip tbody {
    display: block;
    width: calc(100% - 0.68rem);
    height: inherit;
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    font-size: 0;
}

.moudle-table.flip thead tr {
    display: block;
}

.moudle-table.flip th, .moudle-table.flip td {
    display: block;
    color: #fff;
}

.moudle-table.flip td {
    width: 0.39rem;
}

.moudle-table.flip th:nth-child(odd), .moudle-table.flip td:nth-child(odd) {
    background: rgba(33, 193, 255, 0.12);
}

.moudle-table.flip th:nth-child(even), .moudle-table.flip td:nth-child(even) {
    background: rgba(0, 71, 157, 0.12);
}

.moudle-table.flip th:first-child, .moudle-table.flip td:first-child {
    font-size: 0.14rem;
    color: #fee614;
    background: rgba(33, 193, 255, 0.3);
}

.moudle-table.flip tbody tr {
    display: inline-block;
    vertical-align: top;
}
.borderTypeA{
    position:relative;
    background:rgba(0,138,255,0.16);
    border:1px solid #019eff;
}
.moudle-table tr.error td{
    color:#ff0000!important;
}
.moudle-table tr.warning td{
    color:#fff000!important;
}
.moudle-table tr.success td{
    color:#00ff00!important;
}
.borderTypeA>.pattern{
    position:absolute;
}
.borderTypeA>.pattern.LT{
   width:0.14rem;
    height:0.19rem;
    background: url("../images/sys-moudleS2-lt.png") 0 0 no-repeat;
background-size:100%;
    left:-0.01rem;
    top:-0.01rem;
}
.borderTypeA>.pattern.RT{
    width:0.32rem;
    height:0.19rem;
    background: url("../images/sys-moudleS2-rt.png") 0 0 no-repeat;
    background-size:100%;
    right:-0.01rem;
    top:-0.01rem;
}
.borderTypeA>.pattern.LB{
    width:0.33rem;
    height:0.20rem;
    background: url("../images/sys-moudleS2-lb.png") 0 0 no-repeat;
    background-size:100%;
    left:-0.01rem;
    bottom:-0.01rem;
}
.borderTypeA>.pattern.RB{
    width:0.15rem;
    height: 0.20rem;
    background: url("../images/sys-moudleS2-rb.png") 0 0 no-repeat;
    background-size:100%;
    right:-0.01rem;
    bottom:-0.01rem;
}
.searchItem .labelBox,.searchItem .valueBox{
    display:inline-block;
    vertical-align: middle;
}
.searchItem .labelBox{
    width:0.44rem;
    height:0.44rem;
    background: url(../images/sys-searchItem-label.png) 0 0 no-repeat;
    background-size:100%;
    line-height: 0.44rem;
    text-align: center;
    font-size:0.11rem;
    color:#2bcbff;
}
.searchItem .valueBox{
    background:rgba(0,35,149,0.2);
    border:1px solid #0090ff;
    position:relative;
    padding:0.02rem;
    min-width:0.73rem;
    height:0.32rem;
    margin-left:0.05rem;
    box-sizing: border-box;
}
.searchItem.active .valueBox{
    background: #08c;
}
.searchItem .valueBox .pattern{
    position:absolute;
    top:0;
    left:0;
    height:5px;
    background:url(../images/sys-searchItem-valueBox.png) center bottom no-repeat;
    background-size:auto 100%;
    width:100%;
}
.searchItem .valueBox input{
    background: transparent;
    border: 0;
    color: #fff;
    font-size:0.12rem;
    line-height: 0.32rem;
    text-align: center;
    width:100%;
    height: 0.29rem;
}
.searchItem .valueBox select {
    width:100%;
    height: 0.29rem;
    display: inline-block;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: transparent;
    color: #fff;
    font-size:0.12rem;
    border:0;
    line-height: 0.29rem;
    text-align:center;
    text-align-last:center;
}
.searchItem .valueBox select option{
    font-size:0.12rem;
    color:#000;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
}

    /*line*/
.line .moudle.basicInfo {
    width: 5.89rem;
    height: 1.25rem;
    top: 0.77rem;
    right: 0.18rem;
}

.line .moudle.charts {
    width: 5.89rem;
    height: 2.06rem;
    top: 2.11rem;
    right: 0.18rem;
}

.line .moudle.basicData {
    width: 5.89rem;
    height: 1.17rem;
    top: 4.25rem;
    right: 0.18rem;
}

.line .moudle.inCharge {
    width: 3.52rem;
    height: 0.68rem;
    left: 0.18rem;
    top: 0.77rem;
}

.line .moudle.rankPD1, .line .moudle.rankPD2 {
    width: 3.52rem;
    height: 1.74rem;
    left: 0.18rem;
}

.line .moudle.rankPD1 .title, .line .moudle.rankPD2 .title {
    position: relative;
    height: 0.26rem;
    text-align: center;
}

.line .moudle.rankPD1 .title .focusText, .line .moudle.rankPD2 .title .focusText {
    font-size: 0.12rem;
    color: #0096ff;
    margin: 0 auto;
    width: 40%;
    height: 100%;
    display: inline-block;
    background: url(../images/sys-moudle-title-bg.png) center bottom no-repeat;
    background-size: contain;
    position: absolute;
    left: 30%;
    bottom: 0.16rem;
}

.line .moudle.rankPD1 .title + .content, .line .moudle.rankPD2 .title + .content {
    padding-top: 0;
    margin-top: -0.05rem;
}

.line .moudle.rankPD1 {
    top: 1.7rem;
}

.line .moudle.rankPD2 {
    top: 3.68rem;
}

.line .moudle.basicInfo .content {
    text-align: center;
}

.line .moudle.basicInfo ul {
    width: 5.3646rem;
    margin: 0 auto;
    font-size: 0;
}

.line .moudle.basicInfo ul li {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

.line .moudle.basicInfo ul li.fst {
    width: 25%;

}

.line .moudle.basicInfo ul li.fst:nth-child(2) {
   width: 30%;
}
.line .moudle.basicInfo ul li.fst:nth-child(4) {
    width: 20%;
}
.line .moudle.basicInfo ul li.sec {
    width: 25%;

}
.line .moudle.basicInfo ul li.sec.sp{

}
.line .moudle.basicInfo ul li.sec.current{
    width:30%;
}
.line .moudle.basicInfo ul li.sec.last {
    width: 20%;

}


.line .moudle.basicInfo .sectionLab {
    color: #fff;
    font-size: 0.1146rem;
    display: block;
    line-height: 1;
}

.line .moudle.basicInfo .sectionVal {
    font-family: "agency fb";
    font-size: 0.205rem;
    color: #00ccff;
}

.line .moudle.basicInfo .sectionVal span {
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
}

.line .moudle.basicInfo .sectionVal span.unit {
    font-size: 0.125rem;
    color: #ffa200;
    margin-left: 0.0417rem;
}
.line .moudle.basicInfo .sectionVal span.time{
      margin-left: 0.0417rem;
}
.line .moudle.basicInfo .sectionVal span.text{
    font-size:0.15rem;
}
.line .moudle.basicInfo ul li.sec.sp .sectionLab, .line .moudle.basicInfo ul li.sec.sp .sectionVal {

}

.line .moudle.inCharge ul {
    width: 3.10rem;
    margin: 0 auto;
    font-size: 0;
}

.line .moudle.inCharge ul li {
    display: inline-block;
    width: 50%;
    vertical-align: middle;
    font-size: 0.13rem;
    line-height: 0.17rem;
    color: #fff;
}

.line .moudle.inCharge ul li .avatar, .line .moudle.inCharge ul li .detail {
    display: inline-block;
    vertical-align: middle;
}

.line .moudle.inCharge ul li .avatar {
    margin-right: 0.15rem;
}

.line .moudle.inCharge ul li .avatar img {
    width: 0.52rem;
    height: 0.52rem;
    border-radius:2rem;
}

.line .moudle.rankPD1 .moudle-table th, .line .moudle.rankPD1 .moudle-table td, .line .moudle.rankPD2 .moudle-table th, .line .moudle.rankPD2 .moudle-table td {
    width: 16.66%;
}
/*workshop*/
.workshop .moudle.charts {
    width: 5.89rem;
    height: 2.06rem;
    top: 0.81rem;
    left: 0.23rem;
}
.workshop .moudle.basicInfo {
    width: 3.44rem;
    height: 2.06rem;
    top:  0.81rem;
    right:  0.23rem;
}
.workshop .moudle.basicInfo ul.dataPart{
    width:85%;
    margin:0.16rem auto 0.1rem auto;
    font-size:0
}
.workshop .moudle.basicInfo ul.dataPart li{
    width:50%;
    display: inline-block;
    vertical-align: middle;
    padding:0 0.1rem;
}
.workshop .moudle.basicInfo ul.dataPart li .borderTypeA{
    height:0.76rem;
    width:100%;
    font-size:0.13rem;
    color:#fff;
    text-align: center;
    padding-top:0.15rem;
}
.workshop .moudle.basicInfo ul.dataPart li .borderTypeA h1{
    font-size:0.13rem;
}
.workshop .moudle.basicInfo ul.dataPart li .borderTypeA h2{
    font-size:0.31rem;
    color:#00ccff;
    font-family: "agency fb";
}
.workshop .moudle.basicInfo ul.chartPart{
    width:100%;
    font-size:0;
}
.workshop .moudle.basicInfo ul.chartPart li{
    width:33.33%;
    display: inline-block;
    vertical-align: middle;
    height:0.99rem;
}
.workshop .moudle.basicInfo ul.chartPart li div{
    width:100%;
    height:100%;
}



.workshop .moudle.basicData {
    width: 9.55rem;
    height: 2.21rem;
    top:  3.18rem;
    left:  0.23rem;
}

.workshop .moudle.basicData .title{
    position: relative;
    height: 0.26rem;
    text-align: center;
}

.workshop .moudle.basicData .title .focusText{
    font-size: 0.14rem;
    color: #0096ff;
    margin: 0 auto;
    width: 15%;
    height: 100%;
    display: inline-block;
    background: url(../images/sys-moudle-title-bg.png) center bottom no-repeat;
    background-size: contain;
    position: absolute;
    left: 5%;
    bottom: 0.16rem;
}

.workshop .moudle.basicData .title + .content{
    padding-top: 0;
    margin-top: -0.05rem;
}
.workshop .moudle.basicData .moudle-table th, .workshop .moudle.basicData .moudle-table td{
    width: 11%;
}
.workshop .moudle.basicData .moudle-table th:nth-child(4), .workshop .moudle.basicData .moudle-table td:nth-child(4){
    width:15%;
}
.workshop .moudle.basicData .moudle-table th:nth-child(5), .workshop .moudle.basicData .moudle-table td:nth-child(5){
    width:5%;
}
.workshop .moudle.basicData .moudle-table th:nth-child(6), .workshop .moudle.basicData .moudle-table td:nth-child(6){
    width:7%;
}
.workshop .moudle.basicData .moudle-table th:nth-child(7), .workshop .moudle.basicData .moudle-table td:nth-child(7){
    width:13%;
}
.workshop .moudle.basicData .moudle-table th:nth-child(8), .workshop .moudle.basicData .moudle-table td:nth-child(8){
    width:15%;
}
/*equipment*/
.equipment .searchBar{
    position:absolute;
    width:6.55rem;
    height:0.44rem;
    top:0.65rem;
    left: 0.23rem;
}
.equipment .searchBar .searchItem{
    margin-right:0.44rem;
    display: inline-block;
    vertical-align: middle;
}
.equipment .moudle.basicInfo{
     width:6.55rem;
     height:1.59rem;
     top:1.15rem;
     left: 0.23rem;
 }
.equipment .moudle.basicInfo ul,.equipment .moudle.basicInfo ul>li{
    width:100%;
    height:100%;
    overflow: hidden;
    font-size:0;
}
.equipment .moudle.basicInfo .content{
    overflow:hidden;
    width:100%;
    height:100%;
}
.equipment .moudle.basicInfo .item{
    display: inline-block;
    vertical-align: top;
    width:20%;
    height: 100%;
    font-size:0.09rem;
    color:#fff;
}
.equipment .moudle.basicInfo .item .borderTypeA{
    width:95%;
    margin:0 auto;
    padding:0.15rem 0.08rem;
    height: 100%;
}
.equipment .moudle.basicInfo .item .borderTypeA .title{
    width:100%;
    height:0.15rem;
    line-height: 0.15rem;
    color:#fff;
    padding:0 0.05rem;
    background:#034ebf;
    font-size:0.11rem;
    font-weight: bold;
}
.equipment .moudle.basicInfo .item.error .borderTypeA .title{
    background:#d7310b;
}
.equipment .moudle.basicInfo .item.warning .borderTypeA .title{
    background:#c8ae03;
}
.equipment .moudle.basicInfo .item.success .borderTypeA .title{
    background:#009944;
}
.equipment .moudle.basicInfo .item .borderTypeA ol{
margin-top:0.08rem;

}
.equipment .moudle.basicInfo .item .borderTypeA ol>li .label{
    color:#00ccff;
    padding-right:0.08rem;
    font-size:0.11rem;
    line-height: 0.17rem;
    font-weight: normal;
}
.equipment .moudle.basicInfo .item .borderTypeA ol>li .text{
    font-size:0.11rem;
    line-height: 0.17rem;
    font-weight: normal;
}
.equipment .moudle.basicInfo .chartLineName,.equipment .moudle.basicInfo .chartSysName{
    width:100%;
    height:0.29rem;
    line-height: 0.29rem;
    text-align: center;
}
.equipment .moudle.basicInfo .chartLineName{
    font-size:0.16rem;
}
.equipment .moudle.basicInfo .chartSysName{
    font-size:0.11rem;
    color:#00b2df;
}
.equipment .moudle.basicInfo .chartSysName span{
    font-family: "agency fb";
    font-size:0.19rem;
    color:#fff;
    display: inline-block;
    vertical-align: middle;
    margin-left:0.05rem;
}
.equipment .moudle.basicInfo .chartDetail{
    height:calc(100% - 0.57rem);
    width:100%;
}

.equipment .moudle.basicData{
    width:6.55rem;
    height:2.11rem;
    top:3.02rem;
    left: 0.23rem;
}
.equipment .moudle.basicData .moudle-table th, .equipment .moudle.basicData .moudle-table td{
    width:25%;
}
.equipment .moudle.basicData .moudle-table th:nth-child(1), .equipment .moudle.basicData .moudle-table td:nth-child(1){
    width:10%;
}
.equipment .moudle.basicData .moudle-table th:nth-child(2), .equipment .moudle.basicData .moudle-table td:nth-child(2){
    width:15%;
}
.equipment .moudle.basicData .moudle-table th:nth-child(6), .equipment .moudle.basicData .moudle-table td:nth-child(6){
    width:15%;
}

.equipment .moudle.equipChart{
    width:2.86rem;
    height:1.25rem;
    top:0.59rem;
    right: 0.23rem;
}
.equipment .moudle.errorTimeChart{
    width:2.86rem;
    height:1.28rem;
    top:2.23rem;
    right: 0.23rem;
}
.equipment .moudle.errorRateChart{
    width:2.86rem;
    height:1.28rem;
    top:3.85rem;
    right: 0.23rem;
}
.equipment .moudle.equipChart .title,.equipment .moudle.errorTimeChart .title,.equipment .moudle.errorRateChart .title{
    position: relative;
    height: 0.26rem;
    text-align: center;
}
.equipment .moudle.equipChart .title .focusText, .equipment .moudle.errorTimeChart .title .focusText, .equipment .moudle.errorRateChart .title .focusText {
    font-size: 0.12rem;
    color: #0096ff;
    margin: 0 auto;
    width: 40%;
    height: 100%;
    display: inline-block;
    background: url(../images/sys-moudle-title-bg.png) center bottom no-repeat;
    background-size: contain;
    position: absolute;
    left: 30%;
    bottom: 0.18rem;
}

.equipment .moudle.equipChart .title + .content, .equipment .moudle.errorTimeChart .title + .content,.equipment .moudle.errorRateChart .title + .content {
    padding-top: 0;
    margin-top: -0.05rem;
    height:calc(100% - 0.26rem);
}
.equipment .moudle.equipChart ul{
    font-size:0;
    height:100%;
}
.equipment .moudle.equipChart li{
    display: inline-block;
    vertical-align: top;
    color:#fff;
    width:25%;
    font-size:0.08rem;
    height:100%;
}
.equipment .moudle.equipChart .chart{
    width:95%;
    margin:0 auto;
    height:calc(100% - 0.16rem);
}
.equipment .moudle.equipChart .chartTitle{
    width:95%;
    margin:0 auto;
    height:0.16rem;
    line-height: 0.16rem;
    text-align: center;
background:#0c2d6b;
    border-left:0.03rem solid #0f36ac;
    border-right:0.03rem solid #0f36ac;
}
.equipment .moudle.errorTimeChart .content{
    padding:0;
}
/*warning*/
.warning .searchBar{
    position: relative;
}
.warning .searchBar .legend{
    position:absolute;
    top:0;
   right:0;
}
.warning .searchBar .legend li{
    width:1.67rem;
    margin-right:0.31rem;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
}
.warning .searchBar .legend li .label{
    font-size:0.09rem;
    color:#fff;
    line-height: 0.26rem;
    font-weight:normal;
}
.warning .searchBar .legend li .bar{
    width:100%;
    border-radius:2.60rem;
    height:0.03rem;
    background: -webkit-linear-gradient(left, #00ccff , #2a54b4); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #00ccff, #2a54b4); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #00ccff, #2a54b4); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #00ccff , #2a54b4); /* 标准的语法 */
}
.warning .searchBar .legend li.error .bar{
    background: -webkit-linear-gradient(left, #fe0000 , #b10606); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #fe0000, #b10606); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #fe0000, #b10606); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #fe0000 , #b10606); /* 标准的语法 */
}
.warning .searchBar .legend li.warning .bar{
    background: -webkit-linear-gradient(left, #ffde00 , #ff8400); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #ffde00, #ff8400); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #ffde00, #ff8400); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ffde00 , #ff8400); /* 标准的语法 */
}
.warning .searchBar .legend li.success .bar{
    background: -webkit-linear-gradient(left, #17f700 , #278d65); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #17f700, #278d65); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #17f700, #278d65); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #17f700 , #278d65); /* 标准的语法 */
}
.warning .basicData,.warning .message{
    display: inline-block;
    vertical-align: top;
}
.warning .basicData{
    width:calc(100% - 0.99rem);
    margin-top: 0.18rem;
    position:relative;
    height:4.01rem;
}
.warning .message{
    width:0.99rem;
    margin-top: 0.18rem;
}
.warning .moudle.basicData .moudle-table tbody{
    height:100%;
}
.warning .moudle.basicData .moudle-table td{
    width:10%;
    height:0.52rem;
    line-height: 0.48rem;
    color:#fff!important;
}
.warning .moudle.basicData .moudle-table td>span{
 color:#2bcbff;
    font-size:0.09rem;
    margin-right:0.03rem;
}
.warning .moudle.basicData .moudle-table td:nth-child(2){
   width:10%;
}
.warning .moudle.basicData .moudle-table td:nth-child(4){
    width:20%;
}
.warning .moudle.basicData .moudle-table td:nth-child(8),.warning .moudle.basicData .moudle-table td:nth-child(9),.warning .moudle.basicData .moudle-table td:nth-child(10){
    padding:0.06rem 0.04rem;
}
.warning .moudle.basicData .moudle-table tr{
    position:relative;
}
.warning .moudle.basicData .moudle-table td .bar{
    position:absolute;
    background:#000;
    height:0.03rem;
    width:80%;
    left:0;
    bottom:0.08rem;
    border-radius:2.60rem;
    background: -webkit-linear-gradient(left, #00ccff , #2a54b4); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #00ccff, #2a54b4); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #00ccff, #2a54b4); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #00ccff , #2a54b4); /* 标准的语法 */
}
.warning .moudle.basicData .moudle-table tr.error td .bar{
    background: -webkit-linear-gradient(left, #fe0000 , #b10606); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #fe0000, #b10606); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #fe0000, #b10606); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #fe0000 , #b10606); /* 标准的语法 */
}




.warning .moudle.basicData .moudle-table tr.warning td .bar{
    background: -webkit-linear-gradient(left, #ffde00 , #ff8400); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #ffde00, #ff8400); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #ffde00, #ff8400); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ffde00 , #ff8400); /* 标准的语法 */
}
.warning .moudle.basicData .moudle-table tr.success td .bar{
    background: -webkit-linear-gradient(left, #17f700 , #278d65); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #17f700, #278d65); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #17f700, #278d65); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #17f700 , #278d65); /* 标准的语法 */
}
.warning .moudle.basicData .moudle-table td .colorBox{
    background:#2560bc;
    height:100%;
    text-align: center;
    line-height: 0.16rem;
    padding:0.05rem;
    text-shadow: 1px 1px 1px #000;
}
.warning .moudle.basicData .moudle-table tr.error td .colorBox{
    background:#b72a2a;
}
.warning .moudle.basicData .moudle-table tr.warning td .colorBox{
    background:#ffb400;
}
.warning .moudle.basicData .moudle-table tr.success td .colorBox{
    background:#2b922b;
}
.warning .moudle.basicData .moudle-table td .colorBox .value{
    font-size:0.16rem;
    font-family: 'agency fb';
}
.warning .moudle.basicData .moudle-table td .colorBox .unit{
    font-size:0.07rem;
}
.warning .moudle.basicData .moudle-table td .colorBox .title{
    display: block;
    font-size:0.08rem;
}
.warning .message{
    padding:0 0 0 0.08rem;
}
.warning .message h1{
    color:#ff6900;
    font-size:0.12rem;
}
.warning .message ul{
    width:100%;
}
.warning .message li{
    min-height:0.42rem;
    background:#2b922b url("../images/sys-warning-msg-icon.png") 0.04rem center no-repeat;
    background-size:0.10rem 0.09rem;
    width:100%;
    color:#fff;
    padding-left:0.18rem;
    margin-bottom:0.05rem;
}
.warning .message li .success{
    background-color:#2b922b;
}
.warning .message li .warning{
    background-color:#ff6900;
}
.warning .message li .error{
    background-color:#b72a2a;
}
.warning .message li .name{
    font-size:0.09rem;
    line-height: 0.19rem;
}
.warning .message li .unit{
    font-size:0.12rem;
    line-height: 0.19rem;
}
/*ppm*/
.ppm .searchBar{
    position:relative;
    margin-top:0.1rem;
}
.ppm .searchBar .searchItem {
    margin-right: 0.1rem;
    display: inline-block;
    vertical-align: middle;
}
.ppm .searchBar .searchItem .valueBox{
        min-width: 0.6rem;
}
.ppm .searchBar .searchItem .valueBox button {
    width: 100%;
    height: 100%;
    display: block;
    background: transparent;
    border: 0;
    font-size: 0.13rem;
    color: #2bcbff;
}
.ppm .searchBar .selectTab{
    position:absolute;
    right:0;
    top: 0.06rem;
}
.ppm .searchBar .selectTab .searchItem{
    display: inline-block;
    color:#fff;
    font-size:0.11rem;
}
.ppm .searchBar .selectTab .searchItem .valueBox{
    text-align: center;
    line-height: 0.29rem;
}
.ppm .searchItem .valueBox{
    cursor: pointer;
}
.ppm .basicData{
    width:100%;
    margin-top: 0.18rem;
    position:relative;
    height:4.01rem;
}
.ppm .moudle.basicData .moudle-table tbody{
    height:calc(100% - 0.25rem);
}
.ppm .moudle.basicData .moudle-table th{
    width:6%;
}
.ppm .moudle.basicData .moudle-table td{
    width:6%;
    height:0.52rem;
    line-height: 0.48rem;
    color:#fff!important;
}
.ppm .moudle.basicData .moudle-table td>span{
    color:#2bcbff;
    font-size:0.09rem;
    margin-right:0.03rem;
}
.ppm .moudle.basicData .moudle-table th:nth-child(1),.ppm .moudle.basicData .moudle-table td:nth-child(1){
    width:11%;
}
.ppm .moudle.basicData .moudle-table th:nth-child(3),.ppm .moudle.basicData .moudle-table td:nth-child(3),.ppm .moudle.basicData .moudle-table th:nth-child(4),.ppm .moudle.basicData .moudle-table td:nth-child(4){
     width:5%;
 }
.ppm .moudle.basicData .moudle-table th:nth-child(5),.ppm .moudle.basicData .moudle-table td:nth-child(5){
    width:11%;
}
.ppm .moudle.basicData .moudle-table th:nth-child(6),.ppm .moudle.basicData .moudle-table td:nth-child(6),.ppm .moudle.basicData .moudle-table th:nth-child(7),.ppm .moudle.basicData .moudle-table td:nth-child(7){
    width:7%;
}
.ppm .moudle.basicData .moudle-table td:nth-child(8),.ppm .moudle.basicData .moudle-table td:nth-child(9),.ppm .moudle.basicData .moudle-table td:nth-child(10),.ppm .moudle.basicData .moudle-table td:nth-child(11),.ppm .moudle.basicData .moudle-table td:nth-child(12),.ppm .moudle.basicData .moudle-table td:nth-child(13),.ppm .moudle.basicData .moudle-table td:nth-child(14),.ppm .moudle.basicData .moudle-table td:nth-child(15){
    padding:0.06rem 0.04rem;
}
.ppm .moudle.basicData .moudle-table tr{
    position:relative;
}
.ppm .moudle.basicData .moudle-table td .bar{
    position:absolute;
    background:#000;
    height:0.03rem;
    width:52%;
    left:0;
    bottom:0.08rem;
    border-radius:2.60rem;
    background: -webkit-linear-gradient(left, #00ccff , #2a54b4); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #00ccff, #2a54b4); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #00ccff, #2a54b4); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #00ccff , #2a54b4); /* 标准的语法 */
}
.ppm .moudle.basicData .moudle-table tr.error td .bar{
    background: -webkit-linear-gradient(left, #fe0000 , #b10606); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #fe0000, #b10606); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #fe0000, #b10606); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #fe0000 , #b10606); /* 标准的语法 */
}




.ppm .moudle.basicData .moudle-table tr.warning td .bar{
    background: -webkit-linear-gradient(left, #ffde00 , #ff8400); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #ffde00, #ff8400); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #ffde00, #ff8400); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ffde00 , #ff8400); /* 标准的语法 */
}
.ppm .moudle.basicData .moudle-table tr.success td .bar{
    background: -webkit-linear-gradient(left, #17f700 , #278d65); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #17f700, #278d65); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #17f700, #278d65); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #17f700 , #278d65); /* 标准的语法 */
}
.ppm .moudle.basicData .moudle-table td .colorBox{
    background:#2560bc;
    height:100%;
    text-align: center;
    line-height: 0.36rem;
    padding:0.05rem;
    text-shadow: 1px 1px 1px #000;
}
.ppm .moudle.basicData .moudle-table tr.error td .colorBox{
    background:#b72a2a;
}
.ppm .moudle.basicData .moudle-table tr.warning td .colorBox{
    background:#ffb400;
}
.ppm .moudle.basicData .moudle-table tr.success td .colorBox{
    background:#2b922b;
}
.ppm .moudle.basicData .moudle-table td .colorBox .value{
    font-size:0.16rem;
    font-family: 'agency fb';
}
.ppm .moudle.basicData .moudle-table td .colorBox .unit{
    font-size:0.07rem;
}
.ppm .moudle.basicData .moudle-table td .colorBox .title{
    display: block;
    font-size:0.08rem;
}






/*ppmjuki*/
.ppmjuki .searchBar {
    position: relative;
    margin-top: 0.1rem;
}

    .ppmjuki .searchBar .searchItem {
        margin-right: 0.1rem;
        display: inline-block;
        vertical-align: middle;
    }

        .ppmjuki .searchBar .searchItem .valueBox {
            min-width: 0.6rem;
        }

            .ppmjuki .searchBar .searchItem .valueBox button {
                width: 100%;
                height: 100%;
                display: block;
                background: transparent;
                border: 0;
                font-size: 0.13rem;
                color: #2bcbff;
            }

    .ppmjuki .searchBar .selectTab {
        position: absolute;
        right: 0;
        top: 0.06rem;
    }

        .ppmjuki .searchBar .selectTab .searchItem {
            display: inline-block;
            color: #fff;
            font-size: 0.11rem;
        }

            .ppmjuki .searchBar .selectTab .searchItem .valueBox {
                text-align: center;
                line-height: 0.29rem;
            }

.ppmjuki .searchItem .valueBox {
    cursor: pointer;
}

.ppmjuki .basicData {
    width: 100%;
    margin-top: 0.18rem;
    position: relative;
    height: 4.01rem;
}
.ppmjuki .moudle-table {
    overflow-x: auto;
}
.ppmjuki .moudle-table table {
    width: 17.5rem;
    height: 100%;
}

    .ppmjuki .moudle.basicData .moudle-table tbody {
        height: calc(100% - 0.25rem);
    }

.ppmjuki .moudle.basicData .moudle-table th {
    width: 0.6rem;
}

.ppmjuki .moudle.basicData .moudle-table td {
    width: 0.6rem;
    height: 0.52rem;
    line-height: 0.48rem;
    color: #fff !important;
}

    .ppmjuki .moudle.basicData .moudle-table td > span {
        color: #2bcbff;
        font-size: 0.09rem;
        margin-right: 0.03rem;
    }

    .ppmjuki .moudle.basicData .moudle-table th:nth-child(1), .ppmjuki .moudle.basicData .moudle-table td:nth-child(1) {
        width: 1rem;
    }

    .ppmjuki .moudle.basicData .moudle-table th:nth-child(3), .ppmjuki .moudle.basicData .moudle-table td:nth-child(3), .ppmjuki .moudle.basicData .moudle-table th:nth-child(4), .ppmjuki .moudle.basicData .moudle-table td:nth-child(4) {
        width: 0.5rem;
    }

    .ppmjuki .moudle.basicData .moudle-table th:nth-child(5), .ppmjuki .moudle.basicData .moudle-table td:nth-child(5) {
        width: 1rem;
    }

    .ppmjuki .moudle.basicData .moudle-table th:nth-child(6), .ppmjuki .moudle.basicData .moudle-table td:nth-child(6), .ppmjuki .moudle.basicData .moudle-table th:nth-child(7), .ppmjuki .moudle.basicData .moudle-table td:nth-child(7) {
        width: 0.7rem;
    }

    .ppmjuki .moudle.basicData .moudle-table td:nth-child(8),
    .ppmjuki .moudle.basicData .moudle-table td:nth-child(9),
    .ppmjuki .moudle.basicData .moudle-table td:nth-child(10),
    .ppmjuki .moudle.basicData .moudle-table td:nth-child(11),
    .ppmjuki .moudle.basicData .moudle-table td:nth-child(12),
    .ppmjuki .moudle.basicData .moudle-table td:nth-child(13),
    .ppmjuki .moudle.basicData .moudle-table td:nth-child(14),
    .ppmjuki .moudle.basicData .moudle-table td:nth-child(15),
    .ppmjuki .moudle.basicData .moudle-table td:nth-child(16),
    .ppmjuki .moudle.basicData .moudle-table td:nth-child(17),
    .ppmjuki .moudle.basicData .moudle-table td:nth-child(18),
    .ppmjuki .moudle.basicData .moudle-table td:nth-child(19),
    .ppmjuki .moudle.basicData .moudle-table td:nth-child(20),
    .ppmjuki .moudle.basicData .moudle-table td:nth-child(21),
    .ppmjuki .moudle.basicData .moudle-table td:nth-child(22),
    .ppmjuki .moudle.basicData .moudle-table td:nth-child(23),
    .ppmjuki .moudle.basicData .moudle-table td:nth-child(24),
    .ppmjuki .moudle.basicData .moudle-table td:nth-child(25),
    .ppmjuki .moudle.basicData .moudle-table td:nth-child(26),
    .ppmjuki .moudle.basicData .moudle-table td:nth-child(27) {
        padding: 0.06rem 0.04rem;
    }

.ppmjuki .moudle.basicData .moudle-table tr {
    position: relative;
    white-space:nowrap;
}

.ppmjuki .moudle.basicData .moudle-table td .bar {
    position: absolute;
    background: #000;
    height: 0.03rem;
    width: 5rem;
    left: 0;
    bottom: 0.08rem;
    border-radius: 2.60rem;
    background: -webkit-linear-gradient(left, #00ccff, #2a54b4); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #00ccff, #2a54b4); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #00ccff, #2a54b4); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #00ccff, #2a54b4); /* 标准的语法 */
}

.ppmjuki .moudle.basicData .moudle-table tr.error td .bar {
    background: -webkit-linear-gradient(left, #fe0000, #b10606); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #fe0000, #b10606); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #fe0000, #b10606); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #fe0000, #b10606); /* 标准的语法 */
}




.ppmjuki .moudle.basicData .moudle-table tr.warning td .bar {
    background: -webkit-linear-gradient(left, #ffde00, #ff8400); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #ffde00, #ff8400); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #ffde00, #ff8400); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ffde00, #ff8400); /* 标准的语法 */
}

.ppmjuki .moudle.basicData .moudle-table tr.success td .bar {
    background: -webkit-linear-gradient(left, #17f700, #278d65); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #17f700, #278d65); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #17f700, #278d65); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #17f700, #278d65); /* 标准的语法 */
}

.ppmjuki .moudle.basicData .moudle-table td .colorBox {
    background: #2560bc;
    height: 100%;
    text-align: center;
    line-height: 0.36rem;
    padding: 0.05rem;
    text-shadow: 1px 1px 1px #000;
}

.ppmjuki .moudle.basicData .moudle-table tr.error td .colorBox {
    background: #b72a2a;
}

.ppmjuki .moudle.basicData .moudle-table tr.warning td .colorBox {
    background: #ffb400;
}

.ppmjuki .moudle.basicData .moudle-table tr.success td .colorBox {
    background: #2b922b;
}

.ppmjuki .moudle.basicData .moudle-table td .colorBox .value {
    font-size: 0.16rem;
    font-family: 'agency fb';
}

.ppmjuki .moudle.basicData .moudle-table td .colorBox .unit {
    font-size: 0.07rem;
}

.ppmjuki .moudle.basicData .moudle-table td .colorBox .title {
    display: block;
    font-size: 0.08rem;
}









/*dip*/
/*dip*/
.dip .searchBar{
    position:relative;
    margin-top:0.1rem;
}
.dip .searchBar .searchItem {
    margin-right: 0.1rem;
    display: inline-block;
    vertical-align: middle;
}
.dip .searchBar .searchItem .valueBox{
        min-width: 0.6rem;
}
.dip .searchBar .searchItem .valueBox button {
    width: 100%;
    height: 100%;
    display: block;
    background: transparent;
    border: 0;
    font-size: 0.13rem;
    color: #2bcbff;
}
.dip .searchBar .selectTab{
    position:absolute;
    right:0;
    top: 0.06rem;
}
.dip .searchBar .selectTab .searchItem{
    display: inline-block;
    color:#fff;
    font-size:0.11rem;
}
.dip .searchBar .selectTab .searchItem .valueBox{
    text-align: center;
    line-height: 0.29rem;
}
.dip .searchItem .valueBox{
    cursor: pointer;
}
.dip .basicData{
    width:100%;
    margin-top: 0.18rem;
    position:relative;
    height:4.01rem;
}
.dip .moudle-table {
    overflow-x: auto;
}
.dip .moudle-table table {
    /*width: 1.5rem;*/
    height: 100%;
}
.dip .moudle.basicData .moudle-table tbody{
    height:calc(100% - 0.25rem);
}
.dip .moudle.basicData .moudle-table th{
    width:0.95rem;
}
.dip .moudle.basicData .moudle-table td {
    width: 0.95rem;
    height: 0.48rem;
    line-height: 0.48rem;
    color: #fff !important;
    padding: 0.06rem 0.04rem;
    font-size:0.16rem;
}
.dip .moudle.basicData .moudle-table td>span{
    color:#2bcbff;
    /*font-size:0.16rem;*/
    margin-right:0.03rem;
}
.dip .moudle.basicData .moudle-table td:nth-child(1),.dip .moudle.basicData .moudle-table td:nth-child(4){
    font-size:0.12rem;
}
/*.dip .moudle.basicData .moudle-table th:nth-child(1),.dip .moudle.basicData .moudle-table td:nth-child(1){
    width:11%;
}
.dip .moudle.basicData .moudle-table th:nth-child(3),.dip .moudle.basicData .moudle-table td:nth-child(3),.dip .moudle.basicData .moudle-table th:nth-child(4),.dip .moudle.basicData .moudle-table td:nth-child(4){
     width:5%;
 }
.dip .moudle.basicData .moudle-table th:nth-child(5),.dip .moudle.basicData .moudle-table td:nth-child(5){
    width:11%;
}
.dip .moudle.basicData .moudle-table th:nth-child(6),.dip .moudle.basicData .moudle-table td:nth-child(6),.dip .moudle.basicData .moudle-table th:nth-child(7),.dip .moudle.basicData .moudle-table td:nth-child(7){
    width:7%;
}
.dip .moudle.basicData .moudle-table td:nth-child(8),.dip .moudle.basicData .moudle-table td:nth-child(9),.dip .moudle.basicData .moudle-table td:nth-child(10),.dip .moudle.basicData .moudle-table td:nth-child(11),.dip .moudle.basicData .moudle-table td:nth-child(12),.dip .moudle.basicData .moudle-table td:nth-child(13),.dip .moudle.basicData .moudle-table td:nth-child(14),.dip .moudle.basicData .moudle-table td:nth-child(15){
    padding:0.06rem 0.04rem;
}*/
.dip .moudle.basicData .moudle-table tr{
    position:relative;
    white-space:nowrap;
}
.dip .moudle.basicData .moudle-table td .bar{
    position:absolute;
    background:#000;
    height:0.03rem;
    width:100%;
    left:0;
    bottom:0.01rem;
    border-radius:2.60rem;
    font-size:0.16rem;
    background: -webkit-linear-gradient(left, #00ccff , #2a54b4); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #00ccff, #2a54b4); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #00ccff, #2a54b4); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #00ccff , #2a54b4); /* 标准的语法 */
}
.dip .moudle.basicData .moudle-table tr.error td .bar{
    background: -webkit-linear-gradient(left, #fe0000 , #b10606); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #fe0000, #b10606); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #fe0000, #b10606); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #fe0000 , #b10606); /* 标准的语法 */
}




.dip .moudle.basicData .moudle-table tr.warning td .bar{
    background: -webkit-linear-gradient(left, #ffde00 , #ff8400); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #ffde00, #ff8400); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #ffde00, #ff8400); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ffde00 , #ff8400); /* 标准的语法 */
}
.dip .moudle.basicData .moudle-table tr.success td .bar{
    background: -webkit-linear-gradient(left, #17f700 , #278d65); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #17f700, #278d65); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #17f700, #278d65); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #17f700 , #278d65); /* 标准的语法 */
}
.dip .moudle.basicData .moudle-table td .colorBox{
    background:#2560bc;
    height:100%;
    text-align: center;
    line-height: 0.36rem;
    padding:0.05rem;
    text-shadow: 1px 1px 1px #000;
}
.dip .moudle.basicData .moudle-table tr.error td .colorBox{
    background:#b72a2a;
}
.dip .moudle.basicData .moudle-table tr.warning td .colorBox{
    background:#ffb400;
}
.dip .moudle.basicData .moudle-table tr.success td .colorBox{
    background:#2b922b;
}
.dip .moudle.basicData .moudle-table td .colorBox .value{
    /*font-size:0.16rem;*/
    font-family: 'agency fb';
}
.dip .moudle.basicData .moudle-table td .colorBox .unit{
    font-size:0.07rem;
}
.dip .moudle.basicData .moudle-table td .colorBox .title{
    display: block;
    font-size:0.08rem;
}



















/*errorList*/
.errorList .searchBar{
    position:absolute;
    width:100%;
    height:0.44rem;
    top:0.65rem;
    left: 0.2rem;
}
.errorList .searchBar .searchItem{
    margin-right:0.3rem;
    display: inline-block;
    vertical-align: middle;
}
.errorList .searchBar .labelBox span{
    padding: 0.1rem 0;
    line-height: 1;
    display: block;
}
.errorList .searchBar .searchItem .valueBox input{
    width:0.7rem;
}
.errorList .searchBar .searchItem .valueBox button{
    width:100%;
    height:100%;
    display: block;
    background: transparent;
    border:0;
    font-size:0.13rem;
    color:#2bcbff;
}
.errorList .moudle.errorTimeChart{
    width:4.64rem;
    height:1.54rem;
    top:1.30rem;
    left: 0.23rem;
}
.errorList .moudle.errorRateChart{
    width:4.64rem;
    height:1.54rem;
    top:1.30rem;
    right: 0.23rem;
}
.errorList .moudle.errorTimeChart .title,.errorList .moudle.errorRateChart .title{
    position: relative;
    height: 0.26rem;
    text-align: center;
}
 .errorList .moudle.errorTimeChart .title .focusText, .errorList .moudle.errorRateChart .title .focusText {
    font-size: 0.12rem;
    color: #0096ff;
    margin: 0 auto;
    width: 40%;
    height: 100%;
    display: inline-block;
    background: url(../images/sys-moudle-title-bg.png) center bottom no-repeat;
    background-size: contain;
    position: absolute;
    left: 30%;
    bottom: 0.13rem;
}

 .errorList .moudle.errorTimeChart .title + .content,.errorList .moudle.errorRateChart .title + .content {
    padding: 0;
    margin-top: -0.05rem;
    height:calc(100% - 0.26rem);
}
.errorList .moudle.basicData{
    width:9.53rem;
    height:2.11rem;
    top:3.02rem;
    left: 0.23rem;
}
.errorList .moudle.basicData .moudle-table th,.errorList .moudle.basicData .moudle-table td{
    width:9%;
}

/*.errorList .moudle.basicData .moudle-table th:nth-child(5), .errorList .moudle.basicData .moudle-table td:nth-child(5){
    width:12%;
}
.errorList .moudle.basicData .moudle-table th:nth-child(6), .errorList .moudle.basicData .moudle-table td:nth-child(6),
.errorList .moudle.basicData .moudle-table th:nth-child(7), .errorList .moudle.basicData .moudle-table td:nth-child(7),
.errorList .moudle.basicData .moudle-table th:nth-child(8), .errorList .moudle.basicData .moudle-table td:nth-child(8)
{
    width:11%;
}
.errorList .moudle.basicData .moudle-table td:nth-child(6),
.errorList .moudle.basicData .moudle-table td:nth-child(7),
.errorList .moudle.basicData .moudle-table td:nth-child(8) {
    font-size:0.10rem;
}
.errorList .moudle.basicData .moudle-table th:nth-child(10), .errorList .moudle.basicData .moudle-table td:nth-child(10),
.errorList .moudle.basicData .moudle-table th:nth-child(11), .errorList .moudle.basicData .moudle-table td:nth-child(11)
{
    width:5%;
}*/


.errorList .moudle.basicData .moudle-table th:nth-child(1), .errorList .moudle.basicData .moudle-table td:nth-child(1){  width:8%;}
.errorList .moudle.basicData .moudle-table th:nth-child(2), .errorList .moudle.basicData .moudle-table td:nth-child(2){  width:10%;}
.errorList .moudle.basicData .moudle-table th:nth-child(3), .errorList .moudle.basicData .moudle-table td:nth-child(3){  width:8%;}
.errorList .moudle.basicData .moudle-table th:nth-child(4), .errorList .moudle.basicData .moudle-table td:nth-child(4){  width:15%;}
.errorList .moudle.basicData .moudle-table th:nth-child(5), .errorList .moudle.basicData .moudle-table td:nth-child(5){  width:40%;}
.errorList .moudle.basicData .moudle-table th:nth-child(6), .errorList .moudle.basicData .moudle-table td:nth-child(6){  width:17%;}

.errorList .moudle.basicData i.icon{
    display: inline-block;
    width:0.15rem;
    height:0.15rem;
    font-size:0;
    cursor: pointer;
    padding: 0.12rem;
}
.errorList .moudle.basicData i.icon.suggestion{
    background:url(../images/sys-errorList-suggestion-ico.png) center center no-repeat;
    background-size:0.15rem 0.15rem;
}
.errorList .moudle.basicData i.icon.waiting{
    background:url(../images/sys-errorList-waiting-ico.png) center center no-repeat;
    background-size:0.15rem 0.15rem;
}
.modal-content{
    background: rgba(0,144,255,0.9);
    color: #fff;
    box-shadow: 0 0 0.10rem;
    font-size: 0.15rem;
    margin-top:1.04rem;
}
.diyContainer{
    width:calc(100% - 0.47rem);
    margin:0 auto;
    height:calc(100%- 0.84rem);
}
.diyContainer .moudle{
    width:100%;
    position:relative;
    height:1.45rem;
}
.diyContainer .col-xs-1,.diyContainer  .col-xs-2,.diyContainer  .col-xs-3, .diyContainer .col-xs-4, .diyContainer .col-xs-5,.diyContainer  .col-xs-6, .diyContainer .col-xs-7, .diyContainer .col-xs-8, .diyContainer .col-xs-9, .diyContainer .col-xs-10,.diyContainer  .col-xs-11,.diyContainer  .col-xs-12
.diyContainer .col-md-1,.diyContainer .col-md-2,.diyContainer .col-md-3,.diyContainer .col-md-4,.diyContainer .col-md-5,.diyContainer .col-md-6,.diyContainer .col-md-7,.diyContainer .col-md-8,.diyContainer .col-md-9,.diyContainer .col-md-10,.diyContainer .col-md-11,.diyContainer .col-md-12{
    padding:0.10rem;
}





.towrowContainer{
    width:calc(100% - 0.47rem);
    margin:0 auto;
    height:calc(100%- 0.84rem);
}
.towrowContainer .moudle{
    width:100%;
    position:relative;
    height:2.18rem;
}
.towrowContainer .col-xs-1,.towrowContainer  .col-xs-2,.towrowContainer  .col-xs-3, .towrowContainer .col-xs-4, .towrowContainer .col-xs-5,.towrowContainer  .col-xs-6, .towrowContainer .col-xs-7, .towrowContainer .col-xs-8, .towrowContainer .col-xs-9, .towrowContainer .col-xs-10,.towrowContainer  .col-xs-11,.towrowContainer  .col-xs-12
.towrowContainer .col-md-1,.towrowContainer .col-md-2,.towrowContainer .col-md-3,.towrowContainer .col-md-4,.towrowContainer .col-md-5,.towrowContainer .col-md-6,.towrowContainer .col-md-7,.towrowContainer .col-md-8,.towrowContainer .col-md-9,.towrowContainer .col-md-10,.towrowContainer .col-md-11,.towrowContainer .col-md-12{
    padding:0.10rem;
}






.cover{
    width:100%;
    height:100%;
    background:url(../images/cover-background.jpg) center bottom no-repeat;
    background-size:cover;
    position:relative;
}
.cover .line{
    width:100%;
    height:100%;
    background:url(../images/cover-line.png) center bottom no-repeat;
    background-size:cover;
    position:absolute;
    left:0;
    top:0
}
.cover .menuItem{
    position:absolute;
    color:#fff;
    display: block;
    text-align: center;

}
.cover .menuItem a,.cover .menuItem a:hover,.cover .menuItem a:active,.cover .menuItem a:visited{
    text-decoration: none!important;
}
.cover .menuItem.colorA{
    background:url(../images/cover-cirlce-colorA.png) 0 0 no-repeat;
    background-size:contain;
    animation:coverMenuItem 3s infinite;
    -webkit-animation: coverMenuItem 3s infinite;
}
.cover .menuItem.colorB{
    background:url(../images/cover-cirlce-colorB.png) 0 0 no-repeat;
    background-size:contain;
    animation:coverMenuItem 4s 1s infinite;
    -webkit-animation: coverMenuItem 4s 1s infinite;
}
.cover .menuItem.colorC{
    background:url(../images/cover-cirlce-colorC.png) 0 0 no-repeat;
    background-size:contain;
    animation:coverMenuItem 5s 2s infinite;
    -webkit-animation: coverMenuItem 5s 2s infinite;
}
.cover .menuItem.colorD{
    background:url(../images/cover-cirlce-colorD.png) 0 0 no-repeat;
    background-size:contain;
    animation:coverMenuItem 6s 3s infinite;
    -webkit-animation: coverMenuItem 6s 3s infinite;
}
.cover .menuItem.colorE{
    background:url(../images/cover-cirlce-colorA.png) 0 0 no-repeat;
    background-size:contain;
    animation:coverMenuItem 4s 1s infinite;
    -webkit-animation: coverMenuItem 4s 1s infinite;
}
.cover .menuItem.colorF{
    background:url(../images/cover-cirlce-colorD.png) 0 0 no-repeat;
    background-size:contain;
    animation:coverMenuItem 4s 1s infinite;
    -webkit-animation: coverMenuItem 4s 1s infinite;
}
.cover .menuItem.lg{
    font-size:0.25rem;
}
.cover .menuItem.small{
    font-size:0.18rem;
}
.cover .menuItem.colorA.lg{
    width:1.53rem;
    height:1.51rem;
    line-height: 1.51rem;
    top:2.69rem;
    left:0.79rem;
}
.cover .menuItem.colorA.small{
    width:1.13rem;
    height:1.09rem;
    line-height: 1.09rem;
    top:2.01rem;
    left:2.21rem;
}
.cover .menuItem.colorB.lg{
    width:1.52rem;
    height:1.52rem;
    top:1.20rem;
    left:3.33rem;
    line-height: 1.52rem;
}
.cover .menuItem.colorB.small{
    width:0.96rem;
    height:0.96rem;
    top:2.51rem;
    left:4.56rem;
    line-height: 0.96rem;
}
.cover .menuItem.colorB.small2{
    width:0.96rem;
    height:0.96rem;
    top:1rem;
    left:5rem;
    line-height: 0.96rem;
    font-size: 0.18rem;
}
.cover .menuItem.colorC.lg{
    width:1.61rem;
    height:1.63rem;
    top:1.59rem;
    left:5.78rem;
    line-height: 1.63rem;
}
.cover .menuItem.colorD.lg{
    width:1.60rem;
    height:1.64rem;
    top:2.77rem;
    right:0.80rem;
    line-height: 1.64rem;
}

.cover .menuItem.colorE.small{
    width:0.96rem;
    height:0.96rem;
    top:3.51rem;
    left:6.01rem;
    line-height: 0.96rem;
}

.cover .menuItem.colorF.small{
    width:0.96rem;
    height:0.96rem;
    top:3.51rem;
    left:3.51rem;
    line-height: 0.96rem;
}
.cover select {
    width: 1.04rem;
    height: 0.21rem;
    display: inline-block;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: rgba(68, 138, 202, 0.25) url(../images/line-select-triangle.png) 95% center no-repeat;
    border: 1px solid rgba(0, 183, 238, 0.25);
    padding: 0 0.09rem;
    color: #8eb0f3;
    font-size: 0.09rem;
    position:absolute;
    right: 0.2rem;
    top: 0.2rem;
}
.cover .logo {
    width: 1.8rem;
    display: inline-block;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../images/logo.png) 95% center no-repeat;
    padding: 0 0.09rem;
    position:absolute;
}






/*oven*/
.oven .moudle.charts {
    width: 9.55rem;
    height: 2.86rem;
    top:  2.48rem;
    left:  0.23rem;
}

.oven .moudle.basicData {
    width: 9.55rem;
    height: 1.41rem;
    top: 0.81rem;
    left: 0.23rem;
}

.oven .moudle.basicData .title{
    position: relative;
    height: 0.26rem;
    text-align: center;
}
.oven .moudle.basicData .title .focusText{
    font-size: 0.14rem;
    color: #0096ff;
    margin: 0 auto;
    width: 15%;
    height: 100%;
    display: inline-block;
    background: url(../images/sys-moudle-title-bg.png) center bottom no-repeat;
    background-size: contain;
    position: absolute;
    left: 5%;
    bottom: 0.16rem;
}

.oven .moudle.basicData .title + .content{
    padding-top: 0;
    margin-top: -0.05rem;
}
.oven .moudle.basicData .moudle-table th, .oven .moudle.basicData .moudle-table td{
    width: 6%;
}
.oven .moudle.basicData .moudle-table th:nth-child(1), .oven .moudle.basicData .moudle-table td:nth-child(1){
    width:30%;
}
.oven .moudle.basicData .moudle-table th:nth-child(2), .oven .moudle.basicData .moudle-table td:nth-child(2){
    width:10%;
}
    .oven.hidetr {
        display: inline-block;
    }

    .oven.yd_d1 {
        width: 0.2rem;
        height: 0.1rem;
        background-color: red;
        float: left;
        margin-left: 3.8rem;
        margin-top: 0.57rem;
        position: absolute;
    }

    .oven.yd_d2 {
        width: 0.2rem;
        height: 0.1rem;
        float: left;
        margin-left: 9.1rem;
        margin-top: 0.57rem;
        position: absolute;
    }
/*.oven .moudle.basicData .moudle-table th:nth-child(2), .oven .moudle.basicData .moudle-table td:nth-child(2){
    width:10%;
}
.oven .moudle.basicData .moudle-table th:nth-child(3), .oven .moudle.basicData .moudle-table td:nth-child(3){
    width:10%;
}
.oven .moudle.basicData .moudle-table th:nth-child(4), .oven .moudle.basicData .moudle-table td:nth-child(4){
    width:10%;
}*/
/*.oven .moudle.basicData .moudle-table th:nth-child(5), .oven .moudle.basicData .moudle-table td:nth-child(5){
    width:5%;
}
.oven .moudle.basicData .moudle-table th:nth-child(6), .oven .moudle.basicData .moudle-table td:nth-child(6){
    width:7%;
}
.oven .moudle.basicData .moudle-table th:nth-child(7), .oven .moudle.basicData .moudle-table td:nth-child(7){
    width:13%;
}
.oven .moudle.basicData .moudle-table th:nth-child(8), .oven .moudle.basicData .moudle-table td:nth-child(8){
    width:15%;
}*/



  /*rack*/
.rack .moudle.basicInfo {
    width: 3.1rem;
    height: 1.1rem;
    top: 0.77rem;
    left: 0.18rem;
}

.rack .moudle.charts {
    width: 4.73rem;
    height: 1.64rem;
    top: 2.05rem;
    left: 0.18rem;
}

.rack .moudle.basicData {
    width: 4.73rem;
    height: 1.65rem;
    top: 3.9rem;
    left: 0.18rem;
}
.rack .moudle.inCharge_wo {
    width: 1.26rem;
    height: 1.1rem;  
    left: 3.35rem;
    top: 0.77rem;
}
.rack .moudle.inCharge {
    width: 3.3rem;
    height: 1.1rem;  
    left: 4.75rem;
    top: 0.77rem;
}

.rack .moudle.inCharge_ql {
    width: 1.7rem;
    height: 1.1rem;  
    right: 0.18rem;
    top: 0.77rem;
}

.rack .moudle.rankPD1, .rack .moudle.rankPD2 {
    width: 4.75rem;
    height: 1.65rem;
    right: 0.18rem;
}

.rack .moudle.rankPD1 .title, .rack .moudle.rankPD2 .title {
    position: relative;
    height: 0.29rem;
    text-align: center;
}

.rack .moudle.rankPD1 .title .focusText, .rack .moudle.rankPD2 .title .focusText {
    font-size: 0.12rem;
    color: #0096ff;
    margin: 0 auto;
    width: 40%;
    height: 100%;
    display: inline-block;
    background: url(../images/sys-moudle-title-bg.png) center bottom no-repeat;
    background-size: contain;
    position: absolute;
    left: 30%;
    bottom: 0.16rem;
}

.rack .moudle.rankPD1 .title + .content, .rack .moudle.rankPD2 .title + .content {
    padding-top: 0;
    margin-top: -0.05rem;
}

.rack .moudle.rankPD1 {
    top: 2.05rem;
}

.rack .moudle.rankPD2 {
    top: 3.9rem;
}

.rack .moudle.basicInfo .content {
    text-align: center;
}

.rack .moudle.basicInfo ul {
    /*width: 5.3646rem;*/
    margin: 0 auto;
    font-size: 0;
}

.rack .moudle.basicInfo ul li {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

.rack .moudle.basicInfo ul li.fst {
    width: 40%;

}

.rack .moudle.basicInfo ul li.fst:first-child {
    /*margin-left: 10%;*/
}

.rack .moudle.basicInfo ul li.sec {
    width: 40%;
    /*text-align:center;*/

}
.rack .moudle.basicInfo ul li.sec.sp{
    width:20%;
}
.rack .moudle.basicInfo ul li.sec.current{
    width:30%;
}
.rack .moudle.basicInfo .sectionLab {
    color: #fff;
    font-size: 0.1146rem;
    display: block;
    line-height: 1;
}

.rack .moudle.basicInfo .sectionVal {
    font-family: "agency fb";
    font-size: 0.250rem;
    color: #00ccff;
}

.rack .moudle.basicInfo .sectionVal span {
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
}

.rack .moudle.basicInfo .sectionVal span.unit {
    font-size: 0.125rem;
    color: #ffa200;
    margin-left: 0.0417rem;
}

.rack .moudle.basicInfo ul li.sec.sp .sectionLab, .rack .moudle.basicInfo ul li.sec.sp .sectionVal {
    padding-left: 20%;
}

.rack .moudle.inCharge ul {
    width: 3.10rem;
    margin: 0 auto;
    font-size: 0;
}

.rack .moudle.inCharge ul li {
    display: inline-block;
    width: 50%;
    vertical-align: middle;
    font-size: 0.13rem;
    line-height: 0.17rem;
    color: #fff;
}

.rack .moudle.inCharge ul li .avatar, .rack .moudle.inCharge ul li .detail {
    display: inline-block;
    vertical-align: middle;
}

.rack .moudle.inCharge ul li .avatar {
    margin-right: 0.15rem;
}

.rack .moudle.inCharge ul li .avatar img {
    width: 0.52rem;
    height: 0.52rem;
}

.rack .moudle.rankPD1 .moudle-table th, .rack .moudle.rankPD1 .moudle-table td, .rack .moudle.rankPD2 .moudle-table th, .rack .moudle.rankPD2 .moudle-table td {
    width: 25%;
}

.rack .moudle.inCharge .moudle-table th, .rack .moudle.inCharge .moudle-table td {
    width: 25%;
}
.rack .moudle.inCharge_ql .moudle-table th, .rack .moudle.inCharge_ql .moudle-table td {
    width: 50%;
}


.rack .moudle.inCharge_wo .moudle-table th, .rack .moudle.inCharge_wo .moudle-table td {
    width: 100%;
}
/**abnormal**/
.abnormal .moudle.barChartBox{
    width:5.89rem;
    height:2.25rem;
    position:relative;
    margin-bottom:0.18rem;
    margin-top:0.18rem;
   margin-left: 3.91rem;
}
.abnormal .moudle.barChartBox .title,.abnormal .moudle.pieChartBox .title{
    position: relative;
       height: 0.25rem;
    text-align: center;
}

.abnormal .moudle.barChartBox .title .focusText,.abnormal .moudle.pieChartBox .title .focusText{
    font-size: 0.12rem;
    color: #0096ff;
    margin: 0 auto;
    width: 40%;
    height: 100%;
    display: inline-block;
    background: url(../images/sys-moudle-title-bg.png) center bottom no-repeat;
    background-size: contain;
    position: absolute;
    left: 30%;
 bottom: 0.07rem;
}
.abnormal .moudle.pieChartBox .title .focusText{
     bottom: 0.14rem;
}

.abnormal .moudle.barChartBox .title + .content,.abnormal .moudle.pieChartBox .title + .content{
    padding-top: 0;
    margin-top: -0.05rem;
}
.abnormal .moudle.pieChartBox{
    width: 3.80rem;
    height: 2.6rem;
    position: absolute;
    left: 15px;
     top: 2.87rem;
}

.abnormal .moudle.pieChartBox .content{
    display: flex;
    display: -webkit-flex;
    -webkit-flex-flow:row wrap;
    flex-flow:row wrap;
    height: 2.2rem;
}
.abnormal .moudle.pieChartBox .content .chartItem{
    -webkit-flex-grow:1;
    flex-grow:1;
}
.abnormal .moudle.pieChartBox .content.chart-4 .chartItem{
    width:25%;
    height:100%;
}
.abnormal .moudle.pieChartBox .content.chart-6 .chartItem{
    width:33.33%;
    height:50%;
}
.abnormal .moudle.pieChartBox .content.chart-8 .chartItem{
    width:25%;
    height:50%;
}
.abnormal .moudle.searchBox{
    width: 3.80rem;
    height: 1.9rem;
    position: absolute;
    left: 15px;
    top: 0.79rem;
}
.abnormal .moudle.searchBox .searchItem.btn{
    display:block;
}
.abnormal .moudle.searchBox .searchItem .valueBox{
        min-width: 0.6rem;
}
.abnormal .moudle.searchBox .searchItem .valueBox.lg{
    width:2.87rem
}
.abnormal .moudle.searchBox .searchItem .valueBox button {
    width: 100%;
    height: 100%;
    display: block;
    background: transparent;
    border: 0;
    font-size: 0.13rem;
    color: #2bcbff;
}
.abnormal .moudle.searchBox .valueBox{
    cursor: pointer;
}




/*linealarm*/

.linealarm .moudle.basicInfo {
    width: 3.1rem;
    height: 1.1rem;
    top: 0.77rem;
    left: 0.18rem;
}

.linealarm .moudle.charts {
    width: 4.73rem;
    height: 1.64rem;
    top: 2.05rem;
    left: 0.18rem;
}

.linealarm .moudle.basicData {
    width: 4.73rem;
    height: 1.65rem;
    top: 3.9rem;
    left: 0.18rem;
}
.linealarm .moudle.inCharge_wo {
    width: 1.26rem;
    height: 1.1rem;  
    left: 3.35rem;
    top: 0.77rem;
}
.linealarm .moudle.inCharge {
    width: 3.3rem;
    height: 1.1rem;  
    left: 4.75rem;
    top: 0.77rem;
}

.linealarm .moudle.inCharge_ql {
    width: 1.7rem;
    height: 1.1rem;  
    right: 0.18rem;
    top: 0.77rem;
}

.linealarm .moudle.rankPD1
,.linealarm .moudle.rankPD2
,.linealarm .moudle.rankPD3 {
    width: 3.00rem;
    height: 4.65rem;
    top: 0.77rem;
}

.linealarm .moudle.rankPD1 .title
,.linealarm .moudle.rankPD2 .title
,.linealarm .moudle.rankPD3 .title {
    position: relative;
    height: 0.29rem;
    text-align: center;
}

 .linealarm .moudle.rankPD1 .title .focusText
,.linealarm .moudle.rankPD2 .title .focusText
,.linealarm .moudle.rankPD3 .title .focusText {
    font-size: 0.12rem;
    color: #0096ff;
    margin: 0 auto;
    width: 60%;
    height: 100%;
    display: inline-block;
    background: url(../images/sys-moudle-title-bg.png) center bottom no-repeat;
    background-size: contain;
    position: absolute;
    left: 20%;
    bottom: 0.16rem;
}

  .linealarm .moudle.rankPD1 .title + .content
, .linealarm .moudle.rankPD2 .title + .content
, .linealarm .moudle.rankPD3 .title + .content{
    padding-top: 0;
    margin-top: -0.05rem;
}

.linealarm .moudle.rankPD1 {
    top: 0.77rem;
}

.linealarm .moudle.rankPD2 {
    top: 0.77rem;
    left:3.4rem;
}

.linealarm .moudle.rankPD3 {
    top: 0.77rem;
    left:6.8rem;
}
.linealarm .moudle.basicInfo .content {
    text-align: center;
}

.linealarm .moudle.basicInfo ul {
    /*width: 5.3646rem;*/
    margin: 0 auto;
    font-size: 0;
}

.linealarm .moudle.basicInfo ul li {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

.linealarm .moudle.basicInfo ul li.fst {
    width: 40%;

}

.linealarm .moudle.basicInfo ul li.fst:first-child {
    /*margin-left: 10%;*/
}

.linealarm .moudle.basicInfo ul li.sec {
    width: 40%;
    /*text-align:center;*/

}
.linealarm .moudle.basicInfo ul li.sec.sp{
    width:20%;
}
.linealarm .moudle.basicInfo ul li.sec.current{
    width:30%;
}
.linealarm .moudle.basicInfo .sectionLab {
    color: #fff;
    font-size: 0.1146rem;
    display: block;
    line-height: 1;
}

.linealarm .moudle.basicInfo .sectionVal {
    font-family: "agency fb";
    font-size: 0.250rem;
    color: #00ccff;
}

.linealarm .moudle.basicInfo .sectionVal span {
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
}

.linealarm .moudle.basicInfo .sectionVal span.unit {
    font-size: 0.125rem;
    color: #ffa200;
    margin-left: 0.0417rem;
}

.linealarm .moudle.basicInfo ul li.sec.sp .sectionLab, .linealarm .moudle.basicInfo ul li.sec.sp .sectionVal {
    padding-left: 20%;
}

.linealarm .moudle.inCharge ul {
    width: 3.10rem;
    margin: 0 auto;
    font-size: 0;
}

.linealarm .moudle.inCharge ul li {
    display: inline-block;
    width: 50%;
    vertical-align: middle;
    font-size: 0.13rem;
    line-height: 0.17rem;
    color: #fff;
}

.linealarm .moudle.inCharge ul li .avatar, .linealarm .moudle.inCharge ul li .detail {
    display: inline-block;
    vertical-align: middle;
}

.linealarm .moudle.inCharge ul li .avatar {
    margin-right: 0.15rem;
}

.linealarm .moudle.inCharge ul li .avatar img {
    width: 0.52rem;
    height: 0.52rem;
}

  .linealarm .moudle.rankPD1 .moudle-table th, .linealarm .moudle.rankPD1 .moudle-table td
, .linealarm .moudle.rankPD2 .moudle-table th, .linealarm .moudle.rankPD2 .moudle-table td
, .linealarm .moudle.rankPD3 .moudle-table th, .linealarm .moudle.rankPD3 .moudle-table td{
    width: 100%;
}



.linealarm.mcname {
    BACKGROUND-COLOR: #1cae47 !important ;
}
.linealarm.data.red {
    COLOR: red;
}
.linealarm.data.white {
    COLOR: white;
}





.copyright {
    width: 100%;
    text-align: right;
    color: #fff;
    font-size: 0.15rem;
    line-height: 1.5;
    float: right;
    white-space: nowrap;
}
    .copyright_padding43 {
        padding-right: 4.3rem;
    }
@media screen and (max-width: 768px) {

    .copyright{
        width:100%;
        text-align: center;
        color:#fff;
        font-size:0.193rem;
        line-height: 1.5;
        position:relative;
        margin-bottom:0.3rem;
    }
        .copyright_padding43 {
        padding-right: 0rem;
    }
    .container {
        padding-left: 0;
        padding-right: 0;
    }

    .moudle {
        position: relative;
        left: 0 !important;
        top: 0 !important;
        width: 95% !important;
        height: auto !important;
        margin: 0.20rem auto;
    }

    .header {
        padding: 0;
        height: auto;
    }

        .header .focusTitle {
            width: 100%;
            background: url(../images/sys-title-focus-bg-m.png) center bottom no-repeat;
            background-size: auto 1.44rem;
            padding-top: 0.27rem;
            line-height: 1.44rem;
            font-size: 0.53rem;
            height: 1.60rem;
        }

        .header .leftArrow, .header .rightArrow, .header .dateTime {
            display: none;
        }

        .header .subInfoBox {
            position: relative;
            left: 0;
            top: 0;
            font-size: 0.21rem;
            margin-top: 0.13rem;
        }


            .header .subInfoBox .selectLine label {
                color: #8eb0f3;
                font-size: 0.3rem;
                margin-right: 0.08rem;
            }

            .header .subInfoBox .selectLine select, .header .subInfoBox .history, .ppm .ppmjuki .dip .searchBar .title select {
                width: 40%;
                height: 0.53rem;
                font-size: 0.32rem;
            }

    .ppm .ppmjuki .dip .searchBar .title select {
        height: 0.9rem;
    }

    .header .subInfoBox .history {
        margin: 0 auto;
        height: 0.8rem;
        line-height: 0.8rem;
    }

    .moudle .innerBox .content {
        padding: 0.20rem;
    }

    .moudle-table th, .moudle-table td {
        height: 0.615rem;
        line-height: 0.60rem;
        font-size: 0.32rem;
        word-break: break-all;
    }

    .moudle-table thead {
        width: 1.73rem;
    }

    .moudle-table tbody {
        width: calc(100% - 1.73rem);
    }

    .moudle-table td {
        width: 0.93rem;
    }

        .moudle-table th:first-child, .moudle-table td:first-child {
            font-size: 0.35rem;
        }

    .moudle-table.flip thead {
        width: 1.73rem;
    }

    .moudle-table.flip tbody {
        width: calc(100% - 1.73rem);
    }

    .moudle-table.flip td {
        width: 1.67rem;
    }

        .moudle-table.flip th:first-child, .moudle-table.flip td:first-child {
            font-size: 0.36rem;
        }

    /*line*/
    .line .moudle.basicInfo ul {
        width: 100%;
    }

        .line .moudle.basicInfo ul li.fst, .line .moudle.basicInfo ul li.sec, .line .moudle.basicInfo ul li.sec.sp, .line .moudle.basicInfo ul li.sec.current {
            width: 40%;
            text-align: center;
        }
    .line .moudle.basicInfo ul li.fst:nth-child(2){
        width:40%;
    }
    .line .moudle.basicInfo .sectionLab {
        font-size: 0.28rem;
    }

    .line .moudle.basicInfo .sectionVal {
        font-size: 0.60rem;
        white-space:nowrap;
    }

    .line .moudle.basicInfo ul li.fst:first-child {
        margin-left: 0;
    }

    .line .moudle.basicInfo ul li.sec.sp .sectionLab, .line .moudle.basicInfo ul li.sec.sp .sectionVal {
        padding-left: 0;
    }
    .line .moudle.basicInfo ul li.sec.last{
        width:40%;
    }
    .line .moudle.basicInfo .sectionVal span.unit {
        font-size: 0.32rem;
    }

    .line .moudle.inCharge ul {
        width: 90%;
        margin: 0 auto;
    }

        .line .moudle.inCharge ul li {
            font-size: 0.37rem;
            line-height: 0.45rem;
        }

            .line .moudle.inCharge ul li .avatar img {
                width: 1.32rem;
                height: 1.32rem;
            }

    .line .moudle.charts {
        height: 6.00rem !important;
    }

    .line .moudle.rankPD1 .title .focusText, .line .moudle.rankPD2 .title .focusText {
        font-size: 0.4rem;
        padding-bottom: 0.6rem;
        bottom: 0.05rem;
    }

    .line .moudle.rankPD1, .line .moudle.rankPD2 {
        margin-top: 0.8rem;
    }

        .line .moudle.rankPD1 .moudle-table table, .line .moudle.rankPD2 .moudle-table table {
            display: block;
            position: relative;
            width: 100%;
            height: 100%;
        }

        .line .moudle.rankPD1 .moudle-table th,
        .line .moudle.rankPD1 .moudle-table td, .line .moudle.rankPD2 .moudle-table th,
        .line .moudle.rankPD2 .moudle-table td {
            margin: 0;
            vertical-align: top;
        }

        .line .moudle.rankPD1 .moudle-table th, .line .moudle.rankPD2 .moudle-table th {
            text-align: center;
            width: 1.73rem;
            color: #fee614;
            background: rgba(33, 193, 255, 0.3);
        }

        .line .moudle.rankPD1 .moudle-table thead, .line .moudle.rankPD2 .moudle-table thead {
            display: block;
            float: left;
            width: 1.73rem;
        }

        .line .moudle.rankPD1 .moudle-table tbody, .line .moudle.rankPD2 .moudle-table tbody {
            display: block;
            width: calc(100% - 1.73rem);
            height: inherit;
            position: relative;
            overflow-x: auto;
            overflow-y: hidden;
            white-space: nowrap;
            font-size: 0;
        }

        .line .moudle.rankPD1 .moudle-table thead tr, .line .moudle.rankPD2 .moudle-table thead tr {
            display: block;
        }

        .line .moudle.rankPD1 .moudle-table td, .line .moudle.rankPD2 .moudle-table td {
            display: block;
            color: #fff;
        }

        .line .moudle.rankPD1 .moudle-table td, .line .moudle.rankPD2 .moudle-table td {
            width: 1.67rem;
        }

            .line .moudle.rankPD1 .moudle-table td:nth-child(odd), .line .moudle.rankPD2 .moudle-table td:nth-child(odd) {
                background: rgba(33, 193, 255, 0.12);
            }

            .line .moudle.rankPD1 .moudle-table td:nth-child(even), .line .moudle.rankPD2 .moudle-table td:nth-child(even) {
                background: rgba(0, 71, 157, 0.12);
            }

        .line .moudle.rankPD1 .moudle-table tbody tr, .line .moudle.rankPD2 .moudle-table tbody tr {
            display: inline-block;
            vertical-align: top;
        }
    /*workshop*/
    .workshop .moudle.charts {
        height: 6.00rem !important;
    }

    .workshop .moudle.basicInfo ul.dataPart li .borderTypeA h1 {
        font-size: 0.32rem;
    }

    .workshop .moudle.basicInfo ul.dataPart li .borderTypeA h2 {
        font-size: 0.80rem;
    }

    .workshop .moudle.basicInfo ul.dataPart li .borderTypeA {
        height: auto;
    }

    .workshop .moudle.basicInfo ul.chartPart li {
        height: 2.67rem;
    }

    .workshop .moudle.basicData {
        margin-top: 0.5rem;
    }

        .workshop .moudle.basicData .title .focusText {
            font-size: 0.4rem;
            padding-bottom: 0.6rem;
            bottom: 0;
            width: 40%;
        }

        .workshop .moudle.basicData .moudle-table table {
            display: block;
            position: relative;
            width: 100%;
            height: 100%;
        }

        .workshop .moudle.basicData .moudle-table th,
        .workshop .moudle.basicData .moudle-table td {
            margin: 0;
            vertical-align: top;
        }

        .workshop .moudle.basicData .moudle-table th {
            text-align: center;
            width: 100%;
            color: #fee614;
            background: rgba(33, 193, 255, 0.3);
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .workshop .moudle.basicData .moudle-table thead {
            display: block;
            float: left;
            width: 2.67rem;
        }

        .workshop .moudle.basicData .moudle-table tbody {
            display: block;
            width: calc(100% - 2.67rem);
            height: inherit;
            position: relative;
            overflow-x: auto;
            overflow-y: hidden;
            white-space: nowrap;
            font-size: 0;
        }

        .workshop .moudle.basicData .moudle-table thead tr {
            display: block;
        }

        .workshop .moudle.basicData .moudle-table td {
            display: block;
            color: #fff;
        }

        .workshop .moudle.basicData .moudle-table td {
            width: 3.33rem;
            white-space: nowrap;
        }

            .workshop .moudle.basicData .moudle-table td:nth-child(odd) {
                background: rgba(33, 193, 255, 0.12);
            }

            .workshop .moudle.basicData .moudle-table td:nth-child(even) {
                background: rgba(0, 71, 157, 0.12);
            }

        .workshop .moudle.basicData .moudle-table tbody tr {
            display: inline-block;
            vertical-align: top;
        }

        .workshop .moudle.basicData .moudle-table th:nth-child(4), .workshop .moudle.basicData .moudle-table th:nth-child(5), .workshop .moudle.basicData .moudle-table th:nth-child(6), .workshop .moudle.basicData .moudle-table th:nth-child(7), .workshop .moudle.basicData .moudle-table th:nth-child(8) {
            width: 100%;
        }

        .workshop .moudle.basicData .moudle-table td:nth-child(4), .workshop .moudle.basicData .moudle-table td:nth-child(5), .workshop .moudle.basicData .moudle-table td:nth-child(6), .workshop .moudle.basicData .moudle-table td:nth-child(7), .workshop .moudle.basicData .moudle-table td:nth-child(8) {
            width: 3.33rem;
            white-space: nowrap;
        }
    /*equipment*/
    .equipment .searchBar {
        position: relative;
        left: 0;
        top: 0;
        width: 90%;
        margin: 0 auto;
        height: auto;
        font-size: 0;
    }

    .searchItem .labelBox {
        width: 1.13rem;
        height: 1.13rem;
        line-height: 1.13rem;
        font-size: 0.32rem;
    }

    .equipment .searchBar .searchItem {
        width: 50%;
        margin-right: 0;
        padding-right: 0.13rem;
    }

    .searchItem .valueBox {
        padding: 0.13rem;
        margin-left: 0.07rem;
        width: calc(100% - 1.2rem);
        font-size: 0.38rem;
        line-height: 1.5;
        height: 1rem;
    }

        .searchItem .valueBox input {
            font-size: 0.38rem;
            display: block;
            height: 100%;
        }

        .searchItem .valueBox select {
            width: 100%;
            display: block;
            height: 100%;
            line-height: 1;
            font-size: 0.38rem;
        }

    .equipment .moudle.basicInfo {
        height: 10.5rem !important;
    }

        .equipment .moudle.basicInfo .item:first-child {
            width: 100%;
            margin-bottom: 0.5rem;
        }

        .equipment .moudle.basicInfo .item {
            width: 50%;
            height: 33.33%;
        }

            .equipment .moudle.basicInfo .item .borderTypeA .title {
                height: 0.4rem;
                padding: 0 0.13rem;
                line-height: 0.4rem;
                font-size: 0.32rem;
            }

            .equipment .moudle.basicInfo .item .borderTypeA ol > li .label {
                padding-right: 0.13rem;
                font-size: 0.32rem;
                line-height: 0.32rem;
            }

            .equipment .moudle.basicInfo .item .borderTypeA ol > li .text {
                font-size: 0.32rem;
                line-height: 0.4rem;
                font-weight: normal;
            }

        .equipment .moudle.basicInfo .chartLineName, .equipment .moudle.basicInfo .chartSysName {
            height: 0.73rem;
            line-height: 0.73rem;
        }

        .equipment .moudle.basicInfo .chartLineName {
            font-size: 0.40rem;
        }

        .equipment .moudle.basicInfo .chartSysName {
            font-size: 0.32rem;
        }

            .equipment .moudle.basicInfo .chartSysName span {
                font-family: "agency fb";
                font-size: 0.48rem;
                margin-left: 0.13rem;
            }

        .equipment .moudle.basicInfo .chartDetail {
            height: calc(100% - 1rem);
            width: 100%;
        }

    .equipment .moudle.basicData .moudle-table table {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
    }

    .equipment .moudle.basicData .moudle-table th,
    .equipment .moudle.basicData .moudle-table td {
        margin: 0;
        vertical-align: top;
    }

    .equipment .moudle.basicData .moudle-table th {
        text-align: center;
        width: 100%;
        color: #fee614;
        background: rgba(33, 193, 255, 0.3);
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .equipment .moudle.basicData .moudle-table thead {
        display: block;
        float: left;
        width: 2.67rem;
    }

    .equipment .moudle.basicData .moudle-table tbody {
        display: block;
        width: calc(100% - 2.67rem);
        height: inherit;
        position: relative;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        font-size: 0;
    }

    .equipment .moudle.basicData .moudle-table thead tr {
        display: block;
    }

    .equipment .moudle.basicData .moudle-table td {
        display: block;
        color: #fff;
    }

    .equipment .moudle.basicData .moudle-table td {
        width: 4rem;
        white-space: nowrap;
    }

        .equipment .moudle.basicData .moudle-table td:nth-child(odd) {
            background: rgba(33, 193, 255, 0.12);
        }

        .equipment .moudle.basicData .moudle-table td:nth-child(even) {
            background: rgba(0, 71, 157, 0.12);
        }

    .equipment .moudle.basicData .moudle-table tbody tr {
        display: inline-block;
        vertical-align: top;
    }

    .equipment .moudle.basicData .moudle-table th:nth-child(1), .equipment .moudle.basicData .moudle-table th:nth-child(2), .equipment .moudle.basicData .moudle-table th:nth-child(6) {
        width: 100%;
    }

    .equipment .moudle.basicData .moudle-table td:nth-child(1), .equipment .moudle.basicData .moudle-table td:nth-child(2), .equipment .moudle.basicData .moudle-table td:nth-child(6) {
        width: 4rem;
        white-space: nowrap;
    }

    .equipment .moudle.equipChart, .equipment .moudle.errorTimeChart, .equipment .moudle.errorRateChart {
        margin-top: 0.5rem;
        height: 10rem !important;
    }

    .equipment .moudle.errorTimeChart, .equipment .moudle.errorRateChart {
        height: 5rem !important;
    }

        .equipment .moudle.equipChart .title .focusText, .equipment .moudle.errorTimeChart .title .focusText, .equipment .moudle.errorRateChart .title .focusText {
            font-size: 0.4rem;
            padding-bottom: 0.6rem;
            bottom: 0;
            width: 40%;
        }

    .equipment .moudle.equipChart li {
        width: 50%;
        height: 50%;
    }

    .equipment .moudle.equipChart .chartTitle {
        height: 0.53rem;
        line-height: 0.53rem;
        border-left: 0.13rem solid #0f36ac;
        border-right: 0.13rem solid #0f36ac;
        font-size: 0.32rem;
    }

    .equipment .moudle.equipChart .chart {
        height: calc(100% - 0.53rem);
    }

    .warning .searchBar .searchItem {
        width: 50%;
        margin-left: 25%;
    }

    .warning .searchBar .legend {
        display: block;
        position: relative;
        width: 90%;
        margin: 0.13rem auto;
    }

        .warning .searchBar .legend li {
            width: 48%;
            margin-right: 2%;
            margin-bottom: 0.13rem;
        }

            .warning .searchBar .legend li .label {
                font-size: 0.32rem;
                line-height: 0.48rem;
            }

            .warning .searchBar .legend li .bar {
                height: 0.13rem;
            }

    .warning .basicData, .warning .message {
        display: block;
    }

    .warning .moudle.basicData .moudle-table table {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
    }

    .warning .moudle.basicData .moudle-table th,
    .warning .moudle.basicData .moudle-table td {
        margin: 0;
        vertical-align: top;
    }

    .warning .moudle.basicData .moudle-table th {
        text-align: center;
        width: 100%;
        color: #fee614;
        background: rgba(33, 193, 255, 0.3);
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .warning .moudle.basicData .moudle-table thead {
        display: block;
        float: left;
        width: 2.67rem;
    }

    .warning .moudle.basicData .moudle-table tbody {
        display: block;
        width: 100%;
        height: inherit;
        position: relative;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        font-size: 0;
    }

    .warning .moudle.basicData .moudle-table thead tr {
        display: block;
    }

    .warning .moudle.basicData .moudle-table td {
        display: block;
        color: #fff;
    }

    .warning .moudle.basicData .moudle-table td {
        width: 4rem;
        white-space: nowrap;
    }

        .warning .moudle.basicData .moudle-table td:nth-child(odd) {
            background: rgba(33, 193, 255, 0.12);
        }

        .warning .moudle.basicData .moudle-table td:nth-child(even) {
            background: rgba(0, 71, 157, 0.12);
        }

    .warning .moudle.basicData .moudle-table tbody tr {
        display: inline-block;
        vertical-align: top;
    }

    .warning .moudle.basicData.moudle-table th:nth-child(1), .warning .moudle.basicData .moudle-table th:nth-child(2), .warning .moudle.basicData .moudle-table th:nth-child(6) {
        width: 100%;
    }

    .warning .moudle.basicData .moudle-table td:nth-child(1), .warning .moudle.basicData .moudle-table td:nth-child(2), .warning .moudle.basicData .moudle-table td:nth-child(6) {
        width: 4rem;
        white-space: nowrap;
    }

    .warning .moudle.basicData .moudle-table td:nth-child(8), .warning .moudle.basicData .moudle-table td:nth-child(9), .warning .moudle.basicData .moudle-table td:nth-child(10) {
        height: auto;
    }

    .warning .moudle.basicData .moudle-table td .colorBox {
        line-height: 0.48rem;
        padding: 0.20rem 0.13rem;
    }

        .warning .moudle.basicData .moudle-table td .colorBox .value {
            font-size: 0.56rem;
        }

        .warning .moudle.basicData .moudle-table td .colorBox .title {
            font-size: 0.32rem;
        }

    .warning .moudle.basicData .moudle-table td {
        height: 0.96rem;
    }

        .warning .moudle.basicData .moudle-table td .bar {
            display: none;
        }

        .warning .moudle.basicData .moudle-table td:first-child {
            font-size: 0.48rem;
            line-height: 0.96rem;
        }

        .warning .moudle.basicData .moudle-table td > span {
            font-size: 0.32rem;
        }

        .warning .moudle.basicData .moudle-table td:nth-child(2) {
            width: inherit;
        }

        .warning .moudle.basicData .moudle-table td:nth-child(4) {
            width: inherit;
        }

        .warning .moudle.basicData .moudle-table td > span {
            display: block;
        }

    .warning .basicData, .warning .message {
        width: 95% !important;
        height: auto !important;
        margin: 0.20rem auto;
    }

        .warning .message h1 {
            font-size: 0.38rem;
            line-height: 1.6;
        }

        .warning .message li {
            height: auto;
            background: #ff6900;
            margin-bottom: 0.25rem;
        }

            .warning .message li .name {
                font-size: 0.38rem;
                line-height: 0.64rem;
            }

            .warning .message li .unit {
                font-size: 0.36rem;
                line-height: 0.64rem;
            }

    .ppm .searchBar {
        position: relative;
        left: 0;
        top: 0;
        width: 90%;
        margin: 0.5rem auto;
        height: auto;
        font-size: 0;
    }
    .ppm .searchBar .searchItem .valueBox button {
        font-size: 0.38rem;
    }
        .ppm .searchBar .selectTab .searchItem .valueBox {
            line-height: 0.29rem;
            white-space: nowrap;
            width: auto;
            font-size: 0.42rem;
            padding: 0.25rem;
            min-width: 2rem;
            margin-right: 0.2rem;
        }

    .ppm .searchBar .searchItem:nth-child(2) .valueBox {
        width: calc(50% - 0.7rem);
    }
    .ppm .searchBar .searchItem.btn{
        width:100%;
    }
    .ppm .searchBar .searchItem.btn .valueBox {
        width: 50%;
        margin-top: 0.13rem;
    }







    .ppm .moudle.basicData .moudle-table table {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
    }

    .ppm .moudle.basicData .moudle-table th,
    .ppm .moudle.basicData .moudle-table td {
        margin: 0;
        vertical-align: top;
    }

    .ppm .moudle.basicData .moudle-table th {
        text-align: center;
        width: 100%;
        color: #fee614;
        background: rgba(33, 193, 255, 0.3);
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .ppm .moudle.basicData .moudle-table thead {
        display: block;
        float: left;
        width: 2.67rem;
    }

    .ppm .moudle.basicData .moudle-table tbody {
        display: block;
        width: calc(100% - 2.67rem);
        height: inherit;
        position: relative;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        font-size: 0;
    }

    .ppm .moudle.basicData .moudle-table thead tr {
        display: block;
    }

    .ppm .moudle.basicData .moudle-table td {
        display: block;
        color: #fff;
    }

    .ppm .moudle.basicData .moudle-table td {
        width: 4rem;
        white-space: nowrap;
    }

        .ppm .moudle.basicData .moudle-table td:nth-child(1) {
            width: inherit;
        }

        .ppm .moudle.basicData .moudle-table td:nth-child(3), .ppm .moudle.basicData .moudle-table td:nth-child(4) {
            width: inherit;
        }

        .ppm .moudle.basicData .moudle-table td:nth-child(5) {
            width: inherit;
        }

        .ppm .moudle.basicData .moudle-table td:nth-child(6), .ppm .moudle.basicData .moudle-table td:nth-child(7) {
            width: inherit;
        }

    .ppm .moudle.basicData .moudle-table th:nth-child(1), .ppm .moudle.basicData .moudle-table th:nth-child(3), .ppm .moudle.basicData .moudle-table th:nth-child(4), .ppm .moudle.basicData .moudle-table th:nth-child(5), .ppm .moudle.basicData .moudle-table th:nth-child(6), .ppm .moudle.basicData .moudle-table th:nth-child(7) {
        width: 100%;
    }

    .ppm .moudle.basicData .moudle-table td:nth-child(odd) {
        background: rgba(33, 193, 255, 0.12);
    }

    .ppm .moudle.basicData .moudle-table td:nth-child(even) {
        background: rgba(0, 71, 157, 0.12);
    }

    .ppm .moudle.basicData .moudle-table tbody tr {
        display: inline-block;
        vertical-align: top;
    }

    .ppm .moudle.basicData .moudle-table td .colorBox {
        line-height: 0.48rem;
        padding: 0.20rem 0.13rem;
    }

        .ppm .moudle.basicData .moudle-table td .colorBox .value {
            font-size: 0.56rem;
        }

        .ppm .moudle.basicData .moudle-table td .colorBox .title {
            font-size: 0.32rem;
        }

    .ppm .moudle.basicData .moudle-table td, .ppm .moudle.basicData .moudle-table th {
        line-height: 0.96rem;
        height: 0.96rem;
    }

        .ppm .moudle.basicData .moudle-table td .bar {
            display: none;
        }

        .ppm .moudle.basicData .moudle-table td:first-child {
            font-size: 0.48rem;
            line-height: 0.96rem;
        }

        .ppm .moudle.basicData .moudle-table td > span {
            font-size: 0.32rem;
        }

        .ppm .moudle.basicData .moudle-table td > span {
            display: block;
        }






    /*ppmjuki*/

    .ppmjuki .searchBar {
        position: relative;
        left: 0;
        top: 0;
        width: 90%;
        margin: 0.5rem auto;
        height: auto;
        font-size: 0;
    }

        .ppmjuki .searchBar .searchItem .valueBox button {
            font-size: 0.38rem;
        }

        .ppmjuki .searchBar .selectTab .searchItem .valueBox {
            line-height: 0.29rem;
            white-space: nowrap;
            width: auto;
            font-size: 0.42rem;
            padding: 0.25rem;
            min-width: 2rem;
            margin-right: 0.2rem;
        }

        .ppmjuki .searchBar .searchItem:nth-child(2) .valueBox {
            width: calc(50% - 0.7rem);
        }

        .ppmjuki .searchBar .searchItem.btn {
            width: 100%;
        }

            .ppmjuki .searchBar .searchItem.btn .valueBox {
                width: 50%;
                margin-top: 0.13rem;
            }


    .ppmjuki .moudle-table {
        overflow-x:auto;
    }

        .ppmjuki .moudle-table table {
            width:100%;
            height: 100%;
        }





    .ppmjuki .moudle.basicData .moudle-table table {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
    }

    .ppmjuki .moudle.basicData .moudle-table th,
    .ppmjuki .moudle.basicData .moudle-table td {
        margin: 0;
        vertical-align: top;
    }

    .ppmjuki .moudle.basicData .moudle-table th {
        text-align: center;
        width: 100%;
        color: #fee614;
        background: rgba(33, 193, 255, 0.3);
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .ppmjuki .moudle.basicData .moudle-table thead {
        display: block;
        float: left;
        width: 2.67rem;
    }

    .ppmjuki .moudle.basicData .moudle-table tbody {
        display: block;
        width: calc(100% - 2.67rem);
        height: inherit;
        position: relative;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        font-size: 0;
    }

    .ppmjuki .moudle.basicData .moudle-table thead tr {
        display: block;
    }

    .ppmjuki .moudle.basicData .moudle-table td {
        display: block;
        color: #fff;
    }

    .ppmjuki .moudle.basicData .moudle-table td {
        width: 4rem;
        white-space: nowrap;
        text-align: left;
    }

        .ppmjuki .moudle.basicData .moudle-table td:nth-child(1) {
            width: inherit;
        }

        .ppmjuki .moudle.basicData .moudle-table td:nth-child(3), .ppmjuki .moudle.basicData .moudle-table td:nth-child(4) {
            width: inherit;
        }

        .ppmjuki .moudle.basicData .moudle-table td:nth-child(5) {
            width: inherit;
        }

        .ppmjuki .moudle.basicData .moudle-table td:nth-child(6), .ppmjuki .moudle.basicData .moudle-table td:nth-child(7) {
            width: inherit;
        }

    .ppmjuki .moudle.basicData .moudle-table th:nth-child(1), .ppmjuki .moudle.basicData .moudle-table th:nth-child(3), .ppmjuki .moudle.basicData .moudle-table th:nth-child(4), .ppmjuki .moudle.basicData .moudle-table th:nth-child(5), .ppmjuki .moudle.basicData .moudle-table th:nth-child(6), .ppmjuki .moudle.basicData .moudle-table th:nth-child(7) {
        width: 100%;
    }

    .ppmjuki .moudle.basicData .moudle-table td:nth-child(odd) {
        background: rgba(33, 193, 255, 0.12);
    }

    .ppmjuki .moudle.basicData .moudle-table td:nth-child(even) {
        background: rgba(0, 71, 157, 0.12);
    }

    .ppmjuki .moudle.basicData .moudle-table tbody tr {
        display: inline-block;
        vertical-align: top;
    }

    .ppmjuki .moudle.basicData .moudle-table td .colorBox {
        line-height: 0.48rem;
        padding: 0.20rem 0.13rem;
    }

        .ppmjuki .moudle.basicData .moudle-table td .colorBox .value {
            font-size: 0.56rem;
        }

        .ppmjuki .moudle.basicData .moudle-table td .colorBox .title {
            font-size: 0.32rem;
        }

    .ppmjuki .moudle.basicData .moudle-table td, .ppmjuki .moudle.basicData .moudle-table th {
        line-height: 0.96rem;
        height: 0.96rem;
    }

        .ppmjuki .moudle.basicData .moudle-table td .bar {
            display: none;
        }

        .ppmjuki .moudle.basicData .moudle-table td:first-child {
            font-size: 0.48rem;
            line-height: 0.96rem;
        }

        .ppmjuki .moudle.basicData .moudle-table td > span {
            font-size: 0.32rem;
        }

        .ppmjuki .moudle.basicData .moudle-table td > span {
            display: block;
        }










    /*dip*/

    .dip .searchBar {
        position: relative;
        left: 0;
        top: 0;
        width: 90%;
        margin: 0.5rem auto;
        height: auto;
        font-size: 0;
    }

        .dip .searchBar .searchItem .valueBox button {
            font-size: 0.38rem;
        }

        .dip .searchBar .selectTab .searchItem .valueBox {
            line-height: 0.29rem;
            white-space: nowrap;
            width: auto;
            font-size: 0.42rem;
            padding: 0.25rem;
            min-width: 2rem;
            margin-right: 0.2rem;
        }

        .dip .searchBar .searchItem:nth-child(2) .valueBox {
            width: calc(50% - 0.7rem);
        }

        .dip .searchBar .searchItem.btn {
            width: 100%;
        }

            .dip .searchBar .searchItem.btn .valueBox {
                width: 50%;
                margin-top: 0.13rem;
            }


    .dip .moudle-table {
        overflow-x:auto;
    }

        .dip .moudle-table table {
            width:100%;
            height: 100%;
        }



        

    .dip .moudle.basicData .moudle-table table {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
    }

    .dip .moudle.basicData .moudle-table th,
    .dip .moudle.basicData .moudle-table td {
        margin: 0;
        vertical-align: top;
    }

    .dip .moudle.basicData .moudle-table th {
        text-align: center;
        width: 100%;
        color: #fee614;
        background: rgba(33, 193, 255, 0.3);
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .dip .moudle.basicData .moudle-table thead {
        display: block;
        float: left;
        width: 2.67rem;
    }

    .dip .moudle.basicData .moudle-table tbody {
        display: block;
        width: calc(100% - 2.67rem);
        height: inherit;
        position: relative;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        font-size: 0;
    }

    .dip .moudle.basicData .moudle-table thead tr {
        display: block;
    }

    .dip .moudle.basicData .moudle-table td {
        display: block;
        color: #fff;
    }

    .dip .moudle.basicData .moudle-table td {
        width: 4rem;
        white-space: nowrap;
    }

        .dip .moudle.basicData .moudle-table td:nth-child(1) {
            width: inherit;
        }

        .dip .moudle.basicData .moudle-table td:nth-child(3), .dip .moudle.basicData .moudle-table td:nth-child(4) {
            width: inherit;
        }

        .dip .moudle.basicData .moudle-table td:nth-child(5) {
            width: inherit;
        }

        .dip .moudle.basicData .moudle-table td:nth-child(6), .dip .moudle.basicData .moudle-table td:nth-child(7) {
            width: inherit;
        }

    .dip .moudle.basicData .moudle-table th:nth-child(1), .dip .moudle.basicData .moudle-table th:nth-child(3), .dip .moudle.basicData .moudle-table th:nth-child(4), .dip .moudle.basicData .moudle-table th:nth-child(5), .dip .moudle.basicData .moudle-table th:nth-child(6), .dip .moudle.basicData .moudle-table th:nth-child(7) {
        width: 100%;
    }

    .dip .moudle.basicData .moudle-table td:nth-child(odd) {
        background: rgba(33, 193, 255, 0.12);
    }

    .dip .moudle.basicData .moudle-table td:nth-child(even) {
        background: rgba(0, 71, 157, 0.12);
    }

    .dip .moudle.basicData .moudle-table tbody tr {
        display: inline-block;
        vertical-align: top;
    }
    .dip .moudle.basicData .moudle-table tr{
        position:relative;
        white-space:normal;
    }
    .dip .moudle.basicData .moudle-table td .colorBox {
        line-height: 0.48rem;
        padding: 0.20rem 0.13rem;
    }

        .dip .moudle.basicData .moudle-table td .colorBox .value {
            font-size: 0.56rem;
        }

        .dip .moudle.basicData .moudle-table td .colorBox .title {
            font-size: 0.32rem;
        }

    .dip .moudle.basicData .moudle-table td, .dip .moudle.basicData .moudle-table th {
        line-height: 0.96rem;
        height: 0.96rem;
    }

        .dip .moudle.basicData .moudle-table td .bar {
            display: none;
        }

        .dip .moudle.basicData .moudle-table td:first-child {
            font-size: 0.48rem;
            line-height: 0.96rem;
        }

        .dip .moudle.basicData .moudle-table td > span {
            font-size: 0.32rem;
        }

        .dip .moudle.basicData .moudle-table td > span {
            display: block;
        }






    /*errorList*/
    .errorList .searchBar {
        position: relative;
        left: 0;
        top: 0;
        width: 90%;
        margin: 0.5rem auto;
        height: auto;
        font-size: 0;
    }

        .errorList .searchBar .searchItem {
            width: 50%;
            margin-right: 0;
            padding-right: 0.13rem;
        }

            .errorList .searchBar .searchItem:nth-child(3), .errorList .searchBar .searchItem:nth-child(4), .errorList .searchBar .searchItem:nth-child(5), .errorList .searchBar .searchItem:last-child {
                width: 100%;
            }

    .errorList .searchItem .valueBox {
        height: 1rem;
    }

    .errorList .searchBar .searchItem .valueBox input, .errorList .searchBar .searchItem .valueBox select {
        width: 100%;
        display: block;
        height: 100%;
        line-height: 1;
        font-size: 0.38rem;
    }

    .errorList .searchBar .searchItem:nth-child(4) .valueBox {
        width: calc(50% - 0.7rem);
    }

    .errorList .searchBar .labelBox span {
        padding: 0.27rem 0;
    }

    .errorList .searchBar .searchItem.btn .valueBox {
        width: 50%;
        margin-top: 0.13rem;
    }

    .errorList .moudle.errorTimeChart, .errorList .moudle.errorRateChart {
        margin-top: 0.5rem;
        height: 10rem !important;
    }

    .errorList .moudle.errorTimeChart, .errorList .moudle.errorRateChart {
        height: 5rem !important;
    }

        .errorList .moudle.errorTimeChart .title .focusText, .errorList .moudle.errorRateChart .title .focusText {
            font-size: 0.4rem;
            padding-bottom: 0.6rem;
            bottom: 0;
            width: 40%;
        }

    .errorList .moudle.basicData .moudle-table table {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
    }

    .errorList .moudle.basicData .moudle-table th,
    .errorList .moudle.basicData .moudle-table td {
        margin: 0;
        vertical-align: top;
    }

    .errorList .moudle.basicData .moudle-table th {
        text-align: center;
        width: 100%;
        color: #fee614;
        background: rgba(33, 193, 255, 0.3);
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .errorList .moudle.basicData .moudle-table thead {
        display: block;
        float: left;
        width: 2.67rem;
    }

    .errorList .moudle.basicData .moudle-table tbody {
        display: block;
        width: calc(100% - 2.67rem);
        height: inherit;
        position: relative;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        font-size: 0;
    }

    .errorList .moudle.basicData .moudle-table thead tr {
        display: block;
    }

    .errorList .moudle.basicData .moudle-table td {
        display: block;
        color: #fff;
    }

    .errorList .moudle.basicData .moudle-table td {
        width: 6rem;
        white-space: nowrap;
    }

        .errorList .moudle.basicData .moudle-table td:nth-child(odd) {
            background: rgba(33, 193, 255, 0.12);
        }

        .errorList .moudle.basicData .moudle-table td:nth-child(even) {
            background: rgba(0, 71, 157, 0.12);
        }

    .errorList .moudle.basicData .moudle-table tbody tr {
        display: inline-block;
        vertical-align: top;
    }
    /*
    .errorList .moudle.basicData .moudle-table th:nth-child(5){
        width:100%;
    }
    .errorList .moudle.basicData .moudle-table th:nth-child(6),
    .errorList .moudle.basicData .moudle-table th:nth-child(7),
    .errorList .moudle.basicData .moudle-table th:nth-child(8)
    {
        width:100%;
    }
    .errorList .moudle.basicData .moudle-table th:nth-child(10),
    .errorList .moudle.basicData .moudle-table th:nth-child(11)
    {
        width:100%;
    }*/
    .errorList .moudle.basicData .moudle-table td:nth-child(1),
    .errorList .moudle.basicData .moudle-table td:nth-child(2),
    .errorList .moudle.basicData .moudle-table td:nth-child(3),
    .errorList .moudle.basicData .moudle-table td:nth-child(4),
    .errorList .moudle.basicData .moudle-table td:nth-child(5),
    .errorList .moudle.basicData .moudle-table td:nth-child(6) {
        width: 6rem;
    }


    .errorList .moudle.basicData .moudle-table th:nth-child(1) {
        width: 100%;
    }

    .errorList .moudle.basicData .moudle-table th:nth-child(2) {
        width: 100%;
    }

    .errorList .moudle.basicData .moudle-table th:nth-child(3) {
        width: 100%;
    }

    .errorList .moudle.basicData .moudle-table th:nth-child(4) {
        width: 100%;
    }

    .errorList .moudle.basicData .moudle-table th:nth-child(5) {
        width: 100%;
    }

    .errorList .moudle.basicData .moudle-table th:nth-child(6) {
        width: 100%;
    }


    .errorList .moudle.basicData i.icon {
        width: 0.37rem;
        height: 0.37rem;
        padding: 0.12rem;
    }

        .errorList .moudle.basicData i.icon.suggestion {
            background: url(../images/sys-errorList-suggestion-ico.png) center center no-repeat;
            background-size: 0.37rem 0.37rem;
        }

        .errorList .moudle.basicData i.icon.waiting {
            background: url(../images/sys-errorList-waiting-ico.png) center center no-repeat;
            background-size: 0.37rem 0.37rem;
        }

    .errorList .searchBar .searchItem .valueBox button {
        font-size: 0.38rem;
    }

    .diyContainer .moudle {
        width: 100%;
        position: relative;
        height: 4.00rem !important;
    }

    .diyContainer .col-xs-1, .diyContainer .col-xs-2, .diyContainer .col-xs-3, .diyContainer .col-xs-4, .diyContainer .col-xs-5, .diyContainer .col-xs-6, .diyContainer .col-xs-7, .diyContainer .col-xs-8, .diyContainer .col-xs-9, .diyContainer .col-xs-10, .diyContainer .col-xs-11, .diyContainer .col-xs-12 .diyContainer .col-md-1, .diyContainer .col-md-2, .diyContainer .col-md-3, .diyContainer .col-md-4, .diyContainer .col-md-5, .diyContainer .col-md-6, .diyContainer .col-md-7, .diyContainer .col-md-8, .diyContainer .col-md-9, .diyContainer .col-md-10, .diyContainer .col-md-11, .diyContainer .col-md-12 {
        padding: 0.27rem;
    }


    .towrowContainer .moudle {
        width: 100%;
        position: relative;
        height: 4.00rem !important;
    }

    .towrowContainer .col-xs-1, .towrowContainer .col-xs-2, .towrowContainer .col-xs-3, .towrowContainer .col-xs-4, .towrowContainer .col-xs-5, .towrowContainer .col-xs-6, .towrowContainer .col-xs-7, .towrowContainer .col-xs-8, .towrowContainer .col-xs-9, .towrowContainer .col-xs-10, .towrowContainer .col-xs-11, .towrowContainer .col-xs-12 .towrowContainer .col-md-1, .towrowContainer .col-md-2, .towrowContainer .col-md-3, .towrowContainer .col-md-4, .towrowContainer .col-md-5, .towrowContainer .col-md-6, .towrowContainer .col-md-7, .towrowContainer .col-md-8, .towrowContainer .col-md-9, .towrowContainer .col-md-10, .towrowContainer .col-md-11, .towrowContainer .col-md-12 {
        padding: 0.27rem;
    }


    .cover {
        width: 100%;
        height: 100%;
        background: url(../images/cover-background-m.jpg) 0 0 no-repeat;
        background-size: cover;
        position: relative;
    }

        .cover .line {
            display: none;
        }

        .cover .menuItem.lg {
            font-size: 0.64rem;
        }

        .cover .menuItem.small {
            font-size: 0.40rem;
        }

        .cover .menuItem.colorA.lg {
            width: 3.92rem;
            height: 3.85rem;
            line-height: 3.85rem;
            top: 0.67rem;
            left: 15%;
        }

        .cover .menuItem.colorA.small {
            width: 2.53rem;
            height: 2.49rem;
            line-height: 2.49rem;
            top: 3.33rem;
            left: 6%;
        }

        .cover .menuItem.colorB.lg {
            width: 3.53rem;
            height: 3.53rem;
            top: 5.00rem;
            left: inherit;
            right: 15%;
            line-height: 3.53rem;
        }

        .cover .menuItem.colorB.small {
            width: 2.27rem;
            height: 2.27rem;
            top: 3.45rem;
            left: inherit;
            right: 6%;
            line-height: 2.27rem;
        }
    .cover .menuItem.colorB.small2{
        width: 2.27rem;
        height: 2.27rem;
        top: 1.5rem;
        left: 5.5rem;
        right: 6%;
        line-height: 2.27rem;
    }
        .cover .menuItem.colorC.lg {
            width: 3.53rem;
            height: 3.53rem;
            top: inherit;
            bottom: 4.67rem;
            left: inherit;
            right: 6%;
            line-height: 3.53rem;
        }

        .cover .menuItem.colorD.lg {
            width: 3.53rem;
            height: 3.53rem;
            top: inherit;
            bottom: 2rem;
            right: 25%;
            line-height: 3.53rem;
        }

        .cover .menuItem.colorE.small{
         width: 2.27rem;
            height: 2.27rem;
            top:8.51rem;
            left:3.01rem;
            line-height: 2.27rem;
        }

        .cover .menuItem.colorF.small{
           width: 2.27rem;
            height: 2.27rem;
            top:11.51rem;
            left:2.51rem;
            line-height: 2.27rem;
        }
        .cover select {
            width: 4rem;
            height: 0.8rem;
            font-size: 0.32rem;
        }

        .cover .logo {
            width: 3rem;
            top: 0.05rem;
            left: -0.4rem;
        }



    /*oven*/
    .oven .moudle.charts {
        height: 6.00rem !important;
    }

    .oven .moudle.basicInfo ul.dataPart li .borderTypeA h1 {
        font-size: 0.32rem;
    }

    .oven .moudle.basicInfo ul.dataPart li .borderTypeA h2 {
        font-size: 0.80rem;
    }

    .oven .moudle.basicInfo ul.dataPart li .borderTypeA {
        height: auto;
    }

    .oven .moudle.basicInfo ul.chartPart li {
        height: 2.67rem;
    }

    .oven .moudle.basicData {
        margin-top: 0.5rem;
    }

        .oven .moudle.basicData .title .focusText {
            font-size: 0.4rem;
            padding-bottom: 0.6rem;
            bottom: 0;
            width: 40%;
        }

        .oven .moudle.basicData .moudle-table table {
            display: block;
            position: relative;
            width: 100%;
            height: 100%;
        }

        .oven .moudle.basicData .moudle-table th,
        .oven .moudle.basicData .moudle-table td {
            margin: 0;
            vertical-align: top;
        }

        .oven .moudle.basicData .moudle-table th {
            text-align: center;
            width: 100%;
            color: #fee614;
            background: rgba(33, 193, 255, 0.3);
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .oven .moudle.basicData .moudle-table thead {
            display: block;
            float: left;
            width: 2.67rem;
        }

        .oven .moudle.basicData .moudle-table tbody {
            display: block;
            width: calc(100% - 2.67rem);
            height: inherit;
            position: relative;
            overflow-x: auto;
            overflow-y: hidden;
            white-space: nowrap;
            font-size: 0;
        }

        .oven .moudle.basicData .moudle-table thead tr {
            display: block;
        }

        .oven .moudle.basicData .moudle-table td {
            display: block;
            color: #fff;
        }

        .oven .moudle.basicData .moudle-table td {
            width: 3.33rem;
            white-space: nowrap;
        }

            .oven .moudle.basicData .moudle-table td:nth-child(odd) {
                background: rgba(33, 193, 255, 0.12);
            }

            .oven .moudle.basicData .moudle-table td:nth-child(even) {
                background: rgba(0, 71, 157, 0.12);
            }

        .oven .moudle.basicData .moudle-table tbody tr {
            display: inline-block;
            vertical-align: top;
        }

        .oven .moudle.basicData .moudle-table th:nth-child(4), .oven .moudle.basicData .moudle-table th:nth-child(5), .oven .moudle.basicData .moudle-table th:nth-child(6), .oven .moudle.basicData .moudle-table th:nth-child(7), .oven .moudle.basicData .moudle-table th:nth-child(8) {
            width: 100%;
        }

        .oven .moudle.basicData .moudle-table td:nth-child(4), .oven .moudle.basicData .moudle-table td:nth-child(5), .oven .moudle.basicData .moudle-table td:nth-child(6), .oven .moudle.basicData .moudle-table td:nth-child(7), .oven .moudle.basicData .moudle-table td:nth-child(8) {
            width: 3.33rem;
            white-space: nowrap;
        }


        .oven .moudle.basicData .moudle-table th,
        .oven .moudle.basicData .moudle-table td {
            margin: 0;
            vertical-align: top;
        }

        .oven .moudle.basicData .moudle-table th {
            text-align: center;
            width: 100%;
            color: #fee614;
            background: rgba(33, 193, 255, 0.3);
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .oven .moudle.basicData .moudle-table thead {
            display: block;
            float: left;
            width: 2.67rem;
        }

        .oven .moudle.basicData .moudle-table tbody {
            display: block;
            width: calc(100% - 2.67rem);
            height: inherit;
            position: relative;
            overflow-x: auto;
            overflow-y: hidden;
            white-space: nowrap;
            font-size: 0;
        }

        .oven .moudle.basicData .moudle-table thead tr {
            display: block;
        }

        .oven .moudle.basicData .moudle-table td {
            display: block;
            color: #fff;
        }

        .oven .moudle.basicData .moudle-table td {
            width: 3.33rem;
            white-space: nowrap;
        }

            .oven .moudle.basicData .moudle-table td:nth-child(odd) {
                background: rgba(33, 193, 255, 0.12);
            }

            .oven .moudle.basicData .moudle-table td:nth-child(even) {
                background: rgba(0, 71, 157, 0.12);
            }

        .oven .moudle.basicData .moudle-table tbody tr {
            display: inline-block;
            vertical-align: top;
        }

        .oven .moudle.basicData .moudle-table th:nth-child(1), .oven .moudle.basicData .moudle-table td:nth-child(1) {
            width: 100%;
        }
              .oven .moudle.basicData .moudle-table th:nth-child(2), .oven .moudle.basicData .moudle-table td:nth-child(2) {
            width: 100%;
        }
        .oven .moudle.basicData .moudle-table th:nth-child(4), .oven .moudle.basicData .moudle-table th:nth-child(5), .oven .moudle.basicData .moudle-table th:nth-child(6), .oven .moudle.basicData .moudle-table th:nth-child(7), .oven .moudle.basicData .moudle-table th:nth-child(8) {
            width: 100%;
        }

        .oven .moudle.basicData .moudle-table td:nth-child(4), .oven .moudle.basicData .moudle-table td:nth-child(5), .oven .moudle.basicData .moudle-table td:nth-child(6), .oven .moudle.basicData .moudle-table td:nth-child(7), .oven .moudle.basicData .moudle-table td:nth-child(8) {
            width: 3.33rem;
            white-space: nowrap;
        }

        .trhide{
            display: none !important;
        }

    .oven.yd_d1 {
        width: 0.2rem;
        height: 0.1rem;
        background-color: red;
        float: left;
        margin-left: 10rem;
        margin-top: 0.57rem;
        position: absolute;
        display: None;
    }

    .oven.yd_d2 {
        width: 0.2rem;
        height: 0.1rem;
        float: left;
        margin-left: 9.1rem;
        margin-top: 0.57rem;
        position: absolute;
        display: None;
    }






     /*rack*/
    .rack .moudle.basicInfo ul {
        width: 100%;
    }

        .rack .moudle.basicInfo ul li.fst, .rack .moudle.basicInfo ul li.sec, .rack .moudle.basicInfo ul li.sec.sp, .rack .moudle.basicInfo ul li.sec.current {
            width: 40%;
            text-align: center;
        }

    .rack .moudle.basicInfo .sectionLab {
        font-size: 0.28rem;
    }

    .rack .moudle.basicInfo .sectionVal {
        font-size: 0.60rem;
    }

    .rack .moudle.basicInfo ul li.fst:first-child {
        margin-left: 0;
    }

    .rack .moudle.basicInfo ul li.sec.sp .sectionLab, .rack .moudle.basicInfo ul li.sec.sp .sectionVal {
        padding-left: 0;
    }

    .rack .moudle.basicInfo .sectionVal span.unit {
        font-size: 0.32rem;
    }

    .rack .moudle.inCharge ul {
        width: 90%;
        margin: 0 auto;
    }

        .rack .moudle.inCharge ul li {
            font-size: 0.37rem;
            line-height: 0.45rem;
        }

            .rack .moudle.inCharge ul li .avatar img {
                width: 1.32rem;
                height: 1.32rem;
            }

    .rack .moudle.charts {
        height: 6.00rem !important;
    }
        .rack .moudle.basicData {
        height: 6.00rem !important;
    }
    .rack .moudle.inCharge .title .focusText,
    .rack .moudle.inCharge_ql .title .focusText,
    .rack .moudle.inCharge_wo .title .focusText,
    .rack .moudle.rankPD1 .title .focusText,
    .rack .moudle.rankPD2 .title .focusText {
        font-size: 0.4rem;
        padding-bottom: 0.6rem;
        bottom: 0.05rem;
    }

    .rack .moudle.inCharge,
    .rack .moudle.inCharge_ql,
    .rack .moudle.inCharge_wo,
    .rack .moudle.rankPD1,
    .rack .moudle.rankPD2 {
        margin-top: 0.8rem;
    }

        .rack .moudle.inCharge .moudle-table table,
        .rack .moudle.inCharge_ql .moudle-table table,
        .rack .moudle.inCharge_wo .moudle-table table,
        .rack .moudle.rankPD1 .moudle-table table,
        .rack .moudle.rankPD2 .moudle-table table {
            display: block;
            position: relative;
            width: 100%;
            height: 100%;
        }

        .rack .moudle.inCharge_wo .moudle-table th,
        .rack .moudle.inCharge_wo .moudle-table td,
        .rack .moudle.inCharge .moudle-table th,
        .rack .moudle.inCharge .moudle-table td,
        .rack .moudle.inCharge_ql .moudle-table th,
        .rack .moudle.inCharge_ql .moudle-table td,
        .rack .moudle.rankPD1 .moudle-table th,
        .rack .moudle.rankPD1 .moudle-table td,
        .rack .moudle.rankPD2 .moudle-table th,
        .rack .moudle.rankPD2 .moudle-table td {
            margin: 0;
            vertical-align: top;
        }

        .rack .moudle.inCharge .moudle-table th,
        .rack .moudle.inCharge_ql .moudle-table th,
        .rack .moudle.inCharge_wo .moudle-table th,
        .rack .moudle.rankPD1 .moudle-table th,
        .rack .moudle.rankPD2 .moudle-table th {
            text-align: center;
            width: 1.73rem;
            color: #fee614;
            background: rgba(33, 193, 255, 0.3);
        }

        .rack .moudle.inCharge .moudle-table thead,
        .rack .moudle.inCharge_ql .moudle-table thead,
        .rack .moudle.inCharge_wo .moudle-table thead,
        .rack .moudle.rankPD1 .moudle-table thead,
        .rack .moudle.rankPD2 .moudle-table thead {
            display: block;
            float: left;
            width: 1.73rem;
        }

        .rack .moudle.inCharge .moudle-table tbody,
        .rack .moudle.inCharge_ql .moudle-table tbody,
        .rack .moudle.inCharge_wo .moudle-table tbody,
        .rack .moudle.rankPD1 .moudle-table tbody,
        .rack .moudle.rankPD2 .moudle-table tbody {
            display: block;
            width: calc(100% - 1.73rem);
            height: inherit;
            position: relative;
            overflow-x: auto;
            overflow-y: hidden;
            white-space: nowrap;
            font-size: 0;
        }

        .rack .moudle.inCharge .moudle-table thead tr,
        .rack .moudle.inCharge_ql .moudle-table thead tr,
        .rack .moudle.inCharge_wo .moudle-table thead tr,
        .rack .moudle.rankPD1 .moudle-table thead tr,
        .rack .moudle.rankPD2 .moudle-table thead tr {
            display: block;
        }

        .rack .moudle.inCharge .moudle-table td,
        .rack .moudle.inCharge_ql .moudle-table td,
        .rack .moudle.inCharge_wo .moudle-table td,
        .rack .moudle.rankPD1 .moudle-table td,
        .rack .moudle.rankPD2 .moudle-table td {
            display: block;
            color: #fff;
        }

        .rack .moudle.inCharge .moudle-table td,
        .rack .moudle.inCharge_ql .moudle-table td,
        .rack .moudle.inCharge_wo .moudle-table td,
        .rack .moudle.rankPD1 .moudle-table td,
        .rack .moudle.rankPD2 .moudle-table td {
            width: 1.67rem;
        }

            .rack .moudle.inCharge .moudle-table td:nth-child(odd),
            .rack .moudle.inCharge_ql .moudle-table td:nth-child(odd),
            .rack .moudle.inCharge_wo .moudle-table td:nth-child(odd),
            .rack .moudle.rankPD1 .moudle-table td:nth-child(odd),
            .rack .moudle.rankPD2 .moudle-table td:nth-child(odd) {
                background: rgba(33, 193, 255, 0.12);
            }

            .rack .moudle.inCharge .moudle-table td:nth-child(even),
            .rack .moudle.inCharge_ql .moudle-table td:nth-child(even),
            .rack .moudle.inCharge_wo .moudle-table td:nth-child(even),
            .rack .moudle.rankPD1 .moudle-table td:nth-child(even),
            .rack .moudle.rankPD2 .moudle-table td:nth-child(even) {
                background: rgba(0, 71, 157, 0.12);
            }

        .rack .moudle.inCharge .moudle-table tbody tr,
        .rack .moudle.inCharge_ql .moudle-table tbody tr,
        .rack .moudle.inCharge_wo .moudle-table tbody tr,
        .rack .moudle.rankPD1 .moudle-table tbody tr,
        .rack .moudle.rankPD2 .moudle-table tbody tr {
            display: inline-block;
            vertical-align: top;
        }
        /**abnormal**/
        .abnormal .moudle.searchBox{
            position:relative!important;
            left:0;
            top:0;
              margin-bottom:1rem;
        }
        .abnormal .moudle.barChartBox,.abnormal .moudle.pieChartBox{
            position:relative!important;
            left:0;
            top:0;
            margin-left:inherit;
            margin-bottom:1rem;
        }
    .abnormal .moudle.barChartBox .content,.abnormal .moudle.pieChartBox .content{
        height:5.33rem;
    }
    .abnormal .moudle.pieChartBox .content{
        display: block;
    }
    .abnormal .moudle.pieChartBox .content.chart-4 .chartItem, .abnormal .moudle.pieChartBox .content.chart-6 .chartItem.abnormal .moudle.pieChartBox .content.chart-8 .chartItem{
        width:100%;
        height:4.67rem;

    }
    .abnormal .moudle.barChartBox .title, .abnormal .moudle.pieChartBox .title{
            height: 0.7rem;
    }
    .abnormal .moudle.barChartBox .title .focusText, .abnormal .moudle.pieChartBox .title .focusText{
        font-size:0.43rem;
    bottom: 0.4rem;
    }
    .abnormal .moudle.searchBox .searchItem .valueBox{
      width: calc(100% - 5.27rem);
    }
    .abnormal .moudle.searchBox .searchItem .valueBox.lg{
        width:7.7rem;
    }




    /*linealarm*/
    .linealarm .moudle.basicInfo ul {
        width: 100%;
    }

        .linealarm .moudle.basicInfo ul li.fst, .linealarm .moudle.basicInfo ul li.sec, .linealarm .moudle.basicInfo ul li.sec.sp, .linealarm .moudle.basicInfo ul li.sec.current {
            width: 40%;
            text-align: center;
        }

    .linealarm .moudle.basicInfo .sectionLab {
        font-size: 0.28rem;
    }

    .linealarm .moudle.basicInfo .sectionVal {
        font-size: 0.60rem;
    }

    .linealarm .moudle.basicInfo ul li.fst:first-child {
        margin-left: 0;
    }

    .linealarm .moudle.basicInfo ul li.sec.sp .sectionLab, .linealarm .moudle.basicInfo ul li.sec.sp .sectionVal {
        padding-left: 0;
    }

    .linealarm .moudle.basicInfo .sectionVal span.unit {
        font-size: 0.32rem;
    }

    .linealarm .moudle.inCharge ul {
        width: 90%;
        margin: 0 auto;
    }

        .linealarm .moudle.inCharge ul li {
            font-size: 0.37rem;
            line-height: 0.45rem;
        }

            .linealarm .moudle.inCharge ul li .avatar img {
                width: 1.32rem;
                height: 1.32rem;
            }

    .linealarm .moudle.charts {
        height: 6.00rem !important;
    }
        .linealarm .moudle.basicData {
        height: 6.00rem !important;
    }
    .linealarm .moudle.inCharge .title .focusText,
    .linealarm .moudle.inCharge_ql .title .focusText,
    .linealarm .moudle.inCharge_wo .title .focusText,
    .linealarm .moudle.rankPD1 .title .focusText,
    .linealarm .moudle.rankPD2 .title .focusText,
    .linealarm .moudle.rankPD3 .title .focusText {
        font-size: 0.4rem;
        padding-bottom: 0.6rem;
        bottom: 0.05rem;
    }

    .linealarm .moudle.inCharge,
    .linealarm .moudle.inCharge_ql,
    .linealarm .moudle.inCharge_wo,
    .linealarm .moudle.rankPD1,
    .linealarm .moudle.rankPD2,
    .linealarm .moudle.rankPD3 {
        margin-top: 0.8rem;
    }

        .linealarm .moudle.inCharge .moudle-table table,
        .linealarm .moudle.inCharge_ql .moudle-table table,
        .linealarm .moudle.inCharge_wo .moudle-table table,
        .linealarm .moudle.rankPD1 .moudle-table table,
        .linealarm .moudle.rankPD2 .moudle-table table,
        .linealarm .moudle.rankPD3 .moudle-table table {
            display: block;
            position: relative;
            width: 100%;
            height: 100%;
        }

        .linealarm .moudle.inCharge_wo .moudle-table th,
        .linealarm .moudle.inCharge_wo .moudle-table td,
        .linealarm .moudle.inCharge .moudle-table th,
        .linealarm .moudle.inCharge .moudle-table td,
        .linealarm .moudle.inCharge_ql .moudle-table th,
        .linealarm .moudle.inCharge_ql .moudle-table td,
        .linealarm .moudle.rankPD1 .moudle-table th,
        .linealarm .moudle.rankPD1 .moudle-table td,
        .linealarm .moudle.rankPD2 .moudle-table th,
        .linealarm .moudle.rankPD2 .moudle-table td,
        .linealarm .moudle.rankPD3 .moudle-table th,
        .linealarm .moudle.rankPD3 .moudle-table td{
            margin: 0;
            vertical-align: top;
        }

        .linealarm .moudle.inCharge .moudle-table th,
        .linealarm .moudle.inCharge_ql .moudle-table th,
        .linealarm .moudle.inCharge_wo .moudle-table th,
        .linealarm .moudle.rankPD1 .moudle-table th,
        .linealarm .moudle.rankPD2 .moudle-table th,
        .linealarm .moudle.rankPD3 .moudle-table th {
            text-align: center;
            width: 1.73rem;
            color: #fee614;
            background: rgba(33, 193, 255, 0.3);
        }

        .linealarm .moudle.inCharge .moudle-table thead,
        .linealarm .moudle.inCharge_ql .moudle-table thead,
        .linealarm .moudle.inCharge_wo .moudle-table thead,
        .linealarm .moudle.rankPD1 .moudle-table thead,
        .linealarm .moudle.rankPD2 .moudle-table thead,
        .linealarm .moudle.rankPD3 .moudle-table thead {
            display: block;
            float: left;
            width: 1.73rem;
        }

        .linealarm .moudle.inCharge .moudle-table tbody,
        .linealarm .moudle.inCharge_ql .moudle-table tbody,
        .linealarm .moudle.inCharge_wo .moudle-table tbody,
        .linealarm .moudle.rankPD1 .moudle-table tbody,
        .linealarm .moudle.rankPD2 .moudle-table tbody,
        .linealarm .moudle.rankPD3 .moudle-table tbody {
            display: block;
            width: 100%;
            height: inherit;
            position: relative;
            overflow-x: auto;
            overflow-y: hidden;
            /*white-space:normal;*/
            font-size: 0;
        }

        .linealarm .moudle.inCharge .moudle-table thead tr,
        .linealarm .moudle.inCharge_ql .moudle-table thead tr,
        .linealarm .moudle.inCharge_wo .moudle-table thead tr,
        .linealarm .moudle.rankPD1 .moudle-table thead tr,
        .linealarm .moudle.rankPD2 .moudle-table thead tr,
        .linealarm .moudle.rankPD3 .moudle-table thead tr {
            display: block;
        }

        .linealarm .moudle.inCharge .moudle-table td,
        .linealarm .moudle.inCharge_ql .moudle-table td,
        .linealarm .moudle.inCharge_wo .moudle-table td,
        .linealarm .moudle.rankPD1 .moudle-table td,
        .linealarm .moudle.rankPD2 .moudle-table td,
        .linealarm .moudle.rankPD3 .moudle-table td {
            display: block;
            color: #fff;
        }

        .linealarm .moudle.inCharge .moudle-table td,
        .linealarm .moudle.inCharge_ql .moudle-table td,
        .linealarm .moudle.inCharge_wo .moudle-table td,
        .linealarm .moudle.rankPD1 .moudle-table td,
        .linealarm .moudle.rankPD2 .moudle-table td,
        .linealarm .moudle.rankPD3 .moudle-table td{
            width: 100%;
        }

            .linealarm .moudle.inCharge .moudle-table td:nth-child(odd),
            .linealarm .moudle.inCharge_ql .moudle-table td:nth-child(odd),
            .linealarm .moudle.inCharge_wo .moudle-table td:nth-child(odd),
            .linealarm .moudle.rankPD1 .moudle-table td:nth-child(odd),
            .linealarm .moudle.rankPD2 .moudle-table td:nth-child(odd),
            .linealarm .moudle.rankPD3 .moudle-table td:nth-child(odd) {
                background: rgba(33, 193, 255, 0.12);
            }

            .linealarm .moudle.inCharge .moudle-table td:nth-child(even),
            .linealarm .moudle.inCharge_ql .moudle-table td:nth-child(even),
            .linealarm .moudle.inCharge_wo .moudle-table td:nth-child(even),
            .linealarm .moudle.rankPD1 .moudle-table td:nth-child(even),
            .linealarm .moudle.rankPD2 .moudle-table td:nth-child(even),
            .linealarm .moudle.rankPD3 .moudle-table td:nth-child(even) {
                background: rgba(0, 71, 157, 0.12);
            }

        .linealarm .moudle.inCharge .moudle-table tbody tr,
        .linealarm .moudle.inCharge_ql .moudle-table tbody tr,
        .linealarm .moudle.inCharge_wo .moudle-table tbody tr,
        .linealarm .moudle.rankPD1 .moudle-table tbody tr,
        .linealarm .moudle.rankPD2 .moudle-table tbody tr,
        .linealarm .moudle.rankPD3 .moudle-table tbody tr {
            display:block;
            vertical-align: top;
        }








}

@media screen and (max-width: 768px) and (orientation: landscape){
    .cover .menuItem.lg{
        font-size:0.25rem;
    }
    .cover .menuItem.small{
        font-size:0.18rem;
    }
    .cover .menuItem.colorA.lg{
        width:1.53rem;
        height:1.51rem;
        line-height: 1.51rem;
        top:2.69rem;
        left:0.79rem;
    }
    .cover .menuItem.colorA.small{
        width:1.13rem;
        height:1.09rem;
        line-height: 1.09rem;
        top:2.01rem;
        left:2.21rem;
    }
    .cover .menuItem.colorB.lg{
        width:1.52rem;
        height:1.52rem;
        top:1.20rem;
        left:3.33rem;
        line-height: 1.52rem;
    }
    .cover .menuItem.colorB.small{
        width:0.96rem;
        height:0.96rem;
        top:2.51rem;
        left:4.56rem;
        line-height: 0.96rem;
    }
    .cover .menuItem.colorB.small2{
        width:0.96rem;
        height:0.96rem;
        top:2rem;
        left:4.56rem;
        line-height: 0.96rem;
    }

    .cover .menuItem.colorC.lg{
        width:1.61rem;
        height:1.63rem;
        top:1.59rem;
        left:5.78rem;
        line-height: 1.63rem;
    }
    .cover .menuItem.colorD.lg{
        width:1.60rem;
        height:1.64rem;
        top:2.77rem;
        right:0.80rem;
        line-height: 1.64rem;
    }
    .abnormal .moudle.pieChartBox .content.chart-4 .chartItem,   .abnormal .moudle.pieChartBox .content.chart-6 .chartItem.abnormal .moudle.pieChartBox .content.chart-8 .chartItem{
        width:50%;
        height:4.67rem;
        display: inline-block;
        padding:0.13rem;
    }
}


@keyframes coverMenuItem {
    0% {
        transform:scale(1,1);
        opacity:1;

    }
    50% {
        transform:scale(1.1,1.1);
        opacity:0.5
    }
    100% {
        transform:scale(1,1);
        opacity:1;

    }
}

@-webkit-keyframes coverMenuItem{
    0% {
        transform:scale(1,1);
        -webkit-transform: scale(1,1);
        opacity:1;
    }
    50% {
        transform:scale(1.1,1.1);
        -webkit-transform: scale(1.1,1.1);
        opacity:0.5;
    }
    100% {
        transform:scale(1,1);
        -webkit-transform: scale(1,1);
        opacity:1;
    }
}