header{height:54px;font-size:12px;}
header .fixed{position:fixed;top:0;left:0;z-index:100;width:100%;}
header .logo{position:absolute;top:0;left:0;width:25%;height:100%;line-height:54px;color:#fff;}
header .logo img{display:inline;width:40px; height:54px; vertical-align:middle}
header .header-main{position:relative;height:54px;background:#ff7100;}
header .search-wrapper{width:45%;padding-top:8px;margin:0 auto;}
header .search{display:block;height:38px;line-height:38px;color:#fff;text-align:center;border-radius:4px;background:rgba(255,255,255,.2);}
header .search:before{display:inline;content:'';padding-left:16px;background:url(../img/search.png) no-repeat left center;background-size:12px 12px;}
header .btn-wrapper{position:absolute;top:0;right:0;padding-right:4px;}
header .btn-wrapper>a{float:right;line-height:54px;color:#fff;font-size:14px;padding:0 8px;}
header .my-btn{position:relative;}
header .my-btn:before{position:absolute;top:20px;left:0;content:'';height:14px;width:1px;background:#fff;}
@media (max-width:320px){
    header .logo{width:30%;}
    header .search-wrapper{width:40%;}
}