.header{

}

.site-topbar{
  height: 40px;
  background-color: #333;
  font-size: 12px;
}

.site-topbar a{
  color: #b0b0b0;
  text-decoration: none;
  cursor: pointer;
}

.site-topbar a:hover{
  color: #fff;
}

.site-topbar .container{
  width: 1226px;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
}

.site-topbar .container .topbar-nav{
  float: left;
}

.site-topbar .container .topbar-nav a{
  color: #b0b0b0;
  line-height: 40px;
  display: inline-block;
  text-decoration: none;
}

.site-topbar .container .topbar-nav a:hover{
  color: #fff;
}

.site-topbar .container .topbar-nav span{
  margin: 0.3em;
}

.site-topbar .container .miniCartTrigger, .site-topbar .container .siteUserInfo{
  float: right;
}
.site-topbar .container .miniCartTrigger{
  width: 120px;
  height: 100%;
  background-image: url(../img/小米购物车.png);
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: bottom 62.5% left 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #b0b0b0;
  cursor: pointer;
  background-color: #424242;;
}


.site-topbar .container .miniCartTrigger:hover{
  background: #fff;
  color: #ff6700;
  background-image: url(../img/小米购物车-选中.png);
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: bottom 62.5% left 10px;
}

.site-topbar .container .siteUserInfo{
  height: 100%;
  display: flex;
}

.site-topbar .container .siteUserInfo .sep{
  color: #424242;
  display: flex;
  align-items: center;
  justify-content: center;
}

.site-topbar .container .siteUserInfo .user-name{
  width: 110px;
  height: 100%;
  line-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(../img/下拉.png) no-repeat;
  background-size: 24px 25px;
  background-position: bottom 62.5% right 4px;
}

.site-topbar .container .siteUserInfo .user-name:hover{
  background-color: #fff;
  color: #ff6700;
}

.site-topbar .container .siteUserInfo .message, .site-topbar .container .siteUserInfo .messag, .my-order{
  width: 68px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}




.sit-header{
  height: 100px;
  width: 1226px;
  /* background-color: aquamarine; */
  margin: 0 auto;
  display: flex;
  flex-direction: row;
}


.sit-header .logo{
  /* background-color: brown; */
  width: 234px;
  background: url(../img/icon-小米归属.png) no-repeat left;
  background-size: 56px 56px;
}

.sit-header .main-nav{
  flex: 1;
  /* background-color: cadetblue; */
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.sit-header .main-nav li{
  color: #333;
  transition: color .2s;
  cursor: pointer;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 16px;
}

.sit-header .main-nav li:hover{
  color: #ff6700;
}

.sit-header .search{
  width: 296px;
  /* background-color: chocolate; */
  display: flex;
  align-items: center;
  justify-content: center;
}

.sit-header .search .search-box{
  width: 100%;
  display: flex;
}

.sit-header .search .search-box input{
  height: 50px;
  width: 245px;
  box-sizing: border-box;
  border: 1px solid #e0e0e0;
  padding-left: 10px;
  padding-right: 10px;
  list-style-type: none;
  transition: all .2s;
  outline: none;
}

.sit-header .search .search-box input:hover, .sit-header .search .search-box input:hover + .button{
  border-color: #757575;
}

.sit-header .search .search-box input:focus, .sit-header .search .search-box input:focus + .button{
  border-color: #ff6700;
}




.sit-header .search .search-box .button{
  flex: 1;
  width: 52px;
  height: 50px;
  /* background-color: rgb(154, 202, 114); */
  display: inline-block;
  box-sizing: border-box;
  border: solid #e0e0e0;
  border-width: 1px 1px 1px 0;
  padding-left: 6px;
  padding-right: 6px;
  background: url(../img/footer/footer-main/footer-service/扳手.png) no-repeat center;
  background-size: 50% 50%;
}