first commit

历届学生/逯帅帅/项目开发/上课项目/今日头条/css/clear.css

@@ -0,0 +1,9 @@
+html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}
+
+a {
+    text-decoration: none;
+}

历届学生/逯帅帅/项目开发/上课项目/今日头条/css/index.css

@@ -0,0 +1,103 @@
+.header {
+    height: 81px;
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    z-index: 999;
+}
+.header_search {
+    height: 44px;
+    background: #d43d3d;
+    padding: 11px 24px;
+    box-sizing: border-box;
+    display: flex;
+    justify-content: space-between;
+}
+.message img {
+    width: 32px;
+    height: 25px;
+}
+.message circular {}
+.logo {
+    display: flex;
+    align-items: center;
+}
+.logo img {
+    width: 83px;
+    height: 21px;
+    margin-right: 5px;
+}
+.logo i {
+    color: #fff;
+    font-size: 14px;
+}
+
+.header_search .search_icon {
+    width: 24px;
+    height: 24px;
+}
+.header_menu {
+    height: 36px;
+    background: #f4f5f6;
+    display: flex;
+    overflow: hidden;
+}
+.header_menu .menu{
+    flex-grow: 3;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    overflow-x: scroll;
+    padding-left: 15px;
+}
+ul.menu li {
+    flex-shrink: 0;
+    padding-right: 10px;
+    font-size: 17px;
+}
+.header_menu i {
+    width: 45px;
+    height: 40px;
+    text-align: center;
+    line-height: 37px;
+    font-size: 18px;
+    color: #f85959;
+    box-shadow: -1px 1px 7px #d2d2d2;
+}
+.content {
+    margin-top: 81px;
+}
+.list_item {
+    padding-bottom: 16px;
+}
+.list_item li {
+    margin: 0 15px;
+    border-bottom: 1px solid #f4f4f4;
+    padding-bottom: 10px;
+    padding-top: 15px;
+}
+.list_item .imgtext {
+    display: flex;
+    justify-content: space-between;
+}
+.column {
+    flex-direction: column;
+}
+.imgtext img {
+    width: 114px;
+    height: 64px;
+}
+.imgtext h3 {
+    font-size: 17px;
+    font-weight: 400;
+    margin-bottom: 6px;
+}
+.imgtext p {
+    font-size: 12px;
+    color: #999;
+    /* transform: scale(0.8);
+    transform-origin: -12px; */
+    zoom: 0.8;
+}
+.list_item .text {}