|  |  | 
 |  |  | *{ | 
 |  |  |     margin: 0; | 
 |  |  |     overflow: hidden; | 
 |  |  |     /*overflow: hidden;*/ | 
 |  |  |    font-size: 10px; | 
 |  |  | } | 
 |  |  | html,body{ | 
 |  |  |     height: 100%; | 
 |  |  | 
 |  |  | #root { | 
 |  |  |     height: 100%; | 
 |  |  |     width: 100%; | 
 |  |  |    margin: 0; | 
 |  |  |    background-color: /* #2C3E50 */ #2e4e7e; | 
 |  |  |    position: absolute; | 
 |  |  | } | 
 |  |  | 
 |  |  |     color:white; | 
 |  |  |     line-height: 94px; | 
 |  |  |     text-align: center; | 
 |  |  |    font-size: 40px; | 
 |  |  | } | 
 |  |  | #showTime { | 
 |  |  |     width: 350px; | 
 |  |  | 
 |  |  |     font-size: 20px; | 
 |  |  | } | 
 |  |  |  | 
 |  |  |  | 
 |  |  | #proType { | 
 |  |  |    margin-top: 0%; | 
 |  |  |    width: 50%; | 
 |  |  |    color: #d9d9d9; | 
 |  |  |    align: center; | 
 |  |  |    margin-left: 25%; | 
 |  |  |    font-size: 10px; | 
 |  |  |    font-weight: 100; | 
 |  |  | } | 
 |  |  |  | 
 |  |  |  | 
 |  |  | #main-tab { | 
 |  |  | 
 |  |  |    cursor: default; | 
 |  |  | } | 
 |  |  | #main-tab th { | 
 |  |  |    height: 50px; | 
 |  |  |    width: 50px; | 
 |  |  |    height: 40px; | 
 |  |  |    width: 25px; | 
 |  |  |    background-color: /* #223962 */#3a4a5a; | 
 |  |  | } | 
 |  |  |  | 
 |  |  | 
 |  |  |    border-collapse: collapse; | 
 |  |  |    text-align: center; | 
 |  |  |    cursor: pointer; | 
 |  |  | } | 
 |  |  | #main-tab p { | 
 |  |  |    font-size: 14px; | 
 |  |  | } | 
 |  |  | /* .normal { | 
 |  |  |    background-color: #009966; | 
 |  |  | 
 |  |  | } | 
 |  |  |  | 
 |  |  | #details { | 
 |  |  |    position: relative; | 
 |  |  |    position: absolute; | 
 |  |  | } | 
 |  |  | #details .head { | 
 |  |  |    width: 100%; | 
 |  |  | 
 |  |  |    display: inline-block; | 
 |  |  |    position: absolute; | 
 |  |  |    float: left; | 
 |  |  |    width: 11%; | 
 |  |  |    width: 16%; | 
 |  |  |    margin-top: 0.5%; | 
 |  |  |    margin-left: 1%; | 
 |  |  | } | 
 |  |  | 
 |  |  | } | 
 |  |  | .tab-head>th { | 
 |  |  |    width: 73px; | 
 |  |  |    height: 30px; | 
 |  |  |    height: 25px; | 
 |  |  | } | 
 |  |  | .tab-head>th:first-child { | 
 |  |  |    width: 55px; | 
 |  |  |    width: 110px; | 
 |  |  | } | 
 |  |  | /*表身*/ | 
 |  |  | .tab-body { | 
 |  |  | 
 |  |  | } | 
 |  |  | .tab-body>td { | 
 |  |  |    width: 73px; | 
 |  |  |    height: 48px; | 
 |  |  |    height: 30px; | 
 |  |  |    text-align: center; | 
 |  |  | } | 
 |  |  | .tab-body>td:first-child { | 
 |  |  | 
 |  |  |    position: absolute; | 
 |  |  |    clear: both; | 
 |  |  |    background-color: #FFF; | 
 |  |  |    width: 87%; | 
 |  |  |    width: 80%; | 
 |  |  |    margin-top: 0.5%; | 
 |  |  |    margin-left: 12%; | 
 |  |  |    margin-left: 16.9%; | 
 |  |  |    overflow-x: scroll; | 
 |  |  | } | 
 |  |  |  | 
 |  |  | 
 |  |  |  | 
 |  |  | } | 
 |  |  | #details-tab th { | 
 |  |  |    height: 30px; | 
 |  |  |    height: 25px; | 
 |  |  |    width: 55px; | 
 |  |  | } | 
 |  |  | #details-tab td { | 
 |  |  |    height: 25px; | 
 |  |  |    height: 16px; | 
 |  |  |    text-align: center; | 
 |  |  |    position: relative; | 
 |  |  |  | 
 |  |  | 
 |  |  | #tabBody td { | 
 |  |  |    border: none; | 
 |  |  | } | 
 |  |  |  | 
 |  |  | .loadBox { | 
 |  |  |    width: 50px; | 
 |  |  |    height: 50px; | 
 |  |  | 
 |  |  |  | 
 |  |  | .over-color{ | 
 |  |  |    background-color: #aeafaf; | 
 |  |  |    opacity: 0.5; | 
 |  |  |    opacity: 1; | 
 |  |  |  | 
 |  |  |  | 
 |  |  | } |