*{ margin:0; padding:0; box-sizing:border-box; } table{ width: 100%; height: 500px; border-bottom: 1px solid #5FBDF6; } table > thead{ height: 47px; border-top: 1px solid #5FBDF6; border-left: 1px solid #5FBDF6; } table > thead > tr > th { border-bottom: 1px solid #5FBDF6; } caption{ padding: 10px 0 24px; color: #444444; } caption > *{ display: inline-block; vertical-align: middle; } thead tr th{ padding: 10px 0 10px 0; } tbody tr{ text-align:center; line-height: 22px; } tfoot tr,.firstcol{ border-left: 1px solid #5FBDF6; } tfoot tr td{ padding: 10px 0 10px 40px; color:#DE6764; font-size: 14px; } th,td{ border-right: 1px solid #5FBDF6; border-top: 1px solid #5FBDF6; } .topline2px td{ border-top:1px solid #5FBDF6; } #table thead th{ background: #E8F6FF; color: #5FBDF6; font-size: 16px; font-weight: inherit; border-top: 0; } #table thead th.weekend{ background: #DE6764; } #table thead th:first-child{ border-left: 0; width: 11%; } .weekend{ background-color:#FFB6C1; } #table th{ text-align: center; } .teapBox{ background: #fff; padding: 30px; margin: 0 5px; } .teapBtn{ width: 76px; height: 32px; } .semester{ width: 220px; height: 32px; position: relative; text-align: center; display: inline-block; color: #989898; font-size: 14px; line-height: 32px; z-index: 99; margin-right: 30px; } .semester i{ background: #B4B4B4; width: 20px; height: 20px; border-radius: 2px; text-align: center; line-height: 20px; color: #fff; position: absolute; top: 0; bottom: 0; right: 6px; margin: auto; cursor: pointer; } .semester span{ display: block; height: 100%; border: 1px solid #B5B5B5; border-radius: 4px; background: #fff; padding-right: 27px; } .teapSelect{ border: 1px solid #B5B5B5; position: absolute; width: 100%; left: 0px; top: 26px; background: #fff; padding-top: 10px; z-index: -1; max-height: 300px; overflow: auto; display: none; cursor: pointer; } .teapSelect::-webkit-scrollbar-track-piece{width:1px;background-color:#000;} .teapSelect::-webkit-scrollbar{width:1px;height:6px} .teapSelect::-webkit-scrollbar-thumb{height:50px;background-color:#ccc;} .teapSelect::-webkit-scrollbar-thumb:hover{background:#ccc;} .teapSelect li{ padding-right: 27px; transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-transition:all 0.5s; background: #fff; } .teapSelect li:hover,.teapSelect li.active{ background: #3ca2e0; color: #fff; } .lookOpac{ height: 20px; filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0; } .lookHead th{ width: 18%; } .lookHead th:first-child{ width: 10%; } .pkTitle,.paikeTxt{ display: block; padding: 0 20px; } .pkTitle{ font-size: 20px; color: #363636; text-align: left; margin: 5px 0; } .paikeTxt{ font-size: 16px; color: #848484; text-align: right; padding-bottom: 5px; } .perBtn { width: 160px; border-radius: 4px; margin-top: 20px; }