@charset "UTF-8";
.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	z-index: 1
}
.swiper-container-no-flexbox .swiper-slide {
	float: left
}
.swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column
}
.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.swiper-container-multirow>.swiper-wrapper {
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.swiper-container-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto
}
.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative
}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
	height: auto
}
.swiper-container-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-transition-property: -webkit-transform, height;
	-webkit-transition-property: height, -webkit-transform;
	transition-property: height, -webkit-transform;
	transition-property: transform, height;
	transition-property: transform, height, -webkit-transform
}
.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
	touch-action: pan-y
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
	touch-action: pan-x
}
.swiper-button-next, .swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 44px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	left: 10px;
	right: auto
}
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	right: 10px;
	left: auto
}
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: .3s;
	transition: .3s;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%
}
.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: .2
}
button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
	appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}
.swiper-pagination-white .swiper-pagination-bullet {
	background: #fff
}
.swiper-pagination-bullet-active {
	opacity: 1;
	background: #007aff
}
.swiper-pagination-white .swiper-pagination-bullet-active {
	background: #fff
}
.swiper-pagination-black .swiper-pagination-bullet-active {
	background: #000
}
.swiper-container-vertical>.swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	-webkit-transform: translate3d(0, -50%, 0);
	-ms-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0)
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 5px 0;
	display: block
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px
}
.swiper-pagination-progress {
	background: rgba(0,0,0,.25);
	position: absolute
}
.swiper-pagination-progress .swiper-pagination-progressbar {
	background: #da251d;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
	-webkit-transform-origin: right top;
	-ms-transform-origin: right top;
	transform-origin: right top
}
.swiper-container-horizontal>.swiper-pagination-progress {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}
.swiper-container-vertical>.swiper-pagination-progress {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0
}
.swiper-pagination-progress.swiper-pagination-white {
	background: rgba(255,255,255,.5)
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
	background: #fff
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
	background: #000
}
.swiper-container-3d {
	-webkit-perspective: 1200px;
	-o-perspective: 1200px;
	perspective: 1200px
}
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
	background-image: -webkit-gradient(linear, right top, left top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0)));
	background-image: linear-gradient(to left, rgba(0,0,0,.5), rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-right {
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0)));
	background-image: linear-gradient(to right, rgba(0,0,0,.5), rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-top {
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0)));
	background-image: linear-gradient(to top, rgba(0,0,0,.5), rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0)));
	background-image: linear-gradient(to bottom, rgba(0,0,0,.5), rgba(0,0,0,0))
}
.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper {
	-ms-perspective: 1200px
}
.swiper-container-cube, .swiper-container-flip {
	overflow: visible
}
.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1
}
.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
.swiper-container-cube .swiper-slide {
	visibility: hidden;
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 100%;
	height: 100%
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
	-webkit-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}
.swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	-webkit-filter: blur(50px);
	filter: blur(50px);
	z-index: 0
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
	pointer-events: none;
	-webkit-transition-property: opacity;
	transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}
