first commit

历届学生/韩想/项目开发/课程项目/小米商城/css/index.css

@@ -0,0 +1,126 @@
+.header .header_left,
+.header .header_right {
+    display: flex;
+    align-items: center;
+    height: 40px;
+}
+
+.header .header_left a,
+.header .header_right a{
+    color: #b0b0b0;
+}
+
+
+.header {
+    background-color: #333;
+    height: 40px;
+}
+.header .fa {
+    display: flex;
+    justify-content: space-between;
+}
+.header .header_left {
+
+}
+.header .header_left li{
+    margin-right: 17px;
+}
+.header .header_left li a {
+    position: relative
+}
+.header .header_left li:last-child a::after {
+    width: 0px !important;
+}
+
+.header .header_left li a::after{
+    position: absolute;
+    content: " ";
+    height: 16px;
+    width: 1px;
+    background: #424242;
+    right: -10px;
+    top: 3px;
+}
+
+.header .header_right{
+    
+}
+.header .header_right li{
+    margin-right: 17px;
+}
+.header .header_right li:last-child{
+    width: 120px;
+    height: 40px;
+    background: #424242;
+    margin-right: 0 !important;
+    line-height: 40px;
+    text-align: center;
+    position: relative;
+}
+.header .header_right li:last-child:hover .drop_menu{
+    height: 90px !important;
+}
+.header .header_right li:last-child:hover {
+    background: #fff !important;
+}
+.header .header_right li:last-child:hover a{
+    color: #ff6700;
+}
+.drop_menu {
+    position: absolute;
+    width: 316px;
+    height: 0;
+    background: #c7bcbc;
+    right: 0;
+    transition: all ease 0.3s;
+}
+.menu {}
+.mc{
+    display: flex;
+    justify-content: space-between;
+    height: 100px;
+    align-items: center;
+}
+.menu .menu_left {
+    display: flex;
+    align-items: center;
+}
+.menu .menu_left .logo{
+    width: 55px;
+    height: 55px;
+    margin-right: 15px;
+}
+.menu .menu_left .dlogo{
+    height: 55PX;
+    margin-right: 10px;
+}
+.menu .menu_left ul{
+    display: flex;
+}
+.menu .menu_left ul li{
+    margin-right: 10px;
+}
+.menu .menu_left ul a{
+    color: #333;
+}
+
+.menu .menu_right {
+    width: 296px;
+    height: 50px;
+    display: flex;
+    border: 1px solid #e0e0e0;
+}
+.menu .menu_right input{
+    width: 223px;
+    height: 100%;
+    border: none;
+    padding: 0 10px;
+}
+.menu .menu_right i{
+    width: 52px;
+    height: 50px;
+    display: inline-block;
+    text-align: center;
+    line-height: 50px;
+    border-left: 1px solid #e0e0e0;
+}