web0331/2.css/大麦/demo.css

* {
    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;
}