.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center
}
.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg {
	max-width: 100%;
	max-height: 100%;
	-o-object-fit: contain;
	object-fit: contain
}
.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0,0,0,.1)
}
.swiper-container-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}
.swiper-container-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}
.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0,0,0,.5);
	border-radius: 10px;
	left: 0;
	top: 0
}
.swiper-scrollbar-cursor-drag {
	cursor: move
}
.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	-webkit-transform-origin: 50%;
	-ms-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
	animation: swiper-preloader-spin 1s steps(12, end) infinite
}
.swiper-lazy-preloader:after {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-position: 50%;
	background-size: 100%;
	background-repeat: no-repeat
}
.swiper-lazy-preloader-white:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform:rotate(360deg)
}
}
@keyframes swiper-preloader-spin {
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@font-face {
	font-family: socialshare;
	src: url(fonts/iconfont.eot);
	src: url(fonts/iconfont.eot?#iefix) format("embedded-opentype"), url(fonts/iconfont.woff) format("woff"), url(fonts/iconfont.ttf) format("truetype"), url(fonts/iconfont.svg#iconfont) format("svg")
}
.social-share {
	font-family: socialshare!important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: .2px;
	-moz-osx-font-smoothing: grayscale
}
.social-share * {
	font-family: socialshare!important
}
.social-share .icon-tencent:before {
	content: "\f07a"
}
.social-share .icon-douban:before {
	content: "\f10a"
}
.social-share .icon-heart:before {
	content: "\f20a"
}
.social-share .icon-like:before {
	content: "\f00a"
}
.social-share .icon-qzone:before {
	content: "\f08a"
}
.social-share .icon-linkedin:before {
	content: "\f01a"
}
.social-share .icon-diandian:before {
	content: "\f05a"
}
.social-share .icon-google:before {
	content: "\f04a"
}
.social-share a {
	position: relative;
	text-decoration: none;
	margin: 4px;
	display: inline-block;
	outline: 0
}
.social-share .social-share-icon {
	position: relative;
	display: inline-block;
	font-size: 20px;
	line-height: 32px;
	text-align: center;
	vertical-align: middle
}
.social-share .social-share-icon:hover {
	color: #fff
}
.social-share .icon-weibo {
	width: 32px;
	height: 26px;
	background: url(../../plugin/share/new-shade.png) no-repeat;
	background-position: 0 -176px
}
.social-share .icon-weibo:hover {
	background-position: -50px -176px
}
.social-share .icon-tencent {
	color: #56b6e7;
	border-color: #56b6e7
}
.social-share .icon-tencent:hover {
	background: #56b6e7
}
.social-share .icon-qq {
	width: 21px;
	height: 25px;
	background: url(../../plugin/share/new-shade.png) no-repeat;
	background-position: 0 -89px
}
.social-share .icon-qq:hover {
	background-position: -56px -89px
}
.social-share .icon-twitter {
	width: 30px;
	height: 30px;
	background: url(../../plugin/share/new-shade.png) no-repeat;
	background-position: 0 -306px
}
.social-share .icon-twitter:hover {
	background-position: -50px -307px
}
.social-share .icon-facebook {
	width: 30px;
	height: 30px;
	background: url(../../plugin/share/new-shade.png) no-repeat;
	background-position: 0 -240px
}
.social-share .icon-facebook:hover {
	background-position: -50px -240px
}
.social-share .icon-qzone {
	color: #fdbe3d;
	border-color: #fdbe3d
}
.social-share .icon-qzone:hover {
	background: #fdbe3d
}
.social-share .icon-douban {
	color: #33b045;
	border-color: #33b045
}
.social-share .icon-douban:hover {
	background: #33b045
}
.social-share .icon-linkedin {
	color: #0077b5;
	border-color: #0077b5
}
.social-share .icon-linkedin:hover {
	background: #0077b5
}
.social-share .icon-google {
	color: #db4437;
	border-color: #db4437
}
.social-share .icon-google:hover {
	background: #db4437
}
.social-share .icon-diandian {
	color: #307dca;
	border-color: #307dca
}
.social-share .icon-diandian:hover {
	background: #307dca
}
.social-share .icon-wechat {
	position: relative;
	width: 32px;
	height: 24px;
	background: url(../../plugin/share/new-shade.png) no-repeat;
	background-position: 0 -136px
}
.social-share .icon-wechat:hover {
	background-position: -52px -136px
}
.social-share .icon-wechat .wechat-qrcode {
	display: none;
	border: 1px solid #eee;
	position: absolute;
	z-index: 9;
	top: -205px;
	left: -84px;
	width: 200px;
	height: 192px;
	color: #666;
	font-size: 12px;
	text-align: center;
	background-color: #fff;
	-webkit-box-shadow: 0 2px 10px #aaa;
	box-shadow: 0 2px 10px #aaa;
	-webkit-transition: all .2s;
	transition: all .2s;
	-webkit-tansition: all 350ms;
	-moz-transition: all 350ms
}
.social-share .icon-wechat .wechat-qrcode.bottom {
	top: 40px;
	left: -84px
}
.social-share .icon-wechat .wechat-qrcode.bottom:after {
	display: none
}
.social-share .icon-wechat .wechat-qrcode h4 {
	font-weight: 400;
	height: 26px;
	line-height: 26px;
	font-size: 12px;
	background-color: #f3f3f3;
	margin: 0;
	padding: 0;
	color: #777
}
.social-share .icon-wechat .wechat-qrcode .qrcode {
	width: 105px;
	margin: 10px auto
}
.social-share .icon-wechat .wechat-qrcode .qrcode table {
	margin: 0!important
}
.help {
	margin-top: -17px
}
.social-share .icon-wechat .wechat-qrcode .help p {
	font-weight: 400;
	line-height: 16px;
	padding: 0 10px!important;
	margin: 0
}
.social-share .icon-wechat .wechat-qrcode:after {
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -6px;
	bottom: -13px;
	width: 0;
	height: 0;
	border-width: 8px 6px 6px 6px;
	border-style: solid;
	border-color: #fff transparent transparent transparent
}
.social-share .icon-wechat:hover .wechat-qrcode {
	display: block
}/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */

html {
	font-family: sans-serif;
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
	/*默哀模式，版面黑白-2022-12-01 strar*/
	 /*filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url(data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(1);*/
    /*默哀模式，版面黑白end-*/
}
body {
	margin: 0
}
article, aside, footer, header, nav, section {
	display: block
}
h1 {
	font-size: 2em;
	margin: .67em 0
}
figcaption, figure, main {
	display: block
}
figure {
	margin: 1em 40px
}
hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible
}
pre {
	font-family: monospace, monospace;
	font-size: 1em
}
a, a:hover {
	background-color: transparent;
	-webkit-text-decoration-skip: objects
}
a:active, a:hover {
	outline-width: 0
}
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted
}
b, strong {
	font-weight: bolder
}
code, kbd, samp {
	font-family: monospace, monospace;
	font-size: 1em
}
dfn {
	font-style: italic
}
mark {
	background-color: #ff0;
	color: #000
}
small {
	font-size: 80%
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sub {
	bottom: -.25em
}
sup {
	top: -.5em
}
audio, video {
	display: inline-block
}
audio:not([controls]) {
	display: none;
	height: 0
}
img {
	border-style: none
}
svg:not(:root) {
	overflow: hidden
}
button, input, optgroup, select, textarea {
	font-family: sans-serif;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}
button, input {
	overflow: visible
}
button, select {
	text-transform: none
}
[type=reset], [type=submit], button, html [type=button] {
	-webkit-appearance: button
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
border-style:none;
padding:0
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
outline:1px dotted ButtonText
}
fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}
legend {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}
progress {
	display: inline-block;
	vertical-align: baseline
}
textarea {
	overflow: auto
}
[type=checkbox], [type=radio] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height:auto
}
[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
::-webkit-file-upload-button {
-webkit-appearance:button;
font:inherit
}
details, menu {
	display: block
}
summary {
	display: list-item
}
canvas {
	display: inline-block
}
template {
	display: none
}
[hidden] {
	display: none
}
table {
	border-collapse: collapse
}
td, th {
	padding: 0
}
button, dd, dl, dt, h1, h2, h3, h4, h5, h6, input, li, ol, p, textarea, ul {
	margin: 0;
	padding: 0;
	font-weight: 400
}
li {
	list-style: none
}
a, a:hover {
	text-decoration: none;
	cursor: pointer
}
em, i {
	font-style: normal
}


.clearfix:after, .clearfix:before {
	content: "\20";
	display: block;
	height: 0;
	overflow: hidden
}
.clearfix:after {
	clear: both
}
.clearfix {
	zoom: 1
}
.lk-loading {
	position: fixed;
	left: 0;
	top: 0;
	background-color: #fff;
	display: block;
	height: 100%;
	width: 100%;
	z-index: 9999;
	opacity: 0;
	-webkit-transition: all .3s linear 0s;
	transition: all .3s linear 0s
}
.lk-loading.ajax {
	background: rgba(255,255,255,0)
}
.lk-loading.active {
	opacity: 1
}
.lk-loading .lk-loading-center {
	width: 100%;
	height: 100%;
	position: relative
}
.lk-loading .lk-loading-center-absolute {
	margin: -5px 0 0 -40px;
	position: absolute;
	left: 50%;
	top: 50%;
	height: 10px;
	width: 100px
}
.lk-loading .lk-loading-center-absolute .round {
	float: left;
	margin: 0 9.16667px;
	background-color: #046ab6;
	border-radius: 50%;
	height: 10px;
	width: 10px
}
.lk-loading .lk-loading-center-absolute .round-one {
	-webkit-animation: lk-loading-round 1.5s infinite;
	animation: lk-loading-round 1.5s infinite
}
.lk-loading .lk-loading-center-absolute .round-two {
	-webkit-animation: lk-loading-round 1.5s infinite;
	animation: lk-loading-round 1.5s infinite;
	-webkit-animation-delay: .25s;
	animation-delay: .25s
}
.lk-loading .lk-loading-center-absolute .round-three {
	-webkit-animation: lk-loading-round 1.5s infinite;
	animation: lk-loading-round 1.5s infinite;
	-webkit-animation-delay: .5s;
	animation-delay: .5s
}
@-webkit-keyframes lk-loading-round {
75% {
-webkit-transform:scale(0);
transform:scale(0)
}
}
@keyframes lk-loading-round {
75% {
-webkit-transform:scale(0);
transform:scale(0)
}
}
body, html {
	background: #fff;
	font-family: PingFang SC,Hiragino Sans GB,Microsoft YaHei,Roboto,Helvetica Neue,Helvetica,SimSun,sans-serif;
	min-width: 1200px;
	height: 100%
}
.error-msg, .login-error-msg {
	font-size: 15px;
	color: #da361a;
	padding-left: 33px;
	margin-bottom: 10px;
	line-height: 40px;
	width: 0;
	height: 0;
	visibility: hidden;
	opacity: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #da361a;
	-webkit-transition: all .1s ease;
	transition: all .1s ease
}
.error-msg.show, .login-error-msg.show {
	-webkit-animation: shake .3s;
	animation: shake .3s;
	height: 40px;
	width: 340px;
	opacity: 1;
	visibility: visible
}
.error-msg.shake, .login-error-msg.shake {
	-webkit-animation: shake .3s;
	animation: shake .3s
}
.block-style {
	background: #fff;
	border-radius: 3px
}
.check-more-load {
	padding-right: 15px;
	cursor: pointer;
	height: 52px;
	color: #828282;
	font-size: 14px;
	line-height: 52px;
	text-align: center;
	border: 1px #eee solid
}
.check-more-load:hover {
	color: #1482f0
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform:translateX(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translateX(-6px)
}
20%, 40%, 60%, 80% {
-webkit-transform:translateX(6px)
}
}
@keyframes shake {
0%, 100% {
-webkit-transform:translateX(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translateX(-6px)
}
20%, 40%, 60%, 80% {
-webkit-transform:translateX(6px)
}
}
select {
	border-radius: 4px;
	border: 1px solid #ccc;
	color: #333;
	height: 38px;
	line-height: 38px;
	padding: 0 10px;
	outline: 0;
	background-color: #fff
}
select:focus {
	border-color: #007eff;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 0 3px rgba(0,126,255,.1);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 0 3px rgba(0,126,255,.1);
	background: #fff
}
select option {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	padding: 14px 10px 14px 10px;
	font-size: 16px;
	display: block
}
select option::-ms-expand {
display:none
}
@font-face {
	font-family: iconfont;
	src: url(//at.alicdn.com/t/font_574327_h5vrs7rzn9t.eot);
	src: url(//at.alicdn.com/t/font_574327_h5vrs7rzn9t.eot?#iefix) format("embedded-opentype"), url(//at.alicdn.com/t/font_574327_h5vrs7rzn9t.woff) format("woff"), url(//at.alicdn.com/t/font_574327_h5vrs7rzn9t.ttf) format("truetype"), url(//at.alicdn.com/t/font_574327_h5vrs7rzn9t.svg#iconfont) format("svg")
}
.iconfont {
	font-family: iconfont, serif!important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: .2px;
	-moz-osx-font-smoothing: grayscale
}
.iconfont-upload:before {
	content: '\e78a'
}
.iconfont-del:before {
	content: '\e659'
}
.iconfont-add:before {
	content: '\e68c'
}
.iconfont-look:before {
	content: '\e602'
}
.iconfont-file:before {
	content: '\e600'
}
.iconfont-close:before {
	content: '\e650'
}
.iconfont-left:before {
	content: '\e68a'
}
.iconfont-right:before {
	content: '\e78d'
}
.iconfont-circle:before {
	content: '\e603'
}
.iconfont-more-add:before {
	content: '\e6b0'
}
.iconfont-trend-up:before {
	content: '\e790'
}
.iconfont-trend-down:before {
	content: '\e791'
}
.icon-icondropdownarrow:before {
	content: '\e660'
}
.icon-xiangxiajiantou:before {
	content: '\e604'
}
.icon-xiangshangjiantou:before {
	content: '\e652'
}
.iconfont-open:before {
	content: "\e60d"
}
.icon-phone:before {
	content: '\e754'
}
.icon-msg:before {
	content: '\e60a'
}
.icon-weixin:before {
	content: "\e619"
}
.icon-guanbi:before {
	content: "\e61b"
}
.videoplay-mask {
	position: fixed;
	left: 0;
	top: 0;
	display: none;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,.6);
	z-index: 9998
}
.videoplay-wrap {
	position: fixed;
	top: 30%;
	display: none;
	z-index: 9999;
	width: 650px;
	height: 400px;
	left: 50%;
	margin-left: -325px
}
.videoplay-wrap video {
	width: 650px;
	height: 400px
}
.videoplay-wrap a {
	position: absolute;
	right: -41px;
	top: 17px;
	background: rgba(255,255,255,.4);
	display: block;
	height: 36px;
	width: 36px;
	color: #fff;
	font-size: 30px;
	line-height: 32px;
	text-align: center;
	overflow: hidden
}
.videoplay-wrap a:hover {
	background: rgba(255,255,255,.6)
}
.slide-portal {
	position: fixed;
	bottom: 100px;
	right: 0;
	display: block;
	width: 130px;
	z-index: 799
}
.slide-portal a {
	margin-bottom: 10px;
	padding: 0 12px;
	position: relative;
	background: #e00;
	border-radius: 3px;
	display: block;
	height: 40px;
	width: 90px;
	color: #fff;
	font-size: 14px;
	line-height: 40px;
	cursor: pointer
}
.slide-portal a span {
	padding-left: 30px;
	background: url(https://www.huoxing24.com/img/index/slide-portal-69121c142d.png) no-repeat left;
	background-position: 0 12px;
	display: block;
	height: 100%
}
.slide-portal a.finance span {
	background-position: 0 -21px
}
.slide-portal a.appdownload span {
	background-position: -1px -58px
}
.slide-portal a.appdownload:hover .qrcode {
	display: block
}
.slide-portal a .qrcode {
	padding: 10px;
	position: absolute;
	left: -125px;
	top: -55px;
	background: #fff;
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
	box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
	border-radius: 3px;
	display: none;
	width: 95px
}
.slide-portal a .qrcode:before {
	content: '';
	margin-top: -5px;
	position: absolute;
	right: -19px;
	top: 50%;
	border-width: 10px;
	border-style: solid;
	border-color: transparent transparent transparent #fff;
	height: 0;
	width: 0
}
.slide-portal a .qrcode img {
	display: block;
	height: 100%;
	width: 100%
}
.slide-portal a .qrcode em {
	display: block;
	color: #666;
	font-size: 12px;
	line-height: normal;
	text-align: center
}
.popup-tips {
	padding: 10px 20px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -100px;
	background: rgba(0,0,0,.8);
	border-radius: 5px;
	opacity: 0;
	z-index: 9999;
	color: #fff;
	font-size: 14px;
	line-height: 24px;
	white-space: nowrap;
	-webkit-transition: opacity .5s ease 0s;
	transition: opacity .5s ease 0s
}
.popup-tips.active {
	opacity: 1
}
.author-type {
	padding: 0 6px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	border-top-left-radius: 8px;
	display: inline-block;
	font-size: 14px;
	height: 20px;
	line-height: 20px;
	font-weight: 400;
	overflow: hidden
}
.yp-riddler-button_logo {
	top: 0!important
}
.yp-riddler-button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 52px!important;
	width: 360px!important;
	line-height: inherit!important
}
.yp-riddler-mark {
	display: none!important
}
.yp-riddler-slider-area {
	height: 40px!important;
	line-height: 40px!important
}
.yp-riddler-slider-tip-default, .yp-riddler-slider-tip-error {
	font-size: 14px!important
}
#graphCodeBox {
	padding: 0;
	border: none
}
.login-warp {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 1001
}
.login-warp .mask {
	background: rgba(0,0,0,.8);
	height: 100%;
	width: 100%
}
.login-warp .login-body {
	width: 440px;
	background: #fff;
	border-radius: 8px;
	margin-left: -220px;
	padding: 40px;
	position: fixed;
	left: 50%;
	top: 20%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.login-warp .login-body .login-contain {
	position: relative
}
.login-warp .login-body .login-contain .close {
	position: absolute;
	top: 0;
	right: 0
}
.login-warp .login-body .login-contain .close i {
	color: #999;
	font-size: 26px
}
.login-warp .login-body .login-contain .login-top {
	margin-bottom: 30px
}
.login-warp .login-body .login-contain .login-top h1 {
	float: left;
	font-size: 24px;
	color: #222
}
.login-warp .login-body .login-contain .login-top .to-res {
	display: none;
	margin-left: 30px;
	margin-top: 6px;
	float: left;
	color: #666;
	font-size: 0
}
.login-warp .login-body .login-contain .login-top .to-res i {
	font-size: 14px;
	margin-left: 5px
}
.login-warp .login-body .login-contain .login-top .to-res span {
	font-size: 16px
}
.login-warp .login-body .login-contain .form-contain .form-item {
	position: relative
}
.login-warp .login-body .login-contain .form-contain .form-item.img-code {
	display: none
}
.login-warp .login-body .login-contain .form-contain .form-item.phone-code {
	display: none
}
.login-warp .login-body .login-contain .form-contain .form-item .form-item-cont {
	width: 100%;
	height: 50px;
	background: #f6f8fb;
	border-radius: 4px 4px 4px 4px;
	position: relative;
	border: 1px solid #dde2e9
}
.login-warp .login-body .login-contain .form-contain .form-item .form-item-cont input {
	width: 90%;
	height: 48px;
	line-height: 48px;
	border: 0;
	outline: 0;
	background: 0 0;
	padding-left: 15px
}
.login-warp .login-body .login-contain .form-contain .form-item .form-item-cont .iconfont-close {
	display: none;
	position: absolute;
	right: 15px;
	top: 15px;
	font-size: 14px;
	color: #999;
	cursor: pointer
}
.login-warp .login-body .login-contain .form-contain .form-item .protocol, .login-warp .login-body .login-contain .form-contain .form-item .to-forget {
	display: none;
	position: absolute;
	right: 0;
	top: 70px;
	font-size: 14px;
	color: #999
}
.login-warp .login-body .login-contain .form-contain .form-item .protocol {
	margin-top: 5px;
	left: 0;
	right: inherit
}
.login-warp .login-body .login-contain .form-contain .form-item .protocol span {
	color: #e00
}
.login-warp .login-body .login-contain .form-contain .form-item .form-item-left {
	float: left;
	width: 230px
}
.login-warp .login-body .login-contain .form-contain .form-item .form-item-right {
	float: right;
	width: 120px
}
.login-warp .login-body .login-contain .form-contain .form-item .img-code-box {
	color: #999;
	font-size: 14px;
	cursor: pointer
}
.login-warp .login-body .login-contain .form-contain .form-item .img-code-box img {
	width: 100%;
	display: block
}
.login-warp .login-body .login-contain .form-contain .form-item .code-btn {
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #e00;
	border-radius: 4px 4px 4px 4px;
	color: #fff;
	font-size: 16px
}
.login-warp .login-body .login-contain .form-contain .form-item .code-btn.disabled {
	opacity: .6
}
.login-warp .login-body .login-contain .form-contain .form-item .code-btn:hover {
	opacity: .6
}
.login-warp .login-body .login-contain .form-contain .form-item .error {
	color: #ea5d5c;
	font-size: 14px;
	height: 24px;
	display: block;
	line-height: 22px
}
.login-warp .login-body .login-contain .form-contain .form-item:after {
	content: '';
	clear: both;
	display: block;
	width: 0;
	height: 0
}
.login-warp .login-body .login-contain .form-contain .form-submit {
	width: 100%;
	display: block;
	text-align: center;
	height: 54px;
	line-height: 54px;
	background: #e00;
	border-radius: 4px 4px 4px 4px;
	color: #fff;
	font-size: 20px;
	margin-top: 25px
}
.login-warp .login-body .login-contain .form-contain .form-submit:hover {
	opacity: .6
}
.login-warp .login-body .login-contain .form-contain .res-tip {
	display: none;
	font-size: 16px;
	color: #222;
	text-align: center;
	margin-top: 20px
}
.login-warp .login-body .login-contain .weChat-contain {
	height: 415px;
	display: none
}
.login-warp .login-body .login-contain .weChat-contain iframe {
	width: 100%;
	height: 100%
}
.login-warp .login-body .login-contain .weChat-contain .loginPanel .title {
	display: none
}
.login-warp .login-body .login-contain .other-login {
	margin-top: 24px
}
.login-warp .login-body .login-contain .other-login h6 {
	color: #222;
	font-size: 16px;
	text-align: center;
	margin-bottom: 15px
}
.login-warp .login-body .login-contain .other-login .other-ways {
	margin-left: 113px;
	overflow: hidden
}
.login-warp .login-body .login-contain .other-login .other-ways a {
	display: block;
	float: left;
	width: 50px;
	margin-right: 33px
}
.login-warp .login-body .login-contain .other-login .other-ways a i {
	display: block;
	color: #fff;
	width: 100%;
	height: 50px;
	border-radius: 50%;
	text-align: center;
	line-height: 50px;
	font-size: 25px
}
.login-warp .login-body .login-contain .other-login .other-ways a span {
	display: block;
	text-align: center;
	font-size: 14px;
	color: #999;
	margin-top: 8px
}
.login-warp .login-body .login-contain .other-login .other-ways a.wechart {
	height: 50px
}
.login-warp .login-body .login-contain .other-login .other-ways a.wechart img {
	width: 100%;
	display: block
}
.login-warp .login-body .login-contain .other-login .other-ways a .icon-weixin {
	background-color: #50b674
}
.login-warp .login-body .login-contain .other-login .other-ways a .img-phone {
	background-color: #ff9561
}
.login-warp .login-body .login-contain .other-login .other-ways a .img-phone img {
	width: 19px;
	height: 28px;
	margin-top: 11px
}
.login-warp .login-body .login-contain .other-login .other-ways a .img-message {
	background-color: #68a5e1
}
.login-warp .login-body .login-contain .other-login .other-ways a .img-message img {
	width: 25px;
	height: 24px;
	margin-top: 13px
}


.header-nav-wrap {
	width: 100%;
	background: #fff;
	border-bottom: 1px solid #e0e0e0;
	box-shadow: 0 4px 5px 0 rgba(0,0,0,.06), 0 1px 10px 0 rgba(0,0,0,.04), 0 0 4px -1px rgba(0,0,0,.08);
    transition: all .3s ease;
}
.header-nav-wrap.fixed-nav-top {
	position: fixed;
	top: 0;
	z-index: 100
}
.header-nav {
	position: relative;
	height: 80px;
	width: 1200px;
	line-height: 80px;
	margin: 0 auto;
	font-size: 18px
}
.header-nav .bigshow {
	display: inline-block!important
}
.header-nav .smallshow {
	display: none!important
}
.header-nav .logo-img {
	margin-right: 15px;
	position: relative;
	top: 0;
	z-index: 100;
	display: inline-block;
	height: auto;
	width: 190px;
	float: left
}
.header-nav .logo-img .logo {
    float: left;
    margin: 5px 5px 5px 0;
    height: 75px;
    z-index: 100;
    vertical-align: middle;
    width: 300px;
    margin-top:0;
}
.header-nav .logo-img span {
	float: left;
	margin: 33px 0 0 5px;
	display: inline-block;
	height: 18px;
	color: #999;
	font-family: microsoft yahei, sans-serif;
	font-size: 14px;
	line-height: 18px
}
.header-nav .nav-content {
    text-align: right;
    max-width: 100%;
    height: 58px;
    float: left;
    display: inline-block;
    /* left: 165px; */
    font-size: 0;
    margin-left: 160px;
}
.header-nav .nav-content .nav-item {
	display: inline-block;
	margin-right: 25px;
	position: relative;
	height: 58px
}
.header-nav .nav-content .nav-item.hot {
	position: relative
}
.header-nav .nav-content .nav-item.hot:before {
	content: '';
	position: absolute;
	right: -10px;
	top: 15px;
	background: url(https://www.huoxing24.com/img/hot-06e2cc7ce8.svg) no-repeat center;
	height: 15px;
	width: 25px
}
.header-nav .nav-content .nav-item a {
	position: relative;
	height: 100%;
	color: #555;
	font-size: 18px;
    font-weight: 800;
}
}
.header-nav .nav-content .nav-item a img {
	position: absolute;
	left: 26px;
	top: -9px;
	width: 28px
}
.header-nav .nav-content .nav-item a:hover {
	color: #e00;
    transition: all .3s ease;
}
.header-nav .nav-content .nav-item.active a {
	color: #222;
	font-weight: 700
}
.header-nav .nav-content .nav-item .new-icon {
	position: absolute;
	width: 25px;
	height: 12px;
	background: url(https://www.huoxing24.com/img/header/new-01-99e4af813d.png) no-repeat;
	background-size: cover;
	top: 20px;
	right: -25px
}
.header-nav .omit {
	position: relative;
	width: 18px;
	height: 16px;
	top: 32px;
	float: left;
	cursor: pointer;
	z-index: 10;
	background: url(https://www.huoxing24.com/img/header/omit-ce5e233bbb.png) no-repeat
}
.header-nav .omit .omit-cont {
	position: absolute;
	right: -51px;
	top: 27px;
	display: none;
	z-index: 10;
	width: 120px;
	height: auto;
	padding: 10px 0;
	background: #fff;
	border-radius: 5px;
	-webkit-box-shadow: #dde3ec 0 3px 3px;
	box-shadow: #dde3ec 0 3px 3px
}
.header-nav .omit .omit-cont font {
	position: absolute;
	display: inline-block;
	top: -33px;
	right: 0;
	width: 120px;
	height: 41px;
	background: url(https://www.huoxing24.com/img/header/top-arrows-9714c78e9b.png) no-repeat
}
.header-nav .omit .omit-cont a {
	display: block;
	width: 100px;
	line-height: 40px;
	text-align: center;
	padding: 0 10px;
	cursor: pointer;
	margin: 7px 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #666;
	font-size: 14px
}
.header-nav .omit .omit-cont a:hover {
	color: #e00
}
.header-nav .omit:hover {
	background: url(https://www.huoxing24.com/img/header/omit-hover-274ee36044.png) no-repeat
}
.header-nav .omit:hover .omit-cont {
	display: block
}
.header-nav .app-box {
	position: absolute;
	right: 90px;
	top: 0;
	background: #fff;
	height: 80px;
	width: 170px
}
.header-nav .app-box .contribute-app {
	position: absolute;
	height: 80px;
	right: 5px;
	top: 0
}
.header-nav .app-box .contribute-app p {
	display: inline-block;
	cursor: pointer;
	font-size: 16px;
	color: #999
}
.header-nav .app-box .contribute-app p:hover {
	color: #222
}
.header-nav .app-box .donw-load {
	position: relative;
	float: right;
	width: 55px;
	height: 26px;
	margin-top: 26px;
	border: 1px #e00 solid;
	border-radius: 5px
}
.header-nav .app-box .donw-load .app {
	display: block;
	width: 55px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	font-size: 16px;
	color: #e00
}
.header-nav .app-box .donw-load .app:hover {
	color: #fff;
	background: #e00
}
.header-nav .app-box .donw-load .app-ewm {
	display: none;
	position: absolute;
	top: 40px;
	right: -62px;
	background-color: transparent;
	width: 168px;
	height: 165px;
	z-index: 10
}
.header-nav .app-box .donw-load .app-ewm .qrcode_box {
	width: 150px;
	height: 165px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,.2);
	box-shadow: 0 0 4px rgba(0,0,0,.2);
	text-align: center;
	position: relative
}
.header-nav .app-box .donw-load .app-ewm .qrcode_box .arrow {
	display: block;
	width: 0;
	height: 0;
	border-width: 0 10px 10px;
	border-style: solid;
	border-color: transparent transparent #eee;
	margin: 0 auto;
	position: relative;
	top: -10px
}
.header-nav .app-box .donw-load .app-ewm .qrcode_box .code_img {
	display: inline-block;
	width: 100px;
	height: 100px;
	margin: 12px 0
}
.header-nav .app-box .donw-load .app-ewm .qrcode_box .a_tit {
	margin: 0;
	padding: 0;
	line-height: 18px;
	font-size: 14px;
	color: #e00;
	margin-top: -28px
}
.header-nav .app-box .donw-load:hover {
	color: #4ea7ff
}
.header-nav .app-box .donw-load:hover .app-ewm {
	display: block
}
.header-nav .app-box .huoxing-mark {
	position: relative;
	display: none;
	float: left;
	width: 95px;
	height: 28px;
	font-size: 14px;
	background: #e00;
	border: 1px #e00 solid;
	border-radius: 5px;
	margin-top: 26px;
	color: #fff;
	text-align: center;
	line-height: 28px
}
.header-nav .app-box .huoxing-mark.huoxing-mark-no-login {
	display: block
}
.header-nav .app-box .huoxing-mark span {
	position: absolute;
	right: -10px;
	top: -16px;
	display: block;
	height: 20px;
	width: 33px;
	font-size: 12px
}
.header-nav .app-box .huoxing-mark:hover {
	border: 1px #e00 solid;
	background: #fff;
	color: #e00
}
.header-nav .app-box .seek-btn {
	float: left;
	position: relative;
	border: 1px solid #e1e1e1;
	border-radius: 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 40px;
	width: 110px;
	overflow: hidden;
	cursor: pointer;
	margin: 21px 15px 0 0;
	color: #999;
	font-size: 15px
}
.header-nav .app-box .seek-btn em {
	position: absolute;
	left: 0;
	top: 0;
	background: 0 0;
	border: none;
	cursor: initial;
	height: 100%;
	outline: 0;
	width: 100%;
	line-height: 38px;
	text-indent: 1.2em
}
.header-nav .app-box .seek-btn span {
	position: absolute;
	right: 15px;
	top: 11px;
	background: url(https://www.huoxing24.com/img/header/search-740ef58ec2.svg) no-repeat;
	width: 18px;
	height: 18px
}
.header-nav .app-box .seek-btn:hover {
	color: #e00
}
.header-nav .app-box .seek-btn:hover span {
	background: url(https://www.huoxing24.com/img/header/search-h-0d0ee72f1a.svg) no-repeat
}
.header-nav .app-box .weChat-accounts {
	position: absolute;
	right: 5px;
	font-size: 15px;
	color: #999
}
.header-nav .app-box .weChat-accounts:hover {
	background-position: -266px -19px
}
.header-nav .app-box .weChat-accounts:hover .wx-ewm-img {
	display: block
}
.header-nav .search-content-div {
	width: 1060px;
	opacity: 0;
	height: 0;
	position: absolute;
	top: 0;
	left: 135px;
	margin: auto;
	background: #fff;
	overflow: hidden;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}
.header-nav .search-content-div.fadeIn {
	z-index: 15;
	height: 80px;
	opacity: 1
}
.header-nav .search-content-div .search-box-btn {
	position: absolute;
	top: 30px;
	width: 440px;
	left: 200px;
	line-height: 20px;
	height: 18px;
	font-size: 16px;
	color: #212121;
	cursor: default;
	background: url(https://www.huoxing24.com/img/header/search-740ef58ec2.svg) left no-repeat
}
.header-nav .search-content-div .search-box-btn .search-content {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 38px;
	width: 490px;
	margin: auto;
	height: 38px;
	color: #616161;
	font-size: 14px;
	border: 1px solid #bdbdbd;
	border-radius: 50px 50px 50px 50px
}
.header-nav .search-content-div .search-box-btn .search-content .search-input {
	position: absolute;
	right: 15px;
	width: 440px;
	height: 30px;
	outline: 0;
	background: 0 0;
	padding: 3px 10px;
	z-index: 50;
	border: none
}
.header-nav .search-content-div span {
	position: absolute;
	right: 298px;
	top: 32px;
	z-index: 55;
	cursor: pointer
}
.header-nav .search-content-div span.close {
	width: 16px;
	height: 16px;
	background: url(https://www.huoxing24.com/img/header/close-a30dc86ef6.svg) no-repeat
}
.header-nav .search-content-div span.close:hover {
	background: url(https://www.huoxing24.com/img/header/close-h-5f9689f4ac.svg) no-repeat
}
.header-nav .login-content {
	width: auto;
	height: 80px;
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	color: #616161
}
.header-nav .login-content .separation {
	display: inline-block
}
.header-nav .login-content .login, .header-nav .login-content .register {
	width: 75px;
	height: 79px;
	color: #222;
	text-align: center;
	border-left: 1px #f5f5f5 solid;
	border-right: 1px #f5f5f5 solid
}
.header-nav .login-content .login:hover, .header-nav .login-content .register:hover {
	background: #e00;
	color: #fff
}
.header-nav .login-content .login.loginImg, .header-nav .login-content .register.loginImg {
	border: none;
	position: absolute;
	top: 0;
	right: -16px;
	z-index: 12;
	background: 0 0;
	color: #222
}
.header-nav .login-content .login.loginImg:hover .login-succeed, .header-nav .login-content .register.loginImg:hover .login-succeed {
	display: block
}
.header-nav .login-content .login-succeed {
	position: absolute;
	right: -33px;
	top: 65px;
	z-index: 10;
	width: 120px;
	height: 100px;
	background: #fff;
	border-radius: 5px;
	display: none;
	-webkit-box-shadow: #dde3ec 0 10px 10px;
	box-shadow: #dde3ec 0 10px 10px
}
.header-nav .login-content .login-succeed.active {
	display: block
}
.header-nav .login-content .login-succeed font {
	position: absolute;
	display: inline-block;
	top: -33px;
	right: 0;
	width: 120px;
	height: 41px;
	background: url(https://www.huoxing24.com/img/header/top-arrows-9714c78e9b.png) no-repeat
}
.header-nav .login-content .login-succeed span {
	display: block;
	width: 100px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	padding: 0 10px;
	cursor: pointer;
	margin: 7px 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.header-nav .login-content .login-succeed span a {
	color: #616161
}
.header-nav .login-content .login-succeed span:first-child {
	font-size: 12px
}
.header-nav .login-content .login-succeed span:last-child {
	background: #f2f7fe;
	top: -12px
}
.header-nav .login-content .login-succeed span:hover {
	background: #f2f7fe
}
.header-nav .login-content .register {
	border: none;
	color: #999
}
.header-nav .login-content .register:hover {
	background: 0 0;
	color: #222
}
.header-nav .login-content a, .header-nav .login-content span {
	position: relative;
	display: inline-block;
	font-size: 16px;
	cursor: pointer;
	height: 25px;
	color: #616161
}
.header-nav .login-content a img, .header-nav .login-content span img {
	width: 40px;
	height: 40px;
	border-radius: 100%
}
.header-nav .login-content a img.user-img, .header-nav .login-content span img.user-img {
	position: absolute;
	top: 20px;
	left: 15px
}
.header-nav .login-content a:hover, .header-nav .login-content span:hover {
	color: #1482f0
}
.header-nav .login-content a:last-child, .header-nav .login-content span:last-child {
	margin: 0
}
.header-nav .login-content .login-active {
	color: #1482f0
}
.header-roll-msg-wrap {
	background: #1e1e1e
}
.header-roll {
	margin: 0 auto;
	height: 35px;
	width: 1200px;
	line-height: 35px;
	color: #fff;
	font-size: 12px
}
.header-roll .hx-hint {
	line-height: 35px;
	font-size: 13px;
	color: #e4e8e8;
	display: inline-block
}
.header-roll .hx-product {
	float: right
}
.header-roll .hx-product li {
	position: relative;
	float: left;
	color: #d6d8da;
	font-size: 13px;
	height: 20px;
	text-align: center;
	margin-right: 20px;
	cursor: pointer;
	margin-top: 6px
}
.header-roll .hx-product li:last-child {
	margin-right: 0
}
.header-roll .hx-product li a {
	display: block;
	height: 20px;
	line-height: 20px;
	color: #d6d8da
}
.header-roll .hx-product li a:hover {
	color: #CBC6C6
}
.header-roll .hx-product li:hover {
	color: #444
}
.header-roll .hx-product li:hover.weChat .wx-ewm-img {
	display: block
}
.header-roll .hx-product li .wx-ewm-img {
	position: absolute;
	width: 97px;
	height: 116px;
	display: none;
	padding: 25px 18px;
	right: -30px;
	top: 18px;
	z-index: 100;
	background: url(https://www.huoxing24.com/img/header/wem-bg-72c67ea84a.png) no-repeat center
}
.header-roll .hx-product li .wx-ewm-img img {
	display: block;
	width: 98px;
	height: 98px
}
.header-roll .hx-product li .wx-ewm-img span {
	display: block;
	height: 32px;
	color: #616161;
	line-height: 32px;
	text-align: center
}
.login-mask {
	position: fixed;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.8);
	display: none;
	height: 100%;
	width: 100%;
	z-index: 999
}
.login-mask input {
	outline: 0
}
.login-mask .login-con {
	margin-left: -291px;
	padding: 0 120px 20px;
	position: fixed;
	left: 50%;
	background: #f6f6f6;
	border-radius: 5px;
	width: 342px;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%)
}
.login-mask .login-con h1 {
	color: #1979f4;
	font-size: 30px;
	line-height: 74px;
	text-align: center
}
.login-mask .login-con #weChat-img {
	width: 100px;
	height: 100px;
	margin: 30px auto 0;
	border: 1px #adcdf5 solid;
	border-radius: 100%;
	display: none
}
.login-mask .login-con #weChat-img img {
	width: 90px;
	height: 90px;
	margin: 5px;
	border-radius: 100%
}
.login-mask .login-con .login-item {
	margin-bottom: 10px;
	background: #fff;
	border: 1px solid #e5e5e5;
	height: 54px;
	width: 340px
}
.login-mask .login-con .login-item.weChat-list {
	display: none
}
.login-mask .login-con .login-item.phone-item {
	position: relative
}
.login-mask .login-con .login-item.phone-item .phone-code {
	float: left;
	width: 57px;
	height: 100%;
	line-height: 54px;
	color: #474747;
	font-size: 16px;
	cursor: pointer
}
.login-mask .login-con .login-item.phone-item .phone-code img {
	vertical-align: middle;
	margin-left: 10px
}
.login-mask .login-con .login-item.phone-item input {
	width: 218px
}
.login-mask .login-con .login-item.auth-code-item input {
	width: 150px
}
.login-mask .login-con .login-item.auth-code-item a {
	float: right;
	background: #f1f1f1;
	border-left: 1px solid #d6d6d6;
	display: block;
	height: 100%;
	width: 128px;
	color: #1979f4;
	line-height: 54px;
	text-align: center
}
.login-mask .login-con .login-item>span {
	float: left;
	display: block;
	height: 100%;
	width: 60px;
	text-align: center
}
.login-mask .login-con .login-item>span img {
	margin-top: 15px;
	display: inline-block
}
.login-mask .login-con .login-item input {
	float: right;
	border: none;
	height: 100%;
	color: #999;
	font-size: 16px;
	width: 275px
}
.login-mask .login-con button {
	background: #1979f4;
	border: none;
	cursor: pointer;
	display: block;
	height: 56px;
	width: 100%;
	color: #fff;
	font-size: 24px;
	line-height: 56px;
	text-align: center;
	text-shadow: 0 0 5px 0 rgba(0,0,0,.8)
}
.login-mask .login-con .login-tips {
	color: #474747;
	font-size: 16px;
	line-height: 50px;
	text-align: center
}
.login-mask .login-con .login-tips p {
	float: left
}
.login-mask .login-con .login-tips a {
	color: #1979f4
}
.login-mask .login-con .login-tips .forget-password {
	float: right
}
.login-mask .login-con .weChat-login {
	width: 100px;
	height: 60px;
	cursor: pointer;
	margin: 20px auto
}
.login-mask .login-con .weChat-login p {
	text-align: center;
	font-size: 16px;
	color: #424242
}
.login-mask .login-con .weChat-login img {
	margin: 15px auto 5px;
	display: block;
	width: 40px;
	height: 40px
}
.login-mask .login-close {
	position: absolute;
	right: 15px;
	top: 20px;
	height: 22px;
	width: 22px
}
.code-shade {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 1004;
	left: 0;
	top: 0;
	bottom: 0;
	background: rgba(0,0,0,.7);
	display: none
}
.code-shade.show {
	display: block
}
.verification-img {
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -250px;
	background: #fff;
	border-radius: 5px;
	width: 340px;
	height: 200px;
	padding: 30px 80px;
	z-index: 1005;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	display: none
}
.verification-img .close-img {
	position: absolute;
	right: 20px;
	top: 20px;
	cursor: pointer
}
.verification-img .close-img img {
	width: 22px;
	height: 22px
}
.verification-img.show {
	display: block
}
.verification-img .refresh {
	position: absolute;
	right: 50px;
	top: 102px;
	cursor: pointer
}
.verification-img .refresh img {
	width: 14px;
	height: 16px
}
.verification-img.active {
	display: block
}
.verification-img h5 {
	font-size: 30px;
	color: #222;
	text-align: center;
	line-height: 30px;
	margin-bottom: 30px
}
.verification-img span {
	position: absolute;
	right: 20px;
	top: 20px;
	cursor: pointer
}
.verification-img span img {
	width: 22px;
	height: 22px
}
.verification-img input {
	float: left
}
.verification-img input.code-text {
	width: 205px;
	height: 40px;
	padding: 0 10px;
	border: 1px #e5e5e5 solid
}
.verification-img button#codeBtn {
	width: 100%;
	height: 40px;
	background: #1979f4;
	color: #fff;
	font-size: 24px;
	line-height: 40px;
	text-align: center;
	border: none;
	margin-top: 5px;
	cursor: pointer
}
.verification-img p {
	width: 110px;
	height: 40px;
	float: right;
	margin-bottom: 40px
}
.verification-img p img {
	width: 110px;
	height: 40px
}
.weChat-iframe {
	position: fixed;
	left: 50%;
	top: 20%;
	margin-left: -290px;
	padding: 70px;
	width: 440px;
	height: 440px;
	border-radius: 5px;
	background: #fff;
	z-index: 999;
	display: none
}
.weChat-iframe .login-close {
	position: absolute;
	right: 50px;
	top: 35px
}
.weChat-iframe #weChatPc {
	width: 100%;
	height: 100%
}
.search-shade {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.4);
	z-index: 20;
	display: none
}
@-webkit-keyframes fadeIn {
from {
opacity:0;
height:0
}
to {
opacity:1;
height:60px
}
}
@keyframes fadeIn {
from {
opacity:0;
height:0
}
to {
opacity:1;
height:60px
}
}
.right-download-img {
	position: fixed;
	top: 180px;
	right: 15px;
	display: none;
	width: 130px;
	height: auto;
	z-index: 9
}
.right-download-img img {
	width: 130px;
	height: auto
}
.right-download-img span {
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	width: 30px;
	height: 30px
}
.footer-wrapper {
	background: #2e2e30
}
.footer-wrapper .popup {
	position: fixed;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.8);
	display: none;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
	width: 100%;
	z-index: 9999
}
.footer-wrapper .popup .content-wrapper {
	position: absolute;
	background: #fff;
	border-radius: 8px;
	width: 360px
}
.footer-wrapper .popup .content-wrapper .content {
	text-align: center
}
.footer-wrapper .popup .content-wrapper .content h3 {
	color: #222;
	margin-bottom: 20px;
	font-size: 22px
}
.footer-wrapper .popup .content-wrapper .content h3 span {
	margin-top: 5px;
	display: block;
	color: #999;
	font-size: 12px
}
.footer-wrapper .popup .content-wrapper .content p {
	color: #666;
	font-size: 16px
}
.footer-wrapper .popup .content-wrapper .content p span {
	margin-bottom: 5px;
	display: block
}
.footer-wrapper .popup .content-wrapper .content.details {
	display: none
}
.footer-wrapper .popup .content-wrapper .content.details .item {
	margin: 40px 0 80px
}
.footer-wrapper .popup .content-wrapper .content.business .item {
	margin: 40px 0 40px
}
.footer-wrapper .popup .content-wrapper a.close {
	position: absolute;
	right: 20px;
	top: 20px;
	background: url(https://www.huoxing24.com/img/footer/close-popup-4a612fc6c0.png) no-repeat center;
	display: block;
	height: 22px;
	width: 22px
}
.footer-wrapper .popup .content-wrapper .footer a.footer-close {
	margin: 36px auto;
	display: block;
	background: #e00;
	border-radius: 5px;
	height: 48px;
	width: 160px;
	color: #fff;
	line-height: 48px;
	text-align: center
}
.footer-main {
	position: relative;
	margin: 0 auto;
	padding: 60px 0 45px;
	width: 1200px;
	color: #999;
	font-size: 14px
}
.footer-main .footer-up h3 {
	margin-bottom: 15px;
	color: #ededed;
	font-size: 16px
}
.footer-main .footer-up a {
	color: #999;
	line-height: 32px
}
.footer-main .footer-up .footer-item {
	float: left;
	width: 200px
}
.footer-main .footer-up .footer-item a {
	float: left;
	display: inline-block;
	width: 100px
}
.footer-main .footer-up .footer-item.about, .footer-main .footer-up .footer-item.production {
	margin-right: 50px
}
.footer-main .footer-up .footer-item.partner {
	float: left;
	width: 340px
}
.footer-main .footer-up .footer-item.partner h3 {
	margin-left: 10px
}
.footer-main .footer-up .footer-item.partner a {
	float: left;
	margin: 0 0 10px 10px;
	height: 36px;
	width: 100px
}
.footer-main .footer-up .footer-item.download {
	float: right;
	width: 240px
}
.footer-main .footer-up .footer-item.download .down-cont {
	width: 100%
}
.footer-main .footer-up .footer-item.download .down-cont img {
	width: 98px;
	height: 98px;
	float: left
}
.footer-main .footer-up .footer-item.download .down-cont .and, .footer-main .footer-up .footer-item.download .down-cont .ios {
	display: block;
	float: right;
	width: 130px;
	height: 38px;
	font-size: 14px;
	color: #fff;
	line-height: 38px;
	text-align: center;
	background: #e00;
	border-radius: 3px;
	margin-bottom: 20px
}
.footer-main .footer-up .footer-item.download .down-cont .and:hover, .footer-main .footer-up .footer-item.download .down-cont .ios:hover {
	/*background: #ec2c2c;
	background  #663333;
	background: #990033; */
	/*background: #330033; 紫色
	background: #CC3333;*/
	background:#ff2c2c;
}
.footer-main .footer-share {
	margin: 90px 0 20px;
	width: 400px
}
.footer-main .footer-share .list {
	width: 40px;
	height: 40px;
	float: left;
	margin-right: 25px;
	cursor: pointer;
	background: url(https://www.soucoc.com/public/footer/img/share-cc3fc7a153.png) no-repeat
}
.footer-main .footer-share .list a {
	display: inline-block;
	width: 100%;
	height: 100%
}
.footer-main .footer-share .list.l1 {
	position: relative;
	background-position: 0 -45px
}
.footer-main .footer-share .list.l1:hover {
	background-position: 0 0
}
.footer-main .footer-share .list.l1:hover:hover .wx-fx {
	display: block
}
.footer-main .footer-share .list.l1 .wx-fx {
	position: absolute;
	top: -176px;
	left: -52px;
	width: 97px;
	height: 117px;
	background: #fff;
	border-radius: 5px;
	z-index: 10;
	padding: 20px;
	display: none
}
.footer-main .footer-share .list.l1 .wx-fx p {
	width: 101px;
	height: 110px;
	float: left
}
.footer-main .footer-share .list.l1 .wx-fx p span {
	display: inline-block;
	text-align: center;
	width: 100%;
	font-size: 16px;
	color: #616161
}
.footer-main .footer-share .list.l1 .wx-fx p img {
	width: 98px;
	height: 98px;
	margin: 0 auto
}
.footer-main .footer-share .list.l1 .wx-fx .arrow_down {
	position: absolute;
	bottom: -9px;
	width: 0;
	left: 62px;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #fff
}
.footer-main .footer-share .list.l2 {
	background-position: -181px -45px
}
.footer-main .footer-share .list.l2:hover {
	background-position: -181px 0
}
.footer-main .footer-share .list.l3 {
	background-position: -120px -45px
}
.footer-main .footer-share .list.l3:hover {
	background-position: -120px 0
}
.footer-main .footer-share .list.l4 {
	background-position: -241px -45px
}
.footer-main .footer-share .list.l4:hover {
	background-position: -241px 0
}
.footer-main .footer-share .list.l5 {
	background-position: -303px -45px
}
.footer-main .footer-share .list.l5:hover {
	background-position: -303px 0
}
.footer-main .footer-share .list.l6 {
	background-position: -60px -45px
}
.footer-main .footer-share .list.l6:hover {
	background-position: -60px 0
}
.footer-main .footer-partner {
	padding: 25px 0;
	border-top: 1px solid #3f3f3f
}
.footer-main .footer-partner h3 {
	margin-right: 45px;
	display: inline-block;
	color: #ededed
}
.footer-main .footer-partner .footer-partner-link {
	display: inline-block
}
.footer-main .footer-partner .footer-partner-link a {
	padding-right: 46px;
	position: relative;
	color: #999
}
.footer-main .footer-partner .footer-partner-link a:before {
	content: '';
	position: absolute;
	right: 23px;
	top: 8px;
	background: #757575;
	height: 5px;
	width: 1px
}
.footer-main .footer-partner .footer-partner-link a.friendly-link:before {
	background: #2e2e30;
	height: 0;
	width: 0
}
.footer-main .footer-copyright {
	padding-top: 20px;
	border-top: 1px solid #3f3f3f
}
.footer-main .footer-copyright img {
	display: inline-block;
	margin: 8px 20px 0 0
}
.footer-main .footer-copyright p {
	display: inline-block;
	font-size: 12px;
	color: #5a5a5a;
	line-height: 22px
}
.footer-main .footer-copyright p a {
	color: #5a5a5a
}
.footer-main .footer-copyright p a img {
	vertical-align: bottom;
	margin: 0 0 5px;
	width: 16px
}
.footer-main .footer-right-dwon {
	position: fixed;
	bottom: 150px;
	right: 20px
}
.footer-main .footer-right-dwon .icon-item {
	position: relative;
	width: 50px;
	height: 50px
}
.footer-main .footer-right-dwon .icon-item a {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	display: block;
	height: 100%;
	cursor: pointer;
	background: url(https://www.huoxing24.com/img/footer/right-down-icon-b180165464.png) no-repeat;
	z-index: 1
}
.footer-main .footer-right-dwon .icon-item span {
	position: absolute;
	left: -38px;
	top: -38px;
	width: 80px;
	height: 115px;
	padding: 20px 25px 0 20px;
	font-size: 12px;
	text-align: center;
	color: #666;
	line-height: 20px;
	background: url(https://www.huoxing24.com/img/footer/ewm-bg-37be5c8a80.png) no-repeat;
	opacity: 0;
	z-index: 0
}
.footer-main .footer-right-dwon .icon-item span img {
	width: 80px;
	height: 80px
}
.footer-main .footer-right-dwon .icon-item.down a, .footer-main .footer-right-dwon .icon-item.ewm a {
	background-position: 0 0
}
.footer-main .footer-right-dwon .icon-item.down:hover a, .footer-main .footer-right-dwon .icon-item.ewm:hover a {
	background-position: -75px 0
}
.footer-main .footer-right-dwon .icon-item.down.active span, .footer-main .footer-right-dwon .icon-item.ewm.active span {
	opacity: 1;
	left: -120px;
	-webkit-transition: all .3s;
	transition: all .3s
}
.footer-main .footer-right-dwon .icon-item.ewm a {
	position: relative;
	background-position: 0 -52px
}
.footer-main .footer-right-dwon .icon-item.ewm:hover a {
	background-position: -75px -52px
}
.footer-main .footer-right-dwon .icon-item.top a {
	position: relative;
	background-position: 0 -104px
}
.footer-main .footer-right-dwon .icon-item.top:hover a {
	background-position: -75px -104px
}
.footer-main .footer-right-dwon .icon-item.top.active span {
	opacity: 1;
	left: -82px;
	-webkit-transition: all .25s;
	transition: all .25s
}
.footer-main .footer-right-dwon .icon-item.top span {
	padding: 0;
	position: absolute;
	opacity: 0;
	left: -40px;
	top: 5px;
	background: 0 0;
	width: 88px;
	height: 40px;
	z-index: 0
}
.footer-main .footer-right-dwon .icon-item.top span img {
	width: 100%;
	height: 100%
}
.ad-list {
	width: 100%;
	padding: 15px 0;
	border-bottom: 1px #eee solid
}
.ad-list a {
	display: block;
	width: 100%;
	height: 100%;
	color: #262626
}
.ad-list a:hover h6 {
	color: #0163c5
}
.ad-list a h6 {
	display: inline-block;
	font-size: 18px;
	vertical-align: top;
	font-weight: 500!important;
	line-height: 24px;
	margin-bottom: 10px
}
.ad-list a p {
	position: relative
}
.ad-list a p img {
	width: 800px;
	height: 140px
}
.ad-list a p span {
	position: absolute;
	right: 0;
	bottom: 0
}
.ad-list a p span img {
	width: 40px;
	height: 20px
}
.index-news-list {
	position: relative;
	display: block;
	width: 800px;
	height: 160px;
	padding: 20px 0;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	border-bottom: 1px #eee solid;
	cursor: pointer
}
.index-news-list .shadow {
	position: absolute;
	width: 830px;
	height: 200px;
	background: #fff;
	z-index: 4;
	left: -15px;
	top: 0;
	opacity: 0;
	-webkit-transition: .3s;
	transition: .3s;
	-webkit-box-shadow: #a9a9a9 0 0 20px;
	box-shadow: #a9a9a9 0 0 20px
}
.index-news-list:hover .shadow {
	opacity: 1;
	-webkit-box-shadow: #ccc 0 0 20px;
	box-shadow: #ccc 0 0 20px;
	-webkit-transition: .3s;
	transition: .3s;
	border-radius: 5px
}
.index-news-list:first-child {
	padding-top: 20px
}
.index-news-list.not-cont {
	text-align: center;
	font-size: 24px;
	color: #999;
	line-height: 400px;
	min-height: 400px
}
.index-news-list a {
	height: 100%
}
.index-news-list a .list-left {
	position: relative;
	overflow: hidden;
	width: 220px;
	height: 160px;
	margin-right: 20px;
	float: left;
	z-index: 5
}
.index-news-list a .list-left .type-video {
	position: absolute;
	left: 0;
	top: 10px;
	background: #1881ef;
	height: 24px;
	width: 40px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	line-height: 24px;
	z-index: 6
}
.index-news-list a .list-left .type-video-btn {
	position: absolute;
	width: 48px;
	height: 48px;
	left: 50%;
	top: 50%;
	margin: -24px 0 0 -24px;
	background: url(https://www.huoxing24.com/img/newsLeft/index-video-type-75fd21e976.png) center no-repeat;
	z-index: 6
}
.index-news-list a .list-left .channel-text {
	position: absolute;
	top: 15px;
	left: -2px;
	z-index: 6;
	padding: 5px 8px;
	font-size: 13px;
	color: #fff;
	background: rgba(0,0,0,.5);
	border-radius: 3px
}
.index-news-list a .list-left .list-video-img {
	width: 220px;
	height: 160px;
	overflow: hidden
}
.index-news-list a .list-left .list-video-img p {
	display: block;
	width: auto;
	height: 160px;
	background: center
}
.index-news-list a .list-left img {
	position: absolute;
	width: 100%;
	height: 160px;
	z-index: 5;
	-webkit-transition: -webkit-transform .5s ease;
	transition: -webkit-transform .5s ease;
	transition: transform .5s ease;
	transition: transform .5s ease, -webkit-transform .5s ease;
	 -o-object-fit: cover;
    object-fit: cover;
}
.index-news-list a .list-left img:hover {
	-webkit-transform: scale(1.04);
	-ms-transform: scale(1.04);
	transform: scale(1.04)
}
.index-news-list a .list-right {
	position: relative;
	width: auto;
	height: 100%;
	float: right;
	z-index: 5
}
.index-news-list a .list-right .headline {
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	color: #262626;
	/*font-size: 18px;line-height: 24px*/
	font-weight: 700!important;
	
	font-size: 20px;
    line-height: 28px;
    color: rgba(0,0,0,.88);
    transition: all .5s ease;
}
.index-news-list a .list-right .headline.active em {
	display: block;
	text-indent: 40px
}
.index-news-list a .list-right .headline.active em.long {
	text-indent: 52px
}
.index-news-list a .list-right .headline .top-order {
	position: absolute;
	left: 0;
	top: 2px;
	background-color: #ff7043;
	font-size: 12px!important;
	color: #fff!important;
	font-weight: 400!important;
	opacity: 1!important;
	padding: 0 5px;
	margin-right: 4px;
	border-radius: 3px;
	height: 18px;
	line-height: 18px
}
.index-news-list a .list-right .details {
	
	margin-top: 10px;
	font-size: 14px;
    line-height: 22px;
    color: rgba(0,0,0,.56);
    max-height: 44px;
    margin-bottom: 24px;
    word-break: break-all;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	
}
.index-news-list a .list-right .details:hover {
	color: #555c62
}
.index-news-list a .headline:hover {
	color: #e00;
	transition: all .3s ease
}
.index-news-list .list-bottom {
	position: absolute;
	width: 560px;
	height: 30px;
	bottom: 20px;
	left: 240px;
	color: #828a92;
	font-size: 12px;
	z-index: 20
}
.index-news-list .list-bottom .hxh {
	padding-right: 10px;
	float: left;
	height: 30px;
	line-height: 30px
}
.index-news-list .list-bottom .hxh a {
	color: #5a83f9
}
.index-news-list .list-bottom .name {
	position: relative;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	vertical-align: bottom
}
.index-news-list .list-bottom .name a {
	color: #828a92
}
.index-news-list .list-bottom .name a:hover {
	color: #5a83f9
}
.index-news-list .list-bottom p {
	position: relative;
	display: inline-block
}
.index-news-list .list-bottom p.portrait {
	float: left;
	margin-top: 5px;
	padding-right: 10px
}
.index-news-list .list-bottom p.portrait a {
	margin: 0;
	padding: 0
}
.index-news-list .list-bottom p.portrait img {
	display: block;
	width: 20px;
	height: 20px;
	cursor: pointer;
	border-radius: 100%
}
.index-news-list .list-bottom p.label1, .index-news-list .list-bottom p.label2 {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	color: #1482f0;
	height: 100%;
	line-height: 28px;
	cursor: pointer
}
.index-news-list .list-bottom p.label1 span, .index-news-list .list-bottom p.label2 span {
	margin-top: 5px;
	display: inline-block;
	padding: 0 5px;
	border: 1px solid #1482f0;
	margin-right: 20px;
	font-size: 12px;
	line-height: 18px
}
.index-news-list .list-bottom p.label1 span a, .index-news-list .list-bottom p.label2 span a {
	color: #828a92
}
.index-news-list .list-bottom p.label2 {
	left: 282px
}
.index-news-list .list-bottom p.time {
	height: 30px;
	line-height: 30px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	text-align: right
}
.index-news-list .list-bottom p.lock-time {
	height: 30px;
	line-height: 30px;
	padding-left: 16px;
	position: absolute;
	margin: auto;
	text-align: right
}
.index-news-list .list-bottom p.read-num {
	font-size: 12px;
	float: right;
	line-height: 30px
}
.index-news-list .list-bottom p.read-num a {
	color: #828a92
}
.index-news-list .list-bottom p.read-num a:hover {
	color: #0163c5
}
.loading {
	height: 160px;
	line-height: 160px;
	width: 100%;
	text-align: center;
	color: #b0b0b0
}
.news-img {
	margin-bottom: 15px;
	border-radius: 3px;
	width: 100%;
	overflow: hidden
}
.news-img a {
	position: relative;
	font-size: 0;
	display: block;
	width: 100%;
	height: 100%;
	margin-bottom: 15px
}
.news-img a:last-child {
	margin-bottom: 0
}
.news-img a img {
	width: 100%;
	height: 100%
}
.news-img a span {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 40px;
	height: 20px
}
.news-img a span.active {
	background: url(https://www.huoxing24.com/img/ad/ad-2dc603143b.png) no-repeat
}
.ad-swiper {
	width: 555px;
	height: 150px
}
.ad-swiper .swiper-slide {
	width: 555px;
	height: 150px
}
.ad-swiper .swiper-slide img {
	width: 555px;
	height: 150px
}
.ad-swiper:hover .swiper-button-prev {
	-webkit-transition: .3s;
	transition: .3s;
	left: 10px
}
.ad-swiper:hover .swiper-button-next {
	-webkit-transition: .3s;
	transition: .3s;
	right: 10px
}
.ad-swiper .swiper-button-prev {
	width: 39px;
	height: 50px;
	background: url(https://www.huoxing24.com/img/adSwiper/left-82389e90c1.png) no-repeat;
	left: -39px;
	z-index: 9999
}
.ad-swiper .swiper-button-prev:hover {
	background: url(https://www.huoxing24.com/img/adSwiper/left-h-faa1115639.png) no-repeat
}
.ad-swiper .swiper-button-next {
	width: 39px;
	height: 50px;
	background: url(https://www.huoxing24.com/img/adSwiper/right-8487596b57.png) no-repeat;
	right: -39px
}
.ad-swiper .swiper-button-next:hover {
	background: url(https://www.huoxing24.com/img/adSwiper/right-h-f733280eea.png) no-repeat
}
.ad-swiper .swiper-pagination {
	bottom: 15%
}
.subject-box {
	padding-bottom: 20px
}
.subject-box .index-news-center {
	float: right;
	width: 318px;
	border: 1px #eee solid;
	padding: 10px 20px 0
}
.subject-box .index-news-center .subject-h5 {
	padding: 10px 0 0
}
.subject-box .index-news-center .subject-h5 h3 {
	float: left;
	width: 90%
}
.subject-box .index-news-center .subject-h5 h3 a {
	display: block;
	width: 100%;
	font-weight: 700;
	font-size: 16px;
	color: #222
}
.subject-box .index-news-center .subject-h5 a {
	float: right;
	font-size: 12px;
	color: #b2b2b2
}
.subject-box .index-news-center .subject-h5 a.more {
	display: inline-block;
	border-right: 3px solid;
	border-bottom: 3px solid;
	width: 10px;
	height: 10px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	color: #ccc
}
.subject-tab .subject-box {
	width: 318px;
	height: auto;
	border-bottom: 1px #eee solid;
	margin: 20px 0
}
.subject-tab .subject-box:last-child {
	border-bottom: none;
	margin-bottom: 0
}
.subject-tab .subject-box .subject-first {
	position: relative;
	width: 100%;
	height: 65px
}
.subject-tab .subject-box .subject-first a {
	display: inline-block;
	width: 100%;
	height: 100%;
	color: #212121
}
.subject-tab .subject-box .subject-first a img {
	width: 90px;
	height: 65px;
	float: left
}
.subject-tab .subject-box .subject-first a h5 {
	width: 215px;
	height: 65px;
	float: right;
	line-height: 22px;
	font-size: 16px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3
}
.subject-tab .subject-box .subject-first a h5:hover {
	color: #0163c5
}
.subject-tab .subject-box .subject-ul {
	width: 328px;
	height: auto;
	background: #fff
}
.subject-tab .subject-box .subject-ul .subject-title {
	cursor: pointer;
	display: block;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	word-wrap: break-word;
	overflow-wrap: break-word;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: #333;
	max-height: 48px;
	overflow: hidden
}
.subject-tab .subject-box .subject-ul .subject-title:hover {
	color: #1482f0
}
.subject-tab .subject-box .subject-ul li {
	width: 100%;
	font-size: 14px;
	line-height: 21px;
	margin: 10px 0 0
}
.subject-tab .subject-box .subject-ul li span {
	display: inline-block;
	float: left;
	width: 4px;
	height: 4px;
	border-radius: 100%;
	margin-top: 8px;
	background: #828a92
}
.subject-tab .subject-box .subject-ul li a {
	display: block;
	float: right;
	width: 315px;
	color: #828a92
}
.subject-tab .subject-box .subject-ul li a h3 {
	font-size: 14px
}
.subject-tab .subject-box .subject-ul li a:hover {
	color: #555c62
}
.news-center-img {
	margin-top: 0;
	width: 100%;
	height: auto
}
.news-center-img a {
	margin-bottom: 15px;
	border-radius: 3px;
	display: block;
	height: 120px;
	width: 100%;
	overflow: hidden
}
.news-center-img a img {
	width: 100%;
	height: 100%
}




.index-news-left {
	width: 800px;
	height: auto;
	float: left
}
.index-news-left .block-style {
	min-height: 500px;
	display: none
}
.index-news-left .block-style.not-cont {
	position: relative;
	font-size: 24px;
	width: 800px;
	color: #999;
	line-height: 500px;
	text-align: center
}
.index-news-left .block-style.not-cont p {
	position: absolute;
	left: 350px
}
.index-news-left ul {
	width: 100%;
	height: 45px;
	overflow: hidden
}
.index-news-left ul li {
    font-size: 20px;
    line-height: 28px;
    padding: 0;
    position: relative;
    font-weight: 700;
    transition: all .3s ease;
}
.index-news-left ul li.hot {
	position: relative
}
.index-news-left ul li.hot:before {
	content: '';
	position: absolute;
	right: -10px;
	top: -2px;
	background: url(https://www.huoxing24.com/img/hot-06e2cc7ce8.svg) no-repeat center;
	height: 15px;
	width: 25px
}
.index-news-left ul li:last-child {
	margin: 0
}
.index-news-left ul li.active, .index-news-left ul li:hover {
	color: rgba(0,0,0,.88);
	font-weight: 700

}
.index-news-left ul li.active {
	border-bottom: 2px #1482f0 solid
}
.index-news-left ul li font {
	position: absolute;
	width: 40px;
	height: 2px;
	left: 50%;
	margin-left: -20px;
	background: #1482f0;
	bottom: -1px;
	display: none
}
.index-news-left ul li font.active {
	display: block
}
.index-news-left .new-left-more {
	display: block;
	width: 138px;
	height: 38px;
	border: 1px #b3e5fc solid;
	text-align: center;
	line-height: 38px;
	float: right;
	margin: 30px 0;
	color: #1482f0
}


.bbt-clearfix:after, .bbt-clearfix:before {
	display: table;
	content: ""
}
.bbt-clearfix:after {
	clear: both
}
.bbt-subtab .label {
	display: inline-block;
	font-size: 14px;
	color: rgba(0,0,0,.56);
	line-height: 26px;
	font-weight: 700
}
.bbt-subtab__menu {
	padding-left: 84px;
	padding: 0;
	list-style-type: none;
	overflow: hidden
}
.bbt-subtab__menu.up {
	height: auto;
	transition: all .3s ease
}
.bbt-subtab__menu.down {
	height: 36px;
	transition: all .3s ease
}
.bbt-subtab__menu img {
	vertical-align: middle;
	display: inline-block;
	margin-top: -2px
}
.bbt-subtab__menu li {
	display: inline-block;
	font-size: 12px;
	line-height: 20px;
	color: rgba(0,0,0,.56);
	text-align: center;
	padding: 3px 12px;
	border: 1px solid rgba(0,0,0,.1);
	border-radius: 14px;
	margin-right: 14px;
	margin-bottom: 12px;
	cursor: pointer;
	transition: all .3s ease
}
.bbt-subtab__menu li:hover {
	border-color: #f46300;
	color: #f46300
}
.bbt-subtab__menu li.active {
	background: #f46300;
	border-color: #f46300;
	color: #fff
}
.bbt-subtab__more {
	position: absolute;
	top: 2px;
	right: 0;
	cursor: pointer;
	font-size: 24px;
	color: rgba(0,0,0,.32);
	transition: all .3s ease
}
.bbt-subtab__more:hover {
	color: #f46300;
	transition: all .3s ease
}
.bbt-subtab__more.up {
	transform: rotate(180deg);
	transition: all .3s ease
}
.bbt-subtab__more.down {
	transform: rotate(0deg);
	transition: all .3s ease
}



.index-news {
	width: 800px;
	height: auto;
	margin-top: 30px
}
.index-news .index-right-contain {
	float: right
}
.index-news .index-right-contain .index-news-center {
	float: right
}
.index-news .index-right-contain .ad-contain .ad-box .ad-left {
	float: left;
	width: 300px;
	margin-right: 15px
}
.index-news .index-right-contain .ad-contain .ad-box .ad-right {
	float: right;
	width: 240px
}


.inquire-img {
	width: 1200px;
	margin: 15px auto 10px
}
.two-sessions {
	width: 1200px;
	height: 100px;
	margin: 0 auto
}
.news-right-img {
	width: 100%;
	height: auto
}
.news-right-img .questionnaire-index, .news-right-img a {
	margin-bottom: 15px;
	border-radius: 3px;
	cursor: pointer;
	display: block;
	height: 160px;
	width: 100%;
	overflow: hidden
}
.news-right-img .questionnaire-index img, .news-right-img a img {
	width: 100%;
	height: 100%
}
.questionaire-popup {
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 8889
}
.questionaire-popup .questionaire-mask {
	position: fixed;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.8);
	height: 100%;
	width: 100%
}
.questionaire-popup .questionaire-con {
	margin: -300px 0 0 -450px;
	position: fixed;
	left: 50%;
	top: 50%;
	height: 600px;
	width: 900px
}
.questionaire-popup .questionaire-con .iframe-wrap {
	border-radius: 3px;
	height: 100%;
	width: 100%;
	overflow: hidden
}
.questionaire-popup .questionaire-close {
	position: absolute;
	right: -40px;
	top: 0;
	background: rgba(255,255,255,.8);
	height: 30px;
	width: 30px;
	color: rgba(0,0,0,.8);
	font-size: 32px;
	line-height: 26px;
	text-align: center;
	text-decoration: none
}
.area-left {
	width: 800px;
	max-height: 450px
}
.area-left .area-carousel {
	width: 800px;
	height: 335px
}
.area-left .area-carousel .primary-carousel {
	width: 532px;
	height: 335px;
	float: left
}
.area-left .area-carousel .primary-carousel .swiper-pagination {
	top: 331px
}
.area-left .area-carousel .primary-carousel .swiper-container-horizontal .swiper-pagination-progress {
	background: #e00
}
.area-left .area-carousel .primary-carousel .next-bg, .area-left .area-carousel .primary-carousel .per-bg {
	position: absolute;
	left: 20px;
	top: 135px;
	z-index: 5;
	width: 50px;
	height: 50px;
	background: rgba(0,0,0,.1);
	border-radius: 50px;
	text-align: center
}
.area-left .area-carousel .primary-carousel .next-bg:hover, .area-left .area-carousel .primary-carousel .per-bg:hover {
	background: rgba(0,0,0,.5);
	-webkit-transition: all .5s ease 0s;
	transition: all .5s ease 0s
}
.area-left .area-carousel .primary-carousel .next-bg {
	left: 460px
}
.area-left .area-carousel .primary-carousel .swiper-button-next, .area-left .area-carousel .primary-carousel .swiper-button-prev {
	background: 0 0
}
.area-left .area-carousel .primary-carousel .swiper-button-next .iconfont, .area-left .area-carousel .primary-carousel .swiper-button-prev .iconfont {
	position: relative;
	color: #fff;
	top: 10px;
	font-size: 20px
}
.area-left .area-carousel .primary-carousel .comment-news-div {
	width: 532px;
	height: 335px;
	margin: 0 auto;
	-webkit-transition: all .5s ease 0s;
	transition: all .5s ease 0s
}
.area-left .area-carousel .primary-carousel .comment-news-div .swiper-slide {
	width: 532px;
	height: 335px
}
.area-left .area-carousel .primary-carousel .comment-news-div .swiper-slide.comment-news {
	position: relative;
	background: #fff;
	float: left
}
.area-left .area-carousel .primary-carousel .comment-news-div .swiper-slide.comment-news a {
	display: block;
	width: 532px;
	height: 335px
}
.area-left .area-carousel .primary-carousel .comment-news-div .swiper-slide.comment-news .ad-title {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 40px;
	height: 20px
}
.area-left .area-carousel .primary-carousel .comment-news-div .swiper-slide.comment-news .ad-title img {
	width: 40px;
	height: 20px
}
.area-left .area-carousel .primary-carousel .comment-news-div .swiper-slide.comment-news .img-div {
	width: 532px;
	height: 335px;
	overflow: hidden
}
.area-left .area-carousel .primary-carousel .comment-news-div .swiper-slide.comment-news .img-div img {
	-webkit-transition: all .2s;
	transition: all .2s;
	width: 532px;
	height: 335px
}
.area-left .area-carousel .primary-carousel .comment-news-div .swiper-slide.comment-news:hover img {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05)
}
.area-left .area-carousel .primary-carousel .comment-news-div .swiper-slide.comment-news:last-child {
	margin-right: 0
}
.area-left .area-carousel .primary-carousel .comment-news-div .swiper-slide.comment-news .mode {
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 30%;
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,.85)), color-stop(rgba(0,0,0,.4)), to(transparent));
	background: linear-gradient(to top, rgba(0,0,0,.85), rgba(0,0,0,.4), transparent)
}
.area-left .area-carousel .primary-carousel .comment-news-div .swiper-slide.comment-news .title {
	margin: 10px;
	position: absolute;
	bottom: 0;
	line-height: 27px;
	font-size: 20px;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}
.area-left .area-carousel .primary-carousel .comment-news-div .swiper-slide.comment-news .time {
	margin: 0;
	position: absolute;
	font-size: 14px;
	color: #bdbdbd;
	right: 14px;
	bottom: 10px
}
.area-left .area-carousel .recommend-cont {
	width: 250px;
	height: 335px;
	float: right
}
.area-left .area-carousel .recommend-cont a {
	position: relative;
	display: block;
	width: 250px;
	height: 160px;
	overflow: hidden
}
.area-left .area-carousel .recommend-cont a:first-child {
	margin-bottom: 15px
}
.area-left .area-carousel .recommend-cont a img {
	width: 250px;
	height: 160px;
	-webkit-transition: all .2s;
	transition: all .2s
}
.area-left .area-carousel .recommend-cont a p {
	position: absolute;
	bottom: 0;
	color: #fff;
	padding: 15px 20px 5px;
	width: 210px;
	font-size: 14px;
	line-height: 20px;
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,.85)), color-stop(rgba(0,0,0,.4)), to(transparent));
	background: linear-gradient(to top, rgba(0,0,0,.85), rgba(0,0,0,.4), transparent)
}
.area-left .area-carousel .recommend-cont a .ad-title {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 40px;
	height: 20px
}
.area-left .area-carousel .recommend-cont a .ad-title img {
	width: 40px;
	height: 20px
}
.area-left .area-carousel .recommend-cont a:hover img {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05)
}
.area-left .hx-shiweng {
	width: 800px;
	height: 100px;
	margin-top: 15px;
	background: #d5dbe4;
	overflow: hidden
}
.area-left .hx-shiweng .swiper-slide, .area-left .hx-shiweng img {
	width: 800px;
	height: 100px
}
.index-author {
	width: 318px;
	border: 1px #eee solid;
	padding: 10px 20px 15px
}
.index-author .author-title {
	position: relative;
	padding: 10px 0 15px
}
.index-author .author-title h3 {
	float: left;
	font-weight: 700;
	font-size: 16px;
	color: #222
}
.index-author .author-title .next-page {
	position: absolute;
	right: 0;
	width: 40px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: silver;
	padding-left: 20px;
	cursor: pointer;
	background: url(https://www.huoxing24.com/img/indexNew/next-page-7e655345de.png) left no-repeat
}
.index-author .author-title .next-page:hover {
	color: #666
}
.index-author .swiper-container .swiper-wrapper {
	padding-bottom: 0
}
.index-author .swiper-container .swiper-wrapper .swiper-slide .list-author {
	background: #fff;
	position: relative;
	width: 100%;
	height: auto
}
.index-author .swiper-container .swiper-wrapper .swiper-slide .list-author:last-child {
	border-bottom: none
}
.index-author .swiper-container .swiper-wrapper .swiper-slide .list-author .portrait-img {
	width: 100%;
	height: 70px;
	margin-bottom: 16px;
	position: relative;
	overflow: hidden
}
.index-author .swiper-container .swiper-wrapper .swiper-slide .list-author .portrait-img a {
	position: relative;
	display: inline-block;
	width: 100%
}
.index-author .swiper-container .swiper-wrapper .swiper-slide .list-author .portrait-img a img {
	vertical-align: middle;
	width: 56px;
	height: 56px;
	border-radius: 100%;
	cursor: pointer;
	float: left
}
.index-author .swiper-container .swiper-wrapper .swiper-slide .list-author .portrait-img a .v-blue, .index-author .swiper-container .swiper-wrapper .swiper-slide .list-author .portrait-img a .v-orange, .index-author .swiper-container .swiper-wrapper .swiper-slide .list-author .portrait-img a .v-ordinary {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	position: absolute;
	bottom: 5px;
	left: 42px
}
.index-author .swiper-container .swiper-wrapper .swiper-slide .list-author .portrait-img a .v-blue {
	background: url(https://www.huoxing24.com/img/newsAuthor/v-blue-77c6a4e41c.svg) no-repeat center;
	background-size: 100%
}
.index-author .swiper-container .swiper-wrapper .swiper-slide .list-author .portrait-img a .v-orange {
	background: url(https://www.huoxing24.com/img/newsAuthor/v-orange-ddf372b86c.svg) no-repeat center;
	background-size: 100%
}
.index-author .swiper-container .swiper-wrapper .swiper-slide .list-author .portrait-img a h5 {
	display: block;
	float: left;
	font-size: 16px;
	color: #222;
	margin-left: 10px
	
	max-height: 40px;
    color: #212121;
    font-size: 16px;
    line-height: 20px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	
	
}
.index-author .swiper-container .swiper-wrapper .swiper-slide .list-author .portrait-img a p {
	float: right;
	width: 250px;
	height: 36px;
	font-size: 14px;
	color: #828a92;
	line-height: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-top: 10px
}
.index-author .swiper-container .swiper-wrapper .swiper-slide .list-author .portrait-img .name-follower {
	margin-left: 10px;
	vertical-align: middle;
	height: 56px;
	display: inline-block;
	line-height: 20px
}
.index-author .swiper-container .swiper-wrapper .swiper-slide .list-author .portrait-img .name-follower .author-call {
	display: block;
	color: #333;
	font-size: 14px;
	cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.index-author .swiper-container .swiper-wrapper .swiper-slide .list-author .portrait-img .name-follower .author-call h5 {
	font-size: 14px
}
.index-author .swiper-container .swiper-wrapper .swiper-slide .list-author .portrait-img .name-follower .author-call:hover {
	color: #1482f0
}
.index-author .swiper-container .swiper-wrapper .swiper-slide .list-author .portrait-img .name-follower .crowd {
	color: #999;
	font-size: 12px
}
.index-author .swiper-container .swiper-wrapper .swiper-slide .list-author .article-title {
	cursor: pointer;
	display: block;
	width: 100%;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 16px;
	color: #333;
	word-break: break-all
}
.index-author .swiper-container .swiper-wrapper .swiper-slide .list-author .article-title h4 {
	font-size: 16px
}
.index-author .swiper-container .swiper-wrapper .swiper-slide .list-author .article-title:hover {
	color: #1482f0
}
.index-author .swiper-container .swiper-wrapper .swiper-slide .list-author .attention, .index-author .swiper-container .swiper-wrapper .swiper-slide .list-author .cancel-attention, .index-author .swiper-container .swiper-wrapper .swiper-slide .list-author .owner {
	width: 53px;
	height: 23px;
	border-radius: 4px;
	line-height: 23px;
	text-align: center;
	font-size: 12px;
	cursor: pointer;
	margin-top: 15px
}
.index-author .swiper-container .swiper-wrapper .swiper-slide .list-author .attention {
	background: #fff;
	color: #1482f0;
	border: 1px #1482f0 solid;
	border-radius: 16px;
	width: 60px;
	height: 26px;
	line-height: 26px;
	position: relative
}
.index-author .swiper-container .swiper-wrapper .swiper-slide .list-author .attention i {
	top: -1px;
	position: relative;
	margin-right: 3px
}
.index-author .swiper-container .swiper-wrapper .swiper-slide .list-author .attention:hover {
	background: #1482f0;
	color: #fff
}
.index-author .swiper-container .swiper-wrapper .swiper-slide .list-author .cancel-attention {
	background: #e6e6e6;
	color: #5a5a5a
}
.index-author .swiper-container .swiper-wrapper .swiper-slide .list-author .cancel-attention:hover {
	background: #1482f0;
	color: #fff
}
.index-author .swiper-container .swiper-wrapper .swiper-slide .list-author .owner {
	background: #e6e6e6;
	color: #5a5a5a
}
.index-author .swiper-container .author-page {
	bottom: 0
}
.index-author .swiper-container .swiper-pagination-bullet {
	background: #eee;
	opacity: 1
}
.index-author .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #ccc
}
.index-author .author-more {
	position: relative;
	display: block;
	width: 318px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #d4d4d4;
	font-size: 14px;
	z-index: 15
}
.index-author .author-more:hover {
	color: #666
}
#marketData .market-list {
	width: 82px!important
}
.topMarket {
	position: relative;
	width: 100%;
	display: block
}
.topMarket .topMarket-cont {
	position: relative;
	width: 1200px;
	height: 100%;
	margin: 0 auto;
	z-index: 5
}
.topMarket .topMarket-cont .market-active {
	position: absolute;
	width: 82px;
	height: 8px;
	z-index: 10;
	left: 15px;
	bottom: -10px;
	display: none;
	background: url(https://www.huoxing24.com/img/indexNew/market-active-5164f1275e.png) no-repeat center/100% 100%
}
.topMarket .topMarket-cont .market-active.active {
	display: block
}
.topMarket .topMarket-cont .swiper-container {
	width: 100%;
	height: 100%
}
.topMarket .topMarket-cont .swiper-container .swiper-slide a {
	color: #222
}
.topMarket .topMarket-cont .swiper-container .swiper-slide a:last-of-type .market-list {
	padding: 0
}
.topMarket .topMarket-cont .swiper-container .swiper-slide .market-list {
	position: relative;
	width: 84px;
	height: 60px;
	float: left;
	padding: 0 0 0 17px;
	background: #fff;
	border-right: #dde3ec 1px solid
}
.topMarket .topMarket-cont .swiper-container .swiper-slide .market-list:last-child, .topMarket .topMarket-cont .swiper-container .swiper-slide .market-list:nth-child(12n) {
	border: 0
}
.topMarket .topMarket-cont .swiper-container .swiper-slide .market-list .icon-cont {
	position: relative;
	z-index: 5;
	width: 100%;
	font-size: 12px
}
.topMarket .topMarket-cont .swiper-container .swiper-slide .market-list .icon-cont .icon-text img {
	width: 18px;
	height: 18px;
	vertical-align: top
}
.topMarket .topMarket-cont .swiper-container .swiper-slide .market-list .icon-cont .icon-text span {
	width: 37px;
	height: 20px;
	line-height: 20px;
	color: #222;
	padding-left: 5px;
	display: inline-block;
	vertical-align: middle
}
.topMarket .topMarket-cont .swiper-container .swiper-slide .market-list .icon-cont h5 {
	padding: 6px 2px;
	display: inline-block;
	font-size: 12px;
	font-weight: 700
}
.topMarket .topMarket-cont .swiper-container .swiper-slide .market-list .exponent-big {
	position: relative;
	font-size: 12px;
	color: #fff;
	z-index: 5
}
.topMarket .topMarket-cont .swiper-container .swiper-slide .market-list .exponent-big .exponent {
	padding: 0 3px
}
.topMarket .topMarket-cont .swiper-container .swiper-slide .market-list .exponent-big .exponent.rise {
	color: #00b07c;
	border-radius: 3px
}
.topMarket .topMarket-cont .swiper-container .swiper-slide .market-list .exponent-big .exponent.fall {
	color: #d3061e;
	border-radius: 3px
}
.topMarket .topMarket-cont .swiper-container .swiper-slide .market-list .exponent-curve {
	position: absolute;
	bottom: 10px;
	left: 10px;
	height: 30px;
	width: 142px;
	cursor: pointer
}
.topMarket .topMarket-cont .market-next, .topMarket .topMarket-cont .market-prev {
	position: absolute;
	width: 10px;
	color: #fff;
	left: auto;
	-webkit-transition: .6s;
	transition: .6s
}
.topMarket .topMarket-cont .market-prev {
	background: url(https://www.huoxing24.com/img/indexNew/left-b5aae41371.svg) no-repeat center/100%;
	left: -35px;
	top: 32px;
	-webkit-transition: .6s;
	transition: .6s
}
.topMarket .topMarket-cont .market-prev:hover {
	background: url(https://www.huoxing24.com/img/indexNew/left-h-d2d84e8f45.svg) no-repeat center/100%;
	-webkit-transition: .6s;
	transition: .6s
}
.topMarket .topMarket-cont .market-next {
	right: -40px;
	top: 32px;
	background: url(https://www.huoxing24.com/img/indexNew/right-62d5d5a3c3.svg) no-repeat center/100%;
	-webkit-transition: .6s;
	transition: .6s
}
.topMarket .topMarket-cont .market-next:hover {
	background: url(https://www.huoxing24.com/img/indexNew/right-h-fdeedadebe.svg) no-repeat center/100%;
	-webkit-transition: .6s;
	transition: .6s
}
.topMarket .topMarket-cont .market-page {
	left: 48%;
	bottom: -17px
}
.topMarket .topMarket-cont .market-page span {
	margin: 0 3px
}
.topMarket .topMarket-cont .market-page span.swiper-pagination-bullet {
	background: #bccee9
}
.topMarket .bottom-Market {
	position: absolute;
	top: 100px;
	width: 100%;
	z-index: 10;
	height: 0;
	background: #fff;
	-webkit-box-shadow: #dadada 0 0 20px;
	box-shadow: #dadada 0 0 20px;
	overflow: hidden
}
.topMarket .bottom-Market.bounceInDown {
	-webkit-animation: bounceInDown .3s both;
	animation: bounceInDown .3s both
}
.topMarket .bottom-Market.bounceInUp {
	-webkit-animation: bounceInUp .3s both;
	animation: bounceInUp .3s both
}
.topMarket .bottom-Market .bottomMarket-cont {
	position: relative;
	width: 1200px;
	height: 340px;
	padding: 10px 0;
	margin: 0 auto
}
.topMarket .bottom-Market .bottomMarket-cont .closeBtn {
	position: absolute;
	width: 30px;
	height: 30px;
	right: -55px;
	top: 50px;
	cursor: pointer;
	background: url(https://www.huoxing24.com/img/header/close-8bc6f38d95.png) no-repeat
}
.topMarket .bottom-Market .bottomMarket-cont .closeBtn:hover {
	background: url(https://www.huoxing24.com/img/header/close-h-fa1a6d2d8a.png) no-repeat
}
.topMarket .bottom-Market .bottomMarket-cont .market-left {
	width: 320px;
	height: 100%;
	float: left
}
.topMarket .bottom-Market .bottomMarket-cont .market-left .currency {
	margin-top: 45px
}
.topMarket .bottom-Market .bottomMarket-cont .market-left .currency .icon {
	font-size: 18px;
	color: #222
}
.topMarket .bottom-Market .bottomMarket-cont .market-left .currency .icon img {
	display: inline-block;
	width: 20px;
	height: 20px;
	float: left
}
.topMarket .bottom-Market .bottomMarket-cont .market-left .currency .icon span {
	float: left;
	margin-left: 10px
}
.topMarket .bottom-Market .bottomMarket-cont .market-left .currency .price {
	color: #222
}
.topMarket .bottom-Market .bottomMarket-cont .market-left .currency .price h5 {
	float: left;
	font-size: 28px;
	font-weight: 700;
	padding: 15px 30px;
	line-height: 30px
}
.topMarket .bottom-Market .bottomMarket-cont .market-left .currency .price .increase {
	display: block;
	float: left;
	font-size: 12px;
	margin-top: 20px
}
.topMarket .bottom-Market .bottomMarket-cont .market-left .currency .price .increase span {
	margin-right: 5px;
	float: left;
	padding: 3px;
	color: #fff
}
.topMarket .bottom-Market .bottomMarket-cont .market-left .currency .price .increase span.rise {
	background: #69caf2;
	border-radius: 3px
}
.topMarket .bottom-Market .bottomMarket-cont .market-left .currency .price .increase span.fall {
	background: #ec7796;
	border-radius: 3px
}
.topMarket .bottom-Market .bottomMarket-cont .market-left .exchange {
	width: 300px;
	margin-top: 10px
}
.topMarket .bottom-Market .bottomMarket-cont .market-left .exchange table {
	width: 100%
}
.topMarket .bottom-Market .bottomMarket-cont .market-left .exchange table thead td {
	color: #222;
	font-size: 14px;
	line-height: 50px
}
.topMarket .bottom-Market .bottomMarket-cont .market-left .exchange table tbody td {
	color: #222;
	font-size: 15px;
	line-height: 40px;
	width: 33.3%
}
.topMarket .bottom-Market .bottomMarket-cont .market-left .exchange table tbody td:first-child {
	display: block;
	width: 95px;
	height: 40px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
.topMarket .bottom-Market .bottomMarket-cont .market-right {
	float: right;
	width: 875px;
	height: 280px;
	margin-top: 40px
}
@-webkit-keyframes bounceInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0, -150px, 0);
transform:translate3d(0, -150px, 0);
height:0
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
height:380px
}
}
@keyframes bounceInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0, -150px, 0);
transform:translate3d(0, -150px, 0);
height:0
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
height:380px
}
}
@-webkit-keyframes bounceInUp {
0% {
opacity:1;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
height:100%
}
100% {
opacity:0;
-webkit-transform:translate3d(0, -137px, 0);
transform:translate3d(0, -137px, 0);
height:0
}
}
@keyframes bounceInUp {
0% {
opacity:1;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
height:100%
}
100% {
opacity:0;
-webkit-transform:translate3d(0, -137px, 0);
transform:translate3d(0, -137px, 0);
height:0
}
}
.index-new-filsh {
	position: relative;
	width: 318px;
	height: auto;
	padding: 10px 20px 25px;
	background-color: #fff;
	border: 1px #eee solid
}
.index-new-filsh .d-new-cont {
	height: auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.index-new-filsh .d-new-cont .title {
	position: relative;
	width: 100%
}
.index-new-filsh .d-new-cont .title h3 {
	font-weight: 700;
	padding: 10px 0;
	width: 100%;
	margin-bottom: 20px
}
.index-new-filsh .d-new-cont .title h3 a {
	display: block;
	width: 100%;
	font-size: 16px;
	color: #222
}
.index-new-filsh .d-new-cont .title a {
	position: absolute;
	top: 8px;
	right: 0;
	font-size: 12px;
	color: #b2b2b2
}
.index-new-filsh .d-new-cont .title a.more {
	display: inline-block;
	border-right: 3px solid;
	border-bottom: 3px solid;
	width: 10px;
	height: 10px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	color: #ccc
}
.index-new-filsh .d-new-cont .list-items-box {
	position: relative;
	width: 330px
}
.index-new-filsh .d-new-cont .list-items-box .item-box {
	width: 100%;
	height: auto
}
.index-new-filsh .d-new-cont .list-items-box .item {
	position: relative
}
.index-new-filsh .d-new-cont .list-items-box .item.fadeIn {
	-webkit-animation: fadeIn 1s both;
	animation: fadeIn 1s both
}
.index-new-filsh .d-new-cont .list-items-box .item a {
	color: #222;
	display: inline-block;
	width: 100%;
	font-size: 14px;
	padding-bottom: 14px;
	line-height: 22px
}
.index-new-filsh .d-new-cont .list-items-box .item a h3 {
	font-size: 14px
}
.index-new-filsh .d-new-cont .list-items-box .item .time-left {
	position: relative;
	width: 100%
}
.index-new-filsh .d-new-cont .list-items-box .item .time-left span {
	display: block;
	width: 45px;
	font-size: 12px;
	color: #999;
	line-height: 20px
}
.index-new-filsh .d-new-cont .list-items-box .item.item-icons {
	color: #222
}
.index-new-filsh .d-new-cont .list-items-box .item.item-icons.import {
	color: #ff7f41
}
.index-new-filsh .d-new-cont .list-items-box .item.item-icons.import a {
	color: #ff7f41
}
.index-new-filsh .d-new-cont .list-items-box .item:hover .share-box {
	display: block
}
.index-new-filsh .d-new-cont .list-items-box .item .share-box {
	display: none;
	position: absolute;
	width: 110px;
	height: 20px;
	top: 0;
	right: 0;
	font-size: 12px;
	color: #b7c1cf
}
.index-new-filsh .d-new-cont .list-items-box .item .share-box span {
	display: inline-block
}
.index-new-filsh .d-new-cont .list-items-box .item .share-box .share-newFlash {
	float: right;
	width: 80px;
	margin-top: -7px
}
.index-new-filsh .d-new-cont .list-items-box .item .share-box .share-newFlash a {
	display: inline-block;
	float: left;
	padding: 0;
	width: 16px;
	height: 20px
}
.index-new-filsh .d-new-cont .list-items-box .item .share-box .share-newFlash a.icon-qq {
	width: 15px;
	height: 16px;
	background: url(https://www.huoxing24.com/img/indexNew/qq-6cccd6d508.png) no-repeat;
	background-size: 100%
}
.index-new-filsh .d-new-cont .list-items-box .item .share-box .share-newFlash a.icon-qq:hover {
	background: url(https://www.huoxing24.com/img/indexNew/qq-h-00a75e9099.png) no-repeat;
	background-size: 100%
}
.index-new-filsh .d-new-cont .list-items-box .item .share-box .share-newFlash a.icon-weibo {
	width: 18px;
	height: 16px;
	background: url(https://www.huoxing24.com/img/indexNew/sina-14861f1415.png) no-repeat;
	background-size: 100%
}
.index-new-filsh .d-new-cont .list-items-box .item .share-box .share-newFlash a.icon-weibo:hover {
	background: url(https://www.huoxing24.com/img/indexNew/sina-h-88cf473d78.png) no-repeat;
	background-size: 100%
}
.index-new-filsh .d-new-cont .list-items-box .item .share-box .share-newFlash a.icon-wechat {
	width: 17px;
	height: 15px;
	background: url(https://www.huoxing24.com/img/indexNew/wx-64890b8c36.png) no-repeat;
	background-size: 100%
}
.index-new-filsh .d-new-cont .list-items-box .item .share-box .share-newFlash a.icon-wechat:hover {
	background: url(https://www.huoxing24.com/img/indexNew/wx-h-949c10dbfe.png) no-repeat;
	background-size: 100%
}
.index-new-filsh .d-new-cont .list-items-box .item .share-box .share-newFlash a.icon-wechat .wechat-qrcode {
	z-index: 10
}
.index-new-filsh .d-new-cont .filsh-more {
	display: block;
	width: 100px;
	text-align: center;
	font-size: 14px;
	color: #d4d4d4;
	margin: 0 auto
}
.index-new-filsh .ad-show {
	width: 330px;
	height: auto;
	float: right
}
.index-new-filsh .ad-show .news-img a {
	display: block;
	width: 100%;
	height: 100%;
	margin-bottom: 15px
}
.index-new-filsh .ad-show .news-img a img {
	width: 100%;
	height: 100%
}
@keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
.advertising-box {
	padding: 20px 0
}
.advertising-box .advertising {
	width: 318px;
	height: auto;
	border: 1px #eee solid;
	padding: 10px 20px
}
.advertising-box .advertising .advertising-title {
	font-size: 16px;
	color: #222;
	font-weight: 700;
	padding: 10px 0
}
.advertising-box .advertising .swiper-container.ad {
	width: 100%;
	height: auto
}
.advertising-box .advertising .swiper-container.ad .slide-list {
	display: block;
	width: 100%;
	height: 50px;
	padding: 10px 0;
	border-bottom: 1px #eee solid
}
.advertising-box .advertising .swiper-container.ad .slide-list:last-child {
	border-bottom: none
}
.advertising-box .advertising .swiper-container.ad .slide-list .ad-icon {
	float: left;
	width: 40px;
	height: 40px
}
.advertising-box .advertising .swiper-container.ad .slide-list .ad-icon img {
	width: 40px;
	height: 40px
}
.advertising-box .advertising .swiper-container.ad .slide-list .ad-text {
	float: right;
	width: 267px;
	height: 40px;
	line-height: 20px;
	margin-top: 0
}
.advertising-box .advertising .swiper-container.ad .slide-list .ad-text h5 {
	font-size: 16px;
	color: #222
}
.advertising-box .advertising .swiper-container.ad .slide-list .ad-text h5:hover {
	color: #0163c5
}
.advertising-box .advertising .swiper-container.ad .slide-list .ad-text p {
	width: 267px;
	height: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
	color: #828a92
}
.advertising-box .advertising .swiper-container.ad .slide-list .ad-text p:hover {
	color: #555c62
}
.advertising-box .advertising .swiper-container.ad .swiper-pagination-bullet {
	background: #eee;
	opacity: 1
}
.advertising-box .advertising .swiper-container.ad .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #ccc
}
.advertising-box .advertising .swiper-container .ad-page {
	bottom: 0
}
.products-box {
	padding: 20px 0
}
.products-box .my-products {
	width: 318px;
	border: 1px #eee solid;
	padding: 10px 20px 0
}
.products-box .my-products .products-title {
	font-size: 16px;
	color: #222;
	font-weight: 700;
	padding: 10px 0 0
}
.products-box .my-products .products-list {
	display: block;
	width: 100%;
	height: 40px;
	padding: 20px 0;
	border-bottom: 1px #eee solid
}
.products-box .my-products .products-list:last-child {
	border-bottom: none
}
.products-box .my-products .products-list .products-icon {
	float: left;
	width: 40px;
	height: 40px
}
.products-box .my-products .products-list .products-icon img {
	width: 40px;
	height: 40px
}
.products-box .my-products .products-list .products-text {
	float: right;
	width: 274px;
	height: 40px;
	line-height: 20px
}
.products-box .my-products .products-list .products-text h5 {
	font-size: 16px;
	color: #222
}
.products-box .my-products .products-list .products-text h5:hover {
	color: #0163c5
}
.products-box .my-products .products-list .products-text p {
	width: 267px;
	height: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
	color: #828a92
}
.products-box .my-products .products-list .products-text p:hover {
	color: #555c62
}
.video-box {
	padding-bottom: 20px
}
.video-box .indev-video {
	float: right;
	width: 318px;
	border: 1px #eee solid;
	padding: 10px 20px
}
.video-box .indev-video .video-title {
	padding: 10px 0
}
.video-box .indev-video .video-title h3 {
	float: left;
	width: 90%
}
.video-box .indev-video .video-title h3 a {
	display: block;
	width: 100%;
	font-weight: 700;
	font-size: 16px;
	color: #222
}
.video-box .indev-video .video-title a {
	float: right;
	font-size: 12px;
	color: #b2b2b2
}
.video-box .indev-video .video-title a.more {
	display: inline-block;
	border-right: 3px solid;
	border-bottom: 3px solid;
	width: 10px;
	height: 10px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	color: #ccc
}
.video-box .indev-video .hot-video {
	width: 318px;
	height: auto;
	margin: 0 auto
}
.video-box .indev-video .hot-video a {
	position: relative;
	display: block;
	width: 100%;
	height: 175px;
	margin-bottom: 20px;
	overflow: hidden
}
.video-box .indev-video .hot-video a:last-child {
	margin-bottom: 10px
}
.video-box .indev-video .hot-video a img.video-img {
	width: 318px;
	height: 184px;
	-webkit-transition: all .2s;
	transition: all .2s
}
.video-box .indev-video .hot-video a:hover .video-img {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05)
}
.video-box .indev-video .hot-video a span {
	position: absolute;
	display: block;
	top: 40px;
	left: 50%;
	margin-left: -44px
}
.video-box .indev-video .hot-video a span.video-btn {
	width: 88px;
	height: 88px
}
.video-box .indev-video .hot-video a h6 {
	position: absolute;
	padding: 15px;
	font-size: 14px;
	bottom: 0;
	color: #fff;
	width: 288px;
	line-height: 20px;
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,.85)), color-stop(rgba(0,0,0,.4)), to(transparent));
	background: linear-gradient(to top, rgba(0,0,0,.85), rgba(0,0,0,.4), transparent)
}
.activity-box {
	overflow: hidden;
	padding-top: 20px
}
.activity-box .indev-activity {
	float: right;
	width: 318px;
	border: 1px #eee solid;
	padding: 10px 20px
}
.activity-box .indev-activity .activity-title {
	padding: 10px 0 15px
}
.activity-box .indev-activity .activity-title h3 {
	float: left;
	width: 90%
}
.activity-box .indev-activity .activity-title h3 a {
	display: block;
	width: 100%;
	font-weight: 700;
	font-size: 16px;
	color: #222
}
.activity-box .indev-activity .activity-title a {
	float: right;
	font-size: 12px;
	color: #b2b2b2
}
.activity-box .indev-activity .activity-title a.more {
	display: inline-block;
	border-right: 3px solid;
	border-bottom: 3px solid;
	width: 10px;
	height: 10px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	color: #ccc
}
.activity-box .indev-activity .activity-cont {
	width: 318px;
	height: 230px
}
.activity-box .indev-activity .activity-cont .swiper-container {
	width: 100%;
	height: 100%
}
.activity-box .indev-activity .activity-cont .swiper-container .swiper-slide {
	width: 100%;
	height: 230px
}
.activity-box .indev-activity .activity-cont .swiper-container .swiper-slide h6 {
	font-size: 14px;
	color: #828a92;
	width: 100%;
	height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 20px;
	margin-bottom: 10px
}
.activity-box .indev-activity .activity-cont .swiper-container .swiper-slide img {
	width: 318px;
	height: 175px;
	margin: 0 auto
}
.activity-box .indev-activity .activity-cont .swiper-container .activity-page {
	bottom: 0
}
.activity-box .indev-activity .activity-cont .swiper-container .swiper-pagination-bullet {
	background: #eee;
	opacity: 1
}
.activity-box .indev-activity .activity-cont .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #ccc
}
.tags-box {
	padding-bottom: 20px
}
.tags-box .index-tags {
	float: right;
	width: 318px;
	border: 1px #eee solid;
	padding: 10px 20px
}
.tags-box .index-tags .tags-title {
	padding: 10px 0 15px
}
.tags-box .index-tags .tags-title h3 {
	float: left;
	font-weight: 700;
	font-size: 16px;
	color: #222
}
.tags-box .index-tags .tags-title a {
	float: right;
	font-size: 12px;
	color: #b2b2b2
}
.tags-box .index-tags .tags-title a.more {
	display: inline-block;
	border-right: 3px solid;
	border-bottom: 3px solid;
	width: 10px;
	height: 10px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	color: #ccc
}
.tags-box .index-tags .tags-cont {
	width: 100%;
	height: auto
}
.tags-box .index-tags .tags-cont a {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	color: #222;
	font-size: 14px;
	background: #f5f7fa;
	padding: 0 10px;
	border-radius: 5px;
	margin: 0 4px 10px 0
}
.tags-box .index-tags .tags-cont a:hover {
	background: #e9edf3
}