.header__container {
	background-color:#0474e5;
	height:66px;
	min-width:1280px;
	position:-webkit-sticky;
	position:sticky;
	top:0;
	width:100%;
	z-index:12
}
.header__slide, .header__slide__btn {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	height:100%
}
.header__slide__btn {
	-webkit-box-flex:1;
	-webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	-webkit-align-items:center;
	align-items:center;
	background-color:transparent;
	border:0;
	color:hsla(0, 0%, 100%, .88);
	cursor:pointer;
	-webkit-flex:1;
	-ms-flex:1;
	flex:1;
	font-size:24px;
	-webkit-justify-content:center;
	justify-content:center;
	margin:0 12px;
	position:relative;
	width:48px
}

.header__slide__btn:hover .header__slide__qrcode {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex
}
.header__slide__qrcode {
	-webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	-webkit-align-items:center;
	align-items:center;
	background-color:#373a3d;
	border-radius:4px;
	display:none;
	height:140px;
	-webkit-justify-content:center;
	justify-content:center;
	position:absolute;
	top:100%;
-webkit-transition:all .3s;
transition:all .3s;
	width:136px
}
.header__slide__qrcode__img {
	height:112px;
	width:112px
}
.header__slide__qrcode:before {
	border-bottom:9px solid #373a3d;
	border-left:8px solid transparent;
	border-right:8px solid transparent;
	content:"";
	left:50%;
	position:absolute;
	top:-8px;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%)
}
.header__logo {
	-webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	width:144px
}
.header__logo__img {
	height:26px;
	width:85px
}
.header__nav {
	height:66px
}
.header__nav, .header__nav__item {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex
}
.header__nav__item {
	-webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	-webkit-align-items:center;
	align-items:center;
	cursor:pointer;
	font-size:18px;
	-webkit-justify-content:center;
	justify-content:center;
	position:relative
}
.header__nav__item__more {
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	background-color:#0474e5;
	border-radius:0 0 4px 4px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column;
	left:0;
	max-height:0;
	overflow:hidden;
	position:absolute;
	top:100%;
-webkit-transition:max-height .3s ease-out;
transition:max-height .3s ease-out;
	width:100%
}
.header__nav__item__more__list {
	color:hsla(0, 0%, 100%, .88);
	height:40px;
	line-height:40px;
	margin:3px 0;
	text-align:center;
	text-decoration:none
}
.header__nav__item__more__list:hover {
	background-color:hsla(0, 0%, 100%, .02);
	color: #FF0
}
.header__nav__list {
	-webkit-box-orient:horizontal;
	-webkit-box-direction:reverse;
	-webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	-webkit-align-items:center;
	align-items:center;
	color:hsla(0, 0%, 100%, .8);
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-direction:row-reverse;
	-ms-flex-direction:row-reverse;
	flex-direction:row-reverse;
	font-weight:500;
	height:100%;
	-webkit-justify-content:center;
	justify-content:center;
-webkit-transition:width .3s;
transition:width .3s;
	white-space:nowrap;
	width:100px
}


.header__nav__list:hover { color:#FF0

}
.header__nav__list--more:before {
	border:4px solid transparent;
	border-bottom:0;
	border-top-color:#fff;
	content:"";
	margin-left:4px;
	opacity:.7;
-webkit-transition:all .3s;
transition:all .3s
}
.header__nav__item:hover .header__nav__item__more {
	max-height:100vh
}
.header__nav__item:hover .header__nav__list--more:before {
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg); 
}
.header__form {
	-webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	-webkit-align-items:center;
	align-items:center;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
	position:relative
}
.header__form__close {
	color:hsla(0, 0%, 100%, .8);
	display:none;
	font-size:18px;
	margin:6px 12px 0 0
}
.header__form__input {
	background-color:transparent;
	border:0;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	color:#fff;
	font-size:16px;
	height:44px;
	line-height:42px;
	margin-right:20px;
	outline:none;
	padding:0 12px;
-webkit-transition:width .3s;
transition:width .3s;
	width:0
}
.header__form__input::-webkit-input-placeholder {
color:hsla(0, 0%, 100%, .4)
}
.header__form__input::-moz-placeholder {
color:hsla(0, 0%, 100%, .4)
}
.header__form__input:-ms-input-placeholder {
color:hsla(0, 0%, 100%, .4)
}
.header__form__input::-ms-input-placeholder {
color:hsla(0, 0%, 100%, .4)
}
.header__form__input::placeholder {
color:hsla(0, 0%, 100%, .4)
}
.header__form__hot-search {
	display:none;
	left:0;
	max-height:280px;
	position:absolute;
	top:100%;
	width:520px
}
.header__form__hot-search__item {
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	background-color:#373a3d;
	border-radius:0 0 4px 4px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	padding:10px 24px
}
.header__form__hot-search__list {
	color:#fff;
	padding:10px 0;
	width:50%
}
.header__form__hot-search__list, .header__form__hot-search__list__num {
	-webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex
}
.header__form__hot-search__list__num {
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	color:hsla(0, 0%, 100%, .88);
	font-size:20px;
	height:24px;
	-webkit-justify-content:center;
	justify-content:center;
	line-height:24px;
	margin-right:12px;
	position:relative;
	width:26px
}
.header__form__hot-search__list__title {
	color:hsla(0, 0%, 100%, .8);
	font-size:14px
}
 
.header__form__hot-search__list:first-child .header__form__hot-search__list__num {
	color:#f66
}
.header__form__hot-search__list:nth-child(2) .header__form__hot-search__list__num {
color:#ffb324
}
.header__form__hot-search__list:nth-child(3) .header__form__hot-search__list__num {
color:#0080ff
}
.header__form__hot-search__list:hover .header__form__hot-search__list__title {
	color:rgba(0, 128, 255, .88);
-webkit-transition:color .3s;
transition:color .3s
}
.header__content {
	-webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	height:66px;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	margin:0 auto;
	position:relative;
	width:1280px
}
.header__content--search .header__nav__list {
	overflow:hidden;
	width:0
}
.header__content--search .header__form__close {
	display:block
}
.header__content--search .header__form__input {
	width:434px
}