|  |  | 
 |  |  | *{ | 
 |  |  |     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; | 
 |  |  | 
 |  |  | } | 
 |  |  | #tips h3 { | 
 |  |  |    text-indent: 1em; | 
 |  |  |    height: 40px; | 
 |  |  |    line-height: 40px; | 
 |  |  |    height: 36px; | 
 |  |  |    line-height: 36px; | 
 |  |  |    background-color: #2E4E7E; | 
 |  |  |    color: #FFFFFF; | 
 |  |  | } | 
 |  |  | 
 |  |  | } | 
 |  |  |  | 
 |  |  | #details { | 
 |  |  |    position: relative; | 
 |  |  |    position: absolute; | 
 |  |  | } | 
 |  |  | #details .head { | 
 |  |  |    width: 100%; | 
 |  |  | 
 |  |  |    display: inline-block; | 
 |  |  |    position: absolute; | 
 |  |  |    float: left; | 
 |  |  |    width: 11%; | 
 |  |  |    margin-top: 1%; | 
 |  |  |    width: 16%; | 
 |  |  |    margin-top: 0.5%; | 
 |  |  |    margin-left: 1%; | 
 |  |  | } | 
 |  |  | /*表头*/ | 
 |  |  | 
 |  |  | } | 
 |  |  | .tab-head>th { | 
 |  |  |    width: 73px; | 
 |  |  |    height: 35px; | 
 |  |  |    height: 25px; | 
 |  |  | } | 
 |  |  | .tab-head>th:first-child { | 
 |  |  |    width: 55px; | 
 |  |  |    width: 110px; | 
 |  |  | } | 
 |  |  | /*表身*/ | 
 |  |  | .tab-body { | 
 |  |  | 
 |  |  | } | 
 |  |  | .tab-body>td { | 
 |  |  |    width: 73px; | 
 |  |  |    height: 52px; | 
 |  |  |    height: 30px; | 
 |  |  |    text-align: center; | 
 |  |  | } | 
 |  |  | .tab-body>td:first-child { | 
 |  |  | 
 |  |  |    position: absolute; | 
 |  |  |    clear: both; | 
 |  |  |    background-color: #FFF; | 
 |  |  |    width: 86%; | 
 |  |  |    margin-top: 1%; | 
 |  |  |    margin-left: 12%; | 
 |  |  |    overflow: scroll; | 
 |  |  | 	 | 
 |  |  |    width: 80%; | 
 |  |  |    margin-top: 0.5%; | 
 |  |  |    margin-left: 16.9%; | 
 |  |  |    overflow-x: scroll; | 
 |  |  | } | 
 |  |  |  | 
 |  |  | #details-tab th td{ | 
 |  |  |    border: 1px solid #d9dce3; | 
 |  |  |    cursor: default; | 
 |  |  |  | 
 |  |  | } | 
 |  |  | #details-tab th { | 
 |  |  |    height: 35px; | 
 |  |  |    height: 25px; | 
 |  |  |    width: 55px; | 
 |  |  | } | 
 |  |  | #details-tab td { | 
 |  |  |    height: 27px; | 
 |  |  |    height: 16px; | 
 |  |  |    text-align: center; | 
 |  |  |    position: relative; | 
 |  |  |  | 
 |  |  | } | 
 |  |  | #tabBody td { | 
 |  |  |    border: none; | 
 |  |  | } | 
 |  |  |  | 
 |  |  | .loadBox { | 
 |  |  |    width: 50px; | 
 |  |  |    height: 50px; | 
 |  |  | 
 |  |  |    background-color: #354352; | 
 |  |  |    color: #FFFFFF; | 
 |  |  |    font-size: 1px; | 
 |  |  |    border: 1px solid #ffffff; | 
 |  |  | } | 
 |  |  |  | 
 |  |  |  | 
 |  |  |  | 
 |  |  |  | 
 |  |  | #tot th:hover { | 
 |  |  |    background-color: #0c64eb; | 
 |  |  | } | 
 |  |  |  | 
 |  |  | .over-color{ | 
 |  |  |    background-color: #aeafaf; | 
 |  |  |    opacity: 1; | 
 |  |  |  | 
 |  |  |  | 
 |  |  | } | 
 |  |  |  | 
 |  |  |  |