* { margin: 0; padding: 0; list-style: none; text-decoration: none; box-sizing: border-box; } .header { width: 100%; height: 72px;; box-shadow:0 2px 16px rgba(220, 220, 220, .5);; } .header .container { width: 1200px; height: 100%; margin: 0 auto; /* overflow: hidden; */ } .header .container .logo { width: 92px; height: 42px; float: left; margin-top: 15px; } .header .container .logo img { width: 100%; height: 100%; } .header .container .nav { width: 206px; height: 100%; float: left; margin-left: 54px; /* overflow: hidden; */ } .header .container .nav .address { width: 63px; height: 100%; font-size: 16px; line-height: 72px; /* overflow: hidden; */ float: left; } .header .container .nav .address img:first-child { width: 12px; height: 13.7px; float: left; margin-top: 29px; } .header .container .nav .address span { float: left; margin-left: 3px; } .header .container .nav .address img:last-child { width: 9px; height: 5.4px; float: left; margin-top: 33px; margin-left: 3px; } .header .container .nav ul { width: 100px; height: 100%; line-height: 72px; margin-left: 43px; /* overflow: hidden; */ float: left; cursor: pointer; } .header .container .nav ul li { float: left; } .header .container .nav ul li a { font-size: 16px; color: #000; } .header .container .nav ul li:last-child { margin-left: 14px; } .header .container .nav ul li:first-child a{ color: #FF1268; } .header .container .nav ul li:hover a { color: #FF1268; } .header .container .login { width: 588px; height: 100%; float: right; /* overflow: hidden; */ } .header .container .login .search { width: 401px; height: 46px; float: left; /* overflow: hidden; */ position: relative; margin-top: 12px; } .header .container .login .search input { width: 319px; height: 100%; float: left; outline: none; border: none; background: #f8f8f8; padding: 0 10px 0 54px; border-top-left-radius: 27px; border-bottom-left-radius: 27px; } .header .container .login .search img { width: 17px; height: 18px; position: absolute; top: 13px; left: 21px; } .header .container .login .search .btn { width: 82px; height: 100%; float: left; font-size: 16px; color: #fff; text-align: center; line-height: 46px; background: #FF1268; border-top-right-radius: 27px; border-bottom-right-radius: 27px; } .header .container .login .my { width: 164px; height: 72px; float: right; } .header .container .login .my .log { width: 62px; height: 100%; float: left; /* overflow: hidden; */ position: relative; } .header .container .login .my .log:last-child { float: right; } .header .container .login .my .log img{ width: 26px; height: 26px; float: left; margin-top: 21px; } .header .container .login .my .log p{ font-size: 16px; float: left; line-height: 72px; margin-left: 4px; margin-top: -3px; } .header .container .login .my .log .dialog { width: 135px; height: 159px; background-color: pink; position: absolute; top: 52px; left: 10px; display: none; line-height: 2; text-align: center; } .header .container .login .my .log .dialog ul li { font-size: 14px; margin-top: 14px; } .header .container .login .my .log .dialog ul li:hover { color: #f00; font-size: 14px; background: #fff; } .header .container .login .my .log:hover .dialog { display: block; } .header .container .login .my .log:hover p { color: #FF1268; }