first commit

历届学生/陈一航/项目/contact/今日头条/css/channel.css

@@ -0,0 +1,88 @@
+.toolbar{
+    width: 100%;
+    height: 50px;
+    background-color: #d43d3d;
+    text-align: center;
+}
+.toolbar span{
+    width: 44px;
+    height: 50px;
+    position: absolute;
+    left: 0;
+    top: 0;
+    text-align: center;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+}
+.toolbar span a{
+    background: url("../img/header_back.png");
+    width: 50%;
+    height: 50%;
+    background-size: 100%;
+    display: block;
+    background-repeat: no-repeat;
+
+}
+.toolbar p{
+    font-size: 1rem;
+    color: #ffffff;
+    width: 100%;
+    height: 100%;
+    text-align: center;
+    line-height: 50px;
+}
+.content{
+    margin-top: .3125rem;
+    padding: 0 .3125rem;
+    width: 100%;
+    box-sizing: border-box;
+}
+.content p{
+    font-size: 12px;
+    color: #666666;
+    margin-bottom: .625rem;
+}
+.content_core{
+    width: 100%;
+    display: flex;
+    align-items: center;
+    /* justify-content: space-between; */
+    flex-wrap: wrap;
+    
+}
+.content_core li{
+    width: 20%;
+    border: 1px solid #cccccc;
+    text-align: center;
+    margin-bottom: .625rem;
+    margin-right: 16px;
+}
+.content_core li a{
+    font-size: 16px;
+    color: #131313;
+}
+.content_cor{
+    width: 100%;
+    display: flex;
+    align-items: center;
+    /* justify-content: space-between; */
+    flex-wrap: wrap;
+    
+}
+.content_cor li{
+    width: 20%;
+    border: 1px solid #cccccc;
+    text-align: center;
+    margin-bottom: .625rem;
+    margin-right: 16px;
+
+}
+.content_cor li a{
+    font-size: 16px;
+    color: #131313;
+}
+.rrd{
+    background-color: red;
+}

历届学生/陈一航/项目/contact/今日头条/css/clear.css

@@ -0,0 +1,7 @@
+body,ul,li,a,input,h1,h2,h3,h4,h5,h6,p{
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    text-decoration: none;
+    outline: none;
+}

历届学生/陈一航/项目/contact/今日头条/css/index.css

@@ -0,0 +1,148 @@
+.header {
+    position: fixed;
+    left: 0;
+    top: 0;
+    z-index: 99;
+    width: 100%;
+    height: auto;
+}
+.header_logo {
+    width: 100%;
+    height: 44px;
+    background: #d43d3d;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0 10px;
+    box-sizing: border-box;
+}
+.message {
+    position: relative;
+}
+.message img {
+    width: 1.6rem;
+    height: 1.25rem;
+}
+.message span {
+    width: .4rem;
+    height: .4rem;
+    background: #fff;
+    border-radius: 100%;
+    position: absolute;
+    right: 0;
+    top: .9375rem;
+}
+.logo .log {
+    width: 4.9rem;
+    height: 1.2rem;
+}
+.logo .refresh {
+    width: 1rem;
+}
+.search img {
+    width: 1.2rem;
+}
+.swiper_menu {
+    width: 90%;
+    overflow-x: scroll;
+}
+.header_menu {
+    height: 1.85rem;
+    background: #f4f5f6;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+.header_menu_left {
+    display: flex;
+    width: 160%;
+    justify-content: space-around;
+} 
+::-webkit-scrollbar{
+    width: 0;
+    height: 0;
+}
+.header_menu_left li {
+    font-size: .85rem;
+    color: #505050;
+}
+.header_menu_right {
+    width: 2rem;
+    height: 1.85rem;
+    text-align: center;
+    line-height: 1.7rem;
+    background: #f4f5f6;
+    
+}
+.header_menu_right a{
+    color: #f85959;
+}
+.content {
+    padding: 0 .75rem;
+    margin-top: 4.1rem;
+}
+.list_item {
+
+}
+.item {
+    padding: 16px 0;
+}
+
+.one h2 {
+    color: #222;
+    font-size: .85rem;
+    margin-bottom: 6px;
+}
+.one img {
+    width: 100%;
+}
+.one .mes{
+    margin-top: -0.5rem;
+}
+.one .mes span {
+    font-size: .5rem;
+    color: #999;
+}
+.two {
+    display: flex;
+    height: 5.25rem;
+}
+.two .item_message h2{
+    color: #222;
+    font-size: .85rem;
+    margin-right: .6rem
+}
+.two .item_message span{
+    font-size: .5rem;
+    margin-top: .3rem;
+    color: #999;
+}
+.two img {
+    width: 5.65rem;
+    height: 3.675rem;
+}
+.three h2 {
+    color: #222;
+    font-size: .85rem;
+    margin-right: .6rem;
+    margin-bottom: .5rem;
+}
+.three ul {
+    display: flex;
+}
+.three ul li {
+    width: 33%;
+    margin-right: 3px;
+}
+.three ul li img{
+    width: 100%;
+    height: 3.675rem;
+}
+.three span {
+    font-size: .5rem;
+    margin-top: .3rem;
+    color: #999;
+}
+.active {
+    color: red !important;
+}

历届学生/陈一航/项目/contact/今日头条/css/publik.css

@@ -0,0 +1,22 @@
+html {
+    font-size: 20px;
+  }
+  @media only screen and (min-width: 400px) {
+    html {
+      font-size: 21.33333333px !important;
+    }
+  }
+  @media only screen and (min-width: 414px) {
+    html {
+      font-size: 22.08px !important;
+    }
+  }
+  @media only screen and (min-width: 480px) {
+    html {
+      font-size: 25.6px !important;
+    }
+  }
+  .v-algin {
+    line-height: 3.375rem;
+    height: 2.75rem;
+  }