/*  实时监测 */
.zc{
    color: #4DCB90;
    font-weight: bold;
}
.cb{
    color: #FA6C4A;
    font-weight: bold;
}

.side-source{
    line-height: .24rem;
    padding: .14rem 0 .1rem;
    border-top: 1px solid #E6E8EA;
}

.map-tableBox{}
.map-tableBox .table-list{
    width: 100%;
    border-bottom: 1px solid #E6E8EA;
    border-left: 1px solid #E6E8EA;
}
.map-tableBox .table-list th,
.map-tableBox .table-list td{
    border-top: 1px solid #E6E8EA;
    border-right: 1px solid #E6E8EA;
    font-size: .12rem;
    line-height: .14rem;
    padding: .04rem 0;
    color: #8E97A6;
    text-align: center;
}

.map-tableBox .table-list th{
    font-weight: bold;
    background: #E6E8EA;
    padding: .06rem 0;
}
.map-tableBox .table-list td{}


/* 弹窗 */
.pieDiv{
    width: auto;
    height: auto;
    padding: 0 .05rem;
    border-radius: .04rem;
    box-shadow: 0 .02rem .06rem 0 rgba(0,0,0,0.15);
}
.pieDiv .number{
    /*display: inline-block;*/
    font-weight: 500;
    font-size: .12rem;
    color: #FFFFFF;
    line-height: .18rem;
}

.mask-acousticEnv{
    width: 3.44rem;
    position: relative;
    /*padding: .20rem .18rem;*/
    /*background: #fff;*/
    /*box-shadow: 0 .06rem .20rem 0 rgba(14,92,254,0.2);*/
    /*border-radius: .06rem;*/
}
.mask-acousticEnv .btnClose{
    position: absolute;
    top: .12rem;
    right: .10rem;
    width: .14rem;
    height: .14rem;
    background: url(/common/images/map/close.png) no-repeat;
    background-size: 100%;
    cursor: pointer;
}

.realTimeBox .data-realTime{
    display: flex;
    align-items: center;
}
.data-realTime .state{
    width: .94rem;
    height: .76rem;
    border-radius: .04rem;
}
.data-realTime .state .flex{
    min-height: .47rem;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid rgba(255,255,255,.3);
    font-weight: bold;
    font-size: .18rem;
    line-height: .18rem;
    color: #FFFFFF;
}
.data-realTime .state .icon{
    display: block;
    width: .24rem;
    height: .28rem;
    background: url("../images/icon-point.png") no-repeat;
    background-size: 100%;
    margin-right: .07rem;
}
.data-realTime .state p{
    font-size: .12rem;
    color: #FFFFFF;
    font-weight: 500;
    line-height: .28rem;
    text-align: center;
    background: rgba(51,51,51,.2);
    border-radius: 0 0 .04rem .04rem;
}

.realTimeBox .nostate{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #1874CE;
}
.realTimeBox .nostate p{
    background: transparent;
}

.realTimeBox .data-name{
    width: calc(100% - 1.1rem);
    margin-left: .16rem;
    text-align: left;
}
.realTimeBox h3{
    font-weight: bold;
    font-size: .24rem;
    line-height: .26rem;
    color: #333333;
}
.realTimeBox .time{
    display: block;
    font-size: .12rem;
    line-height: .14rem;
    color: rgba(36,47,65,.2);
    margin: .08rem 0;
}
.realTimeBox .classify{
    display: flex;
    align-items: center;
    font-size: .16rem;
    line-height: .20rem;
    color: #242F41;
}
.realTimeBox .classify strong{
    display: block;
    line-height: .20rem;
    border-radius: .04rem;
    padding: 0 .10rem;
    font-size: .12rem;
    color: #FFFFFF;
}
.realTimeBox .classify .no-text{
    font-size: .12rem;
    line-height: .16rem;
    color: #242F41;
}
.realTimeBox .classify .icon{
    display: block;
    width: .14rem;
    height: .14rem;
    background: url(../images/icon-tip.png) no-repeat;
    background-size: 100%;
    margin-right: .03rem;
}

.realTimeBox .ets{
    width: 100%!important;
    height: 1.40rem!important;
    margin: .30rem 0 .15rem;
}
.realTimeBox .text-historyData{
    font-size: .16rem;
    line-height: .18rem;
    color: #242F41;
    text-align: center;
}


/* 声效等级分区 */
.soundEffectBox{}
.soundEffectBox .flex-align{
    padding: .10rem .12rem 0 .20rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.soundEffectBox h3{
    font-weight: bold;
    font-size: .22rem;
    line-height: .24rem;
    color: #333333;
}
.soundEffectBox .time{
    display: block;
    font-size: .14rem;
    line-height: .16rem;
    color: rgba(36,47,65,.6);
    margin-top: .12rem;
}

.soundEffectBox .state{
    min-height: .42rem;
    border-radius: .06rem;
    padding: 0 .10rem;
    display: flex;
    align-items: center;
}
.soundEffectBox .state .icon{
    display: block;
    width: .24rem;
    height: .24rem;
    background: url("../images/icon-level.png") no-repeat;
    background-size: 100%;
}
.soundEffectBox .state strong{
    display: block;
    margin-left: .09rem;
    padding-left: .08rem;
    border-left: 1px solid rgba(255,255,255,.2);
    font-weight: bold;
    font-size: .20rem;
    line-height: .21rem;
    color: #FFFFFF;
}
.soundEffectBox .ets{
    width: 100%!important;
    height: 1.50rem!important;
    margin-top: .30rem;
}

.box-etsMask{}
.box-etsMask h6{}
.box-etsMask .flex{
    display: flex;
    align-items: center;
    justify-content: center;
}
.box-etsMask .flex strong{
    margin-left: .20rem;
}

.icon0 {
    background-color: #4DCB90;
}
.icon1 {
    background-color: #FA6C4A;
}
.icon_level2 {
    background-color: #6FC9FD;
}
.icon_level3 {
    background-color: #84FA8A;
}
.icon_level4 {
    background-color: #F4CF65;
}
.icon_level5 {
    background-color: #F88959;
}
.icon_level6 {
    background-color: #E24C79;
}
.icon_level7 {
    background-color: #8E1E86;
}
.icon_level8 {
    background-color: #000D0C;
}