|  |  | 
 |  |  | body { | 
 |  |  |     padding: 10px; | 
 |  |  |     background-color: #f1f1f1; | 
 |  |  |     /*padding: 10px;*/ | 
 |  |  |     background-color: #6CA7A8; | 
 |  |  | } | 
 |  |  | main { | 
 |  |  |     background-color: #fff; | 
 |  |  | 
 |  |  |     box-shadow: 0 0 3px rgba(0,0,0,.3); | 
 |  |  |     margin-bottom: 8px; | 
 |  |  | } | 
 |  |  | .button-window { | 
 |  |  |     float: left; | 
 |  |  |     width: 100%; | 
 |  |  |     height: 100%; | 
 |  |  |     padding: 10px; | 
 |  |  |     border-radius: 5px; | 
 |  |  |     box-shadow: 0 0 3px rgba(0 0 0 .3); | 
 |  |  | } | 
 |  |  | .main-board { | 
 |  |  |     padding-left: 1%; | 
 |  |  |     float: left; | 
 |  |  |     width: 50%; | 
 |  |  |     height: 100%; | 
 |  |  | 
 |  |  |  | 
 |  |  | /* 表格 */ | 
 |  |  | .plc-log-header { | 
 |  |  |     height: 15%; | 
 |  |  |     height: 05%; | 
 |  |  | } | 
 |  |  | .plc-log-body { | 
 |  |  |     height: 85%; | 
 |  |  |     height: 95%; | 
 |  |  |     overflow: auto; | 
 |  |  | } | 
 |  |  |  | 
 |  |  | 
 |  |  |     background-color: #CCE8EB; | 
 |  |  |     width: 100px; | 
 |  |  | } | 
 |  |  | #plc-error-table td { | 
 |  |  |     color: red; | 
 |  |  | } | 
 |  |  | #plc-error-table tr:nth-child(odd) { | 
 |  |  |     background: #fff; | 
 |  |  | } | 
 |  |  | 
 |  |  |     height: 100%; | 
 |  |  |     overflow: auto; | 
 |  |  |     resize:none; | 
 |  |  | } | 
 |  |  |  | 
 |  |  |  | 
 |  |  | /* 详情弹出层 */ | 
 |  |  | #site-detl { | 
 |  |  |     padding: 30px 10px 0 25px; | 
 |  |  |     overflow: hidden; | 
 |  |  | } | 
 |  |  | #site-detl form { | 
 |  |  |     overflow: hidden; | 
 |  |  | } | 
 |  |  | .form-item { | 
 |  |  |     margin-bottom: 10px; | 
 |  |  | } | 
 |  |  | .form-label { | 
 |  |  |     display: inline-block; | 
 |  |  |     width: 70px; | 
 |  |  |     text-align: right; | 
 |  |  | } | 
 |  |  | .form-input { | 
 |  |  |     display: inline-block; | 
 |  |  |     padding-left: 15px; | 
 |  |  | } | 
 |  |  | .form-input input { | 
 |  |  |     outline-style: none ; | 
 |  |  |     border: 1px solid #ccc; | 
 |  |  |     border-radius: 3px; | 
 |  |  |     padding: 5px 8px; | 
 |  |  |     width: 150px; | 
 |  |  |     font-size: 14px; | 
 |  |  |     font-weight: bolder; | 
 |  |  | } | 
 |  |  | .form-input input:focus{ | 
 |  |  |     border-color: #66afe9; | 
 |  |  |     outline: 0; | 
 |  |  |     -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); | 
 |  |  |     box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6) | 
 |  |  | } | 
 |  |  | .form-button-container { | 
 |  |  |     text-align: center; | 
 |  |  | } | 
 |  |  | .form-button { | 
 |  |  |     margin: 10px 10px; | 
 |  |  |     width: 50px; | 
 |  |  |     height: 30px; | 
 |  |  |     color:white; | 
 |  |  |     background-color:cornflowerblue; | 
 |  |  |     border-radius: 3px; | 
 |  |  |     border-width: 0; | 
 |  |  |     outline: none; | 
 |  |  |     font-size: 15px; | 
 |  |  |     text-align: center; | 
 |  |  |     cursor: pointer; | 
 |  |  | } | 
 |  |  | .form-button:hover { | 
 |  |  |     opacity: 0.7; | 
 |  |  | } |