|  |  | 
 |  |  |     text-align: center; | 
 |  |  |     color: #2d6aff; | 
 |  |  | } | 
 |  |  | .system-icon { | 
 |  |  | #system-icon { | 
 |  |  |     display: inline-block; | 
 |  |  |     width: 70%; | 
 |  |  |     height: 70%; | 
 |  |  |     background-image: url("../image/stop48.png"); | 
 |  |  |     background-repeat: no-repeat; | 
 |  |  |     background-size:100% 100%; | 
 |  |  |     background-position: top center; | 
 |  |  |     cursor: pointer; | 
 |  |  | } | 
 |  |  | .system-state span { | 
 |  |  | .system-icon-open { | 
 |  |  |     background-image: url("../image/stop48.png"); | 
 |  |  | } | 
 |  |  | .system-icon-close { | 
 |  |  |     background-image: url("../image/start48.png"); | 
 |  |  | } | 
 |  |  |  | 
 |  |  | #system-run-desc { | 
 |  |  |     font-size: large; | 
 |  |  |     display: inline-block; | 
 |  |  |     padding-top: 10px; | 
 |  |  | 
 |  |  | .site-row-1 .site { | 
 |  |  |     width: 100px; | 
 |  |  | } | 
 |  |  | /* 输送线第二列 */ | 
 |  |  | .site-row-2 { | 
 |  |  |     left: 200px; | 
 |  |  | } | 
 |  |  | .site-row-2 .site { | 
 |  |  |     width: 100px; | 
 |  |  | } | 
 |  |  | /* 输送线第三列 */ | 
 |  |  | .site-row-3 { | 
 |  |  |     left: 300px; | 
 |  |  |     width: 100px; | 
 |  |  | } | 
 |  |  | .site-row-3 .site { | 
 |  |  |     float: left; | 
 |  |  |     width: 100px; | 
 |  |  | } | 
 |  |  | /* 输送线第四列 */ | 
 |  |  | .site-row-4 { | 
 |  |  |     left: 400px; | 
 |  |  |     width: 100px; | 
 |  |  | } | 
 |  |  | .site-row-4 .site { | 
 |  |  |     float: right; | 
 |  |  |     width: 100px; | 
 |  |  | } | 
 |  |  |  | 
 |  |  | /* 站点 */ | 
 |  |  | .site { | 
 |  |  | 
 |  |  | .site-none { | 
 |  |  |     border: none; | 
 |  |  |     background-color: transparent; | 
 |  |  |     cursor: default; | 
 |  |  | } | 
 |  |  | /* 自动 */ | 
 |  |  | .site-auto { | 
 |  |  | 
 |  |  | /* ------------------ 货架总成 ------------------ */ | 
 |  |  | .main-part { | 
 |  |  |     position: absolute; | 
 |  |  |     top: 250px; | 
 |  |  |     left: 300px; | 
 |  |  |     top: 100px; | 
 |  |  |     left: 200px; | 
 |  |  | } | 
 |  |  | .main-part .lane { | 
 |  |  |     margin-bottom: 30px; | 
 |  |  |     /*margin-bottom: 30px;*/ | 
 |  |  | } | 
 |  |  | /* 排号 */ | 
 |  |  | .row-no { | 
 |  |  | 
 |  |  |     border-left: 1px solid #333!important; | 
 |  |  |     border-right: 1px solid #333!important; | 
 |  |  |     border-right: none; | 
 |  |  |     cursor: inherit; | 
 |  |  | } | 
 |  |  | .stock-group .item:last-child { | 
 |  |  |     /*border-right: 1px solid #333!important;*/ | 
 |  |  | 
 |  |  | } | 
 |  |  |  | 
 |  |  | /* 入库 */ | 
 |  |  | .machine-put { | 
 |  |  |     background-color: #90d0f3; | 
 |  |  | .machine-pakin { | 
 |  |  |     background-image: url("../image/Crane_store.png"); | 
 |  |  | } | 
 |  |  | /* 出库 */ | 
 |  |  | .machine-take { | 
 |  |  |     background-color: yellow; | 
 |  |  | .machine-pakout { | 
 |  |  |     background-image: url("../image/Crane_retrieve.png"); | 
 |  |  | } | 
 |  |  | /* 库到库 */ | 
 |  |  | .machine-stock-move { | 
 |  |  |     background-image: url("../image/Crane_loctoloc.png"); | 
 |  |  | } | 
 |  |  | /* 站到站 */ | 
 |  |  | .machine-site-move { | 
 |  |  |     background-image: url("../image/Crane_stntostn.png"); | 
 |  |  | } | 
 |  |  | /* p to p */ | 
 |  |  | .machine-p-move { | 
 |  |  |     background-image: url("../image/Crane_hptoohp.png"); | 
 |  |  | } | 
 |  |  | /* 异常 */ | 
 |  |  | .machine-error { | 
 |  |  |     background-image: url("../image/Crane_error.png"); | 
 |  |  | } | 
 |  |  | /* 自动 */ | 
 |  |  | .machine-auto { | 
 |  |  |     background-image: url("../image/Crane_auto.png"); | 
 |  |  | } | 
 |  |  | /* 非自动/收到 */ | 
 |  |  | .machine-un-auto { | 
 |  |  |     background-image: url("../image/Crane_manual.png"); | 
 |  |  | } | 
 |  |  |  | 
 |  |  |  | 
 |  |  |  | 
 |  |  | /* 入库 */ | 
 |  |  | .machine-put-flag { | 
 |  |  |     background-color: #90d0f3; | 
 |  |  | } | 
 |  |  | /* 出库 */ | 
 |  |  | .machine-take-flag { | 
 |  |  |     background-color: yellow; | 
 |  |  | } | 
 |  |  | /* 库到库 */ | 
 |  |  | .machine-stock-move-flag { | 
 |  |  |     background-color: #0c24fb; | 
 |  |  |     color: #fff; | 
 |  |  | } | 
 |  |  | /* 站到站 */ | 
 |  |  | .machine-site-move { | 
 |  |  | .machine-site-move-flag { | 
 |  |  |     background-color: #faa328; | 
 |  |  | } | 
 |  |  | /* PToP */ | 
 |  |  | .machine-p-move { | 
 |  |  | .machine-p-move-flag { | 
 |  |  |     background-color: #128014; | 
 |  |  |     color: #fff; | 
 |  |  | } | 
 |  |  | /* 异常 */ | 
 |  |  | .machine-error { | 
 |  |  | .machine-error-flag { | 
 |  |  |     background-color: red; | 
 |  |  | } | 
 |  |  | /* 自动 */ | 
 |  |  | .machine-auto { | 
 |  |  | .machine-auto-flag { | 
 |  |  |     background-color: rgb(42,253,47); | 
 |  |  | } | 
 |  |  | /* 非自动/收到 */ | 
 |  |  | .machine-unauto { | 
 |  |  | .machine-unauto-flag { | 
 |  |  |     background-color: #aaaaaa; | 
 |  |  | } | 
 |  |  |  | 
 |  |  | 
 |  |  |     position: absolute; | 
 |  |  |     background-color:#333!important; | 
 |  |  |     color: #333 !important; | 
 |  |  |     width: 90%; | 
 |  |  |     width: 95%; | 
 |  |  |     margin-top: 10px; | 
 |  |  | } | 
 |  |  |  | 
 |  |  | 
 |  |  |  | 
 |  |  | /* 入库口 */ | 
 |  |  | .cargo-put { | 
 |  |  |     top: 68px; | 
 |  |  |     left: 113px; | 
 |  |  |     /*transform: rotateY(180deg);*/ | 
 |  |  |     top: 160px; | 
 |  |  |     left: 43px; | 
 |  |  |     position: absolute; | 
 |  |  |     width: 50px; | 
 |  |  |     height: 50px; | 
 |  |  |     height: 40px; | 
 |  |  |     background-image: url("../image/fork_r.png"); | 
 |  |  |     background-repeat: no-repeat; | 
 |  |  |     background-size:100% 100%; | 
 |  |  | 
 |  |  | } | 
 |  |  | /* 扫码器1 */ | 
 |  |  | #code-decoder-1 { | 
 |  |  |     top: 240px; | 
 |  |  |     left: 470px; | 
 |  |  |     top: 144px; | 
 |  |  |     left: 100px; | 
 |  |  | } | 
 |  |  | /* 扫码器数据1 */ | 
 |  |  | #code-decoder-data-1 { | 
 |  |  | 
 |  |  |     margin-left: 35px; | 
 |  |  | } | 
 |  |  |  | 
 |  |  | /* 扫码器1 */ | 
 |  |  | #code-decoder-2 { | 
 |  |  |     top: 204px; | 
 |  |  |     left: 100px; | 
 |  |  | } | 
 |  |  | /* 扫码器数据1 */ | 
 |  |  | #code-decoder-data-2 { | 
 |  |  |     font-size: xx-small; | 
 |  |  |     margin-left: 35px; | 
 |  |  | } | 
 |  |  |  | 
 |  |  | /* 弹窗 */ | 
 |  |  | form .form-item { | 
 |  |  |     display: inline-block; | 
 |  |  |     padding-top: 10px; | 
 |  |  |     padding-left: 5px; | 
 |  |  | } | 
 |  |  | form .form-item-label { | 
 |  |  |     float: left; | 
 |  |  |     text-align: right; | 
 |  |  |     padding: 1px 6px; | 
 |  |  |     display: inline-block; | 
 |  |  |     vertical-align: middle; | 
 |  |  | } | 
 |  |  | form .form-item-input { | 
 |  |  |     display: inline-block; | 
 |  |  |     float: left; | 
 |  |  |     vertical-align: middle; | 
 |  |  | } | 
 |  |  | form .form-item-input input { | 
 |  |  |     height: 1.5rem; | 
 |  |  |     padding-left: 0.5rem; | 
 |  |  | } | 
 |  |  |  | 
 |  |  | /* 动画 */ | 
 |  |  | /*.machine {*/ | 
 |  |  |     /*position: relative;*/ | 
 |  |  |     /*-webkit-animation: machine 2s;*/ | 
 |  |  |     /*animation: machine 2s;*/ | 
 |  |  |     /*animation-fill-mode: forwards;*/ | 
 |  |  | /*}*/ | 
 |  |  | /*@-webkit-keyframes machine {*/ | 
 |  |  |     /*from {left: 0;}*/ | 
 |  |  |     /*to {left: 100px}*/ | 
 |  |  | /*}*/ | 
 |  |  | /*@keyframes animationCrn {*/ | 
 |  |  |     /*from {left: 0}*/ | 
 |  |  |     /*to {left: 100px}*/ | 
 |  |  | /*}*/ |