first commit

历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-10/赶集网头部练习.css

@@ -0,0 +1,111 @@
+.nav{
+    height: 58px;
+}
+.nav .center{
+    width: 1190px;
+    height: 42px;
+    margin: 0 auto;
+}
+.logo img{
+    width:138.7px;
+    height: 42px;
+    margin-top: 8px;
+    margin-right: 45px;
+}
+.logo .city{
+    margin-right: 45px;
+}
+.logo .city i{
+    font-size: 15px;
+    vertical-align: revert;
+
+}
+.logo .city .city_name{
+    font-size: 15px;
+    color: #333;
+}
+.logo .city a{
+    font-size: 12px;
+    margin-left: 10px;
+    color: #32be4a;
+}
+.logo .city, .logo .menu{
+    line-height: 58px;
+}
+.logo .menu .active{
+    color: #32be4a;
+    font-weight: 700;
+    position: relative;
+}
+.logo .menu .active::after{
+    content:"";
+    width: 23px;
+    height: 3px;
+    background: #32be4a;
+    position: absolute;
+    bottom: -18px;
+    left: 50%;
+    transform: translate(-50%);
+}
+.logo .menu li{
+    margin-right: 40px;
+}
+.logo .menu li a{
+    font: 15px;
+    color: #333;
+    font-weight: 400;
+    line-height: 1;
+}
+.nav_right li a:hover .drop_menu{
+    display:block
+}
+
+.menu li{
+    float: left;
+}
+.nav_right li{
+    line-height: 58px;
+    float: left;
+    margin-right: 15px;
+}
+.nav_right a{
+    font-size: 16px;
+    color: #333;
+    position: relative;
+}
+.nav_right  a>i{
+    /* font-size: 20px; */
+    color: #333;
+    vertical-align: middle;
+}
+.nav_right  .icon-zhankai {
+    font-size: 17px;
+}
+
+.drop_menu img{
+    width: 100px;
+    height: 100px;
+    margin-top: 6px;
+}
+.nav_right .drop_menu{
+    text-align: center;
+    background: white;
+    line-height: 22px;
+    padding: 18px 25px;
+    position: absolute;
+    top:23px;
+    left: 50%;
+    box-shadow: 0 0 10px 0 rgb(237, 237, 237);
+    border-radius: 10px;
+    transform:translateX(-50%) ;
+    display: none;
+}
+.drop_menu_title{
+    font-size: 16px;
+    font-weight: 700;
+    color: #333;
+}
+.drop_menu_text{
+    font-size: 14PX;
+    font-weight: 400;
+}