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;
+}