#icemvueAPP3{
height: 100%;

}
.device-first{
    display: flex;
    opacity: 1;
    padding: 20px;
    background: #ffffff;
    border-bottom: 10px solid #ebeef2;
}
.device-first-device-basicInfo{
    display: grid;
    width: 80%;
    padding: 0px 40px 0px 20px;
}
.device-first-nameFont{
    font-size: 18px;
    font-family: PingFangSC, PingFangSC-Medium;
    font-weight: 500;
    text-align: left;
    color: #333333;
}
.device-first-other{

}
.device-first-other p {
    float: left;
    margin-right: 10px;
}
.font-medium{
    font-size: 14px;
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
    text-align: left;
    color: #333333;
}
.font-small{
    font-size: 12px;
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
    text-align: left;
    color:#666666;
}
.device-first-status{
    padding: 12px 0px 10px 20px;
    width: 260px;
    height: 134px;
    opacity: 1;
    /*background: linear-gradient(142deg,#ffaaa3 0%, #ff716a 96%);*/
    border-radius: 8px;
}
.device-first-status-name{
    opacity: 1;
    font-size: 30px;
    font-family: PingFangSC, PingFangSC-Medium;
    font-weight: 500;
    text-align: left;
    color: #ffffff;
}
.device-first-status-timeLong{
    opacity: 1;
    font-size: 20px;
    font-family: PingFangSC, PingFangSC-Medium;
    font-weight: 500;
    text-align: left;
    color: #ffffff;
}
.device-second{
    background: #ffffff;
    padding: 20px;
}
.device-second-current-Status{
    height: 20px;
    margin: 12px 0px;
}
.device-second-current-Status p {
    float: left;
    margin-right: 10px;
}
.device-progress{
    width: 90%;
    background: #eeeeee;
    display: flex;
    cursor: pointer;
}
.device-second-line{
    width: 1px;
    height: 76px;
    opacity: 1;
    background: #e6e8ee;
}
.device-second-runningTime{
    opacity: 1;
    font-size: 24px;
    font-family: DINAlternate, DINAlternate-Bold;
    font-weight: 700;
    text-align: left;
    color: #40C01E;
}
.device-second-stopTime{
    opacity: 1;
    font-size: 24px;
    font-family: DINAlternate, DINAlternate-Bold;
    font-weight: 700;
    text-align: left;
    color: #F15243;
}
.device-second-spareTime{
    opacity: 1;
    font-size: 24px;
    font-family: DINAlternate, DINAlternate-Bold;
    font-weight: 700;
    text-align: left;
    color: #FFAC2D;
}
.device-second-offlineTime {
    font-size: 24px;
    font-family: DINAlternate, DINAlternate-Bold;
    font-weight: 700;
    text-align: left;
    color: #666666;
}
.device-third{
    height: 55%;
    background: #ffffff;
    padding: 20px;
}
.device-third-overflow{
    height: 90%;
    overflow-y: auto;
}
.device-third-realData{
    display: flex;
    border-bottom:1px solid #e0e0e0;
    padding: 12px 0px;
    position: relative;
}
.device-title{
    opacity: 1;
    font-size: 16px;
    font-family: PingFangSC, PingFangSC-Medium;
    font-weight: 500;
    text-align: left;
    color: #333333;
}
.triangle-bottom{
    width:0;
    height:0;
    border-top:8px solid rgba(0,0,0,0.6);
    border-left:8px dashed transparent;
    border-right:8px dashed transparent;
    position:absolute;
    bottom: -8px;
    left: 8px;
}