|  |  | 
 |  |  |     width: 100%; | 
 |  |  |     background-color: rgb(108,167,168); | 
 |  |  | } | 
 |  |  |  | 
 |  |  | .head { | 
 |  |  |     height: 10%; | 
 |  |  |     width: 100%; | 
 |  |  | 
 |  |  |     background-color: #000000; | 
 |  |  |     z-index: 5; | 
 |  |  | } | 
 |  |  | .barcode { | 
 |  |  |     position: absolute; | 
 |  |  |     color: #a19c9c; | 
 |  |  |     border: 1px solid rgb(108,167,168); | 
 |  |  |     cursor: pointer; | 
 |  |  |     text-align: center; | 
 |  |  |     background-color: rgb(157, 217, 162); | 
 |  |  |     font-size: 10px; | 
 |  |  | } | 
 |  |  | .item { | 
 |  |  |     border: 1px solid rgb(194,76,65); | 
 |  |  |     color: rgb(194,76,65); | 
 |  |  | 
 |  |  |  | 
 |  |  | .floorBtn { | 
 |  |  |     position: absolute; | 
 |  |  |     /*border: 1px solid rgb(108, 167, 168);*/ | 
 |  |  |     top: 10px; | 
 |  |  |     color: #000000; | 
 |  |  |     border-radius: 5px; | 
 |  |  |     left: 1750px; | 
 |  |  |     width: 90px; | 
 |  |  |     height: 40px; | 
 |  |  |     color: #ffffff; | 
 |  |  |     font-size: 24px; | 
 |  |  |     font-weight: 500; | 
 |  |  |     letter-spacing: 5px; | 
 |  |  |     cursor:pointer; | 
 |  |  |     transition: all 0.3s ease; | 
 |  |  |     font-family: 'Lato', sans-serif; | 
 |  |  |     background: transparent; | 
 |  |  |     box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, 0.5), 7px 7px 20px 0px rgba(0, 0, 0, 0.1), | 
 |  |  |     4px 4px 5px 0px rgba(0, 0, 0, 0.1); | 
 |  |  | } | 
 |  |  | /* 16 */ | 
 |  |  | .btn-16 { | 
 |  |  |     border: none; | 
 |  |  |     color: #fff; | 
 |  |  | } | 
 |  |  | .btn-16:after { | 
 |  |  |     position: absolute; | 
 |  |  |     content: ''; | 
 |  |  |     width: 0; | 
 |  |  |     height: 100%; | 
 |  |  |     top: 0; | 
 |  |  |     left: 0; | 
 |  |  |     direction: rtl; | 
 |  |  |     z-index: -1; | 
 |  |  |     box-shadow: -7px -7px 20px 0px #fff9, -4px -4px 5px 0px #fff9, 7px 7px 20px 0px #0002, | 
 |  |  |     4px 4px 5px 0px #0001; | 
 |  |  |     transition: all 0.3s ease; | 
 |  |  | } | 
 |  |  | .btn-16:hover { | 
 |  |  |     color: #323131; | 
 |  |  | } | 
 |  |  | .btn-16:hover:after { | 
 |  |  |     left: auto; | 
 |  |  |     right: 0; | 
 |  |  |     width: 100%; | 
 |  |  | } | 
 |  |  | .btn-16:active { | 
 |  |  |     top: 2px; | 
 |  |  | } | 
 |  |  |  | 
 |  |  |  | 
 |  |  |  | 
 |  |  |  | 
 |  |  |  | 
 |  |  |  | 
 |  |  | /*操作显示栏*/ | 
 |  |  | #body { | 
 |  |  | 
 |  |  | .machine { | 
 |  |  |     position: absolute; | 
 |  |  |     background-color: rgb(108,167,168); | 
 |  |  |     margin-left: 1116px; | 
 |  |  |     /*margin-left: 1116px;*/ | 
 |  |  |     height: 20px; | 
 |  |  |     width: 80px; | 
 |  |  |     background-image: url("../images/Crane_auto.png"); |