Merge pull request #46 from zhufengpeixun/master

全日制第九周第二天项目实战-腾讯看比赛

Author: luohuanhuan

讲义/20151224_全日制第九周第二天/css/index.css

@@ -23,6 +23,23 @@ img {
 
 html, body {
     background: #F4F4F4;
+    overflow: hidden;
+}
+
+.bg-white {
+    background: #fff;
+}
+
+.cursor {
+    cursor: pointer;
+}
+
+.left {
+    float: left;
+}
+
+.right {
+    float: right;
 }
 
 .box {
@@ -32,113 +49,108 @@ html, body {
 
 /*时间区域的样式*/
 
-.box .box-time {
+.box-time {
     position: relative;
     padding: 0 32px;
     height: 80px;
     border: 1px solid #dcdcdc;
-    background: #fff;
 }
 
-.box .box-time .time-left, .box .box-time .time-right {
+.time-left, .time-right {
     position: absolute;
     top: 0;
     width: 32px;
     height: 80px;
-    cursor: pointer;
 }
 
-.box .box-time .time-left {
+.time-left {
     left: 0;
     background: url("../img/left.png") no-repeat center center;
 }
 
-.box .box-time .time-right {
+.time-right {
     right: 0;
     background: url("../img/right.png") no-repeat center center;
 }
 
-.box .box-time .time-list {
+.time-list {
+    position: relative;
     padding: 5px 0;
     height: 70px;
     overflow: hidden;
 }
 
-.box .box-time .time-list ul {
+.time-list ul {
+    position: absolute;
+    top: 5px;
+    left: 0;
     width: 1050px;
 }
 
-.box .box-time .time-list ul li {
-    float: left;
+.time-list ul li {
     margin: 0 12px;
     width: 81px;
     height: 70px;
-    cursor: pointer;
 }
 
-.box .box-time .time-list ul li span {
+.time-list ul li span {
     display: block;
     text-align: center;
 }
 
-.box .box-time .time-list ul li span.list-top {
+.time-list ul li span.list-top {
     margin-top: 10px;
     height: 19px;
     line-height: 19px;
     font-size: 14px;
 }
 
-.box .box-time .time-list ul li span.list-bot {
+.time-list ul li span.list-bot {
     margin-top: 5px;
     height: 24px;
     line-height: 24px;
     font-size: 18px;
 }
 
-.box .box-time .time-list ul li.select {
+.time-list ul li.select {
     background: #1c90f2;
     color: #fff;
 }
 
-.box .box-time .time-list ul li.hover {
+.time-list ul li.hover {
     background: #e4f0fa;
     color: #1c90f2;
 }
 
 /*内容区域样式*/
 
-.box .box-content {
-
+.box-content {
+    opacity: 0;
+    filter: alpha(opacity=0);
 }
 
-.box .box-content .content-title {
+.content-title {
     height: 45px;
     line-height: 45px;
     font-size: 14px;
 }
 
-.box .box-content .content-list {
+.content-list {
     border: 1px solid #eee;
-    background: #fff;
 }
 
-.box .box-content .content-list li {
+.content-list li {
     height: 80px;
     border-bottom: 1px solid #eee;
 }
 
-.box .box-content .content-list li div {
-    float: left;
-}
-
-.box .box-content .content-list li .conList-left {
+.content-list li .conList-left {
     padding-left: 18px;
     width: 220px;
 }
 
-.box .box-content .content-list li .conList-left span {
+.content-list li .conList-left span {
     display: block;
-    float: left;
     line-height: 80px;
     color: #a0a0a0;
 }
@@ -151,52 +163,46 @@ html, body {
     width: 140px;
 }
 
-.box .box-content .content-list li .conList-center {
+.content-list li .conList-center {
     width: 382px;
     height: 80px;
     line-height: 80px;
 }
 
-.box .box-content .content-list li .conList-center .home {
-    float: left;
-}
-
-.box .box-content .content-list li .conList-center .away {
-    float: right;
+.content-list li .conList-center .away {
     text-align: right;
 }
 
-.box .box-content .content-list li .conList-center img {
+.content-list li .conList-center img {
     margin-top: 17px;
     width: 48px;
     height: 45px;
 }
 
-.box .box-content .content-list li .conList-center span {
+.content-list li .conList-center span {
     display: block;
     margin: 0 5px;
     width: 87px;
     font-size: 16px;
 }
 
-.box .box-content .content-list li .conList-center span.w92 {
-    float: left;
+.content-list li .conList-center span.w92 {
     margin: 0;
     width: 92px;
     text-align: center;
     color: #1b87e2;
     font-size: 20px;
 }
 
-.box .box-content .content-list li .conList-right {
+.content-list li .conList-right {
     padding-right: 20px;
     width: 158px;
     text-align: right;
     line-height: 80px;
     color: #1b87e2;
 }
 
-.box .box-content .content-list li .conList-right span {
+.content-list li .conList-right span {
     display: inline-block;
     padding-left: 20px;
     background: url("../img/video.png") no-repeat left center;