.mdevAlarmInfoBox{
    width:calc(100% - 20px);
    height:calc(100% - 60px);
    margin:10px;
}
.mdevAlarmInfoOpear{
    text-align: center;
    width:100%;
    height:40px;
    line-height:40px;
}
.mdevAlarmInfoOpear>div{
    float:left;
}
#rangeSlide{
    width:150px;
    height:10px;
    margin:15px;
}

#rangeSlide .layui-slider{
    height:10px;
    border-radius:20px;
}

#rangeSlide  .layui-slider-wrap-btn{
    width:16px;
    height:16px;
}

.mdevAlarmInfoNearby{
    height:calc(100% - 70px);
}

.mdevAlarmInfoNearby>div{
    width:100%;
    height:100%;
    padding:10px;
    box-sizing: border-box;
    border:1px solid #5397F0;
    border-radius:2px;
    overflow-y: auto;
}

.mdevAlarmInfoNearby>div>p{
    height:36px;
    line-height:36px;
    border-bottom:1px solid #2b3a4c;
}
.mdevAlarmInfoNearby>div>p:last-child{
    border-bottom:0;
}

.mdevAlarmInfoNearby>div>p>img:nth-child(1){
    float:left;
    margin:10px 8px;
}

.mdevAlarmInfoNearby>div>p>img:nth-child(3){
    float:right;
    margin:8px;
}

.mdevGroupOpearBtn{
    margin-top:5px;
}