|  |  | 
 |  |  |    display: inline-block; | 
 |  |  |    float: left; | 
 |  |  |    position: fixed; | 
 |  |  |    width: 49%; | 
 |  |  |    width: 34%; | 
 |  |  |    height: 23%; | 
 |  |  |    background-color: rgba(0, 0, 0, 0.3); | 
 |  |  |    border-radius: 15px; | 
 |  |  | 
 |  |  | } | 
 |  |  | .states { | 
 |  |  |    background-image: url(../images/line.png); | 
 |  |  |    margin-bottom:54px; | 
 |  |  |    /*margin-bottom:54px;*/ | 
 |  |  | } | 
 |  |  | .button { | 
 |  |  |    margin-left: 5%; | 
 |  |  | 
 |  |  | /* 站点 */ | 
 |  |  | .site { | 
 |  |  |    color: #333; | 
 |  |  |    height: 24px; | 
 |  |  |    border: 1px solid rgb(108,167,168); | 
 |  |  |    height: 35px; | 
 |  |  |    /*border: 1px solid rgb(108,167,168);*/ | 
 |  |  |    cursor: pointer; | 
 |  |  |    width: 50px; | 
 |  |  |    width: 60px; | 
 |  |  |    text-align: center; | 
 |  |  |    background-color: rgb(120,255,129); | 
 |  |  |    font-size: 13px; | 
 |  |  | 
 |  |  | /* 非自动/手动 */ | 
 |  |  | .site-unauto { | 
 |  |  |    background-color: rgb(184,184,184); | 
 |  |  | } | 
 |  |  | /*空闲*/ | 
 |  |  | .shuttle-idle { | 
 |  |  |    background-color: rgb(120,255,129); | 
 |  |  | } | 
 |  |  | /*作业中*/ | 
 |  |  | .shuttle-working { | 
 |  |  |    background-color: rgb(196,196,0); | 
 |  |  | } | 
 |  |  | /*等待确认*/ | 
 |  |  | .shuttle-waiting { | 
 |  |  |    background-color: rgb(184,184,184); | 
 |  |  | } | 
 |  |  | /*充电中*/ | 
 |  |  | .shuttle-charging { | 
 |  |  |    background-color: rgb(250,81,246); | 
 |  |  | } | 
 |  |  | /*充电任务等待确认*/ | 
 |  |  | .shuttle-charging-waiting { | 
 |  |  |    background-color: rgb(58,77,249); | 
 |  |  | } | 
 |  |  | /*故障修复中*/ | 
 |  |  | .shuttle-fixing { | 
 |  |  |    background-color: rgb(252,48,48); | 
 |  |  | } | 
 |  |  | /*离线*/ | 
 |  |  | .shuttle-offline { | 
 |  |  |    background-color: rgb(0, 0, 0); | 
 |  |  | } | 
 |  |  | /*空闲*/ | 
 |  |  | .lift-idle { | 
 |  |  |    background-color: rgb(120,255,129); | 
 |  |  | } | 
 |  |  | /*作业中*/ | 
 |  |  | .lift-working { | 
 |  |  |    background-color: rgb(196,196,0); | 
 |  |  | } | 
 |  |  | /*等待确认*/ | 
 |  |  | .lift-waiting { | 
 |  |  |    background-color: rgb(184,184,184); | 
 |  |  | } | 
 |  |  | /*离线*/ | 
 |  |  | .lift-offline { | 
 |  |  |    background-color: rgb(0, 0, 0); | 
 |  |  | } | 
 |  |  | #code { | 
 |  |  |    background-image: url(../images/status_bar_2.png); | 
 |  |  | 
 |  |  | .main-part { | 
 |  |  |    position: absolute; | 
 |  |  |    top: 100px; | 
 |  |  |    left: 480px; | 
 |  |  |    left: -150px; | 
 |  |  |    width: 2205px; | 
 |  |  |    scale: 0.7; | 
 |  |  | } | 
 |  |  | .main-part .lane { | 
 |  |  |    margin-top: 30px; | 
 |  |  |    position: relative; | 
 |  |  | } | 
 |  |  | /* 钢架号 */ | 
 |  |  | .row-no { | 
 |  |  | 
 |  |  | } | 
 |  |  |  | 
 |  |  | /* 库位组 */ | 
 |  |  | .stock-group { | 
 |  |  |    width: 100%; | 
 |  |  | } | 
 |  |  | .stock-group .item { | 
 |  |  |    width: 40px; | 
 |  |  |    height: 30px; | 
 |  |  |    width: 35px; | 
 |  |  |    height: 35px; | 
 |  |  |    float: left; | 
 |  |  |    border-top: 1px solid rgb(194,76,65); | 
 |  |  |    border-bottom: 1px solid rgb(194,76,65); | 
 |  |  | 
 |  |  | } | 
 |  |  |  | 
 |  |  | .stock-group .site { | 
 |  |  |    width: 80px; | 
 |  |  |    width: 35px; | 
 |  |  |    float: left; | 
 |  |  |    word-break: break-all; | 
 |  |  |    display: flex; | 
 |  |  |    justify-content: center; | 
 |  |  |    align-items: center; | 
 |  |  | } | 
 |  |  | .stock-group::after, .stock-group::before { | 
 |  |  |    content: ""; | 
 |  |  | 
 |  |  | .btn-16:active { | 
 |  |  |    top: 2px; | 
 |  |  | } | 
 |  |  | .btn-16-active{ | 
 |  |  |    color: #323131 !important; | 
 |  |  | } | 
 |  |  |  | 
 |  |  | .sxcar{ | 
 |  |  |    width: 40px; | 
 |  |  |    height: 30px; | 
 |  |  |    width: 35px; | 
 |  |  |    height: 35px; | 
 |  |  |    background-image: url(../images/sxcar.png); | 
 |  |  |    background-size: 100% 100%; | 
 |  |  |    position: relative; | 
 |  |  |    position: absolute; | 
 |  |  |    top: 0; | 
 |  |  |    left: 0; | 
 |  |  |    display: flex; | 
 |  |  |    justify-content: center; | 
 |  |  |    align-items: center; | 
 |  |  |    text-shadow: 2px 2px 4px #000000; | 
 |  |  |    color: red; | 
 |  |  |    font-size: 18px; | 
 |  |  | } |