.header_container{
  width: 100%;
  background-color:#FFF;
  height: 60px;
  border-bottom: 1px solid #E4E4E4;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}
.header_content{
  margin: 0 auto;
  width:1200px;
  height: 60px;
  display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
  display: -moz-box; /* 老版本语法: Firefox (buggy) */
  display: -ms-flexbox; /* 混合版本语法: IE 10 */
  display: -webkit-flex; /* 新版本语法: Chrome 21+ */
  display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  line-height: 60px;
  position: relative;
}
.header_content>div{
  display: inline-block;
}
.header_content .logo_box img{
  vertical-align: middle;
}
.header_content .search_box{
  display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
  display: -moz-box; /* 老版本语法: Firefox (buggy) */
  display: -ms-flexbox; /* 混合版本语法: IE 10 */
  display: -webkit-flex; /* 新版本语法: Chrome 21+ */
  display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
  width: 504px;
  height: 40px;
  line-height: 40px;
  background-color:#F5F5F9 ;
  border: 1px solid #E4E4E4;
  border-radius: 20px;
  margin: 0 46px 0 24px;
}
.header_content .search_box .location{
  /*align-items: center;*/
  width: 110px;
  color: #666;
  position: relative;
  display: inline-block;

}
.header_content .search_box .location_click{
  display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
  display: -moz-box; /* 老版本语法: Firefox (buggy) */
  display: -ms-flexbox; /* 混合版本语法: IE 10 */
  display: -webkit-flex; /* 新版本语法: Chrome 21+ */
  display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
  cursor: pointer;
}
.header_content .search_box .icon_dingwei{
  font-size: 18px;
  padding: 0 3px 0 12px;
}
.header_content .search_box .location_city{
  font-size: 14px;
  width: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}

.header_content .search_box .location_city_box{
  position: absolute;
  top:33px;
  left: 0;
  z-index: 10;
}
.header_content .location_city_box .city{
  box-shadow: none;
  border-radius: 0 0 12px 12px;
}
.header_content .location_city_box .city::before{
  left:49px;
  right: auto;

}
.header_content .location_city_box .city::after{
  left: 49px;
  right: auto;
}
.header_content .location_city_box .allcity .title{
  display: inline-block;
  color: #E4E4E4;
  font-size: 14px;
  font-weight: bold;
  width: 35px;
  padding-left: 6px;
}
.header_content .location_city_box .allcity .value{
  color: #999;
  font-size: 12px;
  display: inline-block;
  margin-left: -4px;
}



.header_content .search_box .icon_xiala,.header_content .search_box .icon_shangla{
  font-size: 12px;
  padding-right: 1px;
}
.header_content .search_box .search_click{
  -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;         /* OLD - Firefox 19- */
  -webkit-flex: 1;          /* Chrome */
  -ms-flex: 1;              /* IE 10 */
  flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
  display: -moz-box; /* 老版本语法: Firefox (buggy) */
  display: -ms-flexbox; /* 混合版本语法: IE 10 */
  display: -webkit-flex; /* 新版本语法: Chrome 21+ */
  display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
  justify-content: space-between;
  float: right;
}
.header_content .search_box .search_click .txt{
  color: #999;
  font-size: 14px;
  padding: 0 12px;
  position: relative;
  width: 350px;
  display: inline-block;
}
.header_content .search_box .search_click .txt::before{
  content: '';
  position: absolute;
  top: 10px;
  left: 0;
  width: 1px;
  height: 20px;
  background-color:#E4E4E4;
}

.header_content .search_box .icon_search{
  color: #999;
  font-size: 20px;
  padding-right: 12px;
}
.header_content .tab_box .tab_item{

  color: #333;
  font-size: 15px;
  margin-right: 33px;
}
.header_content .tab_box .tab_item:hover{
  color: #FFAA00;
}
.header_content .tab_box .tab_active:hover{
text-decoration: none;
}
.header_content .tab_box .tab_active{
  color: #FFAA00;
  font-size: 20px;
  border-bottom:2px solid #FFAA00;
  font-weight: bold;
  line-height: normal;
}

.header_content .search_box2{
  width: 930px;
  margin: 0 70px 0 24px;
  position: relative;
}
.header_content .search_box2 .search_input{
  width:896px;
  height: 40px;
  line-height: 40px;
  padding:0 12px;
  font-size: 12px;
}
.header_content .search_box2 input::-webkit-input-placeholder{
  font-size: 12px;
  color:#999999;
}

.header_content .search_box2 input::-moz-placeholder{
  font-size: 12px;
  color:#999999;

}
.header_content .search_box2 input:-ms-input-placeholder{
  font-size: 12px;
  color:#999999;
}
.header_content .search_box2 .hot_search{
  position: absolute;
  top:49px;
  left: 0;
  width: 100%;
  background-color: #fff;
  border: 1px solid #E4E4E4;
  border-radius: 0 0 12px 12px;
  border-top: none;
  padding: 24px 0;
}
.header_content .search_box2 .hot_search .hot_txt{
  margin: 0 24px;
  padding-bottom: 12px;
  border-bottom: 1px solid #E4E4E4;
  line-height:20px;
  display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
  display: -moz-box; /* 老版本语法: Firefox (buggy) */
  display: -ms-flexbox; /* 混合版本语法: IE 10 */
  display: -webkit-flex; /* 新版本语法: Chrome 21+ */
  display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
  justify-content: space-between;
  align-items: center;
}
.header_content .search_box2 .hot_search .hot_txt .txt{
  color: #999;
  font-size: 14px;
}
.header_content .search_box2 .hot_search .hot_txt .clear{
  color: #0099FF;
  font-size: 14px;
  cursor: pointer;
}
.header_content .search_box2 .hot_search .hot_list{
  display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
  display: -moz-box; /* 老版本语法: Firefox (buggy) */
  display: -ms-flexbox; /* 混合版本语法: IE 10 */
  display: -webkit-flex; /* 新版本语法: Chrome 21+ */
  display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;

}
.header_content .search_box2 .hot_search .hot_item{
  width: 66px;
  text-align: center;
  font-size:14px;
  color: #333;
  border: 1px solid #E4E4E4;
  margin:12px 0 0 24px;
  cursor: pointer;
}
.header_content .login_box{
  -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;         /* OLD - Firefox 19- */
  -webkit-flex: 1;          /* Chrome */
  -ms-flex: 1;              /* IE 10 */
  flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  text-align: right;
  color: #333;
  float: right;
}

.header_content .login_box .icon_my{
  color: #333333;
  font-size: 16px;
}
.header_content .login_box .txt{
  color: #333;
  font-size: 16px;
}
.header_content .login_box:hover a{
  color:#FFAA00 !important;
}
.body_container{
  padding-top: 60px;
  min-height: 1000px;
}
.footer_container{
  min-width: 1200px;
  width: 100%;
  background-color: #333333;
  height: 273px;

}
.footer_content{
  margin: 0 auto;
  width:1200px;
  height: 273px;
  padding: 44px 0 60px;
}
.footer_container .tip_box{
  border-top: 1px solid rgba(228,228,228,0.5);
  margin-top: 24px;
}
.footer_container .tip_box .tip1{
  padding: 24px 0;
  font-size:20px;
  font-weight: bold;
  color: #fff;
}
.footer_container .tip_box .tip2{
  font-size:16px;
  font-weight: bold;
  color: #999;
  padding-bottom: 4px;
}

.tip_frame{
  display: inline-block;
  background-color: rgba(0,0,0,0.5);
  border-radius: 8px;
  padding:20px;
  min-width:150px;
  text-align: center;
  font-size: 14px;
  line-height:20px;
  color: #fff;
}
.tip_frame .iconfont{
  font-size: 14px;
  padding-bottom: 4px;
  /*display: inline-block;*/
}