#UI {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    user-select: none;

    pointer-events: none;

}



#mask {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 11rem;

    background: linear-gradient(rgba(80, 69, 148, 0.54), rgba(80, 69, 148, 0.0108));

    /* z-index: ; */

}



.big-white {

    color: #fff;

    font-weight: 500;

    font-size: 2rem;

    margin-bottom: 0.6rem;

}



.small-white {

    color: #fff;

    font-size: 1.2rem;

}



#topArea {

    box-sizing: border-box;

    position: relative;

    display: none;

    justify-content: space-between;

    align-items: center;

    width: 100%;

    height: 9.5rem;

    z-index: 1;

}





#title img {

    position: relative;

    left: -0.2rem;

    top: 0.2rem;

    height: 9.5rem;

    width: auto;

}



#topLeft {

    display: flex;

    justify-content: space-between;

    align-items: flex-end;

    height: 4.3rem;

    margin-right: 6.5rem;

}



#timeInfo {

    padding-right: 3rem;

    margin-right: 3rem;

    border-right: 0.1rem solid #eee;

}





#weatherInfo {

    display: flex;

}



.weather-img-box {

    margin-right: 1.2rem;

}



#weatherImg {

    height: 3.8rem;

    width: auto;

}



.weather-info-box>div:nth-child(1) {

    display: flex;

}



#weahter1 {

    margin-right: 0.8rem;

}



/* 通用样式 */

.font8px {

    font-size: 1.2rem;

    transform: scale(0.67);

    transform-origin: left;

}



.font6px {

    font-size: 1.2rem;

    transform: scale(0.5);

    transform-origin: left;

}



.font10px {

    font-size: 1.2rem;

    transform: scale(0.83);

    transform-origin: left;



}



.ready-color {

    color: #00FFB8;

}



.error-color {

    color: #D95E5E;

}



.stop-backgroundColor {

    background-color: #BD5050;

}



.ready-backgroundColor {

    background-color: #BDA975;

}



.produce-backgroundColor {

    background-color: #4BA66F;

}



.nowrap {

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



.wrap3 {

    word-break: break-all;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    line-height: 1.6rem;

    overflow-y: hidden;

}





/* 标注框样式 */

#floatBox {

    position: absolute;

    top: 0;

    left: 0;

}



/* 码垛样式 */

.md-box {

    box-sizing: border-box;

    display: flex;

    flex-direction: column;

    justify-content: space-around;

    position: absolute;

    top: -15rem;

    left: -15rem;

    width: 29rem;

    height: 13rem;

    padding: 1rem 0.5rem;

    background-image: url(../assets/images/md.png);

    background-size: 100% 100%;

    background-repeat: no-repeat;

    color: #fff;

    pointer-events: none;

    font-size: 1.2rem;

    transform: scale(0.67);

    transform-origin: center;

}



#md0,

#md1 {

    position: absolute;

    top: 0;

    left: 0;

}



.md-info-1 {

    flex: 4;

    text-align: center;

    /* background-color: pink; */

}



.md-info-2 {

    flex: 4;

    text-align: center;

    /* background-color: palegoldenrod; */

}



.md-info-3 {

    flex: 4;

    text-align: center;

    /* background-color: purple; */

}



.md-info-4 {

    flex: 8;

    text-align: center;

    /* background-color: darkcyan; */

}



.md-box>div {

    display: flex;

}



/* 码垛样式结束



/* AGV样式 */

#AGVCode0 {

    position: absolute;

    top: 0px;

    left: 0px;

}



.battery-common {

    position: absolute;

    top: -1rem;

    left: 0rem;

    width: 2.2rem;

    height: 4rem;

    background-image: url(../assets/images/battery.png);

    background-size: 100% 100%;

    background-repeat: no-repeat;

}





.battery-height {

    position: absolute;

    bottom: 0rem;

    left: 0.26rem;

    width: 1.7rem;

    height: 3.5rem;

    border-radius: 0.3rem;

    background: linear-gradient(rgba(71, 210, 210, 1), rgba(71, 210, 210, 0.1));

}



.agv-code {

    position: absolute;

    bottom: 1rem;

    left: 0rem;

    color: #fff;

}



.battery-num {

    position: absolute;

    bottom: 1.2rem;

    left: 0rem;

    text-align: center;

    width: 2.7rem;

    /* 黄绿颜色切换  #F4D584 */

    color: #3EE882;

}



/* AGV样式结束 */



/* 机台样式 */

#floatBox {

    position: absolute;

    /* top: 0;

    left: 0; */

}



.jt-box {

    box-sizing: border-box;

    display: flex;

    position: fixed;

    top: -18rem !important;

    left: -6.9rem !important;

    width: 13.8rem;

    height: 7rem;

    background-size: 100% 100%;

    background-repeat: no-repeat;

    background-image: url();

    color: #fff;



    /* pointer-events: none; */

}



/* #J101101-004 {

    background-image: url(../assets/images/jt/ready.png);

}



#J101101-005 {

    background-image: url(../assets/images/jt/ready.png);

}



#J101101-006 {

    background-image: url(../assets/images/jt/ready.png);

}



#J101101-007 {

    background-image: url(../assets/images/jt/ready.png);

}



#J101103-005 {

    background-image: url(../assets/images/jt/ready.png);

}



#J101101-001 {

    background-image: url(../assets/images/jt/ready.png);

}



#J101103-004 {

    background-image: url(../assets/images/jt/ready.png);

}



#J101101-011 {

    background-image: url(../assets/images/jt/ready.png);

}



#J101101-012 {

    background-image: url(../assets/images/jt/ready.png);

}



#J102302-002 {

    background-image: url(../assets/images/jt/ready.png);

}



#J101102-003 {

    background-image: url(../assets/images/jt/ready.png);

}



#J101102-004 {

    background-image: url(../assets/images/jt/ready.png);

}



#J101102-005 {

    background-image: url(../assets/images/jt/ready.png);

}



#J101102-007 {

    background-image: url(../assets/images/jt/ready.png);

}



#J101103-003 {

    background-image: url(../assets/images/jt/ready.png);

} */



.background-stop {

    background-image: url(../assets/images/jt/stop.png) !important;

}



.background-ready {

    background-image: url(../assets/images/jt/ready.png) !important;

}



.background-doing {

    background-image: url(../assets/images/jt/doing.png) !important;

}



.background-none {

    background-image: url(../assets/images/jt/none.png) !important;

}



#J101101-004,

#J101101-005,

#J101101-006,

#J101101-007,

#J101103-005,

#J101101-001,

#J101103-004,

#J101101-011,

#J101101-012,

#J102302-002,

#J101102-003,

#J101102-004,

#J101102-005,

#J101102-007,

#J101103-003 {

    background-image: url(../assets/images/jt/ready.png);

    visibility: hidden;

}



.jt-info-0 {

    position: absolute;

    left: 1rem;

    bottom: 1.2rem;

}



.jt-info-1 {

    position: absolute;

    right: 2.3rem;

    bottom: 3.4rem;

    color: #78D6CA;

}



.jt-info-2 {

    position: absolute;

    left: 14.3rem;

    top: 0.7rem;

    width: 7.8rem;

    height: 2rem;

    text-align: center;

    line-height: 2rem;

}



.jt-info-3 {

    position: absolute;

    left: 14.3rem;

    bottom: -0.6rem;

    width: 7.8rem;

}



.jt-info-4 {

    position: absolute;

    left: 1.2rem;

    top: 2rem;

    font-size: 1.8rem;

}



/* 机台样式结束 */