/* BASIC css start */
#header {position:fixed;top:0;left:0;width:100%; transition:all  0.2s ease-in-out; background:#fff; z-index:100;  }
.header_box {padding: 15px 20px;box-sizing:border-box;height:50px;}
.header_box .wrapper {display:flex;justify-content: space-between;align-items: center; box-sizing:border-box; }


.header_box ul {display:flex;justify-content: flex-start;align-items: center;}
.header_box ul li {line-height:1; margin-right:16px;}
.header_box ul li a {display:block; line-height:1; width:20px; height:20px;}
.header_box ul li:last-child {margin-right:0px; }
.header_box ul li .icon {display:inline-block; width:100%; background-repeat:no-repeat;  background-position:center;  background-size:auto 100%; }
.header_box ul li .back .icon  {height: 18px; background-image:url('/design/mayblue/renewSkin/img/icon_back.png'); background-position:left center;}
.header_box ul li .home .icon  {height: 20px; background-image:url('/design/mayblue/renewSkin/img/icon_home.png')}
.header_box ul li .search .icon  {height:20px;  background-image:url('/design/mayblue/renewSkin/img/icon_search3.png')}
.header_box ul li .cart .icon  {height: 21px; background-image:url('/design/mayblue/renewSkin/img/icon_cart_bk.png')}

#container {padding-top:50px}



/* BASIC css end */