|  |  | 
 |  |  |    width: 100%; | 
 |  |  |    height: 23%   ; | 
 |  |  |    position: absolute; | 
 |  |  |    bottom: 1%; | 
 |  |  |    bottom: 2.5%; | 
 |  |  | } | 
 |  |  | /* 控制开关 */ | 
 |  |  | .system-state { | 
 |  |  | 
 |  |  |    font-size: 14px; | 
 |  |  |    color: #FFFFFF; | 
 |  |  | } | 
 |  |  | /* 站点 */ | 
 |  |  | .site { | 
 |  |  |    color: #333; | 
 |  |  |    height: 18px; | 
 |  |  |    border: 1px solid rgb(108,167,168); | 
 |  |  |    cursor: pointer; | 
 |  |  |    width: 50px; | 
 |  |  |    text-align: center; | 
 |  |  |    background-color: rgb(120,255,129); | 
 |  |  |    font-size: 13px; | 
 |  |  | } | 
 |  |  | /*空站点*/ | 
 |  |  | .site-k { | 
 |  |  |    border: 1px solid rgb(108,167,168); | 
 |  |  |    background-color: rgb(108, 167, 168); | 
 |  |  | } | 
 |  |  | /* 入库 */ | 
 |  |  | .machine-put-flag { | 
 |  |  |    padding: 0 10px; | 
 |  |  | 
 |  |  |    background-repeat: no-repeat; | 
 |  |  |    margin-left: 2%; | 
 |  |  | } | 
 |  |  | /* 站点 */ | 
 |  |  | .site { | 
 |  |  |    color: #333; | 
 |  |  |    height: 18px; | 
 |  |  |    border: 1px solid rgb(108,167,168); | 
 |  |  |    cursor: pointer; | 
 |  |  |    width: 50px; | 
 |  |  |    text-align: center; | 
 |  |  |    background-color: rgb(120,255,129); | 
 |  |  |    font-size: 13px; | 
 |  |  | } | 
 |  |  | .site-k { | 
 |  |  |    border: 1px solid rgb(108,167,168); | 
 |  |  |    background-color: rgb(108, 167, 168); | 
 |  |  | } | 
 |  |  | /*空站点*/ | 
 |  |  |  | 
 |  |  |  | 
 |  |  |  | 
 |  |  | /* ------------------ 输送线总成 ------------------ */ | 
 |  |  | .site-row { | 
 |  |  |    position: absolute; | 
 |  |  | 
 |  |  | /* 输送线第一列 */ | 
 |  |  | .site-row-1 { | 
 |  |  |    top: 205px; | 
 |  |  |    left: 128px; | 
 |  |  |    left: 120px; | 
 |  |  | } | 
 |  |  | .site-row-1 .site { | 
 |  |  |    width: 90px; | 
 |  |  |    width: 80px; | 
 |  |  | } | 
 |  |  |  | 
 |  |  | /* 输送线第二列 */ | 
 |  |  | .site-row-2 { | 
 |  |  |    top: 205px; | 
 |  |  |    left: 230px; | 
 |  |  |    left: 202px; | 
 |  |  | } | 
 |  |  | .site-row-2 .site { | 
 |  |  |    width: 90px; | 
 |  |  |    width: 80px; | 
 |  |  | } | 
 |  |  | .site-row-3 { | 
 |  |  |    top: 205px; | 
 |  |  |    left: 302px; | 
 |  |  |    width: 144px; | 
 |  |  |    left: 284px; | 
 |  |  |    /*width: 164px;*/ | 
 |  |  | } | 
 |  |  | .site-row-3 .site { | 
 |  |  |    width: 90px; | 
 |  |  | } | 
 |  |  | .site-row-4 { | 
 |  |  |    top: 246px; | 
 |  |  |    left: 374px; | 
 |  |  |    width: 80px; | 
 |  |  | } | 
 |  |  |  | 
 |  |  | .site-row-5 { | 
 |  |  |    top: 71px; | 
 |  |  |    left: 446px; | 
 |  |  |    left: 448px; | 
 |  |  | } | 
 |  |  | .site-row-5 .site { | 
 |  |  |    width: 90px; | 
 |  |  |    width: 80px; | 
 |  |  | } | 
 |  |  | .site-row-6 { | 
 |  |  |    top: 71px; | 
 |  |  |    left: 518px; | 
 |  |  |    left: 530px; | 
 |  |  | } | 
 |  |  | .site-row-6 .site { | 
 |  |  |    width: 90px; | 
 |  |  |    width: 80px; | 
 |  |  | } | 
 |  |  |  | 
 |  |  |  | 
 |  |  | 
 |  |  | .main-part { | 
 |  |  |    position: absolute; | 
 |  |  |    top: 20px; | 
 |  |  |    left: 590px; | 
 |  |  |    left: 612px; | 
 |  |  | } | 
 |  |  | .main-part .lane { | 
 |  |  |    margin-top: 30px; | 
 |  |  | } | 
 |  |  | /* 库位组 */ | 
 |  |  | .stock-group .item { | 
 |  |  |    width: 30px; | 
 |  |  |    float: left; | 
 |  |  |    border-top: 1px solid rgb(194,76,65); | 
 |  |  |    border-bottom: 1px solid rgb(194,76,65); |