first commit

历届学生/front-end-team-10/项目练习/学生项目/冯凯/练习/2.10/赶集网/header.css

@@ -0,0 +1,135 @@
+.main {
+    height: 58px;
+    width: 100%;
+    background-color: #ffffff;
+}
+
+.main .center {
+    width: 1190px;
+    margin: 0 auto;
+    height: 58px;
+
+}
+
+.logo img {
+    width: 138.69px;
+    height: 42px;
+    padding-top: 8px;
+}
+
+.logo .city i {
+    font-size: 20px;
+    vertical-align: middle;
+}
+
+.logo .city .city_name {
+    font-size: 12px;
+    color: #333;
+}
+
+.logo .city a {
+    font-size: 12px;
+    color: #32be4a;
+}
+
+.logo .menu li {
+    float: left;
+    margin-right: 40px;
+}
+
+.logo .menu a {
+    color: #333;
+}
+
+.logo .menu li .after {
+    color: #32be4a;
+    font-weight: 700;
+    position: relative;
+}
+
+.logo .menu li .after::after {
+    background: #32be4a;
+    content: "";
+    width: 23px;
+    height: 3px;
+    position: absolute;
+    position: absolute;
+    bottom: -18px;
+    left: 50%;
+    transform: translateX(-50%);
+}
+
+
+.logo .city,
+.menu {
+    line-height: 58px;
+}
+
+.logo img,
+.city {
+    margin-right: 50px;
+}
+
+.logo .city a {
+    margin-left: 10px;
+}
+
+.list li {
+    float: left;
+    margin-left: 40px;
+    line-height: 58px;
+    position: relative;
+
+}
+
+.list li a:hover .d_menu {
+    display: block;
+}
+
+.list li .icon-shouji {
+    font-size: 20px;
+    vertical-align: bottom;
+}
+
+.list li span {
+    color: #333;
+    font-size: 15px;
+}
+
+.list li .icon-xiala {
+    font-weight: 700;
+}
+
+.list li .d_menu {
+    padding: 18px 25px;
+    background-color: #fff;
+    border-radius: 10px;
+    box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
+    position: absolute;
+    top: 38px;
+    left: 50%;
+    transform: translateX(-50%);
+    display: none;
+}
+
+.list li .d_menu img {
+    width: 100px;
+    height: 100px;
+}
+
+.list li .d_menu .down {
+    color: #333;
+    font-size: 16px;
+    font-weight: 700;
+    text-align: center;
+    line-height: 10px;
+
+}
+
+.list li .d_menu .app {
+    color: #333;
+    font-weight: 400;
+    font-size: 14px;
+    text-align: center;
+
+}