first commit

历届学生/font-end-nine/项目练习/学生项目/张婷/作业/2022-6.2~6.4css网页/Z.CSS

@@ -0,0 +1,89 @@
+.top{
+    margin: 0px auto;
+    overflow: hidden;
+    /* auto没用不知道怎么调所以用了上课提了一嘴的弹性盒子 */
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+.top .logo img{
+    height: 88px;
+    width: 272px;
+    margin-top: 6px;
+    float: left;
+}
+
+.search{
+    padding-top: 18px;
+    margin-left: 64px;
+    float: left;
+}
+.search .search_up{
+    margin-bottom: 8px;
+
+
+}
+.search .search_up ul{
+    font-size: 12px;
+    color: #333;
+    overflow: hidden;
+}
+.search .search_up ul .ps{
+    font-weight: 700;
+}
+
+.search .search_up li{
+    margin-right: 15px;
+    float: left;
+
+}
+
+.search .search_down{
+    overflow: hidden;
+
+}
+.search .search_down input{
+    width: 368px;
+    height: 20px;
+    padding: 7px 10px;
+    border: 1px solid #ccc;
+    border-right: none;
+    float: left;
+}
+.search .search_down .button{
+    width: 80px;
+    height: 36px;
+    background: #3686f1;
+    font-size: 16px;
+    float: right;
+    color: #ffffff;
+    text-align: center;
+    line-height: 36px;
+}
+
+
+.icon{
+    margin-top: calc(16px + 18px + 8px - 2px);
+    float: left;
+    margin-left: 12px;
+}
+.icon li{
+    display: inline-block;
+    font-size: 12px;
+    text-align: center;
+}
+.icon li:nth-child(2){
+    margin: 0 18px;
+}
+.icon li a{}
+.icon li a img{
+    width: 20px;
+    height: 20px;
+}
+.icon li a div{}
+
+
+
+
+
